/* 特集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:#764f36;
  background:url(http://img.barks.jp/image/review/1000045094/wrap_bg.jpg) repeat-y;
}
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;}

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

/*-- 画像link色 --*/
#Feature_wrapper a.discLink img { border:3px solid #f8f0d3;}
#Feature_wrapper a.discLink 	{ background-color:#ebe4c7; display:block; /*vertical-align:middle;*/ padding:1px; }
#Feature_wrapper a.discLink:hover { background-color:#368fb4;}

/*------------------------------------------------
 navi
---------------------------------------------------*/
#Feature_wrapper .tpnavi	{ height:90px; margin:0 0 0 40px; padding:0; width:300px; background:url(http://img.barks.jp/image/review/1000045094/tpnavi.gif) no-repeat 0 0;}
.tpnavi ul	{ display:inline;margin:0; }
.tpnavi li	{ display:inline; }
.tpnavi li a	{ height:45px; 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/1000045094/tpnavi.gif) no-repeat 0px 0px; width:150px; }
.tpnavi li.LINK02 a	{ background:url(http://img.barks.jp/image/review/1000045094/tpnavi.gif) no-repeat -150px 0px; width:150px; }
.tpnavi li.LINK03 a	{ background:url(http://img.barks.jp/image/review/1000045094/tpnavi.gif) no-repeat 0px -45px; width:150px; }
.tpnavi li.LINK04 a	{ background:url(http://img.barks.jp/image/review/1000045094/tpnavi.gif) no-repeat -150px -45px; width:150px; }
.tpnavi li.LINK01 a:hover	{ background:url(http://img.barks.jp/image/review/1000045094/tpnavi.gif) no-repeat 0px -90px; }
.tpnavi li.LINK02 a:hover	{ background:url(http://img.barks.jp/image/review/1000045094/tpnavi.gif) no-repeat -150px -90px; }
.tpnavi li.LINK03 a:hover	{ background:url(http://img.barks.jp/image/review/1000045094/tpnavi.gif) no-repeat 0px -135px; }
.tpnavi li.LINK04 a:hover	{ background:url(http://img.barks.jp/image/review/1000045094/tpnavi.gif) no-repeat -150px -135px; }

/*------------------------------------------------
 common
---------------------------------------------------*/
#Feature_wrapper h1{
  margin:0;
  width:600px;
  height:107px;
  background:url(http://img.barks.jp/image/review/1000045094/title01.jpg) no-repeat;
  text-indent:-9999px;
}
#Feature_wrapper h2{
  margin:0;
  width:600px;
  height:111px;
  background:url(http://img.barks.jp/image/review/1000045094/title02.jpg) no-repeat;
  text-indent:-9999px;
}
#Feature_wrapper #TopNavi{
  margin:0;
  width:600px;
  height:162px;
  background:url(http://img.barks.jp/image/review/1000045094/title03.jpg) no-repeat;
}

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

#Feature_wrapper .main{
  margin:0 0 0 10px;
  padding-bottom:10px;
  width:580px;
  background:#f8f0d3;
  border-left:1px solid #efd8bb;
  border-right:1px solid #efd8bb;
}
#Feature_wrapper .main p{
  margin:0;
  padding:5px 20px;
}

/*------------------------------------------------
 h3
---------------------------------------------------*/
#Feature_wrapper h3#lead{
  margin:0; width:580px; height:127px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000045094/h3_lead.jpg) no-repeat;
}
#Feature_wrapper h3#disc{
  margin:0; width:580px; height:60px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000045094/h3_disc.gif) no-repeat;
}
#Feature_wrapper h3#movie{
  margin:20px 0 0 0; width:580px; height:60px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000045094/h3_movie.gif) no-repeat;
}
#Feature_wrapper h3#photo{
  margin:20px 0 0 0; width:580px; height:60px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000045094/h3_photo.gif) no-repeat;
}
#Feature_wrapper h3#link{
  margin:20px 0 0 0; width:580px; height:60px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000045094/h3_link.gif) no-repeat;
}

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


/*------------------------------------------------
 main内
---------------------------------------------------*/
/*--disc--*/
#Feature_wrapper .main .Disco{
  margin:10px 10px 10px 20px;
  background:#f2f2f2;
  border:1px solid #e6dede;
}
#Feature_wrapper .main .cd{
  margin:10px 15px 5px 20px;
  display:inline;
  float:left;
}

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

/*--movie--*/

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

/*--movie--*/

#Feature_wrapper .main ul#photo{
  margin:0;
  padding:5px 0px 0 25px;
  display:block;
}
#Feature_wrapper .main ul#photo li{
  margin:0px 7px 5px 0px;
  /*display:inline;*/
  float:left;
  text-align:center;
  line-height:1.6;
}
#Feature_wrapper .main ul#photo 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/1000045094/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 0px 10px 27px; 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: 10px 0px 0.3em 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/1000045094/arrow.gif) no-repeat 0 3px; margin: 0.2em 0px 0.2em 0px; padding: 0 0 0 13px;}

/*------------------------------------------------
 btn
---------------------------------------------------*/
#Feature_wrapper ul#btn_int			{ float:right; display:block; margin:0; padding:20px 0 0 0px; width:200px; height:35px; }
#Feature_wrapper ul#btn_int li			{ display:block; width:200px; height:35px; margin:0px; padding:0px; text-indent:-9877em;}
#Feature_wrapper ul#btn_int li a		{ display:block; width:200px; height:35px; margin:0px; padding:0; background:url(http://img.barks.jp/image/review/1000045094/btn_int.gif) no-repeat 0px 0px; }
#Feature_wrapper ul#btn_int li a:hover { background-position:0px -35px; }

#Feature_wrapper ul#btn_int01			{ float:left; display:block; margin:0; padding:10px 0 0 0px; width:200px; height:35px; }
#Feature_wrapper ul#btn_int01 li			{ display:block; width:200px; height:35px; margin:0px; padding:0px; text-indent:-9877em;}
#Feature_wrapper ul#btn_int01 li a		{ display:block; width:200px; height:35px; margin:0px; padding:0; background:url(http://img.barks.jp/image/review/1000045094/btn_int01.gif) no-repeat 0px 0px; }
#Feature_wrapper ul#btn_int01 li a:hover { background-position:0px -35px; }

#Feature_wrapper ul#btn_int02			{ float:right; display:block; margin:0; padding:10px 0 0 0px; width:200px; height:35px; }
#Feature_wrapper ul#btn_int02 li			{ display:block; width:200px; height:35px; margin:0px; padding:0px; text-indent:-9877em;}
#Feature_wrapper ul#btn_int02 li a		{ display:block; width:200px; height:35px; margin:0px; padding:0; background:url(http://img.barks.jp/image/review/1000045094/btn_int02.gif) no-repeat 0px 0px; }
#Feature_wrapper ul#btn_int02 li a:hover { background-position:0px -35px; }

#Feature_wrapper ul#btn_top			{ float:right; display:block; margin:0; padding:10px 0 0 0px; width:200px; height:35px; }
#Feature_wrapper ul#btn_top li			{ display:block; width:200px; height:35px; margin:0px; padding:0px; text-indent:-9877em;}
#Feature_wrapper ul#btn_top li a		{ display:block; width:200px; height:35px; margin:0px; padding:0; background:url(http://img.barks.jp/image/review/1000045094/btn_top.gif) no-repeat 0px 0px; }
#Feature_wrapper ul#btn_top li a:hover { background-position:0px -35px; }


/*------------------------------------------------
 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:5px 20px 5px 20px;
  color:#555;
}
#Feature_wrapper .main .iku{
  margin:0;
  padding:5px 20px 5px 20px;
  color:#d57b63;
}
#Feature_wrapper .main .photo_l{
  margin:0;
  padding:10px 15px 5px 20px;
  float:left;
}
#Feature_wrapper .main .photo_r{
  margin:0;
  padding:10px 20px 5px 15px;
  float:right;
}
#Feature_wrapper .main .photo_l img,#Feature_wrapper .main .photo_r img{
  border-top:1px solid #ebe4c7;
  border-left:1px solid #ebe4c7;
  border-right:2px solid #e2d9ba;
  border-bottom:2px solid #e2d9ba;
}


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

ul.page-navi li {
  display: inline;
  margin: 0;
  padding: 0 10px;
  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; }