@charset "utf-8";
/* add writeup */
@import 'extension.css';

/* CSS Document */

/*TOP-----------------------------------------------------------------------------*/
body { behavior:url("csshover.htc"); }

#totalQ{
	padding:45px 0px 15px 0px;
	text-align:center;
	display: inline-block;
}
	#totalQ #totalQ_left{
		margin-right:4px;
	}
	#totalQ #totalQ_right{
		margin-left:5px;
	}

#validityTerm{
	 font-weight:bold;
	 padding-bottom:50px;
	 text-align:center;
}



.questionArea{
}
	.questionArea .question{
		float:left;

		background:url(../images/top/q_icon.jpg);
		background-repeat:no-repeat;
		width:67px;
		height:53px;

		font-size:26px;
		text-align:center;
		padding:22px 15px 20px 0px;
	}
	.questionArea p{
		padding-bottom:30px;
	}


.select{
	padding-bottom:40px;
}
	.select li{
		display:block;
		padding:3px 0px;
		text-indent:-1.4em;
		margin-left:1.4em;
	}
	*html .caps li{
		text-indent:-1.2em;
		margin-left:1.2em;
	}

	.select li:hover{
		color:#FFFFFF;
		background-color:#E16569;
		cursor:pointer;
		cursor:hand;
	}
	.select li label{
		cursor:pointer;
		cursor:hand;
	}




.photo{
	text-align:center;
	margin-bottom:30px;
}



.answer_submit{
	text-align:center;
	padding:60px;
	background:url(../images/top/answer_bg.jpg);
	margin-bottom:60px;
}



.answer{
	margin-bottom:60px;
}
	.answer .judg_left{
		width:36px;

		border-top:#eeeeee 8px solid;
		border-left:#eeeeee 8px solid;
		border-bottom:#eeeeee 8px solid;
	}
	.answer .judg_image{
		padding:10px 20px 10px 0px;
	}
	.answer .judg_text{
		padding:20px 0px;
	}
	.answer .judg_right{
		width:36px;

		border-top:#eeeeee 8px solid;
		border-right:#eeeeee 8px solid;
		border-bottom:#eeeeee 8px solid;
	}




#scoreArea {
  text-align:center;
  margin-top:15px;
}
	#scoreArea #scoreTable{
		margin:35px auto 0px auto;
	}
		#scoreArea #scoreTable #score_left{
			padding-right:55px;
		}
		#scoreArea #scoreTable #score_text{
			padding-right:16px;
		}
		#scoreArea #scoreTable #score_num img{
			margin:0px 3px;
		}
		#scoreArea #scoreTable #score_right{
			padding-left:55px;
		}




#footNavi {
	text-align: center;
}
	#footNavi ul {
		margin:40px 0px 50px 0px;
	}
	#footNavi ul li {
		display: inline;
		padding: 0px 0.5em 0px;

		margin:0px 20px;
	}
	/* IE用 */
	* html #footNavi ul li{
		display: inline;
		padding-left: 1em;
	}



/*::::::::COMMON::::::::*/
h2{
	text-align:center;
}
#select_table{
	margin:0px auto;
	border-collapse:collapse;
}
	#select_table td{
		padding:5px;
	}
	#select_table select{
		font-size:18px;
		font-weight:bold;
	}
	#select_table #serch{
		margin-left:15px;
	}
.value_table{
	width:800px;
	margin:0px auto;
	border-collapse:collapse;
}
	.value_table td{
		width:200px;
		height:38px;
		color:#333333;
		font-weight:bold;
		text-align:center;
		vertical-align:middle;
		border:solid 1px #E6E6E6;
		padding:10px 0px 4px 0px;
	}
	.value_table td, x:-moz-any-link{height:47px;} /*FF用*/
	*:first-child+html .value_table td{height:38px;}/*IE7用*/
	.value_table td.gr{
		background-color:#F7F7F7;
	}
	.rank{font-size:20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
	.point{font-size:20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
	.yymmdd{font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

#pager_wrapp{
	position:relative;
	overflow:hidden;
	width:100%;
	margin:40px auto 60px auto;
}
#pager_wrapp{width:100%;} /* clearfix IE 6, 7 */
#pager_wrapp:after {content:"";} /* clearfix */
ul.pager{
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	position: relative;
	left: 50%;
	float: left;
}
ul.pager li {
	float:left;
	margin-right:5px;
	font-weight:bold;
	background-color:#EEEEEE;
	position: relative;
	right:50%;
	float: left;
}
ul.pager li.prev,ul.pager li.next {
	border:none;
}
ul.pager li a {
	position:relative;
	display:block;
	padding:3px 8px;
	color:#333333;
}
ul.pager li a:link,ul.pager li a:visited{
	text-decoration: none;
}
ul.pager li a:hover,ul.pager li a:active {
	color:#ffffff;
	background-color:#E16669;
	text-decoration:none;
}
ul.pager li em {
	display:block;
	padding:3px 8px;
	background-color:#E16669;
	color: #FFFFFF;
}
/*::::::::/COMMON::::::::*/

/*::::::::LOGIN::::::::*/
#login_centwrapp{
/*
	width:800px;
	filter: alpha(opacity=80);
	opacity: 0.8;
	background-image:url('../images/login/login_bg.png');
	background-repeat:repeat;
	margin:50px auto 0px auto;
	padding:30px 0px 86px 0px;
 */
	background-color:#fff;
	text-align:center;
	padding:30px 10px;
}
	#login_centwrapp dl{
		width:280px;
		text-align:left;
		margin:53px auto 0px auto;
	}
	#login_centwrapp dt{
		font-weight:bold;
		margin:10px 0px 0px 0px;
	}
		#login_centwrapp dd input[type=text],
		#login_centwrapp dd input[type=password] {
			width:260px;
			font-weight:bold;
			border:solid 1px #E0E0E0;
			background-color:#ffffff;
			padding:10px;
			margin:0px;
			font-size:16px;
		}
	#login_check_elm{
		margin:23px 0px 25px 0px;
	}

		#login_centwrapp #login_check_elm #login_check{
			vertical-align:middle;
		}
		#login_centwrapp #login_check_elm img{
			vertical-align:middle;
		}

	input#login_login:hover{
		filter: alpha(opacity=80);
		opacity: 0.8;
	}
	.login_footer{
		margin:20px auto; 0px auto;
		text-align:center;
	}
/*::::::::/LOGIN::::::::*/
/*::::::::RANKING::::::::*/
#h3_bg{
	width:800px;
	height:35px;
	background-image:url('../images/thead.jpg');
	background-repeat:no-repeat;
	margin:5px auto 0px auto;
}
#h3_bg{width:800px;} /* clearfix IE 6, 7 */
#h3_bg:after {content:"";} /* clearfix */
	#h3_left{
		width:200px;
		text-align:center;
		float:left;
		padding-top:10px;
	}
	#h3_center{
		width:400px;
		text-align:center;
		float:left;
		padding-top:10px;
	}
	#h3_right{
		width:200px;
		text-align:center;
		float:left;
		padding-top:10px;
	}
	.value_table div.cent_elm{
		width:400px;
		font-size:12px;
	}
/*::::::::/RANKING::::::::*/
/*::::::::PAST RESULTS::::::::*/
	.value_table div.cent_graph{
		width:370px;
		text-align:left;
		padding:0px 15px 0px 15px;
	}
		.value_table div.cent_graph .graph_line{
			width:0%;
			background-image:url('../images/past_results/graf.jpg');
			background-repeat:repeat-x;
		}
/*::::::::/PAST RESULTS::::::::*/

/* add writeup */
@import 'extension.css';