/* ----------------------------------------------------------- */
/* BARKS特集用テンプレート（完全版） */
/* TOPページ */
/* INTERVIEW */
/* ページ先頭共通ページナビなし */
/* アーティスト名、日付、トラバ、コメント 有 */
/* 作成：2010.05.28 yusukondo */
/* -------------------------------------------------------- */


/* ------------------------------------------------------- */
/* 共通事項 */
/* ------------------------------------------------------- */
.Item {
margin: 0;
width: 600px;
}
.ItemName {
display: none;
line-height:0;
padding:0;
visibility:hidden;
}
.Itemdata{
margin: 5px 0 10px;
}
.pagenavi {
display: none;
}
#FeatureWrap img {
border: none;
}
#FeatureWrap .reset {
clear: both;
display: block;
height: 0px;
font-size:0px;
line-height: 0px;
}
#FeatureWrap .hide {
display:none;
}
#FeatureWrap .clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html #FeatureWrap .clearfix {
height: 1px;
}

/* ----------------------------------------------------------- */
/* 基本事項 */
/* -------------------------------------------------------- */

#FeatureWrap {
color: #fff;
background: #fff;
font-family: 'Lucida Grande',sans-serif;
width: 600px;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.4em;
overflow: hidden;
}
#FeatureWrap a {
color: #3366CC;
text-decoration: underline;
}
#FeatureWrap a:hover {
color: #FF6600;
text-decoration: none;
}
#FeatureWrap ul,#FeatureWrap ol,#FeatureWrap li,#FeatureWrap dl,#FeatureWrap dt,#FeatureWrap dd{
margin: 0;
padding: 0;
list-style: none;
}
#FeatureWrap p{
margin: 0;
}

/* ------------------------------------------------------- */
/* 共通ページナビ */
/* ------------------------------------------------------- */
.pageslist{
margin: 15px 0;
text-align: center;
clear: both;
}

/* 共通 */
.pageslist a,
.pageslist span{
background: #c6dde3 url(http://img.barks.jp/image/review/1000061732/pagenavi_bg.png);	
color: #5279ad !important;
border: 1px solid #598995;
/**/
font-weight: bold;
padding: 5px 10px;
margin: 0 3px 0 0;
text-decoration: none !important;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

/* 現在地 */
.pageslist a.selected,
.pageslist span.selected{
background: #d8581f url(http://img.barks.jp/image/review/1000061732/pagenavi_selected.png);	
border: 1px solid #c53d00;
border-bottom: 1px solid #c53300;
color: #fff !important;
}

/* 最初 or 最後 */
.pageslist span.none{
background-color: #c3c3c3;
background-image: url(http://img.barks.jp/image/review/1000061732/pagenavi_none.png);	
border: 1px solid #bbb;
border-bottom: 1px solid #aaa;
color: #eee !important;
}
/* マウスオーバー時 */
.pageslist a:hover{
color: #000 !important;
}


/* ------------------------------------------------------- */
/* FEATURE NAVI */
/* ------------------------------------------------------- */
#FeatureWrap .FeatureNavi{ 
height:51px;
margin:0;
background:url(http://img.barks.jp/image/review/1000061732/btn.gif) no-repeat 0 0;
}
.FeatureNavi a{
display:block;
float:left;
width:200px;
height:51px;
}
.FeatureNavi a span{
display:none;
}
.FeatureNavi a.page1{
background:url(http://img.barks.jp/image/review/1000061732/btn.gif) no-repeat 0 0;
}
.FeatureNavi a.page2{
background:url(http://img.barks.jp/image/review/1000061732/btn.gif) no-repeat -200px 0;
}
.FeatureNavi a.page3{
background:url(http://img.barks.jp/image/review/1000061732/btn.gif) no-repeat -400px 0;
}
.FeatureNavi a:hover.page1,.FeatureNavi a.current1{
background:url(http://img.barks.jp/image/review/1000061732/btn.gif) no-repeat 0 -51px;
}
.FeatureNavi a:hover.page2,.FeatureNavi a.current2{
background:url(http://img.barks.jp/image/review/1000061732/btn.gif) no-repeat -200px -51px;
}
.FeatureNavi a:hover.page3,.FeatureNavi a.current3{
background:url(http://img.barks.jp/image/review/1000061732/btn.gif) no-repeat -400px -51px;
}

/* ------------------------------------------------------- */
/* HEADER TILE FOOTER */
/* ------------------------------------------------------- */

#FeatureWrap #Header_title{
background:url(http://img.barks.jp/image/review/1000061732/header_title.jpg) no-repeat 0 0;
width:600px;
height:433px;
margin:0;
}
#Header_title h1,#Header_title h2,#Header_title p{
display:none;
}
#FeatureWrap #feature_footer{
clear: both;
width: 600px;
height: 117px;
background: url(http://img.barks.jp/image/review/1000061732/bottom.jpg) no-repeat 0 0 ;
}
#FeatureWrap #feature_footer p{
float: right;
padding: 85px 15px 0 0;
}
#FeatureWrap #feature_footer p a{
color: #ccc;
text-decoration: none;
}
#FeatureWrap #feature_footer p a:hover{
color: #ff6600;
}
#FeatureWrap #FeatureBox{
background: #000;
}
#FeatureWrap #Feature_in{
clear: both;
}

/* SUB HEADING
------------------------------------------------------- */
#FeatureWrap #Feature_in h3.sub_heading{
margin:10px 0;
width:600px;
height:39px;
clear:both;
text-indent:-9999px;
}
#FeatureWrap #Feature_in h3.page1{
background:url(http://img.barks.jp/image/review/1000061732/title_1.jpg) no-repeat 0 0;
}
#FeatureWrap #Feature_in h3.page2{
background:url(http://img.barks.jp/image/review/1000061732/title_2.jpg) no-repeat 0 0;
}
#FeatureWrap #Feature_in h3.page3{
background:url(http://img.barks.jp/image/review/1000061732/title_3.jpg) no-repeat 0 0;
}
#FeatureWrap #Feature_in h3.page4{
background:url(http://img.barks.jp/image/review/1000061732/title_4.jpg) no-repeat 0 0;
}

/* page-1
------------------------------------------------------- */
#FeatureBox p.txt{
padding: 10px 14px;
}
#FeatureBox p.txt0{
padding: 10px 0;
}
#FeatureBox p.txt3{
padding: 15px 20px;
}
#FeatureBox p.txt3 span{
display:block;
padding:10px 0;
font-weight:bold;
text-align:right;
}
#FeatureBox p.txt3 .img_l{
float:left;
padding:0 10px 10px 0;
}
#FeatureBox p.txt3 .img_r{
float:right;
padding:0 0 10px 10px;
}
#FeatureBox p.link{
padding: 5px 30px 0;
background:url(http://img.barks.jp/image/review/1000061732/link.png) no-repeat 15px 2px;
}
#FeatureBox p.link a{
color:#d8d8d8;
}
#FeatureBox p.linklast{
padding-bottom: 50px;
}
#FeatureBox .box{
margin:14px;
}
#FeatureBox .photo_r{
float:right;
padding:0 0 10px 10px;
}
#FeatureBox .photo_l{
float:left;
padding:10px;
}

.box .about1{
background:#fff;
width:321px;
margin-top:10px;
min-height:185px;
}
.box .about2{
background:#fff;
margin:0px;
}
.box .about1 p,.box .about2 p{
color:#555;
padding: 7px 10px !important;
}
.box .about1 h4{
margin:0;
width:321px;
height:23px;
text-indent:-9999px;
}
.box .about1 h4.page1-1{
background:url(http://img.barks.jp/image/review/1000061732/midashi_p1_1.jpg) no-repeat 0 0;
}
.box .about1 h4.page1-2{
background:url(http://img.barks.jp/image/review/1000061732/midashi_p1_2.jpg) no-repeat 0 0;
}
.box .about2 h4{
margin:0;
width:572px;
height:23px;
text-indent:-9999px;
}
.box .about2 h4.page1-3{
background:url(http://img.barks.jp/image/review/1000061732/midashi_p1_3.jpg) no-repeat 0 0;
}
.box .about2 h4.page1-4{
background:url(http://img.barks.jp/image/review/1000061732/midashi_p1_4.jpg) no-repeat 0 0;
}
.box .about2 h4.page1-5{
background:url(http://img.barks.jp/image/review/1000061732/midashi_p1_5.jpg) no-repeat 0 0;
}
.box h4.page1-6{
border-bottom:1px solid #777;
margin:0;
padding-bottom:3px;
}
.box .numberbox{
float:left;
width:275px;
padding:5px;
}
.box h4.page1-7{
margin:0;
background:url(http://img.barks.jp/image/review/1000061732/subtitle_1.jpg) no-repeat 0 0;
width:572px;
height:28px;
text-indent:-9999px;
}

/* page-2
------------------------------------------------------- */
#FeatureBox .box2{
margin:14px;
background:#fff;
color:#555;
padding-bottom:15px;
}
.box2 h4{
margin:0;
width:572px;
height:23px;
text-indent:-9999px;
}
.box2 h4.page2-1{
background:url(http://img.barks.jp/image/review/1000061732/midashi_p2_1.jpg) no-repeat 0 0;
}
.box2 h4.page3-1{
background:url(http://img.barks.jp/image/review/1000061732/midashi_p3_1.jpg) no-repeat 0 0;
}
.box2 h4.page3-2{
background:url(http://img.barks.jp/image/review/1000061732/midashi_p3_2.jpg) no-repeat 0 0;
}
.box2 h4.page3-3{
background:url(http://img.barks.jp/image/review/1000061732/midashi_p3_3.jpg) no-repeat 0 0;
}
.box2 h4.page3-4{
background:url(http://img.barks.jp/image/review/1000061732/midashi_p3_4.jpg) no-repeat 0 0;
}

.box2 h4.page3-5{
background:url(http://img.barks.jp/image/review/1000061732/midashi_p3_5.jpg) no-repeat 0 0;
}
.box2 h5{
margin:8px;
width:556px;
height:23px;
text-indent:-9999px;
clear:both;
}
.box2 h5.collection1{
background:url(http://img.barks.jp/image/review/1000061732/komidashi_p2_1.jpg) no-repeat 0 0;
}
.box2 h5.collection2{
background:url(http://img.barks.jp/image/review/1000061732/komidashi_p2_2.jpg) no-repeat 0 0;
margin-top:20px;
}
.box2 h5.collection3{
background:url(http://img.barks.jp/image/review/1000061732/komidashi_p2_3.jpg) no-repeat 0 0;
margin-top:20px;
}
.box2 .photo_l{
float:left;
padding:0 8px 8px 8px;
}
.box2 .caption{
width:177px;
float:left;
padding:8px 0 0 8px;
font-size:x-small;
line-height:12px;
}
.box2 .caption img{
padding-bottom:5px;
}
.box2 .copyright{
background:url(http://img.barks.jp/image/review/1000061732/p2_copy.jpg) no-repeat 0 0;
width:572px;
height:32px;
margin: 70px 0 0;
text-indent:-9999px;
}

.box2 br{
height:1px;
font-size:1px;
line-height:1px;
}
/* PHOTO ALBUM
--------------------------------------------------------*/
#Feature_in .thumb {
margin:5px 0px;
background:#333;
border:2px solid #555;
clear:both;
}
#Feature_in .thumb ul{
padding:10px;
border:1px solid #000;
text-align:center;
}
#Feature_in .thumb ul li{
margin:0 2px 5px;
display:inline;
text-align:left;
}
#FeatureWrap .thumb ul li img{
}
#FeatureWrap .thumb ul li a img{
border:2px solid #333;
}
#FeatureWrap .thumb ul li a:hover img{
border:2px solid #6992c0;
}



/*-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(http://img.barks.jp/image/review/1000061732/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://img.barks.jp/image/review/1000061732/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; }




/* -----------------------------------------------------------
◆　フォトアルバム　◆
--------------------------------------------------------*/
#FeatureWrap #PhotoBox{
background: url(http://img.barks.jp/image/review/1000061732/main_bg.png) repeat-y left bottom;
}
#FeatureWrap #PhotoBox #Photo_out{
background: url(http://img.barks.jp/image/review/1000061732/photo_bottom.png) no-repeat left bottom;
padding-bottom: 45px;
}
#FeatureWrap #PhotoBox p{
text-align: center;
padding: 10px;
color: #555;
}
#FeatureWrap #PhotoBox p img{
border: 1px solid #c22562;
}
#PhotoBox #Photo_title {
height: 140px;
background: url(http://img.barks.jp/image/review/1000061732/photo_title.png) no-repeat left top;
}
#PhotoBox #Photo_title span{
display: none;
}
#FeatureWrap #PhotoBox ul{
background: #de7d9a;
margin: 10px 40px 20px;
padding: 15px 10px;
text-align: center;
border-radius: 5px;
-moz-border-radius: 5px;
}
#FeatureWrap #PhotoBox ul li{
margin: 10px 2px 0;
display: inline;
}
#FeatureWrap #PhotoBox ul li img{
}
#FeatureWrap #PhotoBox .back{
margin: 0;
padding: 0 0 15px;
}
#FeatureWrap #PhotoBox .back a{
background: #cb3871;
color: #fff;
text-decoration: none;
padding: 4px 7px;
border-radius: 5px;
-moz-border-radius: 5px;
}
#FeatureWrap #PhotoBox .back a:hover{
background: #de7d9a;
color: #fff;
}
#FeatureWrap #PhotoBox ul li a img{
border: 1px solid #c22562;
}
#FeatureWrap #PhotoBox ul li a:hover img{
border: 1px solid #f8aecb;
}