@charset "utf-8";
/* CSS Document */

#main #summary{
	margin:0;
	padding:0;
}

#main #summary #text{
	background:url("../images/06_title.gif") no-repeat center bottom;
	width:758px;
	padding-top:4.2em;
	margin-left:6em;
	margin-bottom:1em;
	font-family:;
	font-size:12px;
	text-indent:-9000px;
}

#main #summary #active{
	position:absolute;
	background:url("../images/13_hagi.gif") no-repeat center bottom;
	width:138px;
	padding-top:4.05em;
	margin-left:43em;
	z-index:50;
}

*html #main #summary #active{
	position:absolute;
	background:url("../images/13_hagi.gif") no-repeat center bottom;
	width:138px;
	padding-top:3em;
	margin-left:38.5em;
	z-index:50;
}

#contents ul{
	clear:both;
	margin:0;
	padding-left:6em;
	text-decoration:none;
	list-style:none;
}

#contents li{
	padding:0;
	margin-bottom:0.6em;
}

.note01{
	background:url("../images/13_hagi.gif") no-repeat left top;
	position:absolute;
	top:0em;
	left:43em;
	width:138px;
	height:63px;
	display:block;
	text-indent:-9000px;
}

*html .note01{
	top:0.05em;
}

.note02{
	margin-left:1em;
	font-size:12px;
}

#quiz{
	padding:0;
	margin-left:5.4em;
	width:740px;
	height:321px;
	border:1px solid #d5d6d3;
}

*html #quiz{
	padding:0;
	margin-left:5.4em;
	width:740px;
	height:316px;
	border:1px solid #d5d6d3;
}

#see_bg {
	background:url("../images/15_con_01.gif") no-repeat left top;
	width:497px;
	height:89px;
	margin-left:8em;
	margin-top:0.5em;
}

#see_bg .see{
	padding-left:2.6em;
	padding-top:0.2em;
}

#see_bg .see th{
	font-size:14px;
	text-align:center;
	padding-left:2em;
	padding-bottom:0.7em;
	color:#1f1f78;
}

#see_bg .see td{
	font-size:12px;
	text-align:center;
	padding-left:2em;
	padding-bottom:0.3em;
}

#flash {
	margin-left:5em;
	position:relative;
	width:250px;
	padding-top:0.5em;
	padding-left:3em;
}


#quest1{
	position:absolute;
	top:14em;
	left:28em;
}

*html #quest1{
	top:14.45em;
}

#quest1 ul{	
	padding:0;
	margin:0;
	text-decoration:none;
	list-style-type:none;
}

#quest1 ul li{
	float:left;
}

#quest2{
	position:absolute;
	top:16.1em;
	left:28em;
}

*html #quest2{
	top:16.55em;
}

#quest2 ul{
	padding:0;
	margin:0;
	text-decoration:none;
	list-style-type:none;
}

#quest2 ul li{
	float:left;
}

#quest3{
	position:absolute;
	top:18.2em;
	left:28em;
}

*html #quest3{
	top:18.65em;
}

#quest3 ul{
	padding:0;
	margin:0;
	text-decoration:none;
	list-style-type:none;
}

#quest3 ul li{
	float:left;
}

#quest4{
	position:absolute;
	top:20.45em;
	left:28em;
}

*html #quest4{
	top:20.9em;
}

#quest4 ul{
	padding:0;
	margin:0;
	text-decoration:none;
	list-style-type:none;
}

#quest4 ul li{
	float:left;
}

#quest5{
	position:absolute;
	top:22.6em;
	left:28em;
}

*html #quest5{
	top:23.05em;
}

#quest5 ul{
	padding:0;
	margin:0;
	text-decoration:none;
	list-style-type:none;
}

#quest5 ul li{
	float:left;
}

#quest6{
	position:absolute;
	top:24.7em;
	left:28em;
}

*html #quest6{
	top:25.2em;
}

#quest6 ul{
	padding:0;
	margin:0;
	text-decoration:none;
	list-style-type:none;
}

#quest6 ul li{
	float:left;
}


img {
	margin-left:1em;
}

.size02{	
	width:100px;
	text-align:center;
	font-family:굴림;
	font-size:12px;
}

*html .size02{	
	width:100px;
	text-align:center;
	font-family:굴림;
	font-size:12px;
	margin-right:-0.8em;
}

.size03{	
	width:100px;
	text-align:center;
	font-family:굴림;
	font-size:12px;
}

*html .size03{	
	width:100px;
	text-align:center;
	font-family:굴림;
	font-size:12px;
	margin-left:8.7em;
	margin-top:-1.7em;
}

.text_box{
	margin-left:1em;
	margin-right:1em;
	width:8em;
	height:1.3em;
	background-color:#eee;
	border:none;
	font-family:굴림;
	font-size:12px;
}

#ans1{
	background:url("../images/pointer.gif") no-repeat left center;
	position:absolute;
	top:20.3em;
	left:39em;
	padding-left:1.2em;
	display:none;
	width:20em;
	height:13px;	
	font-family:굴림;
	font-size:12px;
}

*html #ans1{
	top:21em;
}

#ans2{
	background:url("../images/pointer.gif") no-repeat left center;
	position:absolute;
	top:23.1em;
	left:39em;
	padding-left:1.2em;
	display:none;
	width:20em;
	height:13px;	
	font-family:굴림;
	font-size:12px;
}

*html #ans2{
	top:23.8em;
}

#ans3{
	background:url("../images/pointer.gif") no-repeat left center;
	position:absolute;
	top:26em;
	left:39em;
	padding-left:1.2em;
	display:none;
	width:20em;
	height:13px;	
	font-family:굴림;
	font-size:12px;
}

*html #ans3{
	top:26.7em;
}

#ans4{
	background:url("../images/pointer.gif") no-repeat left center;
	position:absolute;
	top:29em;
	left:39em;
	padding-left:0.5em;
	display:none;
	width:20em;
	height:13px;	
	font-family:굴림;
	font-size:12px;
}

*html #ans4{
	top:29.7em;
}

#ans5{
	background:url("../images/pointer.gif") no-repeat left center;
	position:absolute;
	top:31.8em;
	left:39em;
	padding-left:0.5em;
	display:none;
	width:20em;
	height:13px;	
	font-family:굴림;
	font-size:12px;
}

*html #ans5{
	top:32.5em;
}

#ans6{
	background:url("../images/pointer.gif") no-repeat left center;
	position:absolute;
	top:34.7em;
	left:39em;
	padding-left:1.2em;
	display:none;
	width:20em;
	height:13px;	
	font-family:굴림;
	font-size:12px;
}

*html #ans6{
	top:35.4em;
}

span{
	padding-left:2.5em;
}

.menu_01 a{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_01.gif") no-repeat left top;
	text-indent:-9000px;
}

.menu_01 a:hover{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_on_01.gif") no-repeat left top;
	text-indent:-9000px;
}

.menu_02 a{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_02.gif") no-repeat left top;
	text-indent:-9000px;
}

.menu_02 a:hover{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_on_02.gif") no-repeat left top;
	text-indent:-9000px;
}

.menu_03 a{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_on_03.gif") no-repeat left top;
	text-indent:-9000px;
}

.menu_03 a:hover{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_on_03.gif") no-repeat left top;
	text-indent:-9000px;
}

.menu_04 a{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_04.gif") no-repeat left top;
	text-indent:-9000px;
}

.menu_04 a:hover{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_on_04.gif") no-repeat left top;
	text-indent:-9000px;
}

.menu_05 a{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_05.gif") no-repeat left top;
	text-indent:-9000px;
}

.menu_05 a:hover{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_on_05.gif") no-repeat left top;
	text-indent:-9000px;
}