@font-face {
	font-family: 'checkpoint';
	src: url('cp_period.ttf') format('truetype');
}


html,body{
	margin:0; 
	padding:0;
/*	background:url(base.png) center center;
	background-size:87px auto;*/
	width:100%;
	height:100%;
	font-family: 'checkpoint';
	text-align:center;
}
#dummy{
	margin:0;
	padding:0;
	margin-bottom:-340px;
	width:1px;
	height:50%;
	float:left;
}
#wrapper{
	position:relative;
	clear:left;
	margin:0 auto; 
	padding:0; 
	width:640px;
	height:680px;
	font-size: medium;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	-moz-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
}
#game_canvas{
	position:absolute;
	top:20px;
	left:0px;
	width:640px;
	height:640px;
	background-color:transparent;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	opacity:0;
}
#loading{
	position:absolute;
	top:20px;
	left:0px;
	width:640px;
	height:640px;
	background:#000 url("loading.gif") no-repeat center center;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


#top_info1{
	position:absolute;
	top:0px;
	width:640px;
	height:20px;
	line-height:20px;
	color:#fff;
	font-family: 'checkpoint';
	font-size:18px;
	background-color:#ff3399;
	text-align:center;
}



#mute{
	display:none;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
	background:url(mute.png)no-repeat right top;
	background-size:200% auto;
}