@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: 600px;
	padding: 5px;
margin: auto;
	background-image:url("img/umi12.png");

	border-radius: 4px;
	position: absolute; left:900px;top:0;//tyuuou中央はrelative
}

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

}

.toolbar{
	background-color: lightblue;
	padding: 20px 14px;
	margin-top: 10px;

	margin-bottom: 10px;
	border-radius: 4px;
	color: black;
	line-height:5px;
	height:80px;
	font-size: 24px;
}
.toolbar span{
	font-size: 28px;
	margin: 0px0px 0px 10px 0px 10px; 
}
p.toolbar{
	line-height: 0.8;
}

#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/title.jpg");
	background-image:url("img/titlepachinco.png");
	//background-image:url("img/clearpachincoend-toumei.png");
		background-position: 0px -6px;
			top: 120px;
			left:5px
}
#gameclear{
	display: none;
	background-image:url("img/clearpachinco1.png");
	background-position: 10px -16px;
	top: 120px;
			left:5px
}
#tettai{
	display: none;
	background-image:url("img/downpachinco1.png");
	background-position: 0px -6px;
		top: 120px;
}
#tettai2{
	display: none;
	background-image:url("img/downpachincoend.png");
	background-position: 0px -6px;
		top: 120px;
}

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

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


#setu2{
	display: none;
	background-image:url("img/setumeislotyou.png");
	background-position: 0px -6px;
	top: 120px;
}



.dialogbox{
	position: absolute;
	top: 100px;
	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;
}

#setu1 button{
	position: absolute;
	top: 50px;
	left: 0px;
	-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;
}