/* 特集cssテンプレート　更新：2009/02/20 */

/*------------------------------------------------
 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.2em;
	color: #333;
	background: url(http://img.barks.jp/image/review/1000048835/bg.gif) repeat-y;
	border: 1px solid #66492b;
}
img{ border:none; }
.reset		{ clear: both; display: block; height: 0px; font-size:0px; line-height: 0px; }
.hide		{ display:none; }
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html #Feature_wrapper .clearfix {
  height: 1px;
}

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

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

/*------------------------------------------------
 navi
---------------------------------------------------*/
#Feature_wrapper .feature_navi { margin: 0; padding: 0px; width: 600px; height: 58px; background: url(http://img.barks.jp/image/review/1000048835/feature_navi.png) no-repeat 0 0; position: relative; }
.feature_navi ul { margin: 0px; padding: 0px; }
.feature_navi ul li { float: left; position: relative; font-size: 0px; line-height: 0px; list-style-type: none; text-indent: -9999px;}
.feature_navi ul li a { display: block; background-position: 0px 0px; }
.feature_navi ul li span { display: inline; width: 0px; height: 0px; font-size: 0; overflow: hidden; text-indent: -9999px; }
/* a */
.feature_navi li.LINK-01 a { width: 160px; height: 58px; background: transparent url(http://img.barks.jp/image/review/1000048835/feature_navi.png) no-repeat 0px 0px; }
.feature_navi li.LINK-02 a { width: 145px; height: 58px; background: transparent url(http://img.barks.jp/image/review/1000048835/feature_navi.png) no-repeat -160px 0px; }
.feature_navi li.LINK-03 a { width: 140px; height: 58px; background: transparent url(http://img.barks.jp/image/review/1000048835/feature_navi.png) no-repeat -305px 0px; }
.feature_navi li.LINK-04 a { width: 155px; height: 58px; background: transparent url(http://img.barks.jp/image/review/1000048835/feature_navi.png) no-repeat -445px 0px; }
/* hover */
.feature_navi li.LINK-01 a:hover { background-position: 0px -58px; }
.feature_navi li.LINK-02 a:hover { background-position: -160px -58px; }
.feature_navi li.LINK-03 a:hover { background-position: -305px -58px; }
.feature_navi li.LINK-04 a:hover { background-position: -445px -58px; }
/* LINK */
.feature_navi li.LINK-01 { width: 160px; height: 58px; background: transparent url(http://img.barks.jp/image/review/1000048835/feature_navi.png) no-repeat 0px -116px; }
.feature_navi li.LINK-02 { width: 145px; height: 58px; background: transparent url(http://img.barks.jp/image/review/1000048835/feature_navi.png) no-repeat -160px -116px; }
.feature_navi li.LINK-03 { width: 140px; height: 58px; background: transparent url(http://img.barks.jp/image/review/1000048835/feature_navi.png) no-repeat -305px -116px; }
.feature_navi li.LINK-04 { width: 155px; height: 58px; background: transparent url(http://img.barks.jp/image/review/1000048835/feature_navi.png) no-repeat -445px -116px; }

/*------------------------------------------------
 main
---------------------------------------------------*/
#Feature_wrapper h1{
  width: 600px;
  height: 119px;
  background: url(http://img.barks.jp/image/review/1000048835/header_h1.png) no-repeat scroll left top;
  margin: 0;
}
#Feature_wrapper h2{
  width: 600px;
  height: 28px;
  background: url(http://img.barks.jp/image/review/1000048835/header_h2.png) no-repeat scroll left top;
  margin: 0;
}
#Feature_wrapper #Lead{
  width: 600px;
  height: 465px;
  background: url(http://img.barks.jp/image/review/1000048835/lead.jpg) no-repeat scroll left top;
  margin: 0;
}
#Feature_wrapper h1 span,
#Feature_wrapper h2 span,
#Feature_wrapper #Lead p {
  width: 0px;
  height: 0px;
  overflow: hidden;
  font-size: 0px;
  line-height: 0px;
  text-indent: -9999px;
}
#Feature_wrapper #feature_bottom{
  margin: 0;
  width: 600px;
  height: 114px;
  background: url(http://img.barks.jp/image/review/1000048835/bottom.png) no-repeat;
}
#Feature_wrapper #main{
  margin: 0px;
  width: 600px;
}

/*------------------------------------------------
 main内
---------------------------------------------------*/
#Feature_wrapper #LeftBox{
  margin:0;
  width:241px;
  height:592px;
  background:url(http://img.barks.jp/image/review/1000048835/disc.png) no-repeat;
  float:left;
}
#Feature_wrapper #RightBox{
  margin:0;
  width:359px;
  height:592px;
  background:url(http://img.barks.jp/image/review/1000048835/info.png) no-repeat;
  float:left;
}
#Feature_wrapper #LeftBox p,
#Feature_wrapper #RightBox #liveinfo p{
  display: none;
}
#Feature_wrapper #LeftBox #disc {
  width: 200px;
  margin: 18px 0 0 23px;
}
#Feature_wrapper #feature_bottom p{
  margin: 0;
  padding: 30px 10px 0 345px;
}
#Feature_wrapper #RightBox #liveinfo{
  width:340px;
  height:474px;
  margin:60px 0 0 10px;
  background:url(http://img.barks.jp/image/review/1000048835/liveinfo.png) no-repeat;
}
#Feature_wrapper #RightBox #btn_official{
  width: 250px;
  height: 25px;
  margin: 10px 0 0 15px;
  overflow: hidden;
}
#Feature_wrapper #RightBox #btn_official a{
  display: block;
  width: 250px;
  height: 25px;
  background: url(http://img.barks.jp/image/review/1000048835/link_official.png) no-repeat 0 0;
}
#Feature_wrapper #RightBox #btn_official a:hover{
  background-position: 0 -25px;
}
#Feature_wrapper #RightBox #btn_official a span{
  display: none;
}
#Feature_wrapper .back { margin:0; padding:0px 15px 0px 15px; text-align:right; }

/*------------------------------------------------
 interview
---------------------------------------------------*/
#Feature_wrapper #int_head01{
  margin:0;
  width:600px;
  height:400px;
  background:url(http://img.barks.jp/image/review/1000048835/int_head01.jpg) no-repeat;
}
#Feature_wrapper #int_head02{
  margin:0;
  width:600px;
  height:400px;
  background:url(http://img.barks.jp/image/review/1000048835/int_head02.jpg) no-repeat;
}
#Feature_wrapper .btn_area{
  margin: 0;
}
#Feature_wrapper .btn_back{
  width: 80px;
  height: 20px;
  margin: 20px 0 10px 19px;
  overflow: hidden;
  float: left;
  display:inline;
}
#Feature_wrapper .btn_back  a{
  display: block;
  width: 80px;
  height: 20px;
  background: url(http://img.barks.jp/image/review/1000048835/btn_back.png) no-repeat 0 0;
}
#Feature_wrapper .btn_back a:hover{
  background-position: 0 -20px;
}
#Feature_wrapper .btn_back a span{
  display: none;
}
#Feature_wrapper .btn_next{
  width: 80px;
  height: 20px;
  margin: 20px 16px 10px 0;
  overflow: hidden;
  float: right;
  display:inline;
}
#Feature_wrapper .btn_next  a{
  display: block;
  width: 80px;
  height: 20px;
  background: url(http://img.barks.jp/image/review/1000048835/btn_next.png) no-repeat 0 0;
}
#Feature_wrapper .btn_next a:hover{
  background-position: 0 -20px;
}
#Feature_wrapper .btn_next a span{
  display: none;
}
#Feature_wrapper #int_main{
  margin:0;
  width:600px;
  background:url(http://img.barks.jp/image/review/1000048835/int_bg.png) repeat-y;
}
#Feature_wrapper #int_area{
  margin:0 30px;
  width:540px;
  background: url(http://img.barks.jp/image/review/1000048835/int_areabg.png) repeat-y 0 0;
}
#Feature_wrapper #int_bottom{
  margin:0;
  width:600px;
  height: 32px;
  background:url(http://img.barks.jp/image/review/1000048835/int_bottom.png) no-repeat;
}
#Feature_wrapper #int_area .barks {
  margin:0;
  padding:0.5em 0 0.5em 0;
  color:#fcceba;
  line-height: 1.6;
}
#Feature_wrapper #int_area .cocoa{
  margin:0;
  padding:0.3em 0 0.3em 0;
  color:#eee;
  line-height: 1.6;
}
#Feature_wrapper #int_area .cocoa span.nikami{
  color:#f28c0f;
  font-weight: bold;
}
#Feature_wrapper #int_area .cocoa span.suzuki{
  color:#4696ef;
  font-weight: bold;
}
#Feature_wrapper #int_area .writer {
  margin:0;
  padding:10px 15px 10px 15px;
  line-height: 1.2;
  text-align: right;
  font-weight: bold;
  color:#fcceba;
}

#Feature_wrapper .main .photo_l{
  margin:0;
  padding:5px 15px 5px 15px;
  float:left;
}
#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; }