/* BARKS Ring特集 用テンプレート 2010.05.28 yusukondo
-------------------------------------------------------- */


/* 基本事項
-------------------------------------------------------- */
#FeatureWrap {color:#404248;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:#3366CC;text-decoration:underline;}
#FeatureWrap a:hover {color:#FF6600;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:35px;
margin:0 1px;
background:url(http://img.barks.jp/image/review/1000071853/feature_images.jpg) no-repeat 0 -590px;
font-size:14px;
font-weight:bold;
}
/* ------------------------------------------------------- */
/* ナビゲーションの数に応じて指定（2〜6個） */
#FeatureWrap .Column2 a {width:299px;}
#FeatureWrap .Column2 a.last {width:298px;}
#FeatureWrap .Column3 a {width:198px;}
#FeatureWrap .Column3 a.last {width:200px;}
#FeatureWrap .Column4 a {width:148px;}
#FeatureWrap .Column4 a.last {width:151px;}
#FeatureWrap .Column5 a {width:118px; font-size:12px;}
#FeatureWrap .Column5 a.last {width:120px;}
#FeatureWrap .Column6 a {width:98px; font-size:12px;}
#FeatureWrap .Column6 a.last {width:103px;}
*html #FeatureWrap .Column2 a.last {width:299px;}
*html #FeatureWrap .Column3 a.last {width:202px;}
*html #FeatureWrap .Column4 a.last {width:154px;}
*html #FeatureWrap .Column5 a.last {width:126px;}
*html #FeatureWrap .Column6 a.last {width:103px !important;}

/* ------------------------------------------------------- */
#FeatureWrap .FeatureNavi a { 
float:left;
background:url(http://img.barks.jp/image/review/1000071853/feature_images.jpg) no-repeat 0 -500px;
height:29px;
margin:2px 0 0;
color:#2f2f43 !important;
text-decoration:none !important;
border-right:1px solid #bfbfbf;
border-top:1px solid #bfbfbf;
}
#FeatureWrap .FeatureNavi a.last { 
border-right:none;
}
.FeatureNavi a span {
display:block;
padding:5px 0 0 5px;
vertical-align:middle;
line-height:20px;
text-align:center;
}
#FeatureWrap .FeatureNavi a:hover { 
background-position:0 -530px;
}
#FeatureWrap .FeatureNavi a.current { 
background-position:0 -560px;
color:#FFF !important;
}
#FeatureWrap .FeatureNavi a:hover.current { 
background-position:0 -560px;
color:#FFF !important;
}


/* ------------------------------------------------------- */
/* HEADER TILE FOOTER */
/* ------------------------------------------------------- */
#FeatureWrap h1{
margin: 0;
padding: 0;
width: 600px;
text-indent: -9999px;
}
#FeatureWrap h1.Main{
height: 300px;
background: url(http://img.barks.jp/image/review/1000071853/feature_images.jpg) no-repeat 0 0;
}
#FeatureWrap h1.Page{
height: 200px;
background: url(http://img.barks.jp/image/review/1000071853/feature_images.jpg) no-repeat 0 0;
}
#FeatureWrap h1.Photo{
height: 50px;
background: url(http://img.barks.jp/image/review/1000071853/feature_images.jpg) no-repeat 0 0;
}
#FeatureWrap h2{
display: none;
}
#FeatureWrap #feature_footer {
clear:both;
width:600px;
height:50px;
background:url(http://img.barks.jp/image/review/1000071853/feature_images.jpg) no-repeat 0 -360px;
}
#FeatureWrap #feature_footer p {
float:right;
padding:10px 0 0 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/1000071853/feature_repeat.png) repeat-y;
}
#FeatureWrap #Feature_in {
clear:both;
padding:10px;
}

#FeatureWrap #Feature_in .box_in{
margin-bottom: 20px;
padding:1px;
background:#aaa;
}
#FeatureWrap #Feature_in .box_out{
margin: 0;
padding: 10px;
background: #FFF;
}
#FeatureWrap #Feature_in .box_out.profbox {
padding:10px 10px 20px;
}

/* SUB HEADING
------------------------------------------------------- */
#FeatureWrap #Feature_in h3.sub_heading {
margin:0;
width:580px;
height:50px;
clear:both;
text-indent:-9999px;
}
#FeatureWrap #Feature_in h3.talk {background:url(http://img.barks.jp/image/review/1000071853/feature_images.jpg) no-repeat 0 -1000px;}
#FeatureWrap #Feature_in h3.profile {background:url(http://img.barks.jp/image/review/1000071853/feature_images.jpg) no-repeat 0 -1450px;}
#FeatureWrap #Feature_in h3.info {background:url(http://img.barks.jp/image/review/1000071853/feature_images.jpg) no-repeat 0 -1050px;}
#FeatureWrap #Feature_in h3.disc {background:url(http://img.barks.jp/image/review/1000071853/feature_images.jpg) no-repeat 0 -1100px;}
#FeatureWrap #Feature_in h3.link {background:url(http://img.barks.jp/image/review/1000071853/feature_images.jpg) no-repeat 0 -1150px;}
#FeatureWrap #Feature_in h3.page1 {background:url(http://img.barks.jp/image/review/1000071853/feature_images.jpg) no-repeat 0 -1200px;}
#FeatureWrap #Feature_in h3.page2 {background:url(http://img.barks.jp/image/review/1000071853/feature_images.jpg) no-repeat 0 -1250px;}
#FeatureWrap #Feature_in h3.page3 {background:url(http://img.barks.jp/image/review/1000071853/feature_images.jpg) no-repeat 0 -1300px;}
#FeatureWrap #Feature_in h3.page4 {background:url(http://img.barks.jp/image/review/1000071853/feature_images.jpg) no-repeat 0 -1350px;}
#FeatureWrap #Feature_in h3.photo {background:url(http://img.barks.jp/image/review/1000071853/feature_images.jpg) no-repeat 0 -1400px;}



#FeatureWrap .box_out h4{
border-bottom: 1px solid #222;
color: #222;
padding: 2px 5px;
margin: 10px 0 10px;
clear: both;
}

/* -----------------------------------------------------------
◆　ページ内　◆
--------------------------------------------------------*/

#Feature_in .box_out .Lead{
margin: 0;
}

#Feature_in .flt_r{
text-align: right;
display: block;
margin: 5px 0 0;
}

#FeatureWrap .box_out .index_area{
padding: 10px;
margin-bottom: 5px;
border-bottom: 1px dotted #333;
clear: both;
}
#FeatureWrap .box_out .index_area img{
display: inline;
float: left;
border: 1px solid #333;
}
#FeatureWrap .box_out .index_area .index_page{
background: #222;
margin-left: 70px;
padding: 2px 5px;
font-weight: bold;
}
#FeatureWrap .box_out .index_area .index_page a{
color: #fff;
text-decoration: none;
}
#FeatureWrap .box_out .index_area p{
margin: 0;
padding: 5px 0 0 70px;
}
#FeatureWrap .box_out .index_area a{
text-decoration: none;
}
#FeatureWrap .box_out .index_area a:hover{
}
/*　INFOMATION
--------------------------------------------------------*/

#Feature_in .box_out .profile_photo{
float: right;
margin-left:10px;
margin-bottom:10px;
}
#Feature_in .box_out .profile_photo img{
border: 1px solid #333;
margin: 15px 0 10px 15px;
padding:0 !important;
}
#Feature_in .box_out .info_txt{
clear:both;
display:inline;
padding-bottom:15px;
}
#Feature_in .box_out .info_txt h5{
font-size: 13px;
margin:5px 0;
}
#Feature_in .box_out .info_txt img{
float: left;
margin:0 10px 0 0;
}
#Feature_in .box_out p.column{
padding: 10px 0 0 0;
}
#Feature_in .box_out .colbox{
background: #DEDEDE;
border: 1px solid #B9B9B9;
font-size: 85%;
color: #000;
text-align: center;
}
#Feature_in .box_out .colbox p{
margin: 5px 0;
}
#Feature_in a.arrow{
display: block;
margin: 5px 5px 0px;
clear: both;
padding-left: 17px;
background: url(http://img.barks.jp/image/review/1000071853/arrow.png) no-repeat left center;
}

#Feature_in #tpnavi_01,
#Feature_in #tpnavi_02,
#Feature_in #tpnavi_03,
#Feature_in #tpnavi_04,
#Feature_in #tpnavi_photo,
#Feature_in #tpnavi_movie{
width: 280px;
height: 111px;
margin: 0;
padding: 0;
float: left;
}
#Feature_in #tpnavi_01 a,
#Feature_in #tpnavi_02 a,
#Feature_in #tpnavi_03 a,
#Feature_in #tpnavi_04 a,
#Feature_in #tpnavi_photo a,
#Feature_in #tpnavi_movie a{
width: 280px;
height: 111px;
display: block;
text-indent: -9999px;
}
#Feature_in #tpnavi_01 a{
background: url(http://img.barks.jp/image/review/1000071853/tpnavi.jpg) no-repeat 0 0;
}
#Feature_in #tpnavi_01 a:hover{
background-position: 0 -333px;
}

#Feature_in #tpnavi_02 a{
background: url(http://img.barks.jp/image/review/1000071853/tpnavi.jpg) no-repeat -280px 0;
}
#Feature_in #tpnavi_02 a:hover{
background-position: -280px -333px;
}

#Feature_in #tpnavi_03 a{
background: url(http://img.barks.jp/image/review/1000071853/tpnavi.jpg) no-repeat 0 -111px;
}
#Feature_in #tpnavi_03 a:hover{
background-position: 0 -444px;
}

#Feature_in #tpnavi_04 a{
background: url(http://img.barks.jp/image/review/1000071853/tpnavi.jpg) no-repeat -280px -111px;
}
#Feature_in #tpnavi_04 a:hover{
background-position: -280px -444px;
}

#Feature_in #tpnavi_photo a{
background: url(http://img.barks.jp/image/review/1000071853/tpnavi.jpg) no-repeat 0 -222px;
}
#Feature_in #tpnavi_photo a:hover{
background-position: 0 -555px;
}

#Feature_in #tpnavi_movie a{
background: url(http://img.barks.jp/image/review/1000071853/tpnavi.jpg) no-repeat -280px -222px;
}
#Feature_in #tpnavi_movie a:hover{
background-position: -280px -555px;
}

#Feature_in .box_out .info_box_l {
float:left;
padding:0 0 15px 0;
margin:0 0 10px 0;
width:260px;
display:inline;
}
#Feature_in .box_out .info_box_r {
float:right;
padding:0 0 15px 15px;
margin:0 0 10px 0;
border-left:1px solid #999;
width:275px;
display:inline;
}

#Feature_in .box_out .info_box_l h5,
#Feature_in .box_out .info_box_r h5 {
font-size:13px;
margin:5px 0;
}
#Feature_in .box_out .info_box_l img,
#Feature_in .box_out .info_box_r img {
float:right;
margin:0 0 0 10px;
}

/* -----------------------------------------------------------
◆　インタビュー　◆
--------------------------------------------------------*/
#Feature_in h4.int{
margin: 5px 10px 15px;
padding: 5px;
border-bottom: 1px solid #5a2a16;
color: #222;
clear: both;
line-height: 1.2;
font-size:14px;
}

#Feature_in .barks{
padding: 5px 10px;
color:#373737;
line-height: 1.6;
}
#Feature_in .int_artist {
padding: 5px 10px;
color: #333;
line-height: 1.6;
}
#Feature_in .int_artist span {
font-weight: bold;
margin-right:3px;
}
#Feature_in .int_artist span.color1 {
color:#275ba7;
}
#Feature_in .int_artist span.color2 {
color:#3eb3af;
}
#Feature_in .int_artist span.color3 {
color:#da1414;
}
#Feature_in .int_artist span.color4 {
color:#b528ad;
}
#Feature_in .int_artist span.color5 {
color:#a1520b;
}
#Feature_in .int_artist span.color6 {
color:#e94114;
}
#Feature_in .int_artist span.color7 {
color:#23781a;
}

#Feature_in .onose span.txt_s{
color: #999;
font-size: 85%;
font-weight: normal;
}
#Feature_in .writer {
padding: 20px 10px;
text-align: right;
font-weight: bold;
}
#Feature_in #intBox_in .mobile{
padding-left: 20px;
}
#Feature_in #intBox_in .mobile img{
padding-right: 25px;
}
/* 写真左寄せ */
#Feature_in .photo_l{
padding: 10px 15px 10px 10px;
float: left;
}

/* 写真右寄せ */
#Feature_in .photo_r{
padding: 10px 10px 5px 15px;
float: right;
}

/* 写真中寄せ */
#Feature_in .photo_c{
text-align: center;
padding: 10px 0 15px;
}
#Feature_in .photo_mix{
text-align: center;
padding: 10px 0 15px;
}
#Feature_in .photo_mobile{
text-align: center;
padding: 10px 0 15px;
}

#Feature_in .photo_c img {
border:2px solid #DDD;
padding:1px;
}
#Feature_in .photo_r img {
border:2px solid #DDD;
padding:1px;
}
#Feature_in .photo_l img {
border:2px solid #DDD;
padding:1px;
}
.kizai{
font-size: 85%;
margin: 15px;
}
.kizai p{
padding: 10px;
}
#FeatureWrap .btn_next{
float: right;
width: 100px;
height: 20px;
margin: 0;
padding: 15px;
}
#FeatureWrap .btn_next a{
display: block;
background: url(http://img.barks.jp/image/review/1000071853/btn_next.png) no-repeat 0 0;
width: 100px;
height: 20px;
text-indent: -9999px;
}
#FeatureWrap .btn_next a:hover{
background-position: 0 -20px;
}
#FeatureWrap .btn_prev{
float: left;
width: 100px;
height: 20px;
margin: 0;
padding: 15px;
}
#FeatureWrap .btn_prev a{
display: block;
background: url(http://img.barks.jp/image/review/1000071853/btn_prev.png) no-repeat 0 0;
width: 100px;
height: 20px;
text-indent: -9999px;
}
#FeatureWrap .btn_prev a:hover{
background-position: 0 -20px;
}



/* ---------------------------------------------------------------------------------------*/

#FeatureWrap #PhotoBox{
text-align: center;
}
#FeatureWrap #PhotoBox #Photo_out{
background: url(http://img.barks.jp/image/review/1000071853/photo_bottom.jpg) no-repeat left bottom;
padding-bottom: 45px;
}
#FeatureWrap #PhotoBox p{
text-align: center;
padding: 10px;
color: #aaa;
}
#FeatureWrap #PhotoBox p img{
border: 1px solid #000;
}
#PhotoBox #Photo_title {
height: 135px;
background: url(http://img.barks.jp/image/review/1000071853/photo_title.jpg) no-repeat left top;
}
#PhotoBox #Photo_title span{
display: none;
}
/**/
#FeatureWrap #PhotoBox ul{
background: #EEE;
margin: 10px auto 20px;
padding: 15px 100px;
text-align: center;
border-radius: 5px;
-moz-border-radius: 5px;
}
#FeatureWrap #PhotoBox ul li{
margin: 15px 2px 0;
display: inline;
}
#FeatureWrap #PhotoBox ul li img{
}
#FeatureWrap #PhotoBox .back{
margin: 0;
padding: 0 0 15px;
}
#FeatureWrap #PhotoBox .back a{
background: #000;
border: 1px solid #333;
color: #fc8108;
text-decoration: none;
font-weight: bold;
padding: 4px 7px;
border-radius: 5px;
-moz-border-radius: 5px;
}
#FeatureWrap #PhotoBox .back a:hover{
background: #fc8108;
color: #000;
border: 1px solid #fc9636;
}
#FeatureWrap #PhotoBox ul li a img{
border: 1px solid #333;
}
#FeatureWrap #PhotoBox ul li a:hover img{
border: 1px solid #fc8108;
}