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

/* ----------------------------------------------------------- */
/* 基本事項 */
/* -------------------------------------------------------- */
#FeatureWrap {color:#333;background:#fff;font-family:'Lucida Grande',sans-serif;width:600px;margin:0;padding:0;font-size:14px;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 .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;}

/* ------------------------------------------------------- */
/* FEATURE NAVI */
/* ------------------------------------------------------- */
#FeatureWrap .FeatureNavi { 
height:70px;
width:600px;
margin:0;
}
#FeatureWrap .FeatureNavi a { 
height:70px;
display:block;
float:left;
background:url(http://img.barks.jp/image/review/1000063802/feature_navi.png) no-repeat 0 0;
}
#FeatureWrap .FeatureNavi a span {display:none;}
#FeatureWrap .FeatureNavi a.page1 {width:120px;background-position:0 0;}
#FeatureWrap .FeatureNavi a.page2 {width:160px;background-position:-120px 0;}
#FeatureWrap .FeatureNavi a.page3 {width:155px;background-position:-280px 0;}
#FeatureWrap .FeatureNavi a.page4 {width:165px;background-position:-435px 0;}

#FeatureWrap .FeatureNavi a:hover.page1 {background-position:0 -70px;}
#FeatureWrap .FeatureNavi a:hover.page2 {background-position:-120px -70px;}
#FeatureWrap .FeatureNavi a:hover.page3 {background-position:-280px -70px;}
#FeatureWrap .FeatureNavi a:hover.page4 {background-position:-435px -70px;}

#FeatureWrap .FeatureNavi a.current1 {background-position:0 -140px;}
#FeatureWrap .FeatureNavi a.current2 {background-position:-120px -140px;}
#FeatureWrap .FeatureNavi a.current3 {background-position:-280px -140px;}
#FeatureWrap .FeatureNavi a.current4 {background-position:-435px -140px;}

#FeatureWrap .FeatureNavi a:hover.current1 {background-position:0 -140px;}
#FeatureWrap .FeatureNavi a:hover.current2 {background-position:-120px -140px;}
#FeatureWrap .FeatureNavi a:hover.current3 {background-position:-280px -140px;}
#FeatureWrap .FeatureNavi a:hover.current4 {background-position:-435px -140px;}

/* ------------------------------------------------------- */
/* HEADER TILE FOOTER
/* ------------------------------------------------------- */
#FeatureWrap h1 {
margin:0;
padding:0;
width:600px;
height:200px;
background:url(http://img.barks.jp/image/review/1000063802/feature_title.jpg) no-repeat 0 0;
text-indent:-9999px;
font-size:0;
line-height:0;
}
#FeatureWrap h2 {
display:none;
}
#FeatureWrap #feature_footer {
clear:both;
width:600px;
height:40px;
background:url(http://img.barks.jp/image/review/1000063802/feature_footer.png) no-repeat 0 0 ;
}
#FeatureWrap #feature_footer p {
float:right;
padding:5px 10px 0 0;
font-size:12px;
}
#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/1000063802/feature_repeat.png) repeat-y left bottom;
}
#FeatureWrap #Feature_in {
clear:both;
padding:10px;
}
#FeatureWrap #Feature_in .box {
}

/* SUB HEADING
------------------------------------------------------- */
#Feature_in .oomidashi {
width:580px;
margin:0;
}
#Feature_in .subhead {
background:url(http://img.barks.jp/image/review/1000063802/subhead.png) repeat-x left bottom;
width:580px;
margin:50px 0 10px;
padding-bottom:7px;
text-indent:10px;
color:#bc1221;
font-weight:bold;
font-size:16px;
}
#Feature_in .komidashi {
font-weight:bold;
color:#127ebc;
border-bottom:4px solid #127ebc;
padding:0 10px 2px 2px;
margin:0 10px 10px;
}
#Feature_in .txt {
margin-bottom:1em;
color:#333;
padding:0.4em 10px;
}
#Feature_in .txt2 {
margin-bottom:1em;
color:#755a3b;
padding:0.4em 10px;
font-weight:bold;
}
#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;
}

#FeatureWrap #Feature_in .box .graph {
margin:15px;
background:#EEE;
border:3px solid #ecdfcd;
}
.graph .graph_in {
border:1px solid #af8753;
padding:15px;
}
.graph ul {
}
.graph ul li{
background:url(http://img.barks.jp/image/review/1000063802/ol_list_image.png) no-repeat 3px 7px;
padding-left:15px;
margin-bottom:5px;
color:#5d4424;
}
.graph .midashi{
margin:0 0 8px;
padding:3px 7px;
color:#FFF;
font-weight:bold;
background:#555;
border-left:5px solid #000;
}
.graph p {
padding-bottom:15px;
}

#FeatureWrap #Feature_in .box .sachi {
margin:20px 40px;
background:#fff1f1;
border:3px solid #f7e8ea;
}
.sachi .sachi_in {
border:1px solid #e7a7ae;
padding:15px;
}
.sachi .midashi{
margin:0 0 8px;
padding:3px 7px;
color:#FFF;
font-weight:bold;
background:#b62435;
border-left:5px solid #000;
}
.sachi p {
}.sachi p img {
margin:0 8px 5px 0;
padding:2px;
background:#FFF;
border:1px solid #CCC!important;
display:block;
}
.box .brdr {
margin:0 0 5px 10px;
padding:2px;
background:#FFF;
border:1px solid #CCC!important;
display:block;
}

#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 15px 10px 10px;
width:260px;
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;
width:260px;
padding-bottom:10px;
}
#FeatureWrap #Feature_in .box img.w200 {width:200px!important;margin:0 auto;}
#FeatureWrap #Feature_in .box img.w180 {width:180px!important;margin:0 auto;}
#FeatureWrap #Feature_in .box img.w150 {width:150px!important;margin:0 auto;}
#FeatureWrap #Feature_in .box .photo_c {
margin:25px auto;
font-size:10px;
color:#888;
line-height:1.3;
width:560px;
}
#FeatureWrap #Feature_in .box .photo_c img {
width:560px;
}
#FeatureWrap #Feature_in .box .photobox {
clear:both;
width:580px;
margin:20px 0 10px;
}
#FeatureWrap #Feature_in .movielink {
height:30px;
margin:10px 0;
padding:10px 5px 0;
border-top:2px solid #333;
border-bottom:2px solid #333;
}
#FeatureWrap #Feature_in .movielink a {
background:url(http://img.barks.jp/image/review/1000063802/icon_movie.png) no-repeat left top;
padding:0 0 0 110px;
margin:0;
display:block;
height:30px;
}

#FeatureWrap #Feature_in .box .nextpage {
background:#ffe9ec;
border:1px solid #f8b3bb;
text-align:center;
margin:30px 10px 0;
padding:10px;
font-weight:bold;
}
#FeatureWrap #Feature_in .box .nextpage a {
display:block;
}
#FeatureWrap #Feature_in .btn_link {
margin:0 auto;
padding:10px 0;
width:400px;
height:60px;
}
#FeatureWrap #Feature_in .btn_link a {
background:url(http://img.barks.jp/image/review/1000063802/btn_link1.png) no-repeat 0 0;
display:block;
width:400px;
height:60px;
text-indent:-9999px;
}
#FeatureWrap #Feature_in .btn_link a:hover {
background-position:0 -60px;
}
#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;
border:2px solid #CCC;
padding:15px;
background:#EEE;
width:460px;
}
.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:25px;
font-weight:bold;
color:#999;
}