@charset "utf-8";
body{
	color:#202;
	background-color:#fff;
	line-height:1.6;
	margin:0;
	padding:0;
}
img{
	max-width:100%;
}
#container{
	/*background:#fef;*/
	width:100%;
	padding-bottom:0.1rem;
}
#pagehead{
	background:#281446;
	padding:0.5rem 0;
}
#pagehead header h1{
	color:#fff;
	margin:0;
	line-height:1.2;
	font-size:1.8rem;
	position:relative;
	/*text-shadow:1px 1px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff,-1px -1px 1px #fff;*/
}
#pagehead header p{
	color:#fff;
	margin:0;
	line-height:1.2;
	font-size:0.8rem;
}
#pagehead header{
	border-left:double 0.7rem #fff;
	margin-left:0.7rem;
	padding:0 0.7rem;
}
#pagehead header h1 span{
	width:0;
	height:0;
	position:absolute;
	top:2.6rem;
	border:solid 0.7rem transparent;
	border-top:solid 0.7rem #303;
}
#main{
	margin:0.8rem;
	background:#fed;
	padding:0.8rem;
	overflow:hidden;
}
#main h2 span{
	padding-right:0.5rem;
}
#main h2{
	font-size:1.3rem;
	margin:0;
	margin-left:3rem;
	line-height:1.3;
}
#main div.q_num{
	font-size:1.3rem;
	font-weight:bold;
	width:3rem;
	float:left;
	line-height:1.3;
}
#main form ol{
	clear:both;
	margin:0;
	margin-top:0.5rem;
	padding:0;
	padding-left:3rem;
}
div.menu{
	padding-bottom:0.5rem;
}
div.menu a{
	text-decoration:none;
}
div.menu ul{
	list-style-type:none;
	overflow:hidden;
	margin:0;
	padding:0;
}
div.menu ul li{
	float:right;
	padding-left:1rem;
}
div.menu form{
	width:6rem;
	float:left;
}
p.fig{
	margin-left:3rem;
}
p.fig_right{
	width:260px;
	float:right;
}
p.result{
	font-weight:bold;
	font-size:1.3rem;
}
p.forpc{
	display:none;
}
hr{
	visibility:hidden;
	margin:2rem;
}
/* table and form */
table{
	border:solid 1px #333;
	border-collapse:collapse;
	width:100%;
}
table.auth{
	/*width:40%;*/
}
caption{
	text-align:left;
	font-size:1rem;
	font-weight:bold;
	margin:0.25rem 0;
	padding:0 0.5rem;
	color:#606;
	border-left:solid 0.5rem #606;
}
th{
	border:solid 1px #303;
	padding:0.25rem 0.5rem;
	background:#838;
	color:#fff;
	text-align:left;
}
td{
	border:solid 1px #333;
	padding:0.25rem 0.5rem;
}
td.nw{
	white-space:nowrap;
}
input[type="text"]{
	width:95%;
}
textarea{
	width:95%;
}
button{
	width:100%;
	height:2.7rem;
	margin-bottom:0.5rem;
	font-size:1.2rem;
}
#answer{
	font-size: 18px;
	border-bottom: 1px solid #333;
	margin-bottom: 40px;
}
.red{
	color: #f00;
}

/* for PC */
@media(min-width : 768px){
	body{
		background:#fff;
	}
	#container{
		width:768px;
		margin:0 auto;
		border:solid 1px #110;
	}
	ol button{
		width:30rem;
	}
	table.auth{
		width:40%;
	}
	p.forpc{
		display:block;
	}
}
@media(min-width : 960px){
	#container{
		width:960px;
		margin:0 auto;
		border:solid 1px #110;
	}
	ol button{
		width:30rem;
	}
	table.auth{
		width:40%;
	}
	p.forpc{
		display:block;
	}
}