@charset "utf-8";
/* CSS Document */
*{
	user-select: none; /* CSS3 */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chromeなど */
	-ms-user-select: none; /* IE10から */
	margin:0;
	padding:0;
}
html,body{
	width:100%;
	height:100%;
}
body{
	background-color:#eee;
}
#main{
	background-image:url(img/background.png);
	background-repeat:no-repeat;
	position:absolute;
	width:700px;
	height:500px;
	top:50%;
	left:50%;
	margin:-250px 0 0 -350px;
}
#Title{
	position:absolute;
	width:450px;
	top:0px;
	left:0px;
}
h1.title{
	margin:5px 0 0 15px;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:28px;
	text-align:left;
	color:#FFF;
}
#timefield{
	position:absolute;
	width:80px;
	height:35px;
	top:445px;
	left:200px;
}
h3{
	text-align:right;
	font-size:18px;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	margin:10px 5px 0 0;
}
#confirm{
	background-image:url(img/confirmbutton.png);
	position:absolute;
	width:260px;
	height:30px;
	top:15px;
	right:20px;
	cursor:pointer;
}
#QAfield{
	background-image:url(img/grid.png);
	position:absolute;
	width:630px;
	height:215px;
	top:80px;
	left:35px;
}
#Ansfield{
	position:absolute;
	width:530px;
	height:215px;
	top:0px;
	left:100px;
}
#Qfield{
	position:absolute;
	width:530px;
	height:215px;
	top:0px;
	left:0px;
}
#Success{
	position:absolute;
	color:#F00;
	z-index:20;
}
#Failed{
	position:absolute;
	color:#00F;
	z-index:21;
}
#MaruBatsufield{
	position:absolute;
	width:630px;
	height:215px;
}
.MaruBatsu{
	width:100px;
	height:100px;
	position:absolute;
}
#marubatsu1{
	top:0px;
	left:50px;
}
#marubatsu2{
	top:0px;
	left:265px;
}#marubatsu3{
	top:0px;
	left:480px;
}#marubatsu4{
	top:115px;
	left:50px;
}
#marubatsu5{
	top:115px;
	left:265px;
}
#marubatsu6{
	top:115px;
	left:480px;
}
.Question,.Answer{
	position:absolute;
	width:100px;
	height:100px;
}
#Q1,#A1{
	position:absolute;
	top:0px;
	left:0px;
}
#Q2,#A2{
	position:absolute;
	top:0px;
	left:215px;
}
#Q3,#A3{
	position:absolute;
	top:0px;
	left:430px;
}
#Q4,#A4{
	position:absolute;
	top:115px;
	left:0px;
}
#Q5,#A5{
	position:absolute;
	top:115px;
	left:215px;
}
#Q6,#A6{
	position:absolute;
	top:115px;
	left:430px;
}
.buttonImage{
	cursor:pointer;
	position:absolute;
	top:445px;
	width:90px;
	height:35px;
}
#sbutton{
	left:300px;
}
#rbutton{
	left:405px;
}
#abutton{
	left:510px;
}
#cbutton{
	left:510px;
}
.Image{
	position:absolute;
	top:2px;
	left:2px;
	width:96px;
	height:96px;
}
#Selfield{
	position:absolute;
	width:450px;
	height:80px;
	left:125px;
	top:337.5px;
}
.selectImg{
	position:absolute;
	top:0px;
	width:80px;
	height:80px;
}
#battery{
	left:0px;
}
#motor{
	left:92.5px;
}
#switch{
	left:185px;
}
#light{
	left:277.5px;
}
#current{
	left:370px;
}
#mycanvas{
	position:absolute;
	background-color: transparent;
	top:0px;
	left:0px;
	cursor:default;
}
#ConfirmPage{
	position:absolute;
	background-color:#FFF;
	top:50px;
	left:15px;
	height:435px;
	width:670px;
}
#closeButton{
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
}