@charset "utf-8";

html {
	background: url(../img/main-visual-back.png) no-repeat center 96px;
}

/*----------------------------------------------------------------
 * ヘッダー
 */

/* メインビジュアル */

/*----------------------------------------------------------------
 * コンテンツ
 */

#contents {
	margin-top: 10px;
}

/* コンテンツ紹介 */
#contents #main #introduction ul {
	overflow: hidden;
	padding-bottom: 2px;
	border-bottom: 4px solid #59930B;
}

#contents #main #introduction li {
	float: left;
	width: 240px;
	height: 300px;
}

#contents #main #introduction li.hover {
	-moz-opacity: 0.85;
	opacity: 0.85;
}

#contents #main #introduction li.aboutus {
	background-color: #A6C85E;
}

#contents #main #introduction li.business {
	background-color: #59930B;
}

#contents #main #introduction li.cooperation {
	background-color: #89C516;
}

#contents #main #introduction li.enrollment {
	background-color: #81B11C;
}

#contents #main #introduction li h2 {
	margin: 20px 20px 0;
	color: white;
	font-size: 123.1%;
	text-shadow: 0 0 5px #59930B;
	white-space: nowrap;
}

#contents #main #introduction li p {
	margin: 15px 20px -5px;
	font-size: 85%;
	text-shadow: 0 0 5px #59930B;
	line-height: 1.5;
}

#contents #main #introduction li p a {
	color: white;
}

/* NEWS */
#contents #main #news {
	margin-top: 40px;
	overflow: hidden;
}

#contents #main #news h2 {
	float: left;
	width: 122px;
	height: 122px;
	background: url(../img/h2-news.png) no-repeat;
	text-indent: -9999px;
}

#contents #main #news ul {
	float: right;
	width: 825px;
	border: solid #CCCCCC;
	border-width: 1px 0;
}

#contents #main #news li {
	padding: 14px 0;
	font-size: 93%;
	overflow: hidden;
}

#contents #main #news li + li {
	border-top: 1px dotted #CCCCCC;
}

#contents #main #news li time {
	display: inline-block;
	vertical-align: top;
}

#contents #main #news li .subject {
	display: inline-block;
	margin: -3px 0 -3px 20px;
	line-height: 1.5;
}

#contents #main #news .news-list {
	clear: both;
	padding-top: 8px;
	text-align: right;
	font-size: 93%;
	line-height: 1.5;
}

/*----------------------------------------------------------------
 * フッター
 */

#page > footer {
	margin-top: 50px;
}