/* ΑWcssev[g@XVF2009/05/09 */

/*------------------------------------------------
 wb_[άνθ
---------------------------------------------------*/
.Item{
  width: 620px;
  margin: 0;
}
.ItemName{
 width: 620px;
 height: 98px;
 margin: 0 0 -17px 0;
 padding: 0;
 background: url(http://img.barks.jp/image/review/1000049324/ItemName.png) no-repeat;
 text-indent: -9999px;
 line-height: 0;
 font-size: 0;
 border: none;
 position:relative;
}
.ItemSmallDate {
 position: relative;
 top: 0px;
 left: 17px;
 text-align:left;
 float:left;
 font-size :80%;
 padding:0;
 color:#eee;
 width: 200px;
 color: #85cbbf;
}
.ItemCommunity {
 position: relative;
 top: 0px;
 right: 12px;
 text-align:right;
 float:right;
 font-size /**/:80%;
 padding: 0;
 padding-right:12px;
 width: 300px;
 color: #85cbbf;
}
.ItemSmallDate a,
.ItemCommunity a {
 color: #85cbbf;
  text-decoration:none;
}
.ItemDesc {
 padding: 0 0 10px;
 margin:0 0 20px;
 width:620px;
 position: relative;
}
.pagenavi {
  margin:0px;
  padding:10px 0;
  text-align:center;
  background:#85cbbf;
  clear: both;
}

.pagenavi a {
  border:1px solid #fcfffe;
  color:#fcfffe;
  line-height:1em;
  margin-right:2px;
  padding:2px 5px;
  text-decoration:none;
  background:#85cbbf;
}
.pagenavi a:hover, .pagenavi a:active {
  background:#85cbbf;
  border:1px solid #555;
  color:#fcfffe;
}
.pagenavi span.current {
  background-color:#fcfffe;
  border:1px solid #777;
  color:#85cbbf;
  font-weight:bold;
  margin-right:2px;
  padding:2px 5px;
}
.pagenavi span.disabled {
  border:1px solid #fcfffe;
  color:#fcfffe;
  margin-right:2px;
  padding:2px 5px;
}





/*------------------------------------------------
 all
---------------------------------------------------*/
#Feature_wrapper{
	font-family:"lr oSVbN", "Hiragino Kaku Gothic Pro", "qMmpS Pro W6", Osaka, sans-serif;
	width: 620px;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.2em;
	color: #333;
	background: #85cbbf;
}
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: #85cbbf;text-decoration: underline; }
#Feature_wrapper a:hover	{ color: #ff6600;text-decoration: none; }

/*-- ζlinkF --*/
#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: 620px; height: 43px; background: url(http://img.barks.jp/image/review/1000049324/feature_navi.jpg) no-repeat 0 0; overflow: hidden;
 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: 94px; height: 43px; background: transparent url(http://img.barks.jp/image/review/1000049324/feature_navi.jpg) no-repeat 0px 0px; }
.feature_navi li.LINK-02 a { width: 96px; height: 43px; background: transparent url(http://img.barks.jp/image/review/1000049324/feature_navi.jpg) no-repeat -94px 0px; }
.feature_navi li.LINK-03 a { width: 123px; height: 43px; background: transparent url(http://img.barks.jp/image/review/1000049324/feature_navi.jpg) no-repeat -190px 0px; }
/* hover */
.feature_navi li.LINK-01 a:hover { background-position: 0px -86px; }
.feature_navi li.LINK-02 a:hover { background-position: -94px -86px; }
.feature_navi li.LINK-03 a:hover { background-position: -190px -86px; }
/* LINK */
.feature_navi li.LINK-01 { width: 94px; height: 43px; background: transparent url(http://img.barks.jp/image/review/1000049324/feature_navi.jpg) no-repeat 0px -43px; }
.feature_navi li.LINK-02 { width: 96px; height: 43px; background: transparent url(http://img.barks.jp/image/review/1000049324/feature_navi.jpg) no-repeat -94px -43px; }
.feature_navi li.LINK-03 { width: 123px; height: 43px; background: transparent url(http://img.barks.jp/image/review/1000049324/feature_navi.jpg) no-repeat -190px -43px; }

/*------------------------------------------------
 main
---------------------------------------------------*/
#Feature_wrapper #header_title{
  width: 620px;
  height: 359px;
  background: url(http://img.barks.jp/image/review/1000049324/header_title.jpg) no-repeat scroll left top;
  margin: 0;
  overflow: hidden;
}
#Feature_wrapper #header_title span {
  display: none;
}
#Feature_wrapper #feature_bottom{
  margin: 0;
  width: 620px;
  height: 75px;
  background: url(http://img.barks.jp/image/review/1000049324/bottom.png) no-repeat;
  clear: both;
}
#Feature_wrapper .FeatureBox{
  margin: 0px 9px 0px 9px;
  width: 600px;
  padding: 0;
  background: #efeff0;
  position: relative;
  border: 1px solid #9082a4;
  overflow: hidden;
}
*html #Feature_wrapper .FeatureBox {
  width: 600px;
}

/*------------------------------------------------
 mainΰ
---------------------------------------------------*/
#Feature_wrapper .FeatureBox #Lead {
  background:url(http://img.barks.jp/image/review/1000049324/lead.png) no-repeat;
}
#Feature_wrapper .FeatureBox #Lead h3{
  display:block;
  font-size: 0;
  height: 95px;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999em;
  width:0;
  margin:0;
}
#Feature_wrapper .FeatureBox #Lead p{
  margin: 0;
  padding: 5px 120px 10px 14px ;
  color:#8c7c9e;
}
/*--disc--*/

#Feature_wrapper .FeatureBox #Disc{
  background:url(http://img.barks.jp/image/review/1000049324/disc.png) no-repeat;
  height: 411px;
}
#Feature_wrapper .FeatureBox #Disc #songarea{
  float: left;
  width: 410px;
  margin:0 ;
}
#Feature_wrapper .FeatureBox #Disc #songarea #cdtitle{
  display:block;
  font-size: 0;
  height: 110px;
  line-height: 0;
  overflow: hidden;
  text-indent: -9999em;
  width:0;
  margin:0;
}
#Feature_wrapper .FeatureBox #Disc #songarea p{
  margin: 0;
  padding: 0px 0px 5px 30px ;
  color:#efeff0;
  line-height: 1.1;
}
#Feature_wrapper .FeatureBox #Disc #songarea p span{
  margin: 0;
  border-top: 1px dotted #efeff0;
  display: block;
  padding-top: 5px;
}
#Feature_wrapper .FeatureBox #Disc #cdarea{
  float: right;
  width: 150px;
  padding-right: 25px ;
}
#Feature_wrapper .FeatureBox #Disc #cdarea img{
  display: block;
  margin-top: 10px;
}

#Feature_wrapper .FeatureBox #InfoBox{
  float:left;
  width: 418px;
  margin-top: 10px;
}
#Feature_wrapper .FeatureBox #MovieBox{
  float:left;
  width: 160px;
  background: url(http://img.barks.jp/image/review/1000049324/movie_bg.png) no-repeat bottom;
  margin: 18px 0 15px;
  padding-bottom: 25px;
}
#Feature_wrapper .FeatureBox #MovieBox h3{
  width: 160px;
  height: 55px;
  background:url(http://img.barks.jp/image/review/1000049324/movie_title.png) no-repeat;
  margin: 0;
}
#Feature_wrapper .FeatureBox #MovieBox h3 span{
  display: none;
}
#Feature_wrapper .FeatureBox #MovieBox a{
  padding: 5px 12px;
}
#Feature_wrapper .FeatureBox #PhotoBox{
  width: 418px;
  height: 268px;
  background:url(http://img.barks.jp/image/review/1000049324/photoalbum.jpg) no-repeat;
}
#Feature_wrapper .FeatureBox #PhotoBox #btn_photo{
  width: 255px;
  height: 45px;
  margin: 0;
  padding: 212px 0 0 80px;
}
#Feature_wrapper .FeatureBox #PhotoBox #btn_photo a{
  display:block;
  width: 255px;
  height: 45px;
  background: url(http://img.barks.jp/image/review/1000049324/btn_photo.png) no-repeat;
}
#Feature_wrapper .FeatureBox #PhotoBox #btn_photo a:hover{
  background-position: 0 -45px;
}
#Feature_wrapper .FeatureBox #PhotoBox #btn_photo a span{
  display: none;
}
#Feature_wrapper .FeatureBox #InfoBox #btn_int{
  width: 255px;
  height: 40px;
  margin: 0;
  padding: 20px 0 0 50px;
}
#Feature_wrapper .FeatureBox #InfoBox #btn_int a{
  display:block;
  width: 255px;
  height: 40px;
  background: url(http://img.barks.jp/image/review/1000049324/btn_int.png) no-repeat;
}
#Feature_wrapper .FeatureBox #InfoBox #btn_int a:hover{
  background-position: 0 -40px;
}
#Feature_wrapper .FeatureBox #InfoBox #btn_int a span{
  display: none;
}
#Feature_wrapper .FeatureBox #InfoBox .infoarea{
  width: 380px;
  margin: 14px;
  border:1px dotted #85cbbf;
}
#Feature_wrapper .FeatureBox #InfoBox .infoarea h3{
  border-bottom:1px dotted #85cbbf;
  border-left: 6px solid #85cbbf;
  padding-left: 0.5em;
  margin: 0;
}
#Feature_wrapper .FeatureBox #InfoBox .infoarea p{
  margin: 0;
  padding: 5px;
}
#Feature_wrapper .FeatureBox #InfoBox .infoarea p span{
  color:#9082a4;
  font-weight: bold;
}
#Feature_wrapper .back { margin:0; padding:0px 25px 10px 15px; text-align:right; }
#Feature_wrapper .back a{
  background: url(http://img.barks.jp/image/review/1000049324/arrow.png) no-repeat 0 center;
  padding-left: 14px;
}


/*------------------------------------------------
 interview
---------------------------------------------------*/
#Feature_wrapper .FeatureBox #int01{
  width: 600px;
  height: 350px;
  background: url(http://img.barks.jp/image/review/1000049324/int01.jpg) no-repeat;
  margin-bottom: 20px;
}
#Feature_wrapper .FeatureBox #int02{
  width: 600px;
  height: 350px;
  background: url(http://img.barks.jp/image/review/1000049324/int02.jpg) no-repeat;
  margin-bottom: 20px;
}

#Feature_wrapper .FeatureBox #int01 .intmenu,
#Feature_wrapper .FeatureBox #int02 .intmenu{
  padding: 330px 0px 0 190px;
  margin: 0;
  text-align: center;
}

#Feature_wrapper .FeatureBox #int01 .intmenu span,
#Feature_wrapper .FeatureBox #int02 .intmenu span{
  padding: 0px 0px 0 20px;
  float:left;
}
#Feature_wrapper .FeatureBox #int01 .intmenu span a,
#Feature_wrapper .FeatureBox #int02 .intmenu span a{
  background: url(http://img.barks.jp/image/review/1000049324/nextarrow.png) no-repeat 0 center;
  padding: 0 0 0 17px;
}

#Feature_wrapper .FeatureBox .barks {
  margin:0;
  padding:0.3em 20px 0.3em 20px;
  color:#999;
  line-height: 1.6;
}
#Feature_wrapper .FeatureBox .mayj{
  margin:0;
  padding:0.3em 20px 0.3em 20px;
  color:#9082a4;
  line-height: 1.6;
}
#Feature_wrapper .FeatureBox .mayj span{
  margin:0;
  color:#e7a371;
  font-weight: bold;
}
#Feature_wrapper .FeatureBox .writer {
  margin:0;
  padding:10px 15px 10px 15px;
  line-height: 1.2;
  text-align: right;
  font-weight: bold;
  color:#999;
}
#Feature_wrapper .FeatureBox .next {
  margin:0;
  padding:0.3em 20px 15px 20px;
  color:#999;
  line-height: 1.6;
  font-weight: bold;
}
#Feature_wrapper .FeatureBox .next a{
  background: url(http://img.barks.jp/image/review/1000049324/nextarrow.png) no-repeat 0 center;
  padding: 0 0 0 17px;
}
#Feature_wrapper .FeatureBox .photo_l{
  margin:0;
  padding:0px 10px 0px 10px;
  float:left;
}
#Feature_wrapper .FeatureBox .photo_r{
  margin:0;
  padding:0px 10px 0px 10px;
  float:right;
}
#Feature_wrapper .main .photo_l img,#Feature_wrapper .main .photo_r img{
  border:1px solid #000;
}

/*------------------------------------------------
 page-navi
---------------------------------------------------*/
/**/

#Feature_wrapper .photo_navi { margin: 0; padding: 15px 0 15px 85px; height: 30px; position: relative; }
.photo_navi ul { margin: 0px; padding: 0px; }
.photo_navi ul li { float: left; position: relative; font-size: 0px; line-height: 0px; list-style-type: none;text-indent: -9999px; }
.photo_navi ul li a { display: block; background-position: 0px 0px; overflow: hidden; text-indent: -9999px;}
/* a */
.photo_navi li.link_prev a { width: 90px; height: 30px; background: transparent url(http://img.barks.jp/image/review/1000049324/photo_navi.png) no-repeat 0px 0px; }
.photo_navi li.link_big a { width: 220px; height: 30px; background: transparent url(http://img.barks.jp/image/review/1000049324/photo_navi.png) no-repeat -90px 0px; }
.photo_navi li.link_next a { width: 90px; height: 30px; background: transparent url(http://img.barks.jp/image/review/1000049324/photo_navi.png) no-repeat -310px 0px; }
/* hover */
.photo_navi li.link_prev a:hover { background-position: 0px -30px; }
.photo_navi li.link_big a:hover { background-position: -90px -30px; }
.photo_navi li.link_next a:hover { background-position: -310px -30px; }
/* LINK */
.photo_navi li.link_prev { width: 90px; height: 30px; background: none; }
.photo_navi li.link_big { width: 220px; height: 30px; background: none; }
.photo_navi li.link_next { width: 90px; height: 30px; background: none; }

#Feature_wrapper .PhotoBox{
  margin: 0px 9px 0px 9px;
  width: 600px;
  padding: 0;
  background: #efeff0;
  position: relative;
  border: 1px solid #9082a4;
  overflow: hidden;
}
*html #Feature_wrapper .PhotoBox {
  width: 600px;
}

.PhotoBox h3{
  width: 560px;
  margin: 10px 10px 5px;
  padding-left: 10px;
  border-bottom: 1px solid #9082a4;
  border-left: 5px solid #9082a4;
  clear: both;
  line-height: 1.4;
}
.PhotoBox #btn_news{
  width: 108px;
  height: 28px;
  margin: 0 0 15px 470px;
}
.PhotoBox #btn_news a span{
  display: none;
}
.PhotoBox #btn_news a {
  display: block;
  width: 108px;
  height: 28px;
  background: url(http://img.barks.jp/image/review/1000049324/btn_back.png) no-repeat 0 0;
}
.PhotoBox #btn_news a:hover {
  background: url(http://img.barks.jp/image/review/1000049324/btn_back.png) no-repeat 0 -28px;
}
.PhotoBox #MainPhoto{
  padding-top: 15px;
  text-align: center;
}

.PhotoBox #photocap {
  margin: 0 0 0px 0;
  padding: 10px 0 0px 17px;
  position: relative;
}
.PhotoBox #photocap ul{
  margin: 0;
  padding: 0;
  position: relative;
  list-style-type: none;
}
.PhotoBox #photocap ul li{
  margin: 0px 5px 10px;
  display: inline;
  float: left;
  text-align: center;
  line-height: 1.6;
  width: 66px;
}
.PhotoBox #photocap ul li img{
  margin: 0;
}
.PhotoBox #photocap ul li span{
  display: block;
  margin:5px 0 0 0;
}
.PhotoBox #kanren {
  margin: 0 10px 20px;
  padding: 10px 0 0px 17px;
  position: relative;
}
.PhotoBox #kanren ul{
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
}
.PhotoBox #kanren ul li{
  margin: 0px 0px 5px 0px;
  padding: 0 0 0 12px;
  background: url(http://img.barks.jp/image/review/1000049324/nextarrow.png) no-repeat left center;
}

/*-lightbox-*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
