@charset "utf-8" ;

/*  LightBox用CSS
============================================================ */

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