@charset "UTF-8";
/* -------------------------------------------------------- CSS Information 
Last up date:   2014.01.29
Style Info:     index css
------------------------------------------------------------------------ */  

/*CommonCSS_link*/
@import url(base.css);
@import url(common.css);
/*------------------------------------------------------------Background*/
body {
	background: #fff url(../img/index_img/bg.gif) repeat-x center top;
}
#bg_flash {
	background: url(../img/index_img/bg_top.png) no-repeat center bottom;
}
#content_right {
	background: none;
}
/*------------------------------------------------------------Flash*/
#flashbox {
	text-align: left;
	height: 410px;
	width: 940px;
	margin: 0 auto;
	position: relative;
}
#flash {
	position: absolute;
	top: 27.5px;
	left: 15px;
}
.subtext {
	font-size: 11px;
	color: #fff;
	position: absolute;
	bottom: 6px;
	left: 0;
}
/*------------------------------------------------------------Greeting*/
#greeting {
	height: 210px;
	position: relative;
}
#greeting p {
	width: 460px;
	margin: 12px 0 0;
}
#greeting .abs {
	position: absolute;
	top: -10px;
	right: -10px;
}
/*------------------------------------------------------------Topics*/
#topics {
	height: 190px;
	width: 670px;
	margin: 0 0 20px;
	background: url(../img/index_img/bg_topics.jpg) no-repeat left top;
	overflow: hidden;
}
#topics .btn {
	float: right;
	padding: 29px 20px 0 0;
}
#topics h3 {
	margin: 0 20px;
	padding: 20px 0 4px;
	border-bottom: 1px solid #d1c28d;
}
#topics dl {
	margin: 0 20px;
	padding: 10px 0;
	overflow: hidden;
	border-bottom: 1px solid #d1c28d;
	background: url(../img/common_img/arrow01.png) no-repeat 76px center;
}
#topics dl dt {
	font-size: 12px;
	line-height: 170%;
	width: 100px;
	float: left;
}
#topics dl dd {
}
#topics dl dd p {
	font-size: 12px;
	line-height: 170%;
	width: 530px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
#topics dl dd p a {
	color: #000;
}
#topics dl dd p a:hover {
	color: #999;
}
/*------------------------------------------------------------Link*/
ul#linkarea {
	list-style-type: none;
	overflow: hidden;
	margin: 0 0 10px;
}
ul#linkarea li {
	height: 120px;
	width: 330px;
	overflow: hidden;
	position: relative;
}
ul#linkarea li#schedule {
	float: left;
	background: url(../img/index_img/bn_schedule.jpg) no-repeat left top;
}
ul#linkarea li#lesson {
	float: right;
	background: url(../img/index_img/bn_lesson.jpg) no-repeat left top;
}
ul#linkarea li h4 a {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
ul#linkarea li h4 a:hover {
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
ul#linkarea li p {
	font-size: 11px;
	line-height: 150%;
	color: #ece3b4;
	padding: 60px 0 0 20px;
}