@charset "UTF-8";
/* =====================================
	script
===================================== */
.btn {
	cursor:pointer;
}

.btn63_ss {
position: absolute;
top: 360px;
left: 447px;
}

.btn64_ss {
position: absolute;
top: 430px;
left: 447px;
}

.btn38_ss {
position: absolute;
top: 362px;
left: 447px;
}

.btn39_ss {
position: absolute;
top: 426px;
left: 447px;
}

.btn22_ss {
position: absolute;
top: 370px;
left: 680px;
}

#btn_answer {
	cursor:pointer;
}

#btn_line_answer {
	cursor:pointer;
}

#next_page {
	cursor:pointer;
}

#next_line_page {
	cursor:pointer;
}

#next_siki_page {
	cursor:pointer;
}

.btn_num {
	cursor:pointer;
}

#line_vals {
	display: none;
}

#answer_vals {
	display: none;
}

#siki_input {
	display: none;
}

#result_contents {
	display: none;
}

#think_contents {
	display: none;
}

#hint_contents {
	display: none;
}

#line_result_contents {
	display: none;
}

#siki_result_contents {
	display: none;
}

#end_page {
	display: none;
}

#fault_cnt {
	display: none;
}

#line_siki {
	display: none;
}

#line_result {
	display: none;
}

#is_answer {
	display: none;
}
#is_moving {
	display: none;
}

#answer1_box {
	width: 150px;
	height: 40px;
	margin: 45px 0 0 47px;
	color: #333333;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	float: left;
}

#answer2_box {
	width: 140px;
	height: 40px;
	margin: 45px 0 0 0;
	color: #333333;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	float: left;
}

#answer3_box {
	width: 150px;
	height: 40px;
	margin: 45px 0 0 0;
	color: #333333;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	float: left;
}

#input_hour {
	cursor:pointer;

}

#input_min {
	cursor:pointer;

}

#input_hour_val {
	display: none;
}

#input_min_val {
	display: none;
}

#answer_time_fun {
position:absolute;
top:170px;
left:550px;
background:url(../img/bg_answer_time_fun.png)no-repeat;
width:500px;
height:100px;
font-size:30px;
padding-top:45px;
padding-left:50px;
}

#canvas-frame {
  width: 430px;
  height: 300px;
position: absolute;
top: 80px;
left: 350px;
/*  margin: 0 auto;*/
}

#replay_koma {
	cursor:pointer;
}

#previous_koma {
	cursor:pointer;
}

#next_koma {
	cursor:pointer;
}

#back_question {
	cursor:pointer;
}
#q_type {
	display: none;
}
#tmp_answer {
	display: none;
}
#tmp_answer1 {
	display: none;
}
#tmp_answer2 {
	display: none;
}
#tmp_answer3 {
	display: none;
}
#tmp_answer4 {
	display: none;
}
#tmp_answer5 {
	display: none;
}
#tmp_answer6 {
	display: none;
}
#tmp_answer7 {
	display: none;
}
#tmp_answer8 {
	display: none;
}
#tmp_answer9 {
	display: none;
}
#tmp_answer10 {
	display: none;
}
#tmp_answer11 {
	display: none;
}
#tmp_answer12 {
	display: none;
}
#tmp_answer13 {
	display: none;
}
#tmp_answer14 {
	display: none;
}
#tmp_answer15 {
	display: none;
}
#tmp_answer16 {
	display: none;
}
#tmp_answer17 {
	display: none;
}
#tmp_answer18 {
	display: none;
}
#tmp_answer19 {
	display: none;
}

#input_hour {
	display: none;
}
#answer_box_hour {
position:absolute;
background: url(../img/spacer.gif);
top:150px;
left:350px;
width:107px;
height:77px;
font-size:30px;
padding-top:50px;
padding-left:15px;
font-weight:bold;
text-align:center;
}

#answer_box_min {
position:absolute;
background: url(../img/spacer.gif);
top:150px;
left:524px;
width:107px;
height:77px;
font-size:30px;
padding-top:50px;
padding-left:15px;
font-weight:bold;
text-align:center;
}

#hint_next {
display: none;
position:absolute;
top:600px;
left:144px;
}

#hint_back {
display: none;
position:absolute;
top:600px;
left:144px;
}

#answer_box_gozengogo08 {
position:absolute;
background: url(../img/spacer.gif);
top:180px;
left:195px;
width:107px;
height:77px;
font-size:30px;
line-height: 60px;
padding-top:30px;
padding-left:50px;
font-weight:bold;
}
#answer_box_hour08 {
position:absolute;
background: url(../img/spacer.gif);
top:180px;
left:325px;
width:107px;
height:77px;
font-size:30px;
line-height: 60px;
padding-top:30px;
padding-left:15px;
font-weight:bold;
text-align:center;
}

#answer_box_min08 {
position:absolute;
background: url(../img/spacer.gif);
top:180px;
left:482px;
width:107px;
height:77px;
font-size:30px;
line-height: 60px;
padding-top:30px;
padding-left:15px;
font-weight:bold;
text-align:center;
}

.time_answer03 {
	display: none;
}
.time_answer04 {
	display: none;
}

/* ========STARS======== */


.ss1{
	position:absolute;
	top:36px;
	left:453px;
}

.ss2{
	position:absolute;
	top:36px;
	left:486px;
}

.ss3{
	position:absolute;
	top:36px;
	left:519px;
}

.ss4{
	position:absolute;
	top:36px;
	left:552px;
}

.ss5{
	position:absolute;
	top:36px;
	left:585px;
}

.ss6{
	position:absolute;
	top:36px;
	left:618px;
}

.ss7{
	position:absolute;
	top:36px;
	left:651px;
}

.ss8{
	position:absolute;
	top:36px;
	left:684px;
}

.ss9{
	position:absolute;
	top:36px;
	left:717px;
}

.ss10{
	position:absolute;
	top:36px;
	left:750px;
}

.star1{
	position:absolute;
	top:25px;
	left:142px;
}

.star2{
	position:absolute;
	top:25px;
	left:204px;
}

.star3{
	position:absolute;
	top:25px;
	left:266px;
}

.star4{
	position:absolute;
	top:25px;
	left:328px;
}

.star5{
	position:absolute;
	top:25px;
	left:390px;
}

.star6{
	position:absolute;
	top:25px;
	left:452px;
}

.star7{
	position:absolute;
	top:25px;
	left:514px;
}

.star8{
	position:absolute;
	top:25px;
	left:576px;
}

.star9{
	position:absolute;
	top:25px;
	left:638px;
}

.star10{
	position:absolute;
	top:25px;
	left:700px;
}

/* ========RESULT PAGE======== */
.correct1{
background:url(../img/q1.png) no-repeat;
padding-left:150px;
padding-top:10px;
padding-bottom:5px;
border-bottom:1px dotted #999999;
}

.correct2{
background:url(../img/q2.png) no-repeat;
padding-left:150px;
padding-top:10px;
padding-bottom:5px;

border-bottom:1px dotted #999999;
}

.correct3{
background:url(../img/q3.png) no-repeat;
padding-left:150px;
padding-top:10px;
padding-bottom:5px;

border-bottom:1px dotted #999999;

}

.correct4{
background:url(../img/q4.png) no-repeat;
padding-left:150px;
padding-top:10px;
padding-bottom:5px;
border-bottom:1px dotted #999999;
}

.correct5{
background:url(../img/q5.png) no-repeat;
padding-left:150px;
padding-top:10px;
padding-bottom:5px;

border-bottom:1px dotted #999999;
}

.correct6{
background:url(../img/q6.png) no-repeat;
padding-left:150px;
padding-top:10px;
padding-bottom:5px;

border-bottom:1px dotted #999999;
}

.correct7{
background:url(../img/q7.png) no-repeat;
padding-left:150px;
padding-top:10px;
padding-bottom:5px;

border-bottom:1px dotted #999999;
}

.correct8{
background:url(../img/q8.png) no-repeat;
padding-left:150px;
padding-top:10px;
padding-bottom:5px;

border-bottom:1px dotted #999999;
}

.correct9{
background:url(../img/q9.png) no-repeat;
padding-left:150px;
padding-top:10px;
padding-bottom:5px;

border-bottom:1px dotted #999999;
}

.correct10{
background:url(../img/q10.png) no-repeat;
padding-left:150px;
padding-top:10px;
padding-bottom:5px;
border-bottom:1px dotted #999999;
}

.correct_div1{
background:url(../img/q1_k.png) no-repeat;
padding-left:150px;
padding-top:10px;
padding-bottom:5px;
border-bottom:1px dotted #999999;
}

.correct_div2{
background:url(../img/q2_k.png) no-repeat;
padding-left:150px;
padding-top:10px;
padding-bottom:5px;

border-bottom:1px dotted #999999;
}

.correct_div3{
background:url(../img/q3_k.png) no-repeat;
padding-left:150px;
padding-top:10px;
padding-bottom:5px;

border-bottom:1px dotted #999999;

}

.correct_div4{
background:url(../img/q4_k.png) no-repeat;
padding-left:150px;
padding-top:10px;
padding-bottom:5px;
border-bottom:1px dotted #999999;
}

.correct_div5{
background:url(../img/q5_k.png) no-repeat;
padding-left:150px;
padding-top:10px;
padding-bottom:5px;

border-bottom:1px dotted #999999;
}

.correct_div6{
background:url(../img/q6_k.png) no-repeat;
padding-left:150px;
padding-top:10px;
padding-bottom:5px;

border-bottom:1px dotted #999999;
}

.correct_div7{
background:url(../img/q7_k.png) no-repeat;
padding-left:150px;
padding-top:10px;
padding-bottom:5px;

border-bottom:1px dotted #999999;
}

.correct_div8{
background:url(../img/q8_k.png) no-repeat;
padding-left:150px;
padding-top:10px;
padding-bottom:5px;

border-bottom:1px dotted #999999;
}

.correct_div9{
background:url(../img/q9_k.png) no-repeat;
padding-left:150px;
padding-top:10px;
padding-bottom:5px;

border-bottom:1px dotted #999999;
}

.correct_div10{
background:url(../img/q10_k.png) no-repeat;
padding-left:150px;
padding-top:10px;
padding-bottom:5px;
border-bottom:1px dotted #999999;
}


#all_correct {
	display: none;
}

#notall_correct {

}

#time_mark1 {

}
#time_mark2 {

}
#time_mark3 {

}
#time_mark4 {

}
#time_mark5 {

}
#remain_time {
	display: none;
}
#time_over {
	display: none;
}

#hantei_clock {
	display: none;
}

#hint_zu_clock {
	display: none;
}

.draggable {
	cursor: move;
}

.draggable .num_img {
	margin-top: -15px;

}

.droppable {
	padding-top: 20px;
	font-size: 24px;
	text-align: center;
	vertical-align:bottom;
	font-weight: bold;
	width: 75px;
	height: 50px;
}

.num_img {
	margin: -7px auto;
}

.hint_text_numline {
	position: absolute;
	top: 430px;
	left: 140px;
	font-size: 20px;
	line-height: 30px;
	width: 630px;
}

.hint_text02_numline {
	position: absolute;
	top: 430px;
	left: 140px;
	font-size: 20px;
	line-height: 30px;
	width: 630px;
}

#numline_a1 {
	position:absolute;
	top:8px;
	left:216px;
	display: none;
}

#numline_a2 {
	position:absolute;
	top:8px;
	left:396px;
	display: none;
}

#numline_a3 {
	position:absolute;
	top:98px;
	left:216px;
	display: none;
}

#numline_a4 {
	position:absolute;
	top:98px;
	left:396px;
	display: none;
}

.hint_text_numline p {
	float: left;
	width: 300px;
}
.hint_text02_numline p {
	float: left;
	width: 300px;
}

.numline_ans_img {
	display: block;
	float: left;
	margin-left: 
}

.siki_droppable {
	padding-top: 20px;
	font-size: 24px;
	text-align: center;
	vertical-align:bottom;
	font-weight: bold;
}

#siki_a1 {
	position:absolute;
	top:25px;
	left:48px;
	width: 149px;
	height: 46px;
}
#siki_a2 {
	position:absolute;
	top:25px;
	left:197px;
	width: 104px;
	height: 46px;
}
#siki_a3 {
	position:absolute;
	top:25px;
	left:300px;
	width: 150px;
	height: 46px;
}

.hantei03_ss{
display: none;
position:absolute;
top:200px;
left:180px;
z-index: 100;
}

.hint_zu_21{
position:absolute;
top:410px;
left:180px;
font-size:18px;
line-height:30px;
width:220px;
}

.koshiimg {
display: none;
}
#kanji_flg {
display: none;
}
.time_answer_over08 {
	position:absolute;
	top:195px;
	left:503px;
}
.alldelete {
font-size: 20px;
padding:8px 0 10px 2px;
line-height:22px;
cursor: pointer;
}
.hantei02_siki{
position:absolute;
top:230px;
left:620px;
}