@charset "UTF-8";
.intro table {
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
	border:1px solid #ddd;
	background:#fff;
}
.intro th {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ddd;
	background:#eee;
}
.intro td {
	padding:10px;
	text-align:left;
	border:1px solid #ddd;
}
.books table {
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
	border:1px solid #ddd;
	background:#fff;
}
.books th {
	padding:10px;
	vertical-align:middle;
	text-align: left;
	border:1px solid #ddd;
	background:#eee;
}
.books td {
	padding:10px;
	text-align:left;
	border:1px solid #ddd;
}

.yakuin table {
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
	border:1px solid #ddd;
	background:#fff;
}
.yakuin th {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ddd;
	background:#FFFADB;
}
.yakuin td {
	padding:10px;
	text-align:left;
	border:1px solid #ddd;
}
.yakuin li{
	margin: 0 0 0 12px;
}
.ta_access table{
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
	border:1px solid #ddd;
}
.ta_access table th{
	padding:5px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ddd;
	background:#FFFADB;
	font-size: 9pt;
}
.ta_access table td{
	padding:5px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ddd;
	font-size: 9pt;
}
table.member {
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
	border:1px solid #ddd;
	background:#fff;
}
.member th {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ddd;
	background:#DEEBF2;
	width: 15%;
}
.member td {
	padding:10px;
	text-align:left;
	border:1px solid #ddd;
	width: 70%;
}
table.mail{
border-collapse:collapse;
margin:5px auto 15px 10px;
width: 95%;

margin: 10px;
border: 1px solid #666;
}
.mail th{
	background-color: #E2F2F2;
	text-align: center;
	vertical-align: middle;}
.mail th,.mail td{
	font-size: 10pt;
	padding: 10px;
	border: 1px solid #666;
}
.mail input.wi_ssh{
	width:150px;
}
.mail input.wi_sh{
	width:350px;
}
.mail input.wi_sh_m{
	width:300px;
	margin: 0 5px 5px 0;
}
.mail textarea.wi_tx{
	width:500px;
}

.button{
	display: block;
	overflow: hidden;
	margin: 10px;
	clear: both;
}
.button input{
	background-color: #FCEBBD;
	font-size: 12pt;
	border-radius: 5px;
	margin: 5px;
	color: #000;
}
.button a{
	color: #000;
}
.university table {
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
	border:1px solid #ddd;
	background:#fff;
}
.university th {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ddd;
	background:#eee;
		font-size: 12pt;
}
.university td {
	padding:10px;
	text-align:left;
	border:1px solid #ddd;
		font-size: 12pt;
}
.lineup{
	float: left;
	margin: 0 10px 0 0;
	width: 47%;
}


@media screen and (max-width:767px){
table.mail{
	width: 95%;
}
.mail th,.mail td{
	font-size: 8pt;
}
.mail input.wi_sh{
	width:100%;
}
.mail textarea.wi_tx{
	width:100%;
}
.mail th{
	width: 30%;
	}	
.button{
	font-size: 9pt;

}
.university th,.university td {
	font-size: 9pt;
}
.yakuin li{
	font-size: 8pt;
}

.ta_access table th,.ta_access table td{
	font-size: 6pt;
}
}
@media screen and (max-width:420px){
table.mail{
	display: block;
	overflow: hidden;
	width: 95%;
}
.mail textarea.wi_tx{
	width:90%;
}
.mail input.wi_sh{
	width:90%;
}
.mail input.wi_sh_m{
	width: 90%;
}
.ta_access{
display: block;
	width: 600px;
	overflow: scroll;
}
}