/*
2012.5.7 t.miura
 lightbox_img_white.html
 画像専用のlightbox_kit用シンプルモーダルビューテンプレートキット
 
 半透明でフィードイン・フィードアウトし、HTMLレベルで中央に配置する。
 
 jquery.onload.jsが必要です。
 （lightbox kitに使われています。別途読み込む必要ありません）
 jquery.preload_mgr.jsが必要です。別途読み込んでください。
 js_prototype.jsも必要になりました；
 jquery.mousewheel.jsも使っています。
 jquery.easing.1.3.jsも使っています。

//----------------------------------------
 
 背景色はlightbox_kitのaddClassで指定するか、
 クラス
 lightbox_simple_center_bg
 にCSSで追加して扱う
-->

*/

/*****************/
/* template base */
/*****************/
.lightbox_img_white_bg{
	height:100%;
	width:100%;
	position:absolute;
	top:0px;
	background:#fff;
}
.lightbox_img_white_table_block{
	height:100%;
	width:100%;
	position:absolute;
	top:0px;
	display:block;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}

.lightbox_img_white_table_block .lightbox_img_white_table{
	height:100%;
	width:100%;
	position:absolute;
	top:0px;
	display:table;
}
.lightbox_img_white_table_block .lightbox_img_white_table .lightbox_img_white_tmp{
	width:100%;
	display:table-cell;
	vertical-align:middle;
	position:relative;
	overflow: hidden;
	text-align:center;
}
.lightbox_img_white_table_block .lightbox_img_white_table .lightbox_img_white_tmp .other_click_area{
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
}
/************************/
/* template containts */
/************************/
.view_target_img{
	position:relative;
}
.lightbox_img_white_prev{
	position:absolute;
	top:50%;
	left:25%;
	margin:0px 0px 0px -28px;
}
.lightbox_img_white_next{
	position:absolute;
	top:50%;
	left:75%;
	margin:0px 0px 0px -28px;
}