@charset "utf-8";
/* CSS Document */
*{
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	margin:0px;
	padding:0px;
}
html,body{
	width:100%;
	height:100%;
	background-color:#eee;
}
div.main{
	position: absolute;
	background-image: url("img/background.png");
	background-repeat: no-repeat;
	top:50%;
	left:50%;
	width: 700px;
	height: 500px;
	margin: -250px 0 0 -350px;
}
div.Field{
	position:absolute;
	-khtml-user-drag: element;
	width:600px;
	height:400px;
}
img.button{
	position:absolute;
	cursor:pointer;
	width:100px;
}
#Buttons{
	position:absolute;
	top:450px;
	left:500px;
	width:150px;
	height:300px;
}
#startbutton{
	top:25px;
	left:330px;
}
#stopbutton{
	top:25px;
	left:330px;
}
#retbutton{
	top: 25px;
	left: 455px;
}
#resbutton{
	top:25px;
	left:580px;
}
#selection{
	position:absolute;
	top:110px;
	left:41px;
}
img.battery{
	position: absolute;
	top: 90px;
	cursor:pointer;
}
#bat1{
	left: 30px;
}
#bat2{
	left: 125px;
}
#bat3{
	left: 220px;
}
#bat4{
	left: 376px;
}
#bat5{
	left: 536px;
}
#mycanvas{
	position:absolute;
	top:200px;
	left:0px;
}
#explain{
	position:absolute;
	border-radius:20px;
	background-color:rgba(0,0,0,0.9);
	top:50%;
	left:50%;
	width:500px;
	height:400px;
	margin:-200px 0 0 -250px;
}
#closebutton{
	position:absolute;
	top:15px;
	left:460px;
	width:25px;
	height:25px;
}
#result{
	position:absolute;
	left:0px;
	top:50px;
	width:500px;
	height:350px;	
}
span.comment{
	position:absolute;
	top:10px;
	left:200px;
	width:240px;
	text-align:left;
	font-size:18px;
	letter-spacing:2px;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}