html,body {
	height: 100%;
}


* html .layer_board_bg,
* html .layer_board {
	position: absolute;
}

.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	
	z-index: 1000;
	
	top: 0;
	left: 0;
	
	display: none;
	cursor: pointer;
	background: #000;
}

.layer_board {
	display: none;
	background-color: #ffffff;

	position: fixed;
	left: 50%;
	margin: 50px 0 0 -350px;

	text-align: center;
	z-index: 2000;
}

.image_area {
	width: 700px;
	height: 368px;
}

.btn_area {
	margin: 5px 0 5px 0;
	padding: 0;
	height:32px;

	background-color:#ffffff;
	text-align: center;
}

.btn_close {
	margin:auto;
	width :100px;
	height:32px;
 	background-color: #999999;
 	border-radius: 5px;
 	font-size: 14px;
 	text-align: center;
 	line-height: 32px;

    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}

.btn_close a {
	text-decoration: none;
	color: #ffffff;
	display: block;
}

.btn_close:hover {
    filter:alpha(opacity=80);/* IE 6,7*/
    -ms-filter: "alpha(opacity=80)";/* IE 8,9 */
    -moz-opacity:0.8;/* FF , Netscape */
    -khtml-opacity: 0.8;/* Safari 1.x */
    opacity:0.8;
    zoom:1;/*IE*/

	text-decoration: none;
	color: #ffffff;

}

.layer_board a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}