@charaset "UTF-8";
html{font-size: 62.5%;}
body{
	font-family:'BIZ UDゴシック','Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
	background-repeat:repeat;
	width:100%;
	font-size:10px;font-size:1rem;}
#wrap,#msg{
	width:96%;
	margin:10px auto;
}
div{font-size:14px;font-size:1.4rem;}
/*---------------
　タイトル部
---------------*/
h1{
	text-align:center;
	color:navy;
	font-size:20px;font-size:2rem;	margin-bottom:0.8em;max-height: 100%;
}
h1 span{
	display:block;
	padding-top:10px;
	letter-spacing:0.23em;
	max-height: 100%;
	font-size:40px;font-size:4rem;}
h2{
	font-size:22px;font-size:2.2rem;	text-align:center;
	color:brown;
	margin-bottom:1.5em;max-height: 100%;
}
/*---------------
　イントロ部
---------------*/
#intro{
	font-size:14px;font-size:1.4rem;	margin:20px 5px;
	line-height:1.4;
}
#intro ol{
	margin-left:1em;
}
#intro ol li{line-height:2.0;}
#intro p.tyu{
	padding-top:18px;
	text-indent:-1em;
	padding-left:1em;
	color:red;
	margin-bottom:2em;
}

label.label_kk{font-size:16px;font-size:1.6rem;padding-right:0.5em;}
/*---------------
　入力部
---------------*/
form section{margin-bottom:2em;}
h3{
	background-color:mistyrose;
	padding:10px;
	font-size:16px;font-size:1.6rem;	margin-bottom:0.5em;
}


input.radio {
	display:inline-block;
	width:20px;
	height:30px;
	vertical-align:top;
}
label.radiolabel {
	display:inline-block;
	width:48%;
	height:35px;
	line-height:35px;
	background:#EEF; border:1px solid #CCC;
	margin-bottom:5px;
	border-radius:4px;
	font-size:16px;font-size:1.6rem;}
input.nam{height:25px;width:120px;margin-bottom:12px;	font-size:14px;font-size:1.4rem;border-radius:4px;}
input.tokuten{
	height:35px;
	width:50px;
	margin-bottom:1em;
		font-size:16px;font-size:1.6rem;	border-radius:4px;
}
input.btn{font-size:20px;font-size:2rem;}

h3.kamoku_sel select{
		font-size:16px;font-size:1.6rem;}
div#submit{
	text-align:center;
	margin-bottom:1em;
}

div#submit input{
	width:48%;
	height:30px;
}
div#submit input:last-child{
	width:24%;
	height:30px;
}
div#tyu p{line-height:1.4em;color:#666;}



/*---------------------
　Neo_table
---------------------*/
.neo_table{
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;font-size:1.4rem;}

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


/*結果ページ*/


#waku{
	width:100%;max-width:800px;margin:20px auto;
}
@media screen and (min-width: 767px) {
	div#waku{max-width:96%;}
}
#waku table {width:100%;margin:10px auto;}
table#result .col1{width:15%;}
table#result .col2{width:7%;}
table#result .col3{width:8%;}
table#result .col4{width:40%;}
table#result .col5{width:30%;}
table#result{border:solid 1px #666;	border-collapse:collapse;}
table#result th{font-weight:normal;font-size:14px;font-size:1.4rem;;border:solid 1px #666;line-height:2.0;}
table#result td{font-weight:normal;font-size:14px;font-size:1.4rem;;border:solid 1px #666;}
th{background-color:seashell;}
table#result td.kubun{text-align:center;}
table#result td.tokuten{text-align:center;font-size:16px;font-size:1.6rem;}
table#result td.comm{font-size:16px;font-size:1.6rem;padding:3px;}


#waku p {font-size:14px;font-size:1.4rem;	line-height:1.5;
}
td.kome{
	padding:0;
	position:relative;
	background-image:url(../img/bg_graph.png);
	background-size:100%;
}

td.kome div{
	height:10px;
	background-color:#900;
	margin-left:0;
}
td.comm span.kako{font-size:12px;font-size:1.2rem;}
div#waku > div.hyoushita > p{font-size:20px;font-size:2rem;}


/*----------------
 お名前(結果ページ) 
----------------*/
div#oname{font-size:18px;font-size:1.8rem;}
/*---------------------
　info(得点情報など)
---------------------*/
table#info{
	font-size:16px;font-size:1.6rem;	margin-bottom:20px;line-height:1.85;
}

/*---------------------
　総合判定（A,B,C …）
---------------------*/
#hantei{width:100%;margin:0 auto;}
#hantei table{
	font-size:16px;font-size:1.6rem;	border:solid 1px #666;
	border-collapse:collapse;
	width:300px;
	float:right;
}
#hantei table th,#hantei table td{padding:0.25em;}
#hantei table .col1{width:50%;text-align:center;}
#hantei table th{font-weight:normal;font-size:30px;font-size:3rem;;border:solid 1px #666;}
#hantei table td{font-weight:normal;font-size:30px;font-size:3rem;;border:solid 1px #666;text-align:center;}

/*---------------------
　科目履修コース
---------------------*/

section#ad {
	width:85%;
	margin:20px auto 30px auto;
	border:solid 1px #666;
	padding:0.85em;
	background-color:snow;
}
section#ad h3{font-size:20px;font-size:2rem;	color:red;font-weight:bold;
}
section#ad p{font-size:16px;font-size:1.6rem;	line-height:1.5;
}
section#ad center{font-size:18px;font-size:1.8rem;	line-height:2.5;
}
section#ad h4{font-size:18px;font-size:1.8rem;	line-height:2.0;
}


/*---------------------
　凡例
---------------------*/

section#hanrei h3{font-size:16px;font-size:1.6rem;	color:#666;
	background:none;
	line-height:1.5;
}

section#hanrei p{
	font-size:14px;font-size:1.4rem;	color:#666;
	padding-left:2em;
	line-height:1.85;
}
section#hanrei h3 span{
	display:block;font-size:14px;font-size:1.4rem;}