@charset "UTF-8";
body{
	width:100%;
	height:720px;
}

div#infoarea {
	width:705px;
	height:24px;
	margin:0 auto;
	line-height:24px;
	background-color:#cceecc;
	font-size:14px;
	padding-left:15px;
}
div#loginname {
	margin-right:15px;
	height:24px;
	text-align:left;
	float:right;
}
div#mainarea {
	width:720px;
	height:720px;
	position:relative;
	margin:0 auto;
	left:0px;
	top:0px;
	overflow:hidden;
	display:block;
}
div#gamearea {
	width:720px;
	height:720px;
	background-color:#ccccff;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}
div#rankingarea {
	width:720px;
	height:720px;
	background-color:#ccffcc;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	color:white;
	font-size:20px;
}

div#titlearea {
	width:720px;
	height:720px;
	background-color:#ccffcc;
	position:absolute;
	left:0px;
	top:0px;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	overflow:hidden;
	display:block;
}
div#continuearea {
	width:720px;
	height:720px;
	position:relative;
	left:0px;
	top:0px;
	background-color:#ccffcc;
	overflow:hidden;
	display:none;
}
div#adventurearea {
	width:720px;
	height:720px;
	background-color:#000000;
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
	display:none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

div#resultarea {
	width:720px;
	height:720px;
	background-color:#ccffcc;
	position:absolute;
	left:0px;
	top:0px;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	display:none;
}

div#firstcanvas {
	position:absolute;
	left:60px;
	top:100px;
	z-index:50;
}

canvas#first {
/*
	display:none;
*/
}
#strtime {
	position:absolute;
	top:15px;
	left:60px;
}
#base {
	position:absolute;
	width:320px;
	top:54px;
	left:50px;
}
#timer {
	position:absolute;
	width:300px;
	text-align:left;
	top:60px;
	left:60px;
	overflow:hidden;
}
#strscore {
	position:absolute;
	top:15px;
	left:430px;
}
#score {
	position:absolute;
	width:700px;
	text-align:right;
	top:50px;
}

#imageload{
	width:0px;
	height:0px;
	overflow:hidden;
	display:block
}

#score_waku {
	width:240px;
	height:84px;
}

#ready{
	position:absolute;
	left:128px;
	top:350px;
	width:440px;
	height:140px;
	z-index:150;
	display:none;
	overflow:hidden;
}
#strready {
	position:absolute;
	left:0px;
	top:0px;
	width:208px;
	z-index:150;
	display:none;
}
#strgo {
	position:absolute;
	left:318px;
	top:360px;
	z-index:150;
	display:none;
}
#strfinish {
	position:absolute;
	left:165px;
	top:0px;
	z-index:150;
	display:none;
}
#strclear {
	position:absolute;
	left:165px;
	top:0px;
	z-index:150;
	display:none;
}


#btnleft {
	position:absolute;
	left:80px;
	top:320px;
}
#btnright {
	position:absolute;
	left:580px;
	top:320px;
}

#btnchangedata {
	position:absolute;
	left:65px;
	top:720px;
	z-index:150;
	display:block;
}
#btntrial {
	position:absolute;
	left:385px;
	top:720px;
	z-index:150;
	display:block;
}
#btnranking {
	position:absolute;
	left:385px;
	top:720px;
	z-index:150;
	display:block;
}
#btnstory {
	position:absolute;
	left:65px;
	top:720px;
	z-index:150;
	display:block;
}

#btnmodoru {
	position:absolute;
	left:65px;
	top:610px;
	z-index:150;
	display:none;
}
#btnlogout {
	position:absolute;
	left:385px;
	top:500px;
	z-index:150;
	display:none;
}
#btndeletedata {
	position:absolute;
	left:65px;
	top:500px;
	z-index:150;
	display:none;
}
#btnchangename {
	position:absolute;
	left:385px;
	top:610px;
	z-index:150;
	display:none;
}

#btnretry {
	position:absolute;
	left:385px;
	top:520px;
	z-index:150;
	display:block;
}
#btnnext {
	position:absolute;
	left:385px;
	top:520px;
	z-index:150;
	display:block;
}
#btnupload {
	position:absolute;
	left:60px;
	top:520px;
	z-index:150;
	display:block;
}
#btntitle {
	position:absolute;
	left:385px;
	top:590px;
	z-index:150;
	display:block;
}


#debugPrint {
	position:absolute;
	width:720px;
	left:20px;
	top:730px;
}

#strresulthigh {
	position:absolute;
	left:30px;
	top:180px;
}

#strresultscore {
	position:absolute;
	left:30px;
	top:280px;
}

#resulthigh {
	position:absolute;
	right:30px;
	top:187px;
}
#resultscore {
	position:absolute;
	right:30px;
	top:287px;
}

#addscore,
#addtimer {
	position:absolute;
	left:0px;
	top:0px;
	z-index:200;
	overflow:hidden;
	display:none;
}

.star {
	position:absolute;
	width:300px;
	height:300px;
	z-index:190;
	display:none;
}

#star0F,
#star1F,
#star2F{
	display:none;
}

/* adventure‚±‚±‚©‚ç */
#btnskip {
	position:absolute;
	left:540px;
	top:20px;
	z-index:250;
	display:none;
}

div#message {
	width:720px;
	height:720px;
	position:relative;
	display:none;
}
div#message_black {
	color:black;
	position:absolute;
	width:600px;
	left:63px;
	top:508px;
	font-size:28px;
	line-height:40px;
	letter-spacing:2px;
	z-index:200;
}
div#message_white {
	color:white;
	position:absolute;
	width:600px;
	left:60px;
	top:506px;
	font-size:28px;
	line-height:40px;
	letter-spacing:2px;
	z-index:210;
}
div#message_wakuf {
	width:648px;
	height:203px;
	position:absolute;
	left:36px;
	bottom:33px;
	background-image: url("../img/wakuf.png");
	opacity:1.0;
	z-index:100;
}
div#message_wakub {
	width:648px;
	height:203px;
	position:absolute;
	left:33px;
	bottom:33px;
	background-image: url("../img/wakub.png");
	opacity:0.6;
	z-index:100;
}

div#select0,
div#select1,
div#select2 {
	color:white;
	position:absolute;
	width:570px;
	height:45px;
	left:60px;
	padding-left:20px;
	font-size:28px;
	line-height:45px;
	letter-spacing:2px;
	z-index:211;
	background-color:#dd0000;
	display:none;
}
div#select0 {
	top:546px;
}
div#select1 {
	top:601px;
}
div#select2 {
	top:656px;
}

div#background {
	position:absolute;
	background-color:#ff0000;
}
div#charactor00 {
	position:absolute;
}
div#charactor01 {
	position:absolute;
}

/* ----------------------- */
div#dialog {
	position:absolute;
	z-index:250;
	top:0px;
	left:0px;
} 
div.dialogCover {
	width:720px;
	height:720px;
	position:absolute;
	z-index:180;
	top:0px;
	left:0px;
	display:none;
}
div.dialogwindow {
	width:350px;
	height:160px;
	background-color:white;
	position:absolute;
	position:relative;
	border:1px solid black;
	top:240px;
	left:185px;
	font-size:24px;
	text-align:center;
	line-height:30px;
	padding-top:40px;
}
div.dialogYes {
	width:120px;
	height:40px;
	border:1px solid black;
	float:left;
	margin-top:40px;
	margin-left:40px;
	line-height:40px;
}
div.dialogNo {
	width:120px;
	height:40px;
	border:1px solid black;
	float:left;
	margin-top:40px;
	margin-left:20px;
	line-height:40px;
}
div.dialogDecide {
	width:120px;
	height:40px;
	border:1px solid black;
	line-height:40px;
	position:absolute;
	left:115px;
	bottom:20px;
}
input.dialogText {
	width:160px;
	height:20px;
	margin-top:20px;
	text-align:center;
	font-size:18px;
}
#ranking {
	position:absolute;
	left:130px;
	top:30px;
}

td {
	padding:4px;
	text-align:center;
	background-color:#9fb587;
	border: solid 2px white;
}
#nor {
	width:60px;
	text-align:center;
}
#non {
	width:160px;
	text-align:center;
}
#nos {
	width:120px;
	text-align:center;
}

#showranking {
	position:absolute;
	left:180px;
	top:160px;
}

#condition {
	width:500px;
	height:105px;
	padding:330px 105px 290px;
	position:absolute;
	z-index:210;
	background-image:url("../img/jyoukenwaku.png");
	font-size:28px;
	display:none;
}



#consoleNokorikin {
	position:absolute;
	top:15px;
	left:430px;
	display:block;
}
#consoleNokorikaiten {
	position:absolute;
	top:15px;
	left:60px;
	display:block;
}
#consoleKeshitakazu {
	position:absolute;
	top:15px;
	left:430px;
	display:block;
}

#nokorikin {
	margin-left:30px;
}
#nokorikaiten {
	margin-left:30px;
}
#keshitakazu {
	margin-left:30px;
}

#strstageselect {
	margin:20px 8px;
}

#continue1,
#continue2,
#continue3,
#continue4,
#continue5,
#continue6 {
	width:440px;
	height:55px;
	padding:0px 20px;
	margin:20px 120px;
	background-color:#dd0000;
	color:white;
	font-size:28px;
	line-height:55px;
	display:block;
}

#infobgmvolume {
	float:left;
	color:#dd0000;
	margin-right:3px;
}
#infosevolume {
	float:left;
	color:#dd0000;
	margin-right:3px;
}

#infoonsei,
#infomute,
#infobgmminus,
#infobgmplus,
#infoseminus,
#inforeset,
#infowebsite,
#infoseplus {
	float:left;
	margin-top:2px;
	margin-right:3px;
}

#infomute {
	display:none;
}

#titlelogo {
	position:absolute;
	z-index:10;
	opacity:0;
}

#titleleft {
	position:absolute;
	z-index:5;
	left:-720px;
	top:70px;
}
#titleright {
	position:absolute;
	z-index:5;
	left:720px;
	top:70px;
}