/*
** 画像ライトボックス
*/

/***** パラメーター **********************************************************/
/*--- ボックスの背景色 ---*/
#imglightbox_contents_area,.imglightbox_corner_round_cap div{
	background-color: #FFFFFF;
}
/*--- 画像横の前へ画像 通常時 ---*/
#imglightbox_prevlink{
	background: url("imglightbox_001_prev.gif") no-repeat left 50%;
}
/*--- 画像横の前へ画像 ホバー時 ---*/
#imglightbox_prevlink:hover{
	background: url("imglightbox_001_prev.gif") no-repeat left 50%;
}
/*--- 画像横の次へ画像 通常時 ---*/
#imglightbox_nextlink{
	background: url("imglightbox_001_next.gif") no-repeat right 50%;
}
/*--- 画像横の次へ画像 ホバー時 ---*/
#imglightbox_nextlink:hover{
	background: url("imglightbox_001_next.gif") no-repeat right 50%;
}
/*--- 読み込み中画像 ---*/
#imglightbox_loading{
	background: url("imglightbox_001_loading.gif") no-repeat center center;
}
/*--- 前へ画像 ---*/
#imglightbox_footer_prev{
	background: url("imglightbox_001_prev.gif") no-repeat center center;
	width:	60px;	/* 画像の横 */
	height:	20px;	/* 画像の高さ */
	float:	right;	/* 左右の位置(left or right) */
}
/*--- 再生画像 ---*/
#imglightbox_footer_play{
	background: url("imglightbox_001_play.gif") no-repeat center center;
	width:	60px;	/* 画像の横 */
	height:	20px;	/* 画像の高さ */
	float:	right;	/* 左右の位置(left or right) */
}
/*--- 停止画像 ---*/
#imglightbox_footer_stop{
	background: url("imglightbox_001_stop.gif") no-repeat center center;
	width:	60px;	/* 画像の横 */
	height:	20px;	/* 画像の高さ */
	float:	right;	/* 左右の位置(left or right) */
}
/*--- 次へ画像 ---*/
#imglightbox_footer_next{
	background: url("imglightbox_001_next.gif") no-repeat center center;
	width:	60px;	/* 画像の横 */
	height:	20px;	/* 画像の高さ */
	float:	right;	/* 左右の位置(left or right) */
}
/*--- 閉じる画像(必ず画像サイズをwidth,heightに指定してください) ---*/
#imglightbox_header_close,#imglightbox_footer_before_close,#imglightbox_footer_after_close,#imglightbox_bottomnaviclose{
	background: url("imglightbox_001_close.gif") no-repeat center center;	/* 画像URL */
	width:	20px;	/* 画像の横 */
	height:	20px;	/* 画像の高さ */
	float:	right;	/* 左右の位置(left or right) */
}

/******************************************************************************
**
** 画像の表示ON/OFF設定 (表示=display:block; / 非表示=display:none;)
**
******************************************************************************/
/*--- ホバーナビ(前へ次へ) ---*/
#imglightbox_hovernavi{				display: none;}
/*--- 前へ画像 ---*/
#imglightbox_footer_prev{			display: block;}			/* フッター 再生ボタン隣 */
/*--- 次へ画像 ---*/
#imglightbox_footer_next{			display: block;}	/* フッター 再生ボタン隣 */
/*--- 閉じる画像 ---*/
#imglightbox_header_close{			display: block;}	/* ヘッダー */
#imglightbox_footer_before_close{	display: none;}		/* フッター コメントの上 */
#imglightbox_footer_after_close{	display: none;}		/* フッター コメントの下 */
#imglightbox_bottomnaviclose{		display: none;}		/* 削除予定 */

/*****************************************************************************/

/***** メインエリア *****/
#imglightbox_main_area{
	position: absolute;
	top: 40px;
	left: 0px;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0px;
}
/***** メインコンテナ *****/
#imglightbox_main_container{
	position: relative;
	width: 250px;
	margin: 0px auto;
}
/***** コンテンツエリア *****/
#imglightbox_contents_area{
	position: relative;
	margin: 0px;
/*
	border-left: 1px solid #7f7f7f;
	border-right: 1px solid #7f7f7f;
*/
}

/***** ヘッダーエリア *****/
#imglightbox_header_area{
	display: block;
	padding: 0px 10px 0px 10px;
}

/***** ヘッダータイトル *****/
#imglightbox_header_title{
/*	display: none;*/
	display: block;
	font: 20px "MS UIGothic";
	font-weight: bold;
	color: #666666;
	text-align: left;
	padding-top: 10px;
	padding-left: 0px;
}

/***** ヘッダー画像番号 *****/
#imglightbox_header_number{
/*	display: block;*/
	display: none;
	font: 11px "MS UIGothic";
	font-weight: bold;
	color: #878787;
}

/***** 画像エリア *****/
#imglightbox_image_area{
	position: relative;
	width: 250px;
	height: 250px;
	margin: 0px auto;
}

/***** フッターエリア *****/
#imglightbox_footer_area{
	display: block;
	overflow: auto;
	padding: 0px 10px;
	text-align: left;
}

/***** フッター画像番号 *****/
#imglightbox_footer_number{
	display: block;
	font: 11px "MS UIGothic";
	font-weight: bold;
	color: #C0C0C0;
}

/***** フッターコメント *****/
#imglightbox_footer_comment{
	display: block;
	font: 11px "MS UIGothic";
	text-align: left;
	line-height: 1.4em;
	color: #333333;
}

/***** フッター最後の閉じるボタン *****/
#imglightbox_footer_after_close{
/*	display: block;*/
	display: none;
}

#imglightbox_comment{
	display: none;
}

#imglightbox{
}

#imglightbox a img{
	border: none;
}

#imglightbox_outerimagecontainer{
	position: relative;
	width: 250px;
	height: 250px;
	margin: 0px auto;
}

#imglightbox_imagecontainer{
	padding: 10px 10px;
}

/* 読み込み中 */
#imglightbox_loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0px;
}

/* ナビゲーター */
#imglightbox_hovernavi{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 10;
	margin: 0px 10px;
}

#imglightbox_imagecontainer>#imglightbox_hovernavi{
	left: 0px;
}

#imglightbox_hovernavi a{
	outline: none;
}

/* 前の画像へリンクの位置 */
#imglightbox_prevlink{
	width: 45%;
	height: 100%;
	left: 0px;
	float: left;
}
/* 次の画像へリンクの位置 */
#imglightbox_nextlink{
	width: 45%;
	height: 100%;
	right: 0px;
	float: right;
	margin-right:20px;
}


/* 画像の説明 */
#imglightbox_imagedatacontainer{
	font: 10px "MS UIGothic";
/*	background-color: #ffffff;*/
	margin: 0 auto;
	line-height: 1.4em;
}

#imglightbox_imagedata{
	padding:0 10px;
}

#imglightbox_imagedata #imglightbox_imagedetails{
	width: 70%;
	float: left;
	text-align: left;
}

#imglightbox_imagedata #imglightbox_caption{
	display: none;
	font-weight: bold;
}

#imglightbox_imagedata #imglightbox_numberdisplay{
/*	display: block;*/
	display: none;
	clear: left;
	padding-bottom: 1.0em;
}

/* 閉じるボタン */
#imglightbox_bottomnaviclose{
	display: none;
/*	width: 44px;
	height: 44px;*/
	float: right;
	padding-bottom: 0.7em;
}

/* 画像ライトボックス背景 */
#imglightbox_back{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
/*	height: 500px;*/
	height: 100%;
	background-color: #000000;
	filter: alpha(pacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#imglightbox_overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000000;
	filter: alpha(pacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.imglightbox_clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html>body .imglightbox_clearfix{
	display: inline-block;
	width: 100%;
}

* html .imglightbox_clearfix{
	height: 1%;
}

/***** 角丸 *****/
.imglightbox_corner_round_cap{text-align:center;}
.imglightbox_corner_round_line1{margin: 0px 5px; width:auto; height:1px;}
.imglightbox_corner_round_line2{margin: 0px 3px; width:auto; height:1px;}
.imglightbox_corner_round_line3{margin: 0px 2px; width:auto; height:1px;}
.imglightbox_corner_round_line4{margin: 0px 1px; width:auto; height:2px;}