@charset "utf-8";
@import url("main.css"); /* common stylesheet */

#dammy {
	background: url() no-repeat;
	margin: 0;
	padding: 40px 0 0 0;
	width: 216px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:40px;/* for ie5.x */
	}


/* #
--------- --------- --------- --------- --------- */
.quiz_mtitle {
	background: url(../images/quiz/quiz_mtitle.jpg) no-repeat;
	margin: 0;
	padding: 150px 0 0 0;
	width: 610px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:150px;/* for ie5.x */
	}
	
.black_board {
	background: url(../images/quiz/quiz_body.jpg) repeat-y;
	}
	
.quiz_body {
	background: url(../images/quiz/quiz_areabottom.jpg) no-repeat;
	background-position: 0 bottom;
	margin:0 0 60px 0;
	padding:20px 0 55px 30px;
	}
	
.quiz_body2 {
	background: url(../images/quiz/quiz_areabottom.jpg) no-repeat;
	background-position: 0 bottom;
	margin:0 0 60px 0;
	padding:20px 30px 55px 10px;
	}


.quizlist1 {
	background: url(../images/quiz/quiz_titlename1.jpg) no-repeat;
	margin:0 0 10px 0;
	padding:0 0 0 195px;
	list-style-type: none;
	height:39px;
	}
	
.quizlist2 {
	background: url(../images/quiz/quiz_titlename2.jpg) no-repeat;
	margin:0 0 10px 0;
	padding:0 0 0 195px;
	list-style-type: none;
	height:39px;
	}

.quizlist1 li,
.quizlist2 li {	
	margin:0 5px 0 0;
	width:117px;
	height:39px;
	float:left;
	}
	
.quizlist1 li a,
.quizlist2 li a {	
	margin: 0;
	padding: 39px 0 0 0;
	width: 117px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:39px;/* for ie5.x */
	}
	
.quizlist1 li.qlist1 a {
	background: url(../images/quiz/quiz_list1.jpg) no-repeat;
	}
	
.quizlist2 li.qlist1 a {
	background: url(../images/quiz/quiz_list2.jpg) no-repeat;
	}
	
.quizlist2 li.qlist2 a {
	background: url(../images/quiz/quiz_list3.jpg) no-repeat;
	}
	
.quizlist2 li.qlist3 a {
	background: url(../images/quiz/quiz_list4.jpg) no-repeat;
	}
	
.quizlist1 li a:hover,
.quizlist2 li a:hover {
	background-position: 0 -39px;
	}
	


.quiz_area {
	background: url(../images/quiz/quiz_back.jpg) no-repeat;
	margin:0;
	padding:25px 60px 30px 5px;
	}

.block_title1 {
	float:left;
	background: url(../images/quiz/quiz_listname1.jpg) no-repeat;
	margin: 0;
	padding: 125px 0 0 0;
	width: 140px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:125px;/* for ie5.x */
	}
	
.block_title2 {
	float:left;
	background: url(../images/quiz/quiz_listname2.jpg) no-repeat;
	margin: 0;
	padding: 125px 0 0 0;
	width: 140px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:125px;/* for ie5.x */
	}
	
.block_title3 {
	float:left;
	background: url(../images/quiz/quiz_listname3.jpg) no-repeat;
	margin: 0;
	padding: 125px 0 0 0;
	width: 130px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:125px;/* for ie5.x */
	}

.quiz_list {
	float:right;
	margin:0;
	padding:0;
	width:360px;
	list-style-type: none;
	}

.quiz_list li {
	margin:0 0 3px 0;
	padding:4px 0 5px 60px;
	font-size:1.4em;
	line-height:1.3;
	}
	
.quiz_list li.new {
	background: url(../images/quiz/new.jpg) no-repeat;
	}
	
.quiz_list li a {
	margin:0;
	color:#FFF;
	text-decoration: underline;
	}





.quiz_easy,
.quiz_normal,
.quiz_hard {
	margin: 0;
	padding: 145px 0 0 0;
	width: 610px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:145px;/* for ie5.x */
	}

.quiz_easy {
	background: url(../images/quiz/title_easy.jpg) no-repeat;
	background-position: -1px 0;
	}
	
.quiz_normal {
	background: url(../images/quiz/title_normal.jpg) no-repeat;
	background-position: -1px 0;
	}
	
.quiz_hard {
	background: url(../images/quiz/title_hard.jpg) no-repeat;
	background-position: -1px 0;
	}

.q_title {
	background: url(../images/quiz/star.jpg) no-repeat;
	margin:0 0 20px 30px;
	padding:9px 0 5px 40px;
	color:#fff;
	font-size:1.8em;
	line-height:1.0;
	}

.q_ex {
	margin:0 80px 15px 70px;
	color:#fff;
	font-size:1.6em;
	line-height:1.3;
	}

.q_box {
	margin:0 0 15px 70px;
	width:460px;
	}
	
.q_box th {
	margin:0;
	padding:4px 30px 2px 0;
	width:150px;
	border-bottom:1px dotted #FFF;
	font-size:1.6em;
	line-height:1.7;
	color:#FFF;
	}
	
.q_box td {
	margin:0 0 15px 0;
	border-bottom:1px dotted #FFF;
	font-size:1.6em;
	line-height:1.7;
	color:#FFF;
	}
	
.giveup {
	margin:0 0 150px 0;
	padding:0 60px 0 0;
	height:35px;
	}
	
.giveup a {
	float:right;
	background: url(../images/quiz/giveup.jpg) no-repeat;
	margin: 0;
	padding: 35px 0 0 0;
	width: 126px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:35px;/* for ie5.x */
	}
	
.giveup a:hover {
	background-position: 0 -35px;
	}
	
.q_box td a {
	background: url(../images/quiz/go.jpg) no-repeat;
	margin: 0;
	padding: 28px 0 0 0;
	width: 83px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:28px;/* for ie5.x */
	}
	
.q_box td a:hover {
	background-position: 0 -28px;
	}
	

.paging {
	margin:0 0 15px 0;
	padding:5px 20px;
	background-color: #1D5702;
	}
	
.paging .prev {
	float:left;
	width:110px;
	}
	
.paging .prev a {
	background: url(../images/quiz/prev.jpg) no-repeat;
	margin: 0;
	padding: 33px 0 0 0;
	width: 108px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:33px;/* for ie5.x */
	}
	
.paging .next {
	float:right;
	width:110px;
	}
	
.paging .next a {
	background: url(../images/quiz/next.jpg) no-repeat;
	margin: 0;
	padding: 33px 0 0 0;
	width: 108px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:33px;/* for ie5.x */
	}
	

.paging .prev a:hover,
.paging .next a:hover {
	background-position: 0 -33px;
	}




.ex_area {
	background-color: #CEE6B8;
	margin:0 60px 50px 70px;
	padding:25px;
	font-size:1.6em;
	line-height:1.6;
	color:#2D6F00;
	}
	
.ex_area b {
	font-weight: 800;
	}
	
.ex_area img {
	margin:20px 0 0 0;
	}