@charset "utf-8";

body{
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", 
		"Hiragino Kaku Gothic Pro", Osaka, 
		Arial, Helvetica, sans-serif;
}
.gameboard{
	border: solid rgb(255,128,0) 1px;
	border-top: solid rgb(255,128,0) 10px;
	width: 484px;
	height: 730px;
	padding: 20px;
	margin: auto;
	//background-image:url("img/stageback.jpg");
	background-image:url("img/daisorajet.jpg");
font-size: 16px;

	border-radius: 8px;
	position: relative;
}

.gameboard h1{
	color:rgb(255, 200, 200);
	
	font-size: 16px;
	text-align: center;	
	letter-spacing: 1em;
	line-height: 20px;
	margin-bottom: 10px;
}

.toolbar{
	background-color: green;
	padding: 4px 30px;
	margin-bottom: 10px;//下との間隔
	border-radius: 4px;
	color: black;
	line-height: 22px;
	height:102px;//102
	font-size: 16px;
}
.toolbar span{
	font-size: 20px;//文字大きさ
	margin: 0px 10px 0px 10px 0px 10px; 
}

#cvs_stage{
	-webkit-box-shadow: 0px 0px 36px 2px 
		rgb(255, 200, 200);
	box-shadow: 0px 0px 36px 2px 
		rgb(255, 200, 200);
}

button {
	color: black;
	background-color: white;
	border-radius: 6px;
	border: solid gray;
	height:32px;
	vertical-align:top;
}
button:hover{
	color:white;
	background-color: black;
}
#btn_restart{
	float: right;
}

#title{
	display: none;
	background-image:url("img/ringotitlecard23.png");
		background-position: 0px -6px;
		top: 140px;

	//left:11px;
}
#gameclear{
	display: none;
	background-image:url("img/ringoclearcard2.png");
	background-position: 0px -6px;
}
#tettai{
	display: none;
	background-image:url("img/ringodowncard2.png");
	background-position: 0px -6px;
}
#tettai2{
	display: none;
	background-image:url("img/ringodowncardend2.png");
	background-position: 0px -6px;
}



#setu1{
	display: none;
	background-image:url("img/daisetumeitankbomb.png");
	background-position: 0px -6px;
	top: 110px;
	left:40px;
}






#clearend{
	display: none;
	background-image:url("img/ringoclearcardend2.png");
	background-position: 0px -6px;
}



.dialogbox{
	position: absolute;
	top: 80px;
	left:20px;
	width: 480px;
	height: 480px;
	-webkit-box-shadow: 0px 0px 2px 2px 
		black;
	box-shadow: 0px 0px 2px 2px 
		black;
}

#migi button{
	position: absolute;
	top: 180px;
	left: 200px;
	-webkit-box-shadow: 0px 0px 24px 6px #FFFF22;
	box-shadow: 0px 0px 24px 6px #FFFF22;
}
#title button{
	position: absolute;
	top: 80px;
	left: 200px;
	-webkit-box-shadow: 0px 0px 24px 6px #FFFF22;
	box-shadow: 0px 0px 24px 6px #FFFF22;
}
#gameclear button{
	position: absolute;
	top: 150px;
	left: 50px;
	-webkit-box-shadow: 0px 0px 24px 6px #FFFF22;
	box-shadow: 0px 0px 24px 6px #FFFF22;
}

#tettai button{
	position: absolute;
	top: 150px;
	left: 50px;
	-webkit-box-shadow: 0px 0px 24px 6px #FFFF22;
	box-shadow: 0px 0px 24px 6px #FFFF22;
}


#tettai2 button{
	position: absolute;
	top: 150px;
	left: 50px;
	-webkit-box-shadow: 0px 0px 24px 6px #FFFF22;
	box-shadow: 0px 0px 24px 6px #FFFF22;
}