/* 特集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:#4c4659;
  background:#f38484;
}
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; }
.space30	{ clear: both; display: block; height: 30px; 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: #3399cc;text-decoration: underline; }
#Feature_wrapper a:hover	{ color: #f38484;text-decoration: none; }

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

#Feature_wrapper .main .back {
  margin:0;
  padding:30px 10px 0px 10px;
  text-align:right;
}

/*------------------------------------------------
 navi
---------------------------------------------------*/
#Feature_wrapper .tpnavi	{ height:40px; margin:0px; padding:0; width:600px; background:url(http://img.barks.jp/image/review/1000044880/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/1000044880/tpnavi.jpg) no-repeat 0px 0px; width:145px; }
.tpnavi li.LINK02 a	{ background:url(http://img.barks.jp/image/review/1000044880/tpnavi.jpg) no-repeat -145px 0px; width:130px; }
.tpnavi li.LINK03 a	{ background:url(http://img.barks.jp/image/review/1000044880/tpnavi.jpg) no-repeat -275px 0px; width:180px; }
.tpnavi li.LINK04 a	{ background:url(http://img.barks.jp/image/review/1000044880/tpnavi.jpg) no-repeat -455px 0px; width:145px; }
.tpnavi li.LINK01 a:hover	{ background:url(http://img.barks.jp/image/review/1000044880/tpnavi.jpg) no-repeat 0px -40px; }
.tpnavi li.LINK02 a:hover	{ background:url(http://img.barks.jp/image/review/1000044880/tpnavi.jpg) no-repeat -145px -40px; }
.tpnavi li.LINK03 a:hover	{ background:url(http://img.barks.jp/image/review/1000044880/tpnavi.jpg) no-repeat -275px -40px; }
.tpnavi li.LINK04 a:hover	{ background:url(http://img.barks.jp/image/review/1000044880/tpnavi.jpg) no-repeat -455px -40px; }

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

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

#Feature_wrapper .main{
  margin:15px 0 10px 10px;
  padding-bottom:10px;
  width:580px;
  background:url(http://img.barks.jp/image/review/1000044880/bg.jpg) repeat-y;
  border:1px solid #ceb991;
}
#Feature_wrapper .main p{
  margin:0;
  padding:0px 10px;
}
#Feature_wrapper .main p.col{
  margin:0;
  padding:5px 17px;
  line-height:1.4;
}
#Feature_wrapper .main p.col02{
  margin:0;
  padding:5px 17px;
  line-height:1.4;
  float:left;
  width:360px;
}

/*------------------------------------------------
 h3
---------------------------------------------------*/
#Feature_wrapper h3#lead{
  margin:0; width:580px; height:50px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000044880/h3_lead.gif) no-repeat;
}
#Feature_wrapper h3#disc{
  margin:0; width:580px; height:50px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000044880/h3_disc.gif) no-repeat;
}
#Feature_wrapper h3#movie{
  margin:0; width:580px; height:50px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000044880/h3_movie.gif) no-repeat;
}
#Feature_wrapper h3#info{
  margin:0; width:580px; height:50px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000044880/h3_info.gif) no-repeat;
}
#Feature_wrapper h3#int01{
  margin:0; width:580px; height:50px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000044880/h3_int01.gif) no-repeat;
}
#Feature_wrapper h3#int02{
  margin:0; width:580px; height:50px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000044880/h3_int02.gif) no-repeat;
}
#Feature_wrapper h3#interview{
  margin:0; width:580px; height:50px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000044880/h3_int.gif) no-repeat;
}
#Feature_wrapper h3#interview02{
  margin:0; width:580px; height:50px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000044880/h3_int02.gif) no-repeat;
}

#Feature_wrapper h3#column{
  margin:0; width:580px; height:50px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000044880/h3_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;
}
#Feature_wrapper .main .disc_title{
  margin:10px 0 0 0;
  display:inline;
}
#Feature_wrapper .main .song{
  float:left;
  margin:10px 10px 0;
  width:300px;
  line-height:1.2;
}

/*--movie--*/

#Feature_wrapper .main ul#cap{
  margin:0px auto;
  display:block;
}
#Feature_wrapper .main ul#cap li{
  margin:5px 15px;
  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/1000044880/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 14px 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: 10px 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/1000044880/arrow.gif) no-repeat 0 4px; margin: 0.4em 0px 0.2em 5px; padding: 0 0 0 13px;}

#Feature_wrapper .main dl.colm { float:left; padding:0 10px 10px; margin:0; width:150px; font-size:90%; display:inline; background:#f2f2f2; border:1px solid #777;}
#Feature_wrapper .main dl.colm 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.colm dd { line-height: 1.3; list-style: decimal; list-style-position: outside; background:url(http://img.barks.jp/image/review/1000044880/arrow02.gif) no-repeat 0 4px; margin: 0.4em 0px 0.2em 5px; padding: 0 0 0 13px;}

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


#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/1000044880/next_top.gif) no-repeat 0px 0px; }
#Feature_wrapper #bottom ul#next_top li a:hover { background:url(http://img.barks.jp/image/review/1000044880/next_top.gif) no-repeat 0px -30px; }

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

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


/*------------------------------------------------
 interview
---------------------------------------------------*/
#Feature_wrapper .main h4 {
  margin:20px 15px 0;
  padding:10px 5px 0px 15px;
  color:#555;
  border-bottom:1px dotted #555;
  font-weight:bold;
  line-height:1.5;
  font-size:120%;
  background:url(http://img.barks.jp/image/review/1000044880/arrow02.gif) no-repeat 0 17px;
}
#Feature_wrapper .main h5 {
  margin:0 10px 10px;
  padding:10px 5px 3px;
  color:#ff4747;
  border-bottom:1px dotted #ff4747;
  font-weight:bold;
  line-height:1.5;
  font-size:110%;
}

#Feature_wrapper .main .midashi {
  margin:20px 10px 0;
  width:550px;
  padding:5px;
  color:#fff;
  background:#ff4747;
  text-align:center;
  font-weight:bold;
  font-size:120%;
}
#Feature_wrapper .main .barks {
  margin:0;
  padding:15px 15px 5px 15px;
  color:#9c6722;
}
#Feature_wrapper .main .aila{
  margin:0;
  padding:10px 15px 5px 15px;
  color:#e75d5d;
}
#Feature_wrapper .main .mie{
  margin:0;
  padding:10px 15px 5px 15px;
  color:#2e79bf;
}

#Feature_wrapper .main .aila span{
  margin:0px 10px 0px 0px;
  float:left;
  width:45px;
  height:45px;
  background:url(http://img.barks.jp/image/review/1000044880/aila.jpg) no-repeat;
  border:solid 1px #F38484;
  display:inline;
}
#Feature_wrapper .main .mie span{
  margin:0px 10px 0px 0px;
  float:left;
  width:45px;
  height:45px;
  background:url(http://img.barks.jp/image/review/1000044880/mie.jpg) no-repeat;
  border:solid 1px #5da5e7;
  display:inline;
}

#Feature_wrapper .main .photo_l{
  margin:0;
  padding:5px 15px 5px 15px;
  float:left;
}
#Feature_wrapper .main .photo_c{
  margin:0px auto;
  text-align:center;
  width:580px;
  display:inline;
  clear:both;
}
#Feature_wrapper .main .photo_r{
  margin:5px 10px;
  display:inline;
  float:right;
  text-align:center;
  line-height:1.8;
  font-size:80%;
}


/*#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; }