/*
640×640
*/


body {
	font-family:"小塚ゴシック Pro R", "游ゴシック", "メイリオ", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
	background:#ffffff;
	color:#0f0f0f;
	font-size:20px;
}

#oqs_body {
	position: relative;
	width: 540px;
	height: 360px;
	
	font-size: 24px;
	background-size: 100% 100%;
}

#oqs_header, #oqs_top, #oqs_bottom {
	position: absolute;

	padding: 4px;
	
	background: rgb(0, 84, 24, 0.5);

	color: #ffffff;
	text-shadow: 0px 0px 4px #000000;
	font-size: 24px;
}

#oqs_header {
	top: 8px;
	left: 0px;
	z-index: 2;
}

#oqs_top {
	top: 60px;
	left: 0px;
	z-index: 3;
}

#oqs_bottom {
	top: 60px;
	left: 0px;
	z-index: 4;
}

#oqs_video {
	position: absolute;
	z-index: 1;
	
	top: 0px;
	left: 0px;
	
	width: 540px;
	height: 360px;
}

#oqs_ui {
	position: absolute;
	top: 270px;
	left: 0px;
	z-index: 10;

	width: 540px;

	color: #ffffff;
}

#oqs_ui button {
	height: 1.5em;

	border: solid 1px rgba(255,255,255,0.75);
	border-right: solid 1px rgba(0,0,0,0.25);
	border-bottom: solid 1px rgba(0,0,0,0.25);
	background-color: rgba(0,0,0,0.25);

	vertical-align: middle;

	text-shadow: 0px 0px 4px #000000;

	color: #ffffff;
	font-size: 20px;
	font-weight: normal;
}