@charset "utf-8";

#artist {width:780px;margin:40px 0 40px 0;}
#artist a {color:#0086CE;}
#artist p{line-height:170%;font-size:12px;} 

.artistBlock {position:relative;width:780px;height:345px;display:block;margin-bottom:35px;}   
.artistPhoto {position:absolute;top:0;left:280px;width:80px;height:80px;}
.artistName {position:absolute;top:0;left:370px;width:200px;text-align:left;line-height:140%;font-size:12px;}
.artistProfile {position:absolute;top:100px;left:280px;width:400px;font-size:12px;line-height:170%;}
.artistProfile p{text-align:left;}
.artisTshirt {position:absolute;top:0;left:20px;width:240px;height:313px;}   
    .artisTshirt img{z-index:1;}
.artistimgList {position:absolute;top:0;right:0;width:78px;}   
    .artistimgList .thumbnail {width:80px;height:84px;display:block;}   
    .artistimgList .thumbnail img{width:78px;height:78px;border:1px solid #ffffff;}   
	.artistimgList .thumbnail a:hover img{border:1px solid #666666;opacity:0.7;filter:alpha (opacity=70) ;/*for IE*/} 

#artist_detail{display:none;}

/* インタービュー
----------------------------------------------- */
#interview {width:780px;}
#interview h4{margin:10px 0 30px;color:#888;font-size:12px;line-height:180%;font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;}
#itvtable {border:none;}
#itvtable td {border:none;}
#itvtable td.itvleft {padding:0 0 50px;vertical-align:top;width:306px;line-height:170%;letter-spacing:1px;}
#itvtable td.itvleft2 {padding:0 0 30px;vertical-align:top;width:306px;line-height:170%;letter-spacing:1px;}
#itvtable td.itvright {padding:0;vertical-align:top;}
#itvtable td.itvright2 {padding:30px 0 0;vertical-align:top;}
img.itvimg001 {margin:30px 0 20px;}
img.itvimg002 {margin-bottom:10px;}
img.itvimg003 {margin:30px 0 5px;}
img.itvimg004 {margin:10px 0 10px;}

#itv_ban {float:right;width:156px;}
#itv_ban ul li {padding-bottom:10px;}
#itv_ban a:hover img{opacity:0.7;filter:alpha (opacity=70) ;/*for IE*/}

.itvtable {width:550px;float:left;}
.itvtable .fl {width:300px;line-height:170%;letter-spacing:1px;}
.itvtable .fr {width:243px;padding-top:30px;}
.itvtable .img_blc{padding-top:30px;}
.itvtable h5 {padding:30px 0 0px;color:#888;font-size:12px;line-height:180%;font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;}
.itvtable p {width:306px;padding-top:10px;padding-bottom:10px;text-align:justify;text-justify:inter-ideograph;}

/* ブログ
----------------------------------------------- */
#blog {width:780px;margin:0 0 0 0;padding:20px 0 60px 0;display:block;position:relative;}
#blog a:hover{text-decoration:underline;}
#blog .blogBlock {width:240px;height:180px;display:block;margin:10px 9px;float:left;font-size:10px;border:#CCCCCC solid 1px;overflow:hidden;}
#blog .blogBlock.x{display:none;}
#blog .blogBlock .blogPhoto {float:left;padding:5px;border:none;width:80px;}
#blog .blogBlock .blogProfile{float:left;padding:5px 0 0 10px;width:110px;}
#blog .blogBlock .blogProfile a:link{color:#0086CE;}
#blog .blogBlock .blogProfile a:visited{color:#0086CE;}
#blog .blogDetail{width:220px;height:84px;margin-left:10px;clear:both;overflow:hidden;}
#blog .blogDetail h3{width:220px;height:20px;font-size:12px;border-bottom:1px #ccc solid;overflow:hidden;}
#blog .blogDetail h3 a:link{color:#0086CE;}
#blog .blogDetail h3 a:visited{color:#0086CE;}
#blog .blogDetail p{padding-top:3px;}
#blog .blogDetail p a:link{color:#999999;}
#blog .blogDetail p a:visited{color:#999999;}
#blog .blogDetail p.date{padding-top:0px;width:220px;text-align:right;color:#999;}


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}
#cboxOverlay{position:fixed;width:100%;height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left;margin:auto;border:0;display:block;}
.cboxIframe{width:100%;height:100%;display:block;border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
    #cboxContent{margin-top:32px;overflow:visible;}
        #cboxError{padding:50px;border:1px solid #ccc;}
        #cboxLoadedContent{padding:20px 0 0;border:1px solid #ccc;background:#ffffff;}
        #cboxLoadingGraphic{background:url(../img/common/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{}
        #cboxTitle{position:absolute;top:-22px;left:0;}
        #cboxCurrent{position:absolute;top:-22px;right:205px;text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px;width:20px;height:20px;position:absolute;top:-20px;background:url(../img/artist/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px;right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px;right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px;right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px;right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px;right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}