/* BARKS特集用テンプレート（完全版）2010.06.09 yusukondo */
/* ----------------------------------------------------------- */
/* 基本事項 */
/* -------------------------------------------------------- */
#FeatureWrap {color:#333;background:#fff;font-family:'Lucida Grande',sans-serif;width:600px;margin:0;padding:0;font-size:12px;line-height:1.4em;overflow:hidden;}
#FeatureWrap a {color:#b62435;text-decoration:underline;}
#FeatureWrap a:hover {color:#ec5466;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%;}

/* ------------------------------------------------------- */
/* FEATURE NAVI */
/* ------------------------------------------------------- */
#FeatureWrap .FeatureNavi {
padding:180px 0 0 20px;
}
#FeatureWrap .FeatureNavi a {
width:350px;
height:30px;
display:block;
background:url(http://img.barks.jp/image/review/1000065768/line6_navi.png) no-repeat 0 0;
}
#FeatureWrap .FeatureNavi a span {display:none;}
#FeatureWrap .FeatureNavi a.page1 {background-position:0 0;}
#FeatureWrap .FeatureNavi a.page2 {background-position:0px -30px;}
#FeatureWrap .FeatureNavi a.page3 {background-position:0px -60px;}
#FeatureWrap .FeatureNavi a:hover.page1 {background-position:-350px 0px;}
#FeatureWrap .FeatureNavi a:hover.page2 {background-position:-350px -30px;}
#FeatureWrap .FeatureNavi a:hover.page3 {background-position:-350px -60px;}
#FeatureWrap .FeatureNavi a.current1 {background-position:-700px 0px;}
#FeatureWrap .FeatureNavi a.current2 {background-position:-700px -30px;}
#FeatureWrap .FeatureNavi a.current3 {background-position:-700px -60px;}
#FeatureWrap .FeatureNavi a:hover.current1 {background-position:-700px 0px;}
#FeatureWrap .FeatureNavi a:hover.current2 {background-position:-700px -30px;}
#FeatureWrap .FeatureNavi a:hover.current3 {background-position:-700px -60px;}

/* ------------------------------------------------------- */
/* HEADER TILE FOOTER
/* ------------------------------------------------------- */
#FeatureWrap #Header {
margin:0;
padding:0;
width:600px;
height:300px;
background:url(http://img.barks.jp/image/review/1000065768/title.jpg) no-repeat 0 0;
text-indent:-9999px;
font-size:0;
line-height:0;
}
#Header h1,#Header h2 {
display:none;
}
#FeatureWrap #feature_footer {
clear:both;
width:600px;
height:60px;
background:url(http://img.barks.jp/image/review/1000065768/footer.png) no-repeat 0 0 ;
}
#FeatureWrap #feature_footer p {
float:right;
padding:18px 10px 0 0;
font-size:12px;
}
#FeatureWrap #feature_footer p a {
color:#EEE;
text-decoration:none;
}
#FeatureWrap #feature_footer p a:hover {
color:#9d9fa3;
}
#FeatureWrap #FeatureBox {
background:url(http://img.barks.jp/image/review/1000065768/main_bg.png) repeat-y left bottom;
}
#FeatureWrap #Feature_in {
clear:both;
padding:0 25px 10px;
}
#FeatureWrap #Feature_in .box {
}

/* SUB HEADING
------------------------------------------------------- */
#Feature_in .line6_heading {
width:550px;
height:70px;
margin:0 0 10px;
text-indent:-9999px;
}
#Feature_in #heading1 {background:url(http://img.barks.jp/image/review/1000065768/line6_heading1.jpg) no-repeat 0 0;}
#Feature_in #heading2 {background:url(http://img.barks.jp/image/review/1000065768/line6_heading2.jpg) no-repeat 0 0;}
#Feature_in #heading3 {background:url(http://img.barks.jp/image/review/1000065768/line6_heading3.jpg) no-repeat 0 0;}

#Feature_in .subheading {
background:url(http://img.barks.jp/image/review/1000065768/subheading.jpg) no-repeat left bottom;
margin:20px 0;
height:35px;
line-height:35px;
padding:0 0 0 10px;
color:#FFF;
font-weight:bold;
font-size:14px;
}
#Feature_in .komidashi {
font-weight:bold;
background:url(http://img.barks.jp/image/review/1000065768/komidashi.png) no-repeat left bottom;
color:#9e6623;
padding:5px 0 0 23px;
margin:10px 10px 0px;
font-size:14px;
}
#Feature_in .txt {
margin-bottom:1em;
color:#333;
padding:0.4em 10px;
}
#Feature_in .txt2 {
margin-bottom:1em;
color:#755a3b;
padding:0.4em 0px;
font-weight:bold;
}
#Feature_in .photo {
margin-bottom:1em;
color:#777;
padding:0.4em 10px;
text-align:center;
}
#Feature_in .photo img {
text-align:center;
margin:0 0 5px;
}

#Feature_in .txt.green {
color:#406028;
}
#FeatureWrap #Feature_in .box p {
}
#FeatureWrap #Feature_in .box p.txt1 {
}
#FeatureWrap #Feature_in .box p.txt_r {
text-align:right;
font-weight:bold;
margin:30px 0 0;
}
#Feature_in .movie {
border:3px solid #f5e2e0;
color:#bc1007;
font-weight:bold;
margin:0 120px 30px;
}
#Feature_in .movie div {
border:1px solid #bc1007;
}
#Feature_in .movie div a {
display:block;
padding:5px 5px 5px 35px;
background:#FFF url(http://img.barks.jp/image/review/1000065768/movie_play.png) no-repeat 10px 7px;
text-decoration:none;
}
#Feature_in .movie div a:hover {
background:#f8ed76 url(http://img.barks.jp/image/review/1000065768/movie_play.png) no-repeat 10px 7px;
color:#bc1007;
}
#Feature_in .profile {
border:1px solid #999;
}
#Feature_in .profile .inner {
border:5px solid #EEE;
padding:10px;
}
#Feature_in .profile .name {
border-bottom:3px solid #bc1007;
color:#bc1007;
padding:3px 5px;
margin:0 0 10px;
font-weight:bold;
font-size:16px;
}
#Feature_in .profile p {
font-size:12px;
line-height:1.3;
}
#Feature_in table.effect {
background:none repeat scroll 0 0 #FFFFFF;
border-collapse:separate;
border-spacing:0;
margin:5px 10px 15px;
text-align:left;
font-size:10px;
}
#Feature_in table.effect thead,
#Feature_in table.effect tbody {
border-collapse:separate;
border-spacing:0;
}
#Feature_in table.effect thead tr,
#Feature_in table.effect tbody tr {
vertical-align:top;
}
#Feature_in table.effect thead tr td {
background-color:#bc2820;
border-bottom:1px solid #FFF;
border-right:1px solid #FFF;
color:#FFFFFF;
padding:2px 5px;
}
#Feature_in table.effect tbody tr td {
background-color:#EEE;
border-bottom:1px solid #FFF;
border-right:1px solid #FFF;
color:#666;
padding:2px 5px;
}
#FeatureWrap #Feature_in .box .photo_l {
float:left;
padding:0 10px 15px 15px;
width:260px;
font-size:10px;
color:#888;
line-height:1.3;
}
#FeatureWrap #Feature_in .box .photo_r {
float:right;
padding:0 0 10px 10px;
font-size:10px;
color:#888;
line-height:1.3;
}
#FeatureWrap #Feature_in .box .photo_r2 {
float:right;
padding:0 10px 10px 15px;
font-size:10px;
color:#888;
line-height:1.3;
}
#FeatureWrap #Feature_in .box .photo_r img,
#FeatureWrap #Feature_in .box .photo_l img {
display:block;
padding-bottom:10px;
}
#FeatureWrap #Feature_in .box .nextpage {
text-align:center;
margin:30px auto 0;
text-indent:-50px;
font-weight:bold;
width:450px;
line-height:25px;
}
#FeatureWrap #Feature_in .box .nextpage a {
display:block;
background:url(http://img.barks.jp/image/review/1000065768/next.png) no-repeat 0 0;
text-decoration:none;
}
#FeatureWrap #Feature_in .box .nextpage a:hover {
background-position:0 -25px;
}
#FeatureWrap #Feature_in .btn_link {
margin:20px auto;
padding:10px 0;
width:450px;
height:120px;
}
#FeatureWrap #Feature_in .btn_link a {
background:url(http://img.barks.jp/image/review/1000065768/line6_banner.jpg) no-repeat 0 0;
display:block;
width:450px;
height:120px;
text-indent:-9999px;
}
#FeatureWrap #Feature_in .btn_link a:hover {
background-position:0 -120px;
}
#FeatureWrap .credit {
background:#fff;
border:1px solid #dcdcdc;
padding:1px;
margin:10px 0;
text-align:center;
font-size:10px;
line-height:14px;
color:#888;
}
#FeatureWrap .credit p {
padding:10px;
background:#e9e9e9;
}
.box .listen {
clear:both;
margin:10px auto 20px;
border:2px solid #CCC;
padding:15px;
background:#EEE;
width:500px;
}
.box .listen2 {
clear:both;
margin:10px auto;
border:2px solid #CCC;
padding:15px;
background:#EEE;
width:400px;
}
.box .ttl {
margin:0 0 14px;
font-size:16px;
font-weight:bold;
color:#777;
}

.preset {
margin:10px;
border-collapse:separate;
border-spacing:0;
border-top:1px solid #CCC;
border-left:1px solid #CCC;
background:none repeat scroll 0 0 #FFFFFF;
text-align:left;
font-size:10px;
}
.preset h5 {
margin:5px 0;
}
.preset thead,.preset tbody {
border-collapse:separate;
border-spacing:0;
}
.preset tbody tr {
vertical-align:top;
}
.preset tbody tr td {
background-color:#FFF;
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;
color:#666;
padding:2px 5px;
width:100px;
}