body{
	line-height: 110%;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
	background-color:#f8f4e6;
	margin:0px;
}

div#lockControl {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top:0px;
	background-color: #110000;
	opacity: 0.65;
	visibility: hidden;
	z-index: 1;
}

div.header{
	background-color:#68BE8D;
	color:#fff;
	font-size:20px;
}
div.header table,tr{
	width:100%;
	color:#fff;
}
div.header .previous{
	width:20%;
	text-align:left;
	padding:5px 0px;
	border:2px solid #68BE8D;
}
div.header .previous a{
	text-decoration:none;
	color:#fff;
}

div.header .title{
	width:60%;
	text-align:center;
	padding:5px 0px;
	border:2px solid #68BE8D;
}
div.header .button{
	width:20%;
	text-align:center;
	padding:5px 0px;
}



div#loading{
	width:320px;
	text-align:center;
	margin:0px auto;
}

div#start,
div#choice,
div#confirm,
div#countdown,
div#result{
	width:320px;
	text-align:center;
	margin:0px auto;
	display:none;
}

div#countdownSec{
	font-size:60px;
}

div#input{
	width:320px;
	text-align:center;
	margin:0px auto;
	position:relative;
	display:none;
}

div#input .status{
	font-size:14px;
	text-align:left;
	margin:0px;
	padding:10px;
}

div#contentDialog{
	
	width:230px;
	top:100px;
	height:auto;
	left:25px;
	background-color:#330000;
	opacity:0.8;
	color: #ffffff;
	font-size: 20px;
	position:absolute;
	margin:0px auto;
	z-index:999;
	padding:10px 20px;
	text-align:left;
	line-height: 150%;
}

div#optionPanel{
	#display:table;
	width:190px;
	margin:0 auto;
	text-align:center;
}

div#yomiPanel{
	font-size:25px;
	margin:0px;
	margin-top:10px;
	text-align:center;
	margin-bottom:5px;
}


span.optionPanelButtonLabel{
	border:#fff solid 2px;
	background-color:#fff;
	color:#000;
	width:40px;
	height:40px;
	display:table-cell;
	vertical-align:middle;
	font-size:22px;
	border-right:0px;
	text-align:center;
}

span.optionPanelButtonValue{
	background-color:#fff;
	border:#fff solid 2px;
	color:#000;
	width:150px;
	height:40px;
	display:table-cell;
	vertical-align:middle;
	font-size:22px;
	margin:0px auto;
	text-align:left;
	position:relative;
}


#questionText{
	text-align:left;
	font-size:18px;
	margin:10px;
	margin-top:0px;
	padding: 0px;
	line-height: 150%;
	padding-bottom:10px;
}

#questionTextJukugo{
	width:320px;
	text-align:center;
	margin:0px auto;
	display:none;
	padding-bottom:20px;
	
}

#questionTextJukugo table{
	width:260px;
	margin:0 auto;
	color:#000;
	border-collapse:collapse;
}
#questionTextJukugo table tr td{
	width:260px;
	margin:0 auto;
	color:#000;
	border:2px solid #000;
}

#JukugoContentTextSupport,#JukugoQuestionTextSupport{
	border:0px;	
}

#checkText{
	height:40px;
	font-size:25px;
	background-color:#fff;
	margin:0px
	padding:0px;
	display:table-cell;
	vertical-align:middle;
	position:relative;
	width:90%;
}

#inputText{
	height:40px;
	font-size:25px;
	background-color:#fff;
	margin:10px 0px;
	display:table-cell;
	vertical-align:middle;
	width:90%;
}

button.css3button {
	font-size: 20px;
	color: #ffffff;
	padding: 10px 10px;
	background-color:#698aab;
	font-weight:bold;
	border:0px;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
}

img.logo{
	width:90%;
}



button.yomiPanelButton{
	padding:1px;
	margin:0px;
	width:51px;
	height:51px;
	font-size:27px;
	background-color:#ede4cd;
	color:#000;
	font-weight:normal;
}

button.panelControlButton{
	font-size:23px;
	padding:2px 22px;
	font-weight:normal;
	
}

img#imageMaru,img#imageBatsu{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:130px;
	height:130px;
	opacity:0.5;
}

button#contentDialogButton{
	position:absolute;
	top:0px;
	left:20px;
	font-size:16px;
	padding:5px 10px;
}

button#nextButton{
	margin-top:50px;
}


#JukugoContentTextSupport{
	font-size:15px;
	text-align:center;
	width:80px;
}

#JukugoQuestionTextSupport{
	font-size:15px;
	text-align:center;
	width:180px;
}

#JukugoContentText{
	font-size:23px;
	text-align:center;
	width:80px;
	background-color:#fff;
	border:#fff solid 2px;
	padding: 5px 10px;
}

#JukugoQUestionText{
	font-size:26px;
	text-align:center;
	width:180px;
	background-color:#fff;
	border:#fff solid 2px;
	padding: 5px 10px;
	margin-bottom:10px;
}

.JukugoOptionSpan{
	width:50px;
	display: block;
}

.checkTextLabel{
	font-size:13px;
	position:absolute;
	bottom:5px;
	left:5px;
	color:#6c8cac;
}
.jukugoExample{
	font-size:13px;
	position:absolute;
	bottom:5px;
	right:5px;
	color:#000;
}


#confirm .excuse{
	width:90%;
	background-color:#fff;
	font-size:18px;
	display:none;
	margin:10px auto;
	padding:10px 0px;
}

#confirm #confirmOk{
	width:90%;
}

.result-text{
	width:70%;
	text-align:left;
	margin:20px auto;
	font-size:
	padding:10px 0px;
}

#result-box{
	background-color:#fff;
	width:70%;
	margin:0 auto;
	display:block;
	margin-bottm:10px;
	height:70px;
	overflow:hidden;
}

.resultClass{
	font-size:50px;
	height:70px;
	70%;
}

.resultClassCell{
	color:#000;
	text-align:center;
	font-size:50px;
}

div#explainDialog{
	position:absolute;
	top:50px;
	left:25px;
	width:230px;
	z-index:999;
	opacity:1.0;
	background-color:#ffffff;
	color: #000000;
	font-size: 18px;
	margin:0px auto;
	padding:10px 20px;
	text-align:left;
	line-height: 100%;
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}