@charset "UTF-8";

#quiz-text {
	margin: 10px 10px 10px 20px;
	font-family: "MS UI Gothic";
	line-height: 1.4;
	}


#quiz-area {
	background: url(../img/kanji_quiz_03.png) no-repeat 0 0;
	margin: 0 15px 0 25px;
	height: 430px;
	}
#quiz-area #question-box {
	padding: 0 30px 0 157px;
	height: 234px;
	}






/* ‚»‚Ì‘¼”Ä—pSetting */

#title-box {
	height: 40px;
	}
#title-box .question-number {
	padding: 11px 20px 0 0;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	font-family: "Tahoma";
	text-align: right;
	}
#question-box dt.quesution-number {
	padding-top: 14px;
	}
#question-box dd.quesution-text {
	margin: 5px 0 0 25px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
	color: #000000;
	}
#question-box dd.quesution-support {
	margin: 10px 0 0 30px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	color: #cc3333;
	font-family: "MS UI Gothic";
	text-align: center;
	}
#select-box {
	padding-left: 150px;
	}
#select-box dd {
	float: left;
	}
#select-box dd a {
	display: block;
	width: 183px;
	height: 39px;
	}
#select-box dd.select-circle a {
	background: url(../img/quiz_btn_o.png) no-repeat 0 0;
	}
#select-box dd.select-cross a {
	background: url(../img/quiz_btn_x.png) no-repeat 0 0;
	}
#select-box dd.select-circle a:active,
#select-box dd.select-circle a:focus,
#select-box dd.select-circle a:hover {
	background: url(../img/quiz_btn_o_.png) no-repeat 0 0;
	}
#select-box dd.select-cross a:active,
#select-box dd.select-cross a:focus,
#select-box dd.select-cross a:hover {
	background: url(../img/quiz_btn_x_.png) no-repeat 0 0;
	}
#select-box dd a span{
	display: none;
	}
#select-box {
	
	}
#select-box {
	
	}



#input-box {
	margin: 0 7px 0 150px;
	height: 110px;
	background: url(../img/bkg_answer-box_03.png) no-repeat 0 0;
	}
#input-box dl {
	padding: 12px 0 0 0;
	}
#input-box dd.input-text {
	padding-left: 80px;
	font-size: 12px;
	font-weight: bold;
	color: #cc0000;
	}
#input-box dd.input-area {
	padding: 3px 0 3px 80px;
	}
#input-box dd.input-area input {
	width: 185px;
	border: 1px solid #999999;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	}
#input-box dd.input-button {
	padding-left: 150px;
	}
#input-box dd.input-button a {
	display: block;
	width: 127px;
	height: 32px;
	background: url(../img/input_button.gif) no-repeat 0 0;
	}
#input-box dd.input-button a span {
	display: none;
	}


#answer-box {
	margin: 0 7px 0 150px;
	height: 110px;
	background: url(../img/bkg_answer-box_03.png) no-repeat 0 0;
	}
#answer-box dl {
	padding: 8px 10px 0 10px;
	
	}
#answer-box dt.answer-image {
	float:left;
	width: 90px;
	height: 80px;
	}
#answer-box dt.answer-image span.answer {
	display: block;
	padding-top: 5px;
	font-weight: bold;
	color: #cc3333;
	}
#answer-box .answer-title {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #cc3333;
	padding-bottom: 5px;
	}
#answer-box .answer-text {
	display: block;
	padding-left: 10px;
	line-height: 1.3;
	}
#next-box {
	padding-left: 334px;
	}
#next-box a {
	display: block;
	width: 177px;
	height: 39px;
	background: url(../img/quiz_btn_next.gif) no-repeat 0 0;
	}
#next-box a:active,
#next-box a:focus,
#next-box a:hover {
	background: url(../img/quiz_btn_next_.gif) no-repeat 0 0;
	}
#next-box a span {
	display: none;
	}



#quiz-area #finish-box {
	padding: 0 30px 0 157px;
	height: 234px;
	}
#quiz-area #finish-box dl {
	padding: 20px 40px 0 40px;
	}

#quiz-area #finish-box dt {
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 3px;
	}
#quiz-area #finish-box dd.score-box {
	background-color: #ffffff;
	border: 1px solid #cc0000;
	padding: 10px;
	text-align: center;
	}
#quiz-area #finish-box dd.score-comment {
	margin-top: 5px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color:#cc0000;
	line-height: 1.3;
	}
#quiz-area #finish-box dd span.score-a {
	font-size: 60px;
	font-weight: bold;
	color:#cc0000;
	font-family: "Tahoma";
	}
#quiz-area #finish-box dd span.score-b {
	font-size: 16px;
	font-weight: bold;
	color:#000000;
	}
#button-box {
	margin: 0 7px 0 150px;
	height: 110px;
	background: url(../img/bkg_answer-box.png) no-repeat 0 0;
	}
#button-box ul {
	padding: 10px 10px 10px 90px;
	}
#button-box ul li {
	display: inline;
	padding-bottom: 3px;
	}
#button-box ul li a {
	display: block;
	width: 177px;
	height: 43px;
	}
#button-box ul li a span{
	display: none;
	}
#button-box ul li.low-class a {
	background: url(../img/quiz_btn_low.gif) no-repeat 0 0;
	}
#button-box ul li.middle-class a {
	background: url(../img/quiz_btn_middle.gif) no-repeat 0 0;
	}
#button-box ul li.hight-class a {
	background: url(../img/quiz_btn_hight.gif) no-repeat 0 0;
	}

.quesution-kanji {
	padding-top: 20px;
	font-size: 80px;
	font-family: "‚l‚r ƒSƒVƒbƒN";
	color: #003366;
	text-align: center;
	}


*:first-child+html .quesution-kanji {
	padding-top: 10px;
	font-size: 70px;
	font-family: "‚l‚r ƒSƒVƒbƒN";
	color: #003366;
	text-align: center;
	}