/* 特集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:#dcdcdc;
  background:#000;
}
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 10px 10px; text-align:center; }

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

/*-- 画像link色 --*/
#Feature_wrapper a.discLink img { border:2px solid #23201f;}
#Feature_wrapper a.discLink 	{ background-color:#111; display:block; /*vertical-align:middle;*/ padding:2px; }
#Feature_wrapper a.discLink:hover { background-color:#aaa;}

/*------------------------------------------------
 navi
---------------------------------------------------*/
#Feature_wrapper .tpnavi	{ width:180px; margin:0 0 0 10px; padding:0; height:290px; background:url(http://img.barks.jp/image/review/1000045057/tpnavi.jpg) no-repeat 0 0;}
.tpnavi ul	{ display:inline;margin:0; }
.tpnavi li	{ display:inline; }
.tpnavi li a	{ width:180px; 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/1000045057/tpnavi.jpg) no-repeat 0px 0px; height:58px; }
.tpnavi li.LINK02 a	{ background:url(http://img.barks.jp/image/review/1000045057/tpnavi.jpg) no-repeat 0px -58px; height:58px; }
.tpnavi li.LINK03 a	{ background:url(http://img.barks.jp/image/review/1000045057/tpnavi.jpg) no-repeat 0px -116px; height:58px; }
.tpnavi li.LINK04 a	{ background:url(http://img.barks.jp/image/review/1000045057/tpnavi.jpg) no-repeat 0px -174px; height:58px; }
.tpnavi li.LINK05 a	{ background:url(http://img.barks.jp/image/review/1000045057/tpnavi.jpg) no-repeat 0px -232px; height:58px; }
.tpnavi li.LINK01 a:hover	{ background:url(http://img.barks.jp/image/review/1000045057/tpnavi.jpg) no-repeat -180px 0px; }
.tpnavi li.LINK02 a:hover	{ background:url(http://img.barks.jp/image/review/1000045057/tpnavi.jpg) no-repeat -180px -58px; }
.tpnavi li.LINK03 a:hover	{ background:url(http://img.barks.jp/image/review/1000045057/tpnavi.jpg) no-repeat -180px -116px; }
.tpnavi li.LINK04 a:hover	{ background:url(http://img.barks.jp/image/review/1000045057/tpnavi.jpg) no-repeat -180px -174px; }
.tpnavi li.LINK05 a:hover	{ background:url(http://img.barks.jp/image/review/1000045057/tpnavi.jpg) no-repeat -180px -232px; }
.tpnavi li.LINK001 a	{ background:url(http://img.barks.jp/image/review/1000045057/tpnavi.jpg) no-repeat -180px 0px; height:58px; }
.tpnavi li.LINK002 a	{ background:url(http://img.barks.jp/image/review/1000045057/tpnavi.jpg) no-repeat -180px -58px; height:58px; }
.tpnavi li.LINK003 a	{ background:url(http://img.barks.jp/image/review/1000045057/tpnavi.jpg) no-repeat -180px -116px; height:58px; }
.tpnavi li.LINK004 a	{ background:url(http://img.barks.jp/image/review/1000045057/tpnavi.jpg) no-repeat -180px -174px; height:58px; }

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

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

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

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

#Feature_wrapper h3#int01{
  margin:0 0 15px 0; width:580px; height:33px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000045057/h3_int01.jpg) no-repeat;
}
#Feature_wrapper h3#int02{
  margin:0 0 15px 0; width:580px; height:33px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000045057/h3_int02.jpg) no-repeat;
}
#Feature_wrapper h3#col{
  margin:0 0 15px 0; width:580px; height:33px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000045057/h3_column.jpg) no-repeat;
}
#Feature_wrapper h4#column01{
  margin:15px 0 0px 0; width:580px; height:45px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000045057/h4_column01.gif) no-repeat;
}
#Feature_wrapper h4#column02{
  margin:15px 0 0px 0; width:580px; height:45px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000045057/h4_column02.gif) no-repeat;
}


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

#Feature_wrapper .main .disc_title{
  float:left;
  margin:0px 0 0 0;
  display:inline;
}
#Feature_wrapper .main .song{
  float:left;
  margin:10px 0 0 0px;
  padding:5px 10px;
  line-height:1.3;
  background:#000;
}

/*--movie--*/

#Feature_wrapper .main ul#cap{
  margin:0px;
  padding:0;
  display:block;
}
#Feature_wrapper .main ul#cap li{
  margin:15px 0 0px 8px;
  display:inline;
  float:left;
  text-align:center;
  line-height:1.7;
}
#Feature_wrapper .main ul#cap li.chality{
  margin:15px 0 0 50px;
  display:inline;
  float:left;
  text-align:center;
  line-height:1.7;
}

#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/1000045057/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 { padding:0; margin:0px 0px 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: 0px 0px 0.6em 15px; padding: 0;}
#Feature_wrapper .main dl.info dd { line-height: 1.3; list-style: decimal; list-style-position: outside; margin: 0.4em 0px 0.2em 5px; padding: 0 0 0 13px;}

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

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

#Feature_wrapper .main dl.discinfo { float:left; padding:0; margin:0px 30px 10px 13px; font-size:90%; display:inline;}
#Feature_wrapper .main dl.discinfo dt { color:#aa8b49; line-height: 1.3; font-weight:bold; list-style: decimal; list-style-position: outside; margin: 10px 0px 0.6em 0px; padding:0 0 0.2em 0; border-bottom:1px dotted #aa8b49;}
#Feature_wrapper .main dl.discinfo dd { font-size:90%;line-height: 1.3; list-style: decimal; list-style-position: outside; background:url(http://img.barks.jp/image/review/1000045057/arrow.gif) no-repeat 0 3px; margin: 0.4em 0px 0.3em 2px; padding: 0 0 0 13px;}

/*------------------------------------------------
 btn
---------------------------------------------------*/

#Feature_wrapper .main .btn_int	{ height:100px; margin:0px 0; padding:0; width:580px; background:url(http://img.barks.jp/image/review/1000045057/btn_int.gif) no-repeat 0 0;}
.main .btn_int ul	{ display:inline;margin:0; }
.main .btn_int li	{ display:inline; }
.main .btn_int li a	{ height:100px; margin:0; display:block; float:left; text-indent:-9877em; text-decoration:none; overflow:hidden; }
.main .btn_int li.int01 a	{ background:url(http://img.barks.jp/image/review/1000045057/btn_int.gif) no-repeat 0px 0px; width:193px; }
.main .btn_int li.int02 a	{ background:url(http://img.barks.jp/image/review/1000045057/btn_int.gif) no-repeat -193px 0px; width:193px; }
.main .btn_int li.int03 a	{ background:url(http://img.barks.jp/image/review/1000045057/btn_int.gif) no-repeat -386px 0px; width:194px; }
.main .btn_int li.int01 a:hover	{ background:url(http://img.barks.jp/image/review/1000045057/btn_int.gif) no-repeat 0px -100px; }
.main .btn_int li.int02 a:hover	{ background:url(http://img.barks.jp/image/review/1000045057/btn_int.gif) no-repeat -193px -100px; }
.main .btn_int li.int03 a:hover	{ background:url(http://img.barks.jp/image/review/1000045057/btn_int.gif) no-repeat -386px -100px; }

#Feature_wrapper #bottom ul#next_top			{ float:left; display:block; margin:0; padding:5px 0 0 390px; width:200px; height:30px; }
#Feature_wrapper #bottom ul#next_top li			{ display:block; width:200px; height:30px; margin:0px; padding:0px; text-indent:-9877em;}
#Feature_wrapper #bottom ul#next_top li a		{ display:block; width:200px; height:30px; margin:0px; padding:0; background:url(http://img.barks.jp/image/review/1000045057/next_top.gif) no-repeat 0px 0px; }
#Feature_wrapper #bottom ul#next_top li a:hover { background:url(http://img.barks.jp/image/review/1000045057/next_top.gif) no-repeat 0px -30px; }


/*------------------------------------------------
 interview
---------------------------------------------------*/
#Feature_wrapper h4.int_s {
  margin:10px 15px 10px;
  padding:10px 5px 3px;
  color:#aa8b49;
  border-bottom:1px dotted #aa8b49;
  font-weight:bold;
  font-size:120%;
}

#Feature_wrapper .main .barks {
  margin:0;
  padding:15px 15px 10px 15px;
  color:#bfcad9;
}
#Feature_wrapper .main .mare{
  margin:0;
  padding:5px 15px 5px 15px;
  color:#eee;
}
#Feature_wrapper .main .photo{
  margin:0;
  padding:5px 10px 5px 15px;
  float:left;
}
#Feature_wrapper .main .photo img{
  border:1px solid #000;
}
#Feature_wrapper .main .photo_r{
  margin:0;
  padding:5px 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: #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; }