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_close{
	text-align: right;
}

.layer_board_close a{
	color : #ffffff;
}

.layer_board {
	display: none;
	position: fixed;
	left: 50%;
	margin: 50px 0px 0px -245px;
	
	text-align: center;
	z-index: 2000;
}
@media screen and ( min-width:1000px ){
	.layer_board {
		margin: 50px 0px 0px -400px;
	}
	#board650 {display: none;}
	#board300 {display: none;}
}

@media screen and (min-width:650px) and ( max-width:1000px) {
	.layer_board {
		margin: 50px 0px 0px -325px;
	}
	#board1000 {display: none;}
	#board300 {display: none;}

}
@media screen and (min-width:320px) and ( max-width:650px) {
	.layer_board {
		margin: 50px 0px 0px -150px;
	}
	#board1000 {display: none;}
	#board650 {display: none;}

}

/*
@media screen and ( max-width:480px ){
	#layer_board_area {
		display: none;
	}
}
*/

@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (orientation:landscape) {
	.layer_board_bg,
	.layer_board div{
		display: none!important;
	}
}
@media only screen
and (min-device-width:768px)
and (max-device-width:1024px)
and (orientation:portrait){
	.layer_board_bg,
	.layer_board div{
		display: none!important;
	}
}

@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape){
	.layer_board_bg,
	.layer_board div{
		display: none!important;
	}
}


@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait){
	.layer_board_bg,
	.layer_board div{
		display: none!important;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.layer_board_bg,
	.layer_board div{
		display: none!important;*
	}

}