/* == 背景オーバーレイ ===== */
#overlay {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 90;
 width: 100%;
 height: 500px;
 background-color: #050630; 
overflow: auto;
 }




/* == lightBox エリア ===== */
#lightbox {
 /*position: absolute;*/
 position: fixed;
	_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: 0;
}

/* 画像表示エリア コンテナ 初期サイズ */
#outerImageContainer {
 position: relative;
 background-color: #fff;
 width: 250px;
 height: 250px;
 margin: 0 auto;
 }
/* 画像表示エリア 内側 */
#imageContainer{
 padding: 10px;
}

/* Loading */
#loading{
 position: absolute;
 top: 40%; 
 left: 0%; 
 height: 25%;
 width: 100%; 
 text-align: center; 
 line-height: 0; 
}


/* == 情報・ナビゲーション表示エリア ===== */
#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: 100%; 
 text-align: center; 
}
/* キャプション */
#imageData #caption {
 font-weight: bold;
 font-size: 75%;	/* 12px */
 display: block;
 padding-bottom: 2px;
 background:url("../images/line_dotted1px_gray.gif") bottom repeat-x;
}
/* 総枚数/○枚目 */
#imageData #numberDisplay{
 padding-top: 2px;
 margin-bottom: 10px;
 font-size: 62.5%;	/* 10px */
 display: block;
 background:#e9e9e9;
}




/* == ナビゲーション == */
#hoverNav {
 position: relative;
 width:100%;
 z-index: 1000; 
 height: 18px;
 background: #050730 url("../images/lightbox/btn_bg.gif") top left no-repeat;
 top: -5px;
 margin-bottom: 4px;
}
#imageContainer>#hoverNav{
 left: 0;
}
#hoverNav a{
outline: none;
}


/* 前後遷移ボタン */
#prevLink,
#nextLink{
 //background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ 
display: block;
text-indent: -9999px;
 overflow: hidden;
position: absolute;
}
#prevLink {
 width: 55px;
 height: 18px;
left: 0px;
background: url(../images/lightbox/btn_back.gif) left top no-repeat;
}
#nextLink {
 width: 55px;
 height: 18px;
left: 54px;
 background: url(../images/lightbox/btn_next.gif) right top no-repeat; 
}



/* クローズボタン */
#hoverNav #bottomNavClose {
 width: 59px;
 height: 18px;
 background: url(../images/lightbox/btn_close.gif) right top no-repeat; 
 position: absolute;
 top: 0;
 right: 0;
display: block;
text-indent: -9999px;
 overflow: hidden;
}


#prevLink:hover,
#prevLink:visited:hover,
#nextLink:hover,
#nextLink:visited:hover ,
#hoverNav #bottomNavClose:hover  { 
 background-position: 0px -18px;
}