@charset "utf-8";

/* ===================================================================
	Author: aki
=================================================================== */

.err{
	color:red;
	font-weight:bold;
}

td a img{
	vertical-align:middle;
}

.tb1{
	border:1px dashed #66b366;
	border-width:1px 0;
	table-layout:fixed;
	width:100%;
}

.tb1 th{
	background:#daf2da;
	border:1px dotted #666;
	border-width:1px 0;
	font-weight:bold;
	padding:20px 0 20px 20px;
}

.tb1 td{
	border:1px dotted #666;
	border-width:1px 0;
	vertical-align:middle;
	padding:10px 20px;
}


.tb1 .his th{
	background: url(../img/satei/his.jpg) 90% center no-repeat #daf2da;
}

.tb1 td textarea,
.tb1 td select,
.tb1 td input{
	border:1px solid #b7b7b7;
	border-radius:5px;
	padding:10px 5px;
	font-size:17px;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.7;
}

.tb1 td input#upfile{
	border:none;
	padding:0;
}

.tb1 td select{
	width:410px;
}

.tb1 td input{
	width:400px;
}

.tb1 td textarea{
	width:90%;
}

.tb1 .his textarea,
.tb1 .his select,
.tb1 .his input{
	background:#fff2f2;
}

.tb1 td input.w1{
	width:90%;
}


#cbox1{
	padding:0 0 30px 0;
}

#cbox2{
	padding:0 0 50px 0;
}

#cbox2 h2{
	text-align:center;
	padding:0 0 10px 0;
}


#cbox3{
	padding:0 0 30px 0;
}

#cbox3 h2{
	text-align:center;
	padding:0 0 10px 0;
}

.sbtn{
	text-align:center;
}


#cbox4{
	padding:80px 0 0px 0;
}

#cbox4 h2{
	text-align:center;
	padding:0 0 10px 0;
}

#cbox4 .cbox-inner{
	border:1px solid #008000;
	padding:15px;
}


#term{
	padding:0 20px;
}

#term h2{
	font-weight:bold;
}

#term table{
	table-layout:fixed;
	width:100%;
	border:1px solid #ddd;
}

#term  tr{
	
}

#term th{
	width:25%;
	vertical-align:top;
	font-weight:bold;
	border:1px solid #ddd;
	padding:5px 10px;
}

#term td{
	border:1px solid #ddd;
	padding:5px 10px;
}

#rec-links{
	padding:100px 0 50px 0;
}

#rec-links li{
	float:left;
	width:49%;
	padding:0 0 15px 0;
}

#rec-links li:nth-of-type(2n){
	float:right;
}
#rec-links li:nth-of-type(2n+1){
	clear:both;
}

#rec-links li a{
	display:block;
	border:3px solid #333;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	padding:15px 0;
}


#rec-links li a.on,
#rec-links li a:hover{
	background:#333;
	color:#fff;
}


@media screen and (max-width: 980px) {


.err{
	color:red;
	font-weight:bold;
}

td a img{
	vertical-align:middle;
}

.tb1{
	border:1px dashed #66b366;
	border-width:1px 0;
	table-layout:fixed;
	width:100%;
}

.tb1 th{
	background:#daf2da;
	border:1px dotted #666;
	border-width:1px 0;
	font-weight:bold;
	padding:10px 0 10px 20px;
}

.tb1 td{
	border:1px dotted #666;
	border-width:1px 0;
	vertical-align:middle;
	padding:10px 20px;
}


.tb1 .his th{
	background: url(../img/satei/his.jpg) 90% center no-repeat #daf2da;
}

.tb1 td textarea,
.tb1 td select,
.tb1 td input{
	border:1px solid #b7b7b7;
	border-radius:5px;
	padding:10px 5px;
	font-size:17px;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.7;
}

.tb1 td input#upfile{
	border:none;
	padding:0;
}

.tb1 td select{
	width:90%;
}

.tb1 td input{
	width:90%;
}

.tb1 td textarea{
	width:90%;
}

.tb1 .his textarea,
.tb1 .his select,
.tb1 .his input{
	background:#fff2f2;
}

.tb1 td input.w1{
	width:90%;
}


.tb1 col{
	display:none;
}

.tb1 tr{
	display:block;
}

.tb1 th{
	display:block;
}


.tb1 td{
	display:block;
}

#cbox1{
	padding:0 0 30px 0;
}

#cbox2{
	padding:0 0 50px 0;
}

#cbox2 h2{
	text-align:center;
	padding:0 0 10px 0;
}


#cbox3{
	padding:0 0 30px 0;
}

#cbox3 h2{
	text-align:center;
	padding:0 0 10px 0;
}

.sbtn{
	text-align:center;
}

.sbtn input{
	width:100%;
}

#cbox4{
	padding:80px 0 0px 0;
}

#cbox4 h2{
	text-align:center;
	padding:0 0 10px 0;
}

#cbox4 .cbox-inner{
	border:1px solid #008000;
	padding:15px;
}



#term h2{
	font-weight:bold;
}

#term table{
	table-layout:fixed;
	width:100%;
	border:1px solid #ddd;
}

#term  tr{
	display:block;
}

#term th{
	width:auto;
	vertical-align:top;
	font-weight:bold;
	border:1px solid #ddd;
	padding:5px 10px;
	display:block;
}

#term td{
	width:auto;
	border:1px solid #ddd;
	padding:5px 10px;
	display:block;
}



#rec-links{
	padding:100px 0 50px 0;
}

#rec-links li{
	float:none;
	width:auto;
	padding:0 0 15px 0;
}

#rec-links li:nth-of-type(2n){
	float:none;
}
#rec-links li:nth-of-type(2n+1){
	clear:both;
}

#rec-links li a{
	display:block;
	border:3px solid #333;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	padding:15px 0;
}


#rec-links li a.on,
#rec-links li a:hover{
	background:#333;
	color:#fff;
}



}