/* 特集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:#555;
  background: url(http://img.barks.jp/image/review/1000047170/bg.gif) 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;}

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

/*------------------------------------------------
 link
---------------------------------------------------*/
#Feature_wrapper a			{ color: #0099ff;text-decoration: underline; }
#Feature_wrapper a:hover	{ color: #ff3f3f;text-decoration: none; }

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

/*------------------------------------------------
 navi
---------------------------------------------------*/

#Feature_wrapper .feature_navi { margin: 0; padding: 0px; width: 600px; height: 42px; background: url(http://img.barks.jp/image/review/1000047170/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; }
.feature_navi ul li a { display: block; background-position: 0px 0px; }
.feature_navi ul li span { display: inline; width: 0px; height: 0px; overflow: hidden; text-indent: -9999px; }

/* a */
.feature_navi li.LINK-01 a { width: 117px; height: 42px; background: transparent url(http://img.barks.jp/image/review/1000047170/feature_navi.png) no-repeat 0px 0px; }
.feature_navi li.LINK-02 a { width: 117px; height: 42px; background: transparent url(http://img.barks.jp/image/review/1000047170/feature_navi.png) no-repeat -117px 0px; }
.feature_navi li.LINK-03 a { width: 117px; height: 42px; background: transparent url(http://img.barks.jp/image/review/1000047170/feature_navi.png) no-repeat -234px 0px; }
.feature_navi li.LINK-04 a { width: 117px; height: 42px; background: transparent url(http://img.barks.jp/image/review/1000047170/feature_navi.png) no-repeat -351px 0px; }
.feature_navi li.LINK-05 a { width: 132px; height: 42px; background: transparent url(http://img.barks.jp/image/review/1000047170/feature_navi.png) no-repeat -468px 0px; }

/* hover */
.feature_navi li.LINK-01 a:hover { background-position: 0px -42px; }
.feature_navi li.LINK-02 a:hover { background-position: -117px -42px; }
.feature_navi li.LINK-03 a:hover { background-position: -234px -42px; }
.feature_navi li.LINK-04 a:hover { background-position: -351px -42px; }
.feature_navi li.LINK-05 a:hover { background-position: -468px -42px; }

/* LINK */
.feature_navi li.LINK-01 { width: 117px; height: 42px; background: transparent url(http://img.barks.jp/image/review/1000047170/feature_navi.png) no-repeat 0px -84px; }
.feature_navi li.LINK-02 { width: 117px; height: 42px; background: transparent url(http://img.barks.jp/image/review/1000047170/feature_navi.png) no-repeat -117px -84px; }
.feature_navi li.LINK-03 { width: 117px; height: 42px; background: transparent url(http://img.barks.jp/image/review/1000047170/feature_navi.png) no-repeat -234px -84px; }
.feature_navi li.LINK-04 { width: 117px; height: 42px; background: transparent url(http://img.barks.jp/image/review/1000047170/feature_navi.png) no-repeat -351px -84px; }
.feature_navi li.LINK-05 { width: 132px; height: 42px; background: transparent url(http://img.barks.jp/image/review/1000047170/feature_navi.png) no-repeat -468px -84px; }



/*------------------------------------------------
 main
---------------------------------------------------*/
#Feature_wrapper #feature_header{
  margin: 0;
  width: 600px;
  height: 400px;
  background: url(http://img.barks.jp/image/review/1000047170/header_bg.jpg) no-repeat;
  position: relative;
}
#Feature_wrapper #feature_header h1,
#Feature_wrapper #feature_header h2{
  margin: 0;
}
#Feature_wrapper #feature_header h1 span,
#Feature_wrapper #feature_header h2 span {
  display: block;
  width: 0px;
  height: 0px;
  overflow: hidden;
  font-size: 0px;
  line-height: 0px;
  text-indent: -9999px;
}

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

#Feature_wrapper .karen_txt {
  margin:0;
  padding: 5px 15px 0 40px;
  color:#a33b3b;
}
/*------------------------------------------------
 h3
---------------------------------------------------*/
#Feature_wrapper h3#lead {
  margin: 5px 0 0 34px;
  padding: 0;
  width: 305px;
  height: 45px;
  background: url(http://img.barks.jp/image/review/1000047170/h3_lead.gif) no-repeat;
}
#Feature_wrapper h3#disc{
  margin:30px 0 0 0;
  width:600px;
  height:55px;
  background:url(http://img.barks.jp/image/review/1000047170/h3_disc.png) no-repeat;
}
#Feature_wrapper h3#movie {
  margin:0;
  width:600px;
  height:55px;
  background:url(http://img.barks.jp/image/review/1000047170/h3_movie.png) no-repeat;
}
#Feature_wrapper h3#info {
  margin:0;
  width:580px;
  height:40px;
  background:url(http://img.barks.jp/image/review/1000047170/h3_info.gif) no-repeat;
}
#Feature_wrapper h3#column {
  margin: 0;
  width: 600px;
  height: 119px;
  background: url(http://img.barks.jp/image/review/1000047170/h3_column.jpg) no-repeat;
}

#Feature_wrapper h3#int01 {
  margin: 0 0 0 0px;
  width: 294px;
  height: 92px;
  background:url(http://img.barks.jp/image/review/1000047170/h3_int01.png) no-repeat;
  float: left;
  top: 10px;
  left: 39px;
  position: relative;
}
#Feature_wrapper h3#int02 {
  margin: 0 0 0 0px;
  width: 294px;
  height: 92px;
  background:url(http://img.barks.jp/image/review/1000047170/h3_int02.png) no-repeat;
  float: left;
  top: 10px;
  left: 39px;
  position: relative;
}
#Feature_wrapper h3#int03 {
  margin: 0 0 0 0px;
  width: 294px;
  height: 92px;
  background:url(http://img.barks.jp/image/review/1000047170/h3_int03.png) no-repeat;
  float: left;
  top: 10px;
  left: 39px;
  position: relative;
}


#Feature_wrapper h3#lead span, h3#disc span, h3#movie span, h3#column, h3#info span, h3#int01 span,h3#int02 span,h3#int03 span {
  display: block; width: 0px; height: 0px; overflow: hidden; text-indent: -9999px;
}

/*------------------------------------------------
 main内
---------------------------------------------------*/
#Feature_wrapper #lead_photo{
  margin: 0;
  width: 258px;
  height: 304px;
  top: 0px;
  background: url(http://img.barks.jp/image/review/1000047170/lead_photo.jpg) no-repeat;
  float: right;
  position: relative;
}
#Feature_wrapper #lead_photo .clips{
  width: 129px;
  height: 62px;
  top: 0px;
  left: 11px;
  position: absolute;
  margin: 0;
}
#Feature_wrapper #lead_photo .photos{
  width: 96px;
  height: 62px;
  top: 0px;
  left: 162px;
  position: absolute;
  margin: 0;
}
#lead_photo:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
  visibility: hidden;
}
#Feature_wrapper #Int{
  margin: 10px 20px 0px 38px;
  width: 546px;
  height: 156px;
  padding: 0;
  background: url(http://img.barks.jp/image/review/1000047170/int.jpg) no-repeat;
  position: relative;
}
#Feature_wrapper #btnColumn{
  margin: 15px 20px 10px 38px;
  width: 546px;
}
#Feature_wrapper #Int ul {
  padding: 25px 0 0 5px;
  margin: 0px;
  position: relative; 
}
#Feature_wrapper #Int ul li{
  margin: 0 0 0 5px;
  padding: 0;
  width: 170px;
  height: 120px;
  position: relative;
  float:left;
  border: 1px solid #eee;
  display: inline;
}
/*--disc--*/
#Feature_wrapper .cd{
  margin: 0px 10px 15px 40px;
  float: left;
  display: inline;
}
#Feature_wrapper .cd span{
  display: block;
  font-size: 80%;
  margin: 3px 5px 10px;
  line-height: 1.2;
  text-align: center;
  width: 140px;
}
/*--list--*/
#Feature_wrapper .cdtitle{
  margin: 5px 0 0 5px;
  font-weight: blod;
  font-size: 120%;
  color: #a33b3b;
}
#Feature_wrapper .cdinc{
  margin: 0;
  color: #a33b3b;
}

#Feature_wrapper .songs{
  margin: 10px 0 0 0;
  padding: 0px;
  line-height:1.3;
  float: left;
  width: 370px;
}
#Feature_wrapper .songs ul {
  padding: 0px;
  margin: 0px;
  position: relative;
  border: none;
}
#Feature_wrapper .songs ul li{
  margin:0;
  padding:0.3em 0.5em 0;
  position: relative;
}
#Feature_wrapper .songs ul li.syuuroku{
  margin:0;
  padding:0.1em 0.2em;
  position: relative;
  font-weight: bold;
  background: #e4e0b1;
  color: #8e7144;
}

#Feature_wrapper .songs ul li.track{
  margin:0;
  padding:0.3em 0.5em 0;
  position: relative;
}
#Feature_wrapper .songs ul li.tokuten{
  margin:5px 0 0 0;
  padding:1em;
  position: relative;
  background: #e4e0b1;
  border: 1px solid #e4e0b1;
  font-size: 80%;
  color:#79684e;
}

#Feature_wrapper .songs:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
  visibility: hidden;
}
/*--movie--*/

#Feature_wrapper #cap {
  margin: 0 0 10px 0;
  padding: 10px 0 0px 10px;
  position: relative;
}
#Feature_wrapper #cap ul{
  margin: 0;
  padding: 0 0 0 25px;
  position: relative;
  list-style-type: none;
}
#Feature_wrapper #cap ul li{
  margin: 5px 0px 0px;
  padding: 0 2px 0 3px;
  display: inline;
  float: left;
  text-align: center;
  line-height: 1.2;
  width: 178px;
}
#Feature_wrapper #cap ul li img{
  margin: 0;
}
#Feature_wrapper #cap ul li div{
  display: block;
  margin:5px;
  font-size: 80%;
}
#Feature_wrapper #cap ul li span{
  display: block;
  margin: 0 0 2px 0;
  font-weight: bold;
  font-size: 120%;
  color: #0099ff;
}
#Feature_wrapper #cap:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
  visibility: hidden;
}
#Feature_wrapper h4.kiseki {
  margin: 5px 20px 0 40px;
  font-weight: blod;
  font-size: 120%;
  color: #a33b3b;
}
#Feature_wrapper h4#column01 {
  margin: 0 0 0 35px;
  width: 550px;
  height: 57px;
  background:url(http://img.barks.jp/image/review/1000047170/h4_column01.png) no-repeat;
}
#Feature_wrapper h4#column02 {
  margin: 0 0 0 35px;
  width: 550px;
  height: 75px;
  background:url(http://img.barks.jp/image/review/1000047170/h4_column02.png) no-repeat;
}
#Feature_wrapper h4#column03 {
  margin: 0 0 0 35px;
  width: 550px;
  height: 75px;
  background: url(http://img.barks.jp/image/review/1000047170/h4_column03.png) no-repeat;
}
#Feature_wrapper h4#column04 {
  margin: 0 0 0 35px;
  width: 550px;
  height: 75px;
  background: url(http://img.barks.jp/image/review/1000047170/h4_column04.png) no-repeat;
}

#Feature_wrapper h4#column01 span ,h4#column02 span, h4#column03 span, h4#column04 span {
  display: block; width: 0px; height: 0px; overflow: hidden; text-indent: -9999px;
}
#Feature_wrapper .main{
  margin: 0px 10px 0px 43px;
  width: 536px;
  padding: 0;
  background: #ff4f58;
  position: relative;
}
#Feature_wrapper .main:after {
  content : "";
  display : block;
  height : 0;
  clear : both;
  visibility: hidden;
}
#Feature_wrapper .main ul#Uniform{
  margin: 0;
  padding: 0 0 0px 8px;
  position: relative;
  list-style-type: none;
}
#Feature_wrapper .main ul#Uniform li{
  margin: 0px;
  padding: 0 2px;
  display: inline;
  float: left;
  text-align: center;
  line-height: 1.2;
  width: 170px;
}
#Feature_wrapper .main ul#Uniform li img{
  margin: 0;
}
#Feature_wrapper .main .jacket{
  margin: 5px 0px 0px 10px;
  float: left;
  display: inline;
}
#Feature_wrapper .main .jacket02{
  margin: 5px 10px 0px 10px;
  float: left;
  display: inline;
}

#Feature_wrapper .main .jacket img,
#Feature_wrapper .main .jacket02 img{
  border: 2px solid #ffb8b8;
}

#Feature_wrapper .main .jacket span,
#Feature_wrapper .main .jacket02 span{
  display: block;
  font-size: 80%;
  margin: 3px 5px 10px;
  line-height: 1.2;
  text-align: center;
  width: 90px;
  color: #eee;
}
#Feature_wrapper .credit{
  margin: 0;
  padding: 5px 0 0 5px;
  color: #eee;
}
#Feature_wrapper .credit span{
  font-weight: bold;
  font-size: 110%;
  display: block;
  color:#fdf465;
}
#Feature_wrapper .main ul#Peform{
  margin: 0;
  padding: 0 0 0 3px;
  position: relative;
  list-style-type: none;
}
#Feature_wrapper .main ul#Peform li{
  margin: 0px;
  padding: 0 4px 0px;
  display: inline;
  float: left;
  text-align: center;
  line-height: 1.2;
  width: 255px;
}
#Feature_wrapper .main ul#Peform li span{
  display: block;
  margin: 3px 0 2px 0;
  font-size: 80%;
  color: #eee;
}

#Feature_wrapper .main ul#Peform li img{
  margin: 0;
  border: 1px solid #777;
}



#Feature_wrapper ul.btn_link			{ float:right; display:block; margin:0; padding:10px 10px 5px 0px; width:200px; height:40px; }
#Feature_wrapper ul.btn_link li			{ display:block; width:200px; height:40px; margin:0px; padding:0px;}
#Feature_wrapper ul.btn_link li a		{ display:block; width:200px; height:40px; margin:0px; padding:0px 0 0 0px; background:url(http://img.barks.jp/image/review/1000047170/btn-link.png) no-repeat 0px 0px; color:#fff; font-weight: bold; text-decoration: none;}
#Feature_wrapper ul.btn_link li a:hover { background:url(http://img.barks.jp/image/review/1000047170/btn-link.png) no-repeat 0px -40px; color:#fff; }
#Feature_wrapper ul.btn_link li span	{ position: relative; margin:0; top: 7px; left:40px;}

#Feature_wrapper ul.btn_official			{ float: left; display:block; margin:0; padding:20px 0 0 10px; width:200px; height:40px; }
#Feature_wrapper ul.btn_official li			{ display:block; width:200px; height:40px; margin:0px; padding:0px;}
#Feature_wrapper ul.btn_official li a		{ display:block; width:200px; height:40px; margin:0px; padding:0px 0 0 0px; background:url(http://img.barks.jp/image/review/1000047170/btn-link.png) no-repeat 0px 0px; color:#fff; font-weight: bold; text-decoration: none;}
#Feature_wrapper ul.btn_official li a:hover { background:url(http://img.barks.jp/image/review/1000047170/btn-link.png) no-repeat 0px -40px; color:#fff; }
#Feature_wrapper ul.btn_official li span	{ position: relative; margin:0; top: 7px; left:40px;}

/*------------------------------------------------
 infomation
---------------------------------------------------*/
#Feature_wrapper dl.info { position: relative; padding:0 0 10px; margin:0px 25px 0 40px; font-size:90%; border-top: 1px dotted #0099ff; }
#Feature_wrapper dl.info dt { line-height: 1.3; font-weight:bold; list-style: decimal; list-style-position: outside; margin: 6px 0px 0.2em 5px; padding: 0; color:#538bc1;}
#Feature_wrapper dl.info dd { line-height: 1.2; list-style: decimal; list-style-position: outside; margin: 0.2em 0px 0.2em 5px; padding: 0 0 0 10px;}

/*------------------------------------------------
 interview
---------------------------------------------------*/
#Feature_wrapper #int_menu{
  margin: 0;
  width: 267px;
  height: 92px;
  top: 0px;
  background: url(http://img.barks.jp/image/review/1000047170/int_menu.jpg) no-repeat;
  float: right;
  position: relative;
}
#Feature_wrapper #int_menu .Int-01 a{
  width: 260px;
  height: 25px;
  top: 0px;
  left: 0px;
  position: absolute;
  margin: 0;
}
#Feature_wrapper #int_menu .Int-02 a{
  width: 260px;
  height: 25px;
  top: 25px;
  left: 0px;
  position: absolute;
  margin: 0;
}
#Feature_wrapper #int_menu .Int-03 a{
  width: 260px;
  height: 25px;
  top: 50px;
  left: 0px;
  position: absolute;
  margin: 0;
}
#Feature_wrapper #int_menu .Int-01 span,#Feature_wrapper #int_menu .Int-02 span,#Feature_wrapper #int_menu .Int-03 span {
  display: block; width: 0px; height: 0px; overflow: hidden; text-indent: -9999px;
}
#Feature_wrapper #IntCatch01{
  margin: 0px 0px 10px 40px;
  width: 540px;
  height: 130px;
  padding: 0;
  background: url(http://img.barks.jp/image/review/1000047170/h4_int.png) no-repeat;
  text-indent: -9999px;
  clear: both;
}
#Feature_wrapper #IntCatch02{
  margin: 0px 0px 10px 40px;
  width: 540px;
  height: 145px;
  padding: 0;
  background: url(http://img.barks.jp/image/review/1000047170/h4_int02.png) no-repeat;
  text-indent: -9999px;
  clear: both;
}
#Feature_wrapper #IntCatch03{
  margin: 0px 0px 10px 40px;
  width: 540px;
  height: 130px;
  padding: 0;
  background: url(http://img.barks.jp/image/review/1000047170/h4_int03.png) no-repeat;
  text-indent: -9999px;
  clear: both;
}




#Feature_wrapper .barks {
  margin:0;
  padding: 5px 25px 15px 45px;
  color: #0099FF;
  clear: both;
}
#Feature_wrapper .karen{
  margin:0;
  padding:10px 25px 0.2em 45px;
  color: #6d3812;
}
#Feature_wrapper .karen span{
  margin:0;
  color:#ff3f42;
  font-weight: bold;
}
#Feature_wrapper .photo_karen{
  margin:0;
  padding: 0px 10px 10px 45px;
  float:left;
}
#Feature_wrapper .writer {
  margin:0;
  padding:0 25px 0 45px;
  color: #444;
  clear: both;
  text-align: right;
}
#Feature_wrapper .next {
  margin:0;
  padding: 20px 25px 0 45px;
  color: #444;
  clear: both;
  text-align: center;
  font-weight: bold;
  font-size: 110%;
}
#Feature_wrapper .Songtracks {
  margin:5px 25px 15px 45px;
  padding: 30px 5px 5px;
  color: #74ba00;
  border-bottom: 1px solid #74ba00;
  clear: both;
  font-weight: bold;
  font-size: 120%;
}

#Feature_wrapper .main .photo_l{
  margin:0;
  padding:5px 15px 5px 15px;
  float:left;
}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-

	フォトアルバム　テンプレート
	NATURAL
	2008.06.10作成
	
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
/* natural
-----------------*/
#Feature_wrapper #PHOTO_main {
  margin: 0px 10px 0px 40px;
  width: 540px;
  padding: 0;
  position: relative;
  text-align: center;
}
#Feature_wrapper #PHOTO_main img {
  margin: 0;
  display: block;
}
#PHOTO_main ul {
  margin: 0;
  padding: 0 0 0 55px;
  position: relative;
  list-style-type: none;
}
#PHOTO_main ul li{
  margin: 15px 0px 0px;
  padding: 0 7px 0 0px;
  display: inline;
  float: left;
  text-align: center;
  line-height: 1.2;
  width: 66px;
}
#PHOTO_main ul li img{
  margin: 0;
}

#PHOTO_main ul:after { content:"."; display:block; clear:both; height:0; visibility:hidden;}
#PHOTO_main span { margin:15px 0 0 0; display:block;}