@charset "utf-8";
/*
 * ==========================================================================
 * 
 * [education]
 * 
 * ==========================================================================
 */
.pageTitle {
	background: #F2F1EB;
	text-align: center;
	padding: 80px 0;
	font-size: 150%;
	letter-spacing: 0.2em;
}
.index {}
	.index #content {
		padding-top: 125px;
	}
	.index .left {
		float: left;
		width: 630px;
	}
	.index .right {
		width: 280px;
		float: right;
	}
	.index .outerContent {
		border-top: 1px solid #DBDADA;
	}
		.index .outerContent .inner {
			width: 980px;
			margin: 0 auto;
			padding: 90px 0;
		}



.tableStyle01 th , .tableStyle01 td {
	line-height : 1.6em;
}

.mihama div {
	background : #86a4d9;
	color : #ffffff;
	border-radius : 3px;
	padding : 5px;
	text-align:center;

}

.handa div {
	background : #72c2a7;
	color : #ffffff;
	border-radius : 3px;
	padding : 5px;
	text-align:center;
}

.tokai div {
	background : #edb383;
	color : #ffffff;
	border-radius : 3px;
	padding : 5px;
	text-align:center;
}

.chita div {
	background : #f0a7b1;
	color : #ffffff;
	border-radius : 3px;
	padding : 5px;
	text-align:center;
}

.icn_pdf {
	margin-left : 5px;
	width : 32px;
	vertical-align : middle;
}

.tableStyle01 td a {
	font-weight : bold;
}

.kadaiSubject {
	color : #88a71f;
	font-size : 105%;
}


.tableStyle01 th.name {
	width : 10%;
}
.tableStyle01 th.choice {
	width : 10%;
}
.tableStyle01 th.thema {
	width : 50%;
}

/**
 ****************************************************
 * 
 * screens larger than 769
 * 
 ****************************************************
 */
@media only screen and (min-width: 769px) {


.tableStyle01 th , .tableStyle01 td {
	padding : 5px 10px;
}



.kadaiSubject , .kadaitable {
width : 960px;
margin-left : auto;
margin-right : auto;
}

	
}



/**
 ****************************************************
 * 
 * screens smaller than 768
 * 
 ****************************************************
 */
@media only screen and (max-width: 768px) {
	.pageTitle {
		padding: 30px 0;
	}
	.index {}
		.index #content {
			padding-top: 45px;
		}
	.index .left {
		float: none;
		width: auto;
		margin: 0 auto 35px;
	}
	.index .right {
		width: auto;
		float: none;
	}
		.index .right .image {
			width: 250px;
			margin: 0 auto;
		}
	.index .outerContent {}
		.index .outerContent .inner {
			width: auto;
			margin: 0 auto;
			padding: 45px 30px;
		}

	/**
	 * end
	 */
}