*{
	-webkit-user-select:none;
}
body{
	background-color:#FFF;
	margin:8px;
}
div#page_loading{
	width:100px;
}
.choice{
	padding:3px;
}
.thumnail{
	margin:5px;
	padding:5px;
	background-color:#EEE;
	width:120px;
	vertical-align:middle;
}
.page{
	background-color:#F8F8F8;
	border:outset 1px #DDD;
	padding:0px;
	position:relative;
	-webkit-border-radius: 3px;
}
#buttons{
	position:absolute;
	bottom:5px;
}
#display_prev_quiz, #display_next_quiz{
	width:60px;
	height:60px;
	font-size:22px;
}
#check_answer_button, #check_answer_next_button, #show_result{
	width:90px;
	height:60px;
	font-size:20px;
	margin-left:20px;
}
img{
	border: none;
}
label{
	display:block;
	padding:3px;
}
label:hover {
	background-color: #e5ecff;
}
table.qtable{
	margin:10px 10px 1px 10px;
	border-collapse: collapse;	border-spacing: 0;
}
table.qtable th, table.qtable td{
	padding: 3px 5px;
	color: #1D5C79;
}
table.qtable th{
	border-bottom: 2px solid #1D5C79;
	white-space:nowrap;
}
table.qtable td{
	border-bottom: 1px solid #DDD;
	text-align:center;
	white-space:nowrap;
}
.list{
	position:absolute;
	top:5px;
	right:5px;
}
.list:hover{
	position:absolute;
	top:6px;
}
#page_list td.button{
	width:50px;
}
#instant_response_background{
	position:absolute;
	background-color:#FAFAFF;
	padding:4px;
	opacity:1;
	-webkit-border-radius: 3px;
}
#instant_response_container{
	border:outset 1px #CCC;
	position:absolute;
	padding:4px;
	-webkit-border-radius: 3px;
}
#intro_background{
	position:absolute;
	background-color:#FAFAFF;
	padding:5px;
	opacity:0.9;
	-webkit-border-radius: 3px;
}
#intro{
	border:inset 1px #CCC;
	position:absolute;
	padding:5px;
    	-webkit-border-radius: 3px;

}
input[type=text]{
	-webkit-user-select:text;
	margin-left:8px;
}
#start_quiz_button{
	position:absolute;
	display:none;
}
#start_quiz_button_not_answerd{
	position:absolute;
}
#start_quiz_button_review{
	position:absolute;
}
#completion_rate_wrapper{
	position:absolute;
	text-align:center;
}
#page_list td.student_response div, #page_result td.student_response div{
	overflow-x:auto;
}
button#restart_button{
	position:absolute;
}
div#question_count_wrapper{
	width:45px;
	margin:5px;
}
.timer_wrapper{
    font-size:smaller;
	margin-top:5px;
}
#input{
    font-size:larger;
	-webkit-border-radius: 3px;
}
/*ボタンの共通要素
------------------------------------------------------------ */
button, input[type=button],
input[type=reset], input[type=submit] {
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	padding: 5px 20px;
	font-weight: bold;
	cursor: pointer;
	color: #666;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
}

/*　サンプル1の要素
------------------------------------------------------------ */
button, input[type=button],
input[type=reset], input[type=submit] {
	background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
	-moz-box-shadow: 1px 1px 2px #E7E7E7;
	-webkit-box-shadow: 1px 1px 2px #E7E7E7;
}
button:hover, input[type=button]:hover,
input[type=reset]:hover, input[type=submit]:hover	{
	background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e1e1e1), color-stop(0.5, #e1e1e1), color-stop(0.99, #cfcfcf), to(#ccc));
}
button:active, input[type=button]:active,
input[type=reset]:active, input[type=submit]:active	{
	background: #ccc;
	padding: 6px 20px 4px;
}