@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 .movieVox {
		width: 400px;
		height: 225px;
		margin: 0 auto 110px;
		overflow: hidden;
	}
		.index .movieVox a {
			display: block;
			position: absolute;
			z-index: 10;
			/*background: url(/cocplus/images/content/education/indexImage01.jpg) no-repeat left top;*/
		}
		.index .movieVox iframe {
			position: absolute;
		}
	.index .movieVoxSP {
		width: 250px;
		margin: 0 auto 45px;
	}
	.index .image01 {
		width: 960px;
		margin: 0 auto;
	}
	
.newsArchive ul{
	margin:0;
	padding:0;
}
.newsArchive li{
	width:193px;
	padding:10px;
	float:left;
	display:inline;
	list-style-type:none;
	font-size:90%;
	font-weight:bold;
	line-height:1.3;
	text-align:center;
}

.newsArchive p{
	margin-top:10px;
}

.pamphletBox {
	width:400px;
	float:left;
}

.pamphlet{
	width:213px;
	float:right;
}


/**
 ****************************************************
 * 
 * screens larger than 769
 * 
 ****************************************************
 */
@media only screen and (min-width: 769px) {
	.index .movieVoxSP { display: none; }
}
/**
 ****************************************************
 * 
 * screens smaller than 768
 * 
 ****************************************************
 */
@media only screen and (max-width: 768px) {
	.pageTitle {
		padding: 30px 0;
	}
	.index {}
		.index #content {
			padding-top: 45px;
		}
		.index .movieVox { display: none; }
		.index .movieVoxSP { display: block; }
		.index .image01 {
			width: 250px;
		}
.newsArchive li{
	width:50%;
	padding:0;
	float:flat;
}

.newsArchive li img  {
	max-width : 100%;
	height : auto;
	width /***/:auto;¡¡/*IE8¤Çmax-width¤Çºá·ù¤·¤«‰ä¤ï¤é¤Ê¤¤¤¿¤áIE8¤Î¤ßßmÓÃ*/
	-ms-interpolation-mode: bicubic; 

}

.pamphletBox {
	width:auto;
	float:none;
}

.pamphlet{
	width:auto;
	float:none;
}

	/**
	 * end
	 */
}