@charaset "UTF-8";
html{font-size:62.5%;}

.hi{font-family:"メイリオ",Meiryo,Arial,Verdana,Geneva,sans-serif;}

a{text-decoration:none;color:forestgreen;}
a:hover{color:#ff0000;text-decoration:underline;}

/*iphoneで横位置にしても文字を大きくしない*/
@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
     html {
        -webkit-text-size-adjust: none;
     }
}
/*---------------------
　clearfix　
---------------------*/
/* for modern brouser */
.clearfix:after {
  content: ".";/* 新しい要素を作る */
  display: block;/* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}

/*---------------------
　ラッピング　
---------------------*/
div#start_wrap{
	width:98%;
	max-width:650px;
	min-height:770px;
	margin:30px auto;
	background-color:#fff;
	text-align:left!important;
	padding-bottom:20px;
	position:relative;
				-moz-box-shadow: 2px 2px 5px #666;
				-webkit-box-shadow: 2px 2px 5px #666;

/*
	box-shadow: 0px -4px 5px 4px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px -4px 5px 4px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px -4px 5px 4px rgba(0,0,0,0.4);
*/

}


div#start_wrap h1{
width:100%;
text-align:center;
color:#333;
line-height:1.5em;
font-size:16px;font-size:1.6rem;font-weight:normal;
padding-top:30px;
}

div#start_wrap h2{
margin-bottom:0px;
font-size:28px;font-size:2.8rem;width:100%;
text-align:center;
}

div#start_wrap h3{
margin-bottom:50px;
font-size:18px;font-size:1.8rem;width:100%;
text-align:center;
}


div#start_wrap h3 span{
	display:block;
	font-size:14px;font-size:1.4rem;
	color:#900;
	font-weight:normal;
	margin:40px auto 20px auto;
	width:90%;
	text-align:left;
	line-height:1.5;
}



div#start_wrap h4{
margin:0px 0px 20px 20px;
font-size:14px;font-size:1.4rem;}
div#start_wrap ol{
margin:0px 16px 10px 5px;
font-size:14px;font-size:1.4rem;}

div#start_wrap ol li{
	margin-bottom:10px;
	line-height:1.8;
}
.neo_table .h3_cel h3{
font-size:16px;font-size:1.6rem;font-weight:normal;
color:#fff!important;
width:auto;
margin:2px!important;
padding:2px!important;
line-height:20px!important;
padding-left:5px;
padding-top:8px;
text-align:left;
}



.neo_table td button{
	padding:10px;
}

div#migiue{
font-size:12px;
width:98%;
text-align:right;
position:absolute;
top:-18px;
}
div#migiue a{color:#333;}
div#migiue a:hover{color:red;text-decoration:none;}

/*---------------------
　問題投稿リンク
---------------------*/
div.toukou{
	float:right;
	font-size:12px;
	margin-right:5px;
	line-height:30px;
	}
div.toukou a{
	color:#fff;
}
/*---------------------
　問題投稿注意
---------------------*/
div.toukou_tyu{
	margin:15px;
	color:indianred;
	border:solid 1px indianred;
	padding:10px;
}

/*---------------------
　jnl_tbl（挑戦するなど）
---------------------*/
.genre_tbl{
	width:100%;
	color:#333;
	border:solid 1px #999;
	border-collapse:collapse;
	/*↑IE未対応*/
	margin:10px auto 30px auto;
}
.genre_tbl td{
	padding:3px;
	border:solid 1px #999;
	font-size:14px;font-size:1.4rem;	text-align:left;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
}

.genre_tbl .h3_cel h3{
	font-size:16px;font-size:1.6rem;	font-weight:normal;
	color:#fff!important;
	width:auto;
	margin:2px!important;
}
.genre_tbl td button{font-size:16px;font-size:1.6rem;	padding:1em;
	margin:3px;
    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));
	border-radius:5px;
}
.genre_tbl td button:hover{cursor:pointer;}
.genre_tbl td button:nth-child(1){
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
background: #ff3019; /* Old browsers */
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
color:#fff;
}




.genre_tbl tr:nth-child(2) td{
	text-align:center;
}


/*---------------------
　問題本体のテーブル
---------------------*/
div.select_branch{
	margin:0px 0px 10px 10px;
	font-size:14px;font-size:1.4rem;	line-height:2.0;
}


div.auther{font-size:12px;
color:#666;
margin:0px 5px 0px 0px;
line-height:12px;
}
/*---------------------
　問題にチャレンジ（TEXT部分）
---------------------*/
h5{
	width:96%;
	font-size:16px;
	background-color:#efefef;
	border:solid 1px #ccc;
	margin:5px auto 20px auto;
	text-align:center;
	font-weight:normal;
	color:#666;
}
h5.next{
	color:firebrick;
	background-color:mistyrose;
}

/*---------------------
　問題枠
---------------------*/
dl.mondai{
	background-image:url(img/bg_mondai.jpg);
	background-repeat:repeat;
	width:96%;
	margin:0px auto 10px auto;
	border:solid 1px #999;
}
dl.mondai tbody{margin-bottom:15px;}
dl.mondai dt{margin:10px 0px 5px 10px;font-size:16px;font-size:1.6rem;font-weight:bold;}
dl.mondai dd{
	margin-left:10px;
	margin-right:8px;
	margin-bottom:18px;
	font-size:16px;font-size:1.6rem;;
	line-height:1.8;
}

dl.mondai img{
	margin:10px auto;
	width:96%;
	max-width:400px;
	display:block;
}
table.your_ans_01 img{
	margin:10px auto;
	width:96%;
	max-width:300px;
	display:none;
}


img.cent{margin:7px auto 15px auto!important;}

td.select{font-size:14px;font-size:1.4rem;}

div.select_branch{
	padding-left:4em;
	text-indent:-4em;
}

/*---------------------
　正解・不正解
---------------------*/

div.maru,div.batu{
height:120px;
width:120px;
background-repeat:no-repeat;
background-position:left:center;
margin:10px auto;
}




/*---------------------
　Neo_table
---------------------*/
.neo_table{
width:96%;
color:#333;
border:solid 1px #999;
border-collapse:collapse;
border-spacing:1px;
/*↑IE未対応*/
/*background-color:#efefef;*/
margin-left:auto;
margin-right:auto;
}


.neo_table thead th{text-align:center;}
.neo_table th{
padding:3px;
border-right:solid 1px #999;
border-bottom:solid 1px #999;
background-color:#efefef;
font-weight:normal;
font-size:14px;font-size:1.4rem;text-align:left;
}


.neo_table td{
padding:3px;
border-top:solid 1px #ccc;
border-right:solid 1px #999;
border-bottom:solid 1px #999;
border-left:solid 1px #ccc;
background-color:#FFF;
font-size:14px;
text-align:left;
}

.sep{border-collapse:separate;}
/*↑立体感を出したい場合*/

.cel_cent td{text-align:center;}
.cel_rank td{color:#F60;}


#rank_gaiyou td{font-size:16px;font-size:1.6rem;}

/*---------------------
　table th
---------------------*/
th.th_cent{text-align:center;}

td.clg{background-color:bisque;}

.syoukai{
	font-size:12px!important;
	color:#666!important;
	margin:3px!important;
}


/*---------------------
　回答結果
---------------------*/
table.your_ans_01{
	font-size:14px;font-size:1.4rem;}
img#maru_batu{margin:5px auto 10px auto;display:block;width:180px;}
table.your_ans_01 colgroup#col1{width:95px;}


/*---------------------
　結果画面
---------------------*/
center#end_mes{font-size:16px;font-size:1.6rem;font-weight:bold;}

/*---------------------
　エラーメッセージ
---------------------*/
div.err_mes {
	width:70%;
	margin:10px auto;
	border:solid 2px #red;
	background-color:#fef4f4;
	padding:1em;
}
div.err_mes > div{
	margin:10px auto 10px auto;
	color:red;font-size:16px;font-size:1.6rem;
	text-align:center;
}
div.err_mes p{font-size:16px;font-size:1.6rem;}
div.err_mes p > span{font-size:12px;font-size:1.2rem;color:#999;}


/*---------------------
　クイズフッター
---------------------*/
div#quiz_rtn{
	width:96%;
	font-size:16px;
	margin:20px auto 20px auto;
	text-align:center;
	font-weight:normal;
}
div#quiz_rtn button{
	font-size:16px;
	height:30px;
	line-height:25px;
	margin:5px 8px;
}

/*---------------------
　ランキング表
---------------------*/
table.ranking{
	width:96%;
	font-size:14px;
	background-color:ghostwhite;
	border:solid 1px #666;
	margin:5px auto 5px auto;
	text-align:left;
	line-height:18px;
}
table.ranking td.hi_name{
width:60%;
margin-top:5px;
}

table.bg_hi{
	background-color:lavenderblush;
}

table.ranking td.hi_name span{
	font-size:18px!important;
}
table.ranking td.hi_name span:nth-child(1){color:red;}
table.ranking td.hi_time{
width:40%;
font-size:12px;font-size:1.2rem;}
table.ranking td.hi_com{
font-size:12px;font-size:1.2rem;color:#666;
}

table.ranking hr{
border-style:dashed;
border-width:1px;
margin:0px;
border-color: #fff #fff #666 #fff;
background-color:#fff;
}

/*---------------------
　分布表
---------------------*/
.bunpu_hyou th {text-align:center!important;}
center.info{font-size:14px;font-size:1.4rem;}
span.d_label{font-size:10px;font-size:1rem;}

