/* 特集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.5em;
  color:#c6ccd5;
  background:#8e9aa4 url(http://img.barks.jp/image/review/1000046240/header-bg.jpg) no-repeat;
  border:2px solid #dee1e6;
}
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: #c6ccd5;text-decoration: underline; }
#Feature_wrapper a:hover	{ color: #e53d3d;text-decoration: none; }

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

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

.header-navi li.LINK01 a	{ background:url(http://img.barks.jp/image/review/1000046240/header-navi.jpg) no-repeat 0px 0px; width:150px; }
.header-navi li.LINK02 a	{ background:url(http://img.barks.jp/image/review/1000046240/header-navi.jpg) no-repeat -150px 0px; width:150px; }
.header-navi li.LINK03 a	{ background:url(http://img.barks.jp/image/review/1000046240/header-navi.jpg) no-repeat -300px 0px; width:150px; }
.header-navi li.LINK04 a	{ background:url(http://img.barks.jp/image/review/1000046240/header-navi.jpg) no-repeat -450px 0px; width:150px; }
.header-navi li.LINK01 a:hover	{ background:url(http://img.barks.jp/image/review/1000046240/header-navi.jpg) no-repeat 0px -61px; }
.header-navi li.LINK02 a:hover	{ background:url(http://img.barks.jp/image/review/1000046240/header-navi.jpg) no-repeat -150px -61px; }
.header-navi li.LINK03 a:hover	{ background:url(http://img.barks.jp/image/review/1000046240/header-navi.jpg) no-repeat -300px -61px; }
.header-navi li.LINK04 a:hover	{ background:url(http://img.barks.jp/image/review/1000046240/header-navi.jpg) no-repeat -450px -61px; }

/*------------------------------------------------
 common
---------------------------------------------------*/
#Feature_wrapper h1{
  margin:0;
  width:600px;
  height:409px;
  background:url(http://img.barks.jp/image/review/1000046240/header-bg.jpg) no-repeat;
  text-indent:-9999px;
}
#Feature_wrapper h2{
  margin:0;
  height:0px;
  line-height:0;
  font-size:0px;
  text-indent:-9999px;
}
#Feature_wrapper #bottom{
  margin:0;
  padding:0;
  width:600px;
  height:50px;
  background:url(http://img.barks.jp/image/review/1000046240/bottom.gif) no-repeat;
  clear:both;
  text-indent:-9999px;
}

#Feature_wrapper .main{
  margin:0px 0 10px 10px;
  padding-bottom:10px;
  width:580px;
  background:#1d252d;
  border:1px solid #c6ccd5;
}
#Feature_wrapper .main p{
  margin:0;
  padding:10px 15px;
}

/*------------------------------------------------
 h3
---------------------------------------------------*/
#Feature_wrapper h3#lead{
  margin:0; width:580px; height:63px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000046240/menu-lead.jpg) no-repeat;
}
#Feature_wrapper h3#disc{
  margin:0; width:580px; height:40px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000046240/menu-disc.gif) no-repeat;
}
#Feature_wrapper h3#movie{
  margin:0; width:580px; height:40px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000046240/menu-movie.gif) no-repeat;
}
#Feature_wrapper h3#info{
  margin:0; width:580px; height:40px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000046240/menu-info.gif) no-repeat;
}
#Feature_wrapper h3#int01{
  margin:0; width:580px; height:68px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000046240/menu-int01.gif) no-repeat;
}
#Feature_wrapper h3#int02{
  margin:0; width:580px; height:68px; text-indent:-9999px;
  background:url(http://img.barks.jp/image/review/1000046240/menu-int02.gif) no-repeat;
}


/*------------------------------------------------
 main内
---------------------------------------------------*/
/*--lead--*/
#Feature_wrapper .main-lead{
  margin:0px 0 10px 10px;
  padding-bottom:10px;
  width:580px;
  background:#1d252d;
  border-left:1px solid #c6ccd5;
  border-right:1px solid #c6ccd5;
  border-bottom:1px solid #c6ccd5;
}
#Feature_wrapper .main-lead .lead{
  margin:0;
  padding:10px 15px 0;
  line-height:1.6;
}
#Feature_wrapper .main-lead .lead span{
  margin:0;
  padding:10px 0px;
  line-height:2.5;
  font-weight:bold;
}
#Feature_wrapper .main-lead .int{
  margin:0;
  padding:0px 15px 5px;
  line-height:1;
  text-align:right;
  font-weight:bold;
}

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

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

/*--movie--*/
.gallery {
	list-style: none;
	margin: 10px 0 0 5px;
	padding: 0;
}
.gallery li {
	padding: 15px;
	margin: 0;
	float: left;
	position: relative;
	width: 250px;
	height: 185px;
}
.gallery img {
	background: #1d252d;
	border: solid 1px #c6ccd5;
	padding: 5px;
}
.gallery li:hover img {
	border-color: #e53d3d;
}
.gallery em {
	width: 200px;
	background: url(http://img.barks.jp/image/review/1000046240/bubble.gif) no-repeat;
	padding: 10px 0 30px;
	display: none;
	position: absolute;
	top: -20px;
	left: 40px;
	font-style: normal;
	text-align: center;
}
.gallery a {
	text-decoration: none;
	color: #000;
}
.gallery a:hover em {
	display: block;
}


#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/1000046240/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 .live-info{
  margin:20px 20px 0;
  padding:3px;
  line-height:1.6;
  font-weight:bold;
  border-bottom:1px solid #ddd;
  font-size:120%;
  color:#ddd;
}
#Feature_wrapper .main dl.info { padding:5px 30px 5px 25px; margin:0; font-size:90%; }
#Feature_wrapper .main dl.info dt { line-height: 1.6; font-weight:bold; list-style: decimal; list-style-position: outside; margin: 10px 0px 0px 0px; padding: 0;}
#Feature_wrapper .main dl.info dd { line-height: 1.6; list-style: decimal; list-style-position: outside; margin: 0.4em 0px 0.8em 5px; padding: 0 0 0 13px;}


#Feature_wrapper .main dl.link { padding:5px 30px 25px 25px; margin:0; font-size:90%; }
#Feature_wrapper .main dl.link 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.link dd { line-height: 1.3; list-style: decimal; list-style-position: outside; background:url(http://img.barks.jp/image/review/1000046240/arrow.gif) no-repeat 0 2px; margin: 0.7em 0px 0.2em 5px; padding: 0 0 0 17px;}

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


/*------------------------------------------------
 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 .barks {
  margin:0;
  padding:10px 15px 5px 15px;
  color:#ddd;
}
#Feature_wrapper .onedraft{
  margin:0;
  padding:10px 15px 5px 15px;
  color:#c6ccd5;
}
#Feature_wrapper .next-page{
  margin:0;
  padding:10px 15px 5px 15px;
  text-align:right;
  color:#c6ccd5;
}
#Feature_wrapper .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: 20px 15px 15px 15px;
  padding: 10px 0;
  height: 1.4em;
  text-align: center;
  /*background: #384e48 none;*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  /*border-top:1px solid #52645f;*/
}

ul.page-navi li {
  display: inline;
  margin: 10px 10px;
  padding: 10px 20px;
  font-size: 100%;
  color:#fff;
  background:#141a21;
  /*border:1px solid #52645f;*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
ul.page-navi li a		{ color: #FFF;text-decoration: underline; }
ul.page-navi li a:hover	{ color: #f1b5c3;text-decoration: none; }