/* 特集cssテンプレート　更新：2008/11/17 */

/*------------------------------------------------
 all
---------------------------------------------------*/
#Feature_wrapper{
  font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W6", Osaka, sans-serif;
  width:600px;
  margin:0;
  padding:0;
  font-size:13px;
  line-height:1.3em;
  color:#eee;
  background:#0d0000;
}
img{border:none;}
.reset		{ clear: both; display: block; height: 0px; font-size:0px; line-height: 0px; }
.space10	{ clear: both; display: block; height: 10px; font-size:0px; line-height: 0px; }
.space20	{ clear: both; display: block; height: 20px; font-size:0px; line-height: 0px; }
#feature_wrapper ul li,#feature_wrapper dl { list-style-type:none; }
.hide		{ display:none; }
.clearfix:after   { content:"."; display:block; clear:both; height:0; visibility:hidden;}

#Feature_wrapper .back { margin:0; padding:0px 10px 5px 10px; text-align:center; }

/*------------------------------------------------
 link
---------------------------------------------------*/
#Feature_wrapper a			{ color: #eee;text-decoration: underline; }
#Feature_wrapper a:hover	{ color: #e53d3d;text-decoration: none; }

/*-- 画像link色 --*/
#Feature_wrapper a.discLink img { border:2px solid #5f4d58;}
#Feature_wrapper a.discLink 	{ background-color:#503e49; display:block; /*vertical-align:middle;*/ padding:2px; }
#Feature_wrapper a.discLink:hover { background-color:#e5ac00;}

/*------------------------------------------------
 navi
---------------------------------------------------*/
#Feature_wrapper .tpnavi	{ height:40px; margin:0px; padding:0; width:600px; background:url(http://img.barks.jp/image/review/1000045192/tpnavi.jpg) no-repeat 0 0;}
.tpnavi ul	{ display:inline;margin:0; }
.tpnavi li	{ display:inline; }
.tpnavi li a	{ height:40px; margin:0; display:block; float:left; text-indent:-9877em; text-decoration:none; overflow:hidden; }

.tpnavi li.LINK01 a	{ background:url(http://img.barks.jp/image/review/1000045192/tpnavi.jpg) no-repeat 0px 0px; width:150px; }
.tpnavi li.LINK02 a	{ background:url(http://img.barks.jp/image/review/1000045192/tpnavi.jpg) no-repeat -150px 0px; width:150px; }
.tpnavi li.LINK03 a	{ background:url(http://img.barks.jp/image/review/1000045192/tpnavi.jpg) no-repeat -300px 0px; width:150px; }
.tpnavi li.LINK04 a	{ background:url(http://img.barks.jp/image/review/1000045192/tpnavi.jpg) no-repeat -450px 0px; width:150px; }
.tpnavi li.LINK01 a:hover	{ background:url(http://img.barks.jp/image/review/1000045192/tpnavi.jpg) no-repeat 0px -40px; }
.tpnavi li.LINK02 a:hover	{ background:url(http://img.barks.jp/image/review/1000045192/tpnavi.jpg) no-repeat -150px -40px; }
.tpnavi li.LINK03 a:hover	{ background:url(http://img.barks.jp/image/review/1000045192/tpnavi.jpg) no-repeat -300px -40px; }
.tpnavi li.LINK04 a:hover	{ background:url(http://img.barks.jp/image/review/1000045192/tpnavi.jpg) no-repeat -450px -40px; }
.tpnavi li.LINK001 a	{ background:url(http://img.barks.jp/image/review/1000045192/tpnavi.jpg) no-repeat 0px -40px; width:150px; }
.tpnavi li.LINK002 a	{ background:url(http://img.barks.jp/image/review/1000045192/tpnavi.jpg) no-repeat -150px -40px; width:150px; }
.tpnavi li.LINK003 a	{ background:url(http://img.barks.jp/image/review/1000045192/tpnavi.jpg) no-repeat -300px -40px; width:150px; }

/*------------------------------------------------
 common
---------------------------------------------------*/
#Feature_wrapper h1{
  margin:0;
  width:600px;
  height:58px;
  background:url(http://img.barks.jp/image/review/1000045192/title01.jpg) no-repeat;
  text-indent:-9999px;
}
#Feature_wrapper h2{
  margin:0;
  width:600px;
  height:318px;
  background:url(http://img.barks.jp/image/review/1000045192/title02.jpg) no-repeat;
  text-indent:-9999px;
}
#Feature_wrapper #toptitle{
  margin:0;
  width:600px;
  height:73px;
  background:url(http://img.barks.jp/image/review/1000045192/title03.jpg) no-repeat;
  text-indent:-9999px;
}

#Feature_wrapper #bottom{
  margin:0;
  padding:0;
  width:600px;
  height:33px;
  background:url(http://img.barks.jp/image/review/1000045192/bottom.gif) no-repeat;
  clear:both;
}

#Feature_wrapper .main{
  margin:20px 0 10px 10px;
  padding-bottom:10px;
  width:580px;
  background:#5f4d58 url(http://img.barks.jp/image/review/1000045192/bg.jpg) repeat-y;
  border:1px solid #89708c;
}
#Feature_wrapper .main p{
  margin:0;
  padding:10px 10px;
}

/*------------------------------------------------
 h3
---------------------------------------------------*/
#Feature_wrapper h3#lead{
  margin:0; width:580px; height:30px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000045192/h3_lead.gif) no-repeat;
}
#Feature_wrapper h3#disc{
  margin:0; width:580px; height:30px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000045192/h3_disc.gif) no-repeat;
}
#Feature_wrapper h3#movie{
  margin:0; width:580px; height:30px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000045192/h3_movie.gif) no-repeat;
}
#Feature_wrapper h3#info{
  margin:0; width:580px; height:30px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000045192/h3_info.gif) no-repeat;
}
#Feature_wrapper h3#link{
  margin:0; width:580px; height:30px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000045192/h3_link.gif) no-repeat;
}

#Feature_wrapper h3#int01{
  margin:0; width:580px; height:30px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000045192/h3_int01.gif) no-repeat;
}
#Feature_wrapper h3#int02{
  margin:0; width:580px; height:30px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000045192/h3_int02.gif) no-repeat;
}
#Feature_wrapper h3#col{
  margin:0; width:580px; height:30px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000045192/h3_column.gif) no-repeat;
}

#Feature_wrapper h4#interview01{
  margin:10px 0 0 0; width:580px; height:50px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000045192/h4_int01.gif) no-repeat;
}
#Feature_wrapper h4#interview02{
  margin:15px 0 0 0; width:580px; height:50px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000045192/h4_int02.gif) no-repeat;
}
#Feature_wrapper h4#interview03{
  margin:10px 0 0 0; width:580px; height:50px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000045192/h4_int03.gif) no-repeat;
}
#Feature_wrapper h4#column{
  margin:10px 0 0 0; width:580px; height:60px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000045192/h4_column.gif) no-repeat;
}


/*------------------------------------------------
 main内
---------------------------------------------------*/
/*--disc--*/
#Feature_wrapper .main .Disco{
  margin:10px;
  background:#f2f2f2;
  border:1px solid #e6dede;
}
#Feature_wrapper .main .cd{
  margin:5px;
  display:inline;
  float:left;
  line-height:1.7;
  text-align:center;
}

#Feature_wrapper .main .disc_title{
  margin:10px 0 0 0;
  display:inline;
}
#Feature_wrapper .main .song{
  float:left;
  margin:10px 0 0 10px;
  width:140px;
  line-height:1.2;
}

/*--movie--*/

#Feature_wrapper .main ul#cap{
  margin:0;
  padding:0 0 0 1px;
  display:block;
}
#Feature_wrapper .main ul#cap li{
  margin:15px 0 0 7px;
  display:inline;
  float:left;
  text-align:center;
  line-height:1.6;
}
#Feature_wrapper .main ul#cap li img{
  margin:0;
}



#Feature_wrapper .main .btn_link{
  margin:15px 0 10px 20px;
  float:left;
  width:250px;
  text-align:center;
  font-size:80%;
  display:inline;
}
#Feature_wrapper .main .btn_link img{
  margin:0px;
}

#Feature_wrapper .main #present{ float:right; margin:20px 10px; padding:0 0 10px 0;border:3px solid #000; text-align:center;}
#Feature_wrapper .main #present h3{ margin:0 0 5px 0; width:150px; height:50px; text-indent:-9999px; background:url(http://img.barks.jp/image/review/1000045192/h3_present.jpg) no-repeat;}
#Feature_wrapper .main #present img{ margin-bottom:5px;}
#Feature_wrapper .main #present div{ margin:0 10px; width:130px;}

/*------------------------------------------------
 infomation
---------------------------------------------------*/
#Feature_wrapper .main dl.info { float:left; padding:0; margin:0px 30px 10px 15px; font-size:90%; display:inline;}
#Feature_wrapper .main dl.info dt { line-height: 1.3; font-weight:bold; list-style: decimal; list-style-position: outside; margin: 15px 0px 0.6em 0px; padding: 0;}
#Feature_wrapper .main dl.info dd { line-height: 1.3; list-style: decimal; list-style-position: outside; background:url(http://img.barks.jp/image/review/1000045192/arrow.gif) no-repeat 0 4px; margin: 0.4em 0px 0.2em 5px; padding: 0 0 0 13px;}

/*------------------------------------------------
 btn
---------------------------------------------------*/
#Feature_wrapper ul#btn_int			{ float:left; display:block; margin:0; padding:0px 0 10px 10px; width:275px; height:100px; }
#Feature_wrapper ul#btn_int li			{ display:block; width:275px; height:100px; margin:0px; padding:0px; text-indent:-9877em;}
#Feature_wrapper ul#btn_int li a		{ display:block; width:275px; height:100px; margin:0px; padding:0px; background:url(http://img.barks.jp/image/review/1000045192/btn_int.jpg) no-repeat 0px 0px; border:1px solid #261d23;}
#Feature_wrapper ul#btn_int li a:hover { background:url(http://img.barks.jp/image/review/1000045192/btn_int.jpg) no-repeat 0px -100px; }

#Feature_wrapper ul#btn_column			{ float:left; display:block; margin:0; padding:0px 0 10px 10px; width:275px; height:100px; }
#Feature_wrapper ul#btn_column li			{ display:block; width:275px; height:100px; margin:0px; padding:0px; text-indent:-9877em;}
#Feature_wrapper ul#btn_column li a		{ display:block; width:275px; height:100px; margin:0px; padding:0px; background:url(http://img.barks.jp/image/review/1000045192/btn_column.jpg) no-repeat 0px 0px; border:1px solid #261d23;}
#Feature_wrapper ul#btn_column li a:hover { background:url(http://img.barks.jp/image/review/1000045192/btn_column.jpg) no-repeat 0px -100px; }

#Feature_wrapper ul#btn_present			{ float:left; display:block; margin:0; padding:0px 0 0px 10px; width:275px; height:100px; }
#Feature_wrapper ul#btn_present li			{ display:block; width:275px; height:100px; margin:0px; padding:0px; text-indent:-9877em;}
#Feature_wrapper ul#btn_present li a		{ display:block; width:275px; height:100px; margin:0px; padding:0px; background:url(http://img.barks.jp/image/review/1000045192/btn_present.jpg) no-repeat 0px 0px; border:1px solid #261d23;}
#Feature_wrapper ul#btn_present li a:hover { background:url(http://img.barks.jp/image/review/1000045192/btn_present.jpg) no-repeat 0px -100px; }

#Feature_wrapper ul#btn_link			{ float:left; display:block; margin:0; padding:0px 0 0px 10px; width:275px; height:100px; }
#Feature_wrapper ul#btn_link li			{ display:block; width:275px; height:100px; margin:0px; padding:0px; text-indent:-9877em;}
#Feature_wrapper ul#btn_link li a		{ display:block; width:275px; height:100px; margin:0px; padding:0px; background:url(http://img.barks.jp/image/review/1000045192/btn_link.jpg) no-repeat 0px 0px; border:1px solid #261d23;}
#Feature_wrapper ul#btn_link li a:hover { background:url(http://img.barks.jp/image/review/1000045192/btn_link.jpg) no-repeat 0px -100px; }

/*------------------------------------------------
 interview
---------------------------------------------------*/
#Feature_wrapper h4.int_s {
  margin:0 15px 10px;
  padding:10px 5px 3px;
  color:#082e39;
  border-bottom:1px solid #082e39;
  font-weight:bold;
  font-size:110%;
}

#Feature_wrapper .main .barks {
  margin:0;
  padding:15px 15px 5px 15px;
  color:#eee;
}
#Feature_wrapper .main .barks02 {
  margin:0;
  padding:15px 25px 10px 15px;
  color:#eee;
  text-align:right;
}

#Feature_wrapper .main .canta{
  margin:0;
  padding:10px 15px 5px 15px;
  color:#dec6d0;
}
#Feature_wrapper .main .photo_l{
  margin:0;
  padding:5px 0px 5px 15px;
  float:left;
}
#Feature_wrapper .main .col_r{
  margin:5px 10px;
  width:390px;
  float:left;
}
#Feature_wrapper .main .col_r .canta{
  margin:0px 0px 5px 0px;
  padding:0;
  color:#dec6d0;
}
#Feature_wrapper .main h5{
  margin:15px 15px 5px 15px;
  padding-bottom:4px;
  font-size:120%;
  font-weight:bold;
  border-bottom:1px dotted #eee;
}
#Feature_wrapper .main .photo_r{
  margin:0;
  padding:0px 15px 5px 15px;
  float:right;
}
#Feature_wrapper .main .photo_l img,#Feature_wrapper .main .photo_r img{
  border:1px solid #000;
}


/*------------------------------------------------
 page-navi
---------------------------------------------------*/
ul.page-navi {
  position: relative;
  margin: 10px 15px 10px 15px;
  padding: 5px 0;
  height: 1.4em;
  text-align: center;
  background: #41303b none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

ul.page-navi li {
  display: inline;
  margin: 0;
  padding: 0 15px;
  font-size: 100%;
  color:#fff;
}
ul.page-navi li a		{ color: #FFF;text-decoration: underline; }
ul.page-navi li a:hover	{ color: #f1b5c3;text-decoration: none; }