/* BARKS特集用テンプレート（完全版）2010.09.09修正 yusukondo */

/* 基本事項
-------------------------------------------------------- */
#FeatureWrap {color:#D7D7D7;background:#fff;font-family:'Lucida Grande',sans-serif;width:600px;margin:0;padding:0;font-size:12px;line-height:1.5em;overflow:hidden;/*border:1px solid #FF6600;*/}
#FeatureWrap a:link {color:#C5C5C5;text-decoration:underline;}
#FeatureWrap a:visited {color:#C5C5C5;text-decoration:underline;}
#FeatureWrap a:hover {color:#ef2d99;text-decoration:none;}
#FeatureWrap ul,#FeatureWrap ol,#FeatureWrap li,#FeatureWrap dl,#FeatureWrap dt,#FeatureWrap dd {margin:0;padding:0;list-style:none;}
#FeatureWrap p {margin:0;}
#FeatureWrap img {border:none;}
#FeatureWrap .hide {display:none;}
#FeatureWrap .clr {clear:both;height:0;font-size:0;line-height:0;}
#FeatureWrap .clearfix:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
.clearfix {min-height:1px;}
* html #FeatureWrap .clearfix {height:1px;}

/* 共通ページナビ消去 */
.Item {margin:0;width:600px;}
.ItemName {display:none;line-height:0;padding:0;visibility:hidden;}
.Itemdata {margin:5px 0 10px;}
*html .Itemdata {height:1%;}


/* HEADER TILE FOOTER
------------------------------------------------------- */
#FeatureWrap #Title {
background:url(http://img.barks.jp/image/review/1000067685/ttl.jpg) no-repeat 0 0;
width:600px;
min-height:316px;
position:relative;
}
#Title h1,
#Title h2 {margin:0;padding:0;font-size:1px;line-height:1;text-indent:-9999px;height:0;}
#FeatureWrap #Title p {
padding:240px 18px 0 23px;
color:#56ebc3;
}
#FeatureWrap #feature_footer {clear:both;}
#FeatureWrap #feature_footer p {float:right;padding:10px 0;}
#FeatureWrap #feature_footer p a {color:#404248;text-decoration:none;}
#FeatureWrap #feature_footer p a:hover {color:#9d9fa3;}
#FeatureWrap #FeatureBox {background:url(http://img.barks.jp/image/review/1000067685/mainbg.png) repeat-y;}
#FeatureWrap #Feature_in {clear:both;padding:0 10px 10px;}
#FeatureWrap #Feature_in .box {margin-bottom:20px;clear:both;}
#gnavi {
text-indent:-9999px;
width:600px;
height:45px;
margin:10px 0;
}
#gnavi ul {}
#gnavi ul li {float:left;}
#gnavi ul li a {
display:block;
height:45px;
background:url(http://img.barks.jp/image/review/1000067685/subtitle.jpg) no-repeat 0 -400px;
}
#gnavi ul li#navi-cast a {width:100px;background-position:0 -400px;}
#gnavi ul li#navi-story a {width:85px;background-position:-100px -400px;}
#gnavi ul li#navi-voice a {width:120px;background-position:-185px -400px;}
#gnavi ul li#navi-perform a {width:90px;background-position:-305px -400px;}
#gnavi ul li#navi-comment a {width:85px;background-position:-395px -400px;}
#gnavi ul li#navi-official a {width:120px;background-position:-480px -400px;}

#gnavi ul li#navi-cast a:hover {background-position:0 -445px;}
#gnavi ul li#navi-story a:hover {background-position:-100px -445px;}
#gnavi ul li#navi-voice a:hover {background-position:-185px -445px;}
#gnavi ul li#navi-perform a:hover {background-position:-305px -445px;}
#gnavi ul li#navi-comment a:hover {background-position:-395px -445px;}
#gnavi ul li#navi-official a:hover {background-position:-480px -445px;}

#FeatureWrap #Lead {
background:url(http://img.barks.jp/image/review/1000067685/subtitle.jpg) no-repeat 0 -590px;
width:600px;
height:360px;
}
#Lead #btn-ticket {
width:275px;
height:50px;
float:left;
padding:10px 10px 10px 20px;
}
#Lead #btn-ticket a {
display:block;
width:275px;
height:50px;
background:url(http://img.barks.jp/image/review/1000067685/subtitle.jpg) no-repeat 0px -540px;
text-indent:-9999px;
}
#Lead #btn-ticket a:hover {
background-position:-300px -540px;
}
#Lead #btn-photo {
width:275px;
height:50px;
float:left;
padding:10px 0 0;
}
#Lead #btn-photo a {
display:block;
width:275px;
height:50px;
background:url(http://img.barks.jp/image/review/1000067685/subtitle.jpg) no-repeat 0px -490px;
text-indent:-9999px;
}
#Lead #btn-photo a:hover {
background-position:-300px -490px;
}
#leadtop {
clear:both;
padding:90px 205px 50px 22px;
color:#FFF;
line-height:1.5;
}

/* SUB HEADING
------------------------------------------------------- */
#FeatureWrap .subttl {
width:580px;
height:20px;
margin:0 0 10px;
text-indent:-9999px;
font-size:1px;
line-height:0;
background:url(http://img.barks.jp/image/review/1000067685/subtitle.jpg) no-repeat 0 0;
}
#cast .subttl {height:0;margin:0;}
#story .subttl {background-position:0 -20px;}
#voice .subttl {background-position:0 -40px;}
#perform .subttl {background-position:0 -60px;}
#comment .subttl {background-position:0 -80px;}
#talk .subttl {width:280px;background-position:0 -120px;}
#relate_news .subttl {width:280px;background-position:0 -140px;}

#FeatureWrap .pd10 {
clear:both;
padding:10px;
}
#FeatureWrap .pd10 p {
text-align:center;
padding:5px 0;
}
#FeatureWrap .pd10 p.blk {
font-size:84%;
background:#FFF;
padding:5px;
color:#333;
}
#FeatureWrap .pd10 p .pink {
color:#E80F87;
}
#FeatureWrap .castbox {
float:left;
width:110px;
padding:5px 0 0 5px;
text-align:center;
}
#FeatureWrap .castbox img {
display:block;
padding-bottom:5px;
}
#FeatureWrap .color1 {
margin:0;
padding:10px;
}
#FeatureWrap .color2 {
font-size:84%;
line-height:1.4;
padding:0 10px 10px;
color:#888;
}
#FeatureWrap .color3 {
margin:0;
padding:0 10px 10px;
}
#FeatureWrap .color3 span {
font-size:84%;
line-height:1.4;
color:#888;
display:block;
}
#FeatureWrap .color4 {
border-left:5px solid #BBB;
margin:15px 10px 10px;
padding:5px 5px 5px 10px;
}
#FeatureWrap .box_l {
float:left;
padding:10px 0 20px;
width:280px;
}
#FeatureWrap .box_r {
float:right;
padding:10px 0 20px;
width:280px;
}
#FeatureWrap .fltr {
float:right;
padding:10px;
}
#FeatureWrap #relate_news ul {
}
#FeatureWrap #relate_news ul li {
background:url(http://img.barks.jp/image/review/1000067685/arrow.png) no-repeat 0 3px;
padding:0 5px 0 15px;
margin:5px;
}
#comment .commentbox {
margin-bottom:15px;
}
#comment .comment-head {
background:url(http://img.barks.jp/image/review/1000067685/note_01.jpg) no-repeat top left;
width:580px;
color:#333;
}
#comment .comment-bottom {
background:url(http://img.barks.jp/image/review/1000067685/note_02.jpg) no-repeat bottom left;
width:580px;
}
#comment .comment-bottom p {
padding:25px 20px 10px 30px;
line-height:1.6;
color:#121212;
}
#comment .comment-bottom p span {
display:block;
padding:15px 0 10px;
font-size:84%;
font-weight:bold;
text-align:right;
}

#FeatureWrap .btn-official {
width:500px;
height:70px;
margin:20px auto 30px;
}
#FeatureWrap .btn-official a {
display:block;
width:500px;
height:70px;
background:url(http://img.barks.jp/image/review/1000067685/subtitle.png) no-repeat 0 -260px;
text-indent:-9999px;
}
#FeatureWrap .btn-official a:hover {
background-position:0 -330px;
}