@charset "UTF-8";

#preview-box, #preview-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom:auto;
	right:auto;
	
	z-index:100;
	width:100%;
	height:auto;
	
	text-align:center;
	vertical-align:middle;
	color:#333333;
	
	/* stop stupid conflicts */
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	line-height:0;
	
	/* general conflict stopper */
	
	text-decoration:none;
	background:none;
	word-spacing:normal;
	letter-spacing:normal;
	float:none;
	clear:none;
	display:block;
}
#preview-overlay {
	z-index: 90;
	background-color:#000000;
	height: 100%;
}

#preview-box {
	background-color: #ffffff;
	padding: 3px;
	width: 808px;
	_width: 814px;
	height: 588px;
	_height: 571px;
}
#preview-box .page {
	float: left;
	margin: 2px;
	width: 400px;
	height: 565px;
}
/* 表示する画像サイズ */
#preview-box .image {
	width: 400px;
	height: 565px;
	text-align:center;
	overflow:hidden;
	
/*
	width: 350px;
	height: 477px;
*/
}
/* 表示するテキスト領域 */
#preview-box .text {
	line-height: normal;
	height: 21px;
	_height: 21px;
	width: 400px;
	_width: 397px;
	text-align: right;
	margin-top: 2px;
	margin-right: 3px;
}

#preview-box .navi {
	padding: 5px;
	position: absolute;
	top: 40px;
}
#preview-close {
	position: absolute;
	top: 0px;
	right: 0px;
	cursor:pointer;
}
#preview-next {
	right: 0px;
	width: 200px;
	height: 565px;
}
#preview-prev {
	left: 0px;
	width: 200px;
	height: 565px;
}
.clear {
	clear: both;
}
#preview-loading {
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
}