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;
	position: fixed;
	top: 30%;
	left: 50%;
	margin: 0px 0px 0px -300px;
	text-align: center;
	z-index: 2000;
}

.btn_oc a {
  margin: 10px auto 0;
  padding: 10px 0 5px;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  border-radius: 20px;        /* CSS3草案 */
  -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 20px;   /* Firefox用 */
  background: #336699;
  display: block;
}

.btn_close {
  margin:10px 0 0;
}

@media screen and (max-width:768px) {
	.layer_board { width: 100%; top: 15%; left: 0; margin: 0px auto; }
	.layer_board iframe { width: 100%; height: 300px; }
}