@charset "utf-8";

#contents{
	background-image: url(../school/img/bg.png);
	background-position: center 300px;
	background-repeat: no-repeat;
}
.subtitle{
	margin-bottom: 370px;
}
ul.box li{
	background-color: #3087ca;
	padding: 1.5em;
	margin: 0 0 2em;
	color: #FFF;
	overflow: hidden;
}
ul.box li:nth-of-type(2n+1){
	background-color: #EDEDED;
	padding: 1.5em;
	margin: 0 0 2em;
	color: #3087ca;
}
ul.box li h4{
	font-size: 130%;
	font-weight: bold;
	padding: 1em 0 0 0;
	overflow: hidden;
}
.pic-r{
	float: right;
	margin: 0 0 20px 20px;
	border: 5px solid #FFF;
}
.pic-l{
	float: left;
	margin: 0 20px 20px 0;
	border: 5px solid #FFF;
}
.pic-c{
	text-align: center;
	margin: 20px 0 20px 0;
}
.pic-c img{
	border: 5px solid #FFF;
}
table.data {
	border-collapse:separate;
	border-spacing:0;
	width: 100%;
	border-top: 1px solid #BBB;
}

table.data th,
table.data td{
	padding: 1.5em 1em;
	border-bottom: 1px solid #BBB;
}
table.data th:nth-of-type(2),
table.data th:nth-of-type(3){
	width: 200px;
}
table.data tr:nth-of-type(2n+1) td{
	background-color: #EDEDED;
}
table.data tr th{
	background-color: #3087CA;
	color: #FFF;
}
table.data td a{
	text-decoration: none;
	color: #555;
}
table.data td a span{
	color: #FFF;
	padding: 0.5em 1em;
	border: 1px solid #3087CA;
	background-color: #3087CA;
	border-radius: 5px;
	transition: all 0.3s linear;
}
table.data td a:hover span{
	color: #3087CA;
	background-color: #FFF;
}