@charset "utf-8";

/* CSS Document */



body {

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	font-weight:bold;

}



#wrapperCircle {

	margin:0 auto;
	width:990px;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
}

.contents_circle {
	margin:0 auto;
	width:990px;
	position:relative;
	background:url(../img/bg2_circle.png) repeat-y;
	height:100%;
	display:block;
	padding:0px;
}

#canvas {
	margin:0 auto;
	margin-top:70px;
	border:solid 1px #CCCCCC;
}

#controls {
	margin:0 auto;

	width:960px;

	height:70px;

	padding-top:15px;

	background-color:rgba(255,255,255,0.8);

	border:1px solid #CCC;

}


.btn_howto_circle{
	position:absolute;
	top:20px;
	left:860px;
}

.btn_back_circle {
	position:absolute;
	top:16px;
	left:15px;
}



#startBtn {

	margin:auto;

	cursor:pointer;

	width:120px;

	height:50px;

	line-height:50px;

	text-align:center;

	font-weight:bold;
	font-size:15px;

	color:#FFF;

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	background-color:rgb(255,204,0);

	border:2px #FFFFFF solid;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	-o-border-radius: 6px;

	-ms-border-radius: 6px;

	border-radius:6px;

	-moz-box-shadow: 2px 2px 3px 3px #CCC;

	-webkit-box-shadow: 2px 2px 3px 3px #CCC;

	-o-box-shadow: 2px 2px 3px 3px #CCC;

	-ms-box-shadow: 2px 2px 3px 3px #CCC;

	box-shadow: 2px 2px 3px 3px #CCC;

}



#backBtn {

	margin-right:10px;

	margin-left:10px;

	cursor:pointer;

	width:60px;

	height:50px;

	line-height:50px;

	text-align:center;

	font-weight:bold;
	font-size:15px;

	color:#FFF;

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	background-color:#69F;

	border:2px #FFFFFF solid;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	-o-border-radius: 6px;

	-ms-border-radius: 6px;

	border-radius:6px;

	-moz-box-shadow: 2px 2px 3px 3px #CCC;

	-webkit-box-shadow: 2px 2px 3px 3px #CCC;

	-o-box-shadow: 2px 2px 3px 3px #CCC;

	-ms-box-shadow: 2px 2px 3px 3px #CCC;

	box-shadow: 2px 2px 3px 3px #CCC;

}


#reverseBtn {

	margin-right:10px;

	margin-left:10px;

	cursor:pointer;

	width:120px;

	height:50px;

	line-height:50px;

	text-align:center;

	font-weight:bold;
	font-size:15px;

	color:#FFF;

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	background-color:#69F;

	border:2px #FFFFFF solid;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	-o-border-radius: 6px;

	-ms-border-radius: 6px;

	border-radius:6px;

	-moz-box-shadow: 2px 2px 3px 3px #CCC;

	-webkit-box-shadow: 2px 2px 3px 3px #CCC;

	-o-box-shadow: 2px 2px 3px 3px #CCC;

	-ms-box-shadow: 2px 2px 3px 3px #CCC;

	box-shadow: 2px 2px 3px 3px #CCC;

}


#subBtn, #soundBtn {

	margin:auto;

	cursor:pointer;

	line-height:50px;

	width:90px;

	height:50px;

	text-align:center;

	color:#FFF;

	font-size:15px;

	background-color:#28AF78;

	border:2px #FFFFFF solid;

	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	-o-border-radius: 6px;

	-ms-border-radius: 6px;

	border-radius:6px;

	-moz-box-shadow: 2px 2px 3px 3px #CCC;

	-webkit-box-shadow: 2px 2px 3px 3px #CCC;

	-o-box-shadow: 2px 2px 3px 3px #CCC;

	-ms-box-shadow: 2px 2px 3px 3px #CCC;

	box-shadow: 2px 2px 3px 3px #CCC;

}



#startBtn: hover {

	background-color:#039;

}



#divideNum {
	width:auto;
	height:50px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	font-size:25px;
/**	background-color: rgb(212, 152, 0);**/
}