@charset "UTF-8";

.txt-red{ color:#ff0000;}
.post td, .post th { border: 1px solid #ccc;}
.contact_btn{ margin: 30px 0 ; text-align:center;}

.box{margin: 20px auto; width: 90%;}

/*フォーム*/
.heading_sub { font-weight: bold; margin-top: 20px; margin-bottom: 10px }
.form-area   { margin-top: 20px; margin-right: auto; margin-left: auto; width: 90%; border-collapse: collapse ;}
.form-area caption  { display: none }
.form-area th , .form-area td    { text-align: left; padding: 15px 5px; border: solid 1px #ccc ;vertical-align: middle;}
.form-area th  { background-color: #efefef;}
.form-area td  { background-color: #ffffff;}
.form-area td:hover { background-color: #fffde8 }
.form-area th  { width:30%; }
.form-area td  { font-size:16px; line-height:1.5; }
.form-area-btn { text-align: center }
.form-back  { text-align: center; margin-top: 15px }
.input_text { padding: 3px; font-size: 200%; }
.form-area input , .form-area textarea  { font-size: 16px; border: solid 1px #ccc }
.form-area input:focus , .form-area textarea:focus   { background-color: #ededed; border: solid 1px #999 }
.submit { background-repeat: no-repeat; cursor: pointer; margin: 0; padding: 0; width: 200px; height: 46px; border-style: none; }
.form-area  th.th_student{ background-color: #faf0e6; background-image:none; }
textarea { width: 96%; height: 100px;  resize: vertical;}


#submit_preview,
#submit_submit {
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px 30px;
	color: #fff;
	border-style: none;
	box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
	text-shadow: 1px 1px 2px #000;
	background-color: #3093c7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85));
	background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85);
	background-image: -moz-linear-gradient(top, #3093c7, #1c5a85);
	background-image: -ms-linear-gradient(top, #3093c7, #1c5a85);
	background-image: -o-linear-gradient(top, #3093c7, #1c5a85);
	background-image: linear-gradient(to bottom, #3093c7, #1c5a85);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85);
 	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#submit_reset,
#submit_back {
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px 30px;
	color: #fff;
	border-style: none;
	box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
	text-shadow: 1px 1px 2px #000;
	background-color: #d3d3d3; background-image: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#707070));
	background-image: -webkit-linear-gradient(top, #d3d3d3, #707070);
	background-image: -moz-linear-gradient(top, #d3d3d3, #707070);
	background-image: -ms-linear-gradient(top, #d3d3d3, #707070);
	background-image: -o-linear-gradient(top, #d3d3d3, #707070);
	background-image: linear-gradient(to bottom, #d3d3d3, #707070);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d3d3d3, endColorstr=#707070);
 	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

button:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}
.box_inner2{
	line-height:2.0;
}

/**********************/
/* タブレット以下設定 */
/**********************/
@media screen and (max-width: 767px) { 

	img{width: 100%;}

	/************************/
	/* テーブルを縦並びにする */
	/************************/
	.form-area table, .form-area tbody, .form-area tr, .form-area th, .form-area td {
		display: block;
	}
	input[type="radio"]    {font-size:250%;height:30px;width:30px;margin: 5px;}
	input[type="checkbox"] {font-size:250%;height:30px;width:30px;margin: 5px;}

	.form-area   { margin: 0; width: 90%; border-collapse: collapse; text-align:center; padding:0px; }
	.form-area th   { width:auto; }
	.heading_sub { font-weight: bold; margin-top: 20px; margin-bottom: 10px }
	.form-area caption  { display: none }
	.form-area th , .form-area td    { text-align: left; padding: 10px 5px; border: solid 1px #ccc; display:list-item; list-style-type:none; width:98%; }
	.form-area th   { font-size: 120%;}
	.form-area td   { font-size: 180%; line-height:2.0; }
	.form-area-btn  { text-align: center }
	.form-back  { text-align: center; margin-top: 15px }
	.input_text { padding: 3px; font-size: 200%; line-height: 2.0;}
	.form-area input , .form-area textarea  , .form-area select{ border: solid 1px #ccc }
	.form-area input:focus , .form-area textarea:focus   { background-color: #ededed; border: solid 1px #999 }
	.submit { width: auto;}
	#submit_preview,
	#submit_submit {
		font-size: 120%;
		font-weight: bold;
		padding: 10px 10px ;
	}
	#submit_reset,
	#submit_back {
		font-size: 120%;
		font-weight: bold;
		padding: 10px 10px ;
	}

}