@charset "UTF-8";
@import url("share/css/common.css");

/*======================================

	トップ(四季)

=======================================*/
#index_top_spring {
	width: 910px;
	background-image: url("images/top_spring.jpg");
	background-repeat: no-repeat; 
	background-position: 0% 0%;
	margin: 0px auto;
	padding: 0px;
}

#index_top_summer {
	width: 910px;
	background-image: url("images/top_summer.jpg");
	background-repeat: no-repeat; 
	background-position: 0% 0%;
	margin: 0px auto;
	padding: 0px;
}

#index_top_autumn {
	width: 910px;
	background-image: url("images/top_autumn.jpg");
	background-repeat: no-repeat; 
	background-position: 0% 0%;
	margin: 0px auto;
	padding: 0px;
}

#index_top_winter {
	width: 910px;
	background-image: url("images/top_winter.jpg");
	background-repeat: no-repeat; 
	background-position: 0% 0%;
	margin: 0px auto;
	padding: 0px;
}

.course_btn {
	margin: 0px;
	padding: 180px 0px 10px 265px;
}

.course_btn .btn {
	float: left;
	margin: 0px;
	padding: 0px 5px 0px 0px;
}

.course_photo {
	margin: 0px;
	padding: 30px 0px 0px 0px;
}

.course_photo .photo_caption {
	float: left;
	width: 154px;
	margin: 0px;
	padding: 8px 8px 0px 18px;
}

.course_photo .photo_caption .photo {
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#index_top_spring .course_photo .photo_caption .caption {
	background-image: url("images/spring_arrow.gif");
	background-repeat: no-repeat; 
	background-position: 0% 0%;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	text-align: left;
	font-size: 0.875em;
	font-weight: bold;
	line-height: 1.5;
}

#index_top_summer .course_photo .photo_caption .caption {
	background-image: url("images/summer_arrow.gif");
	background-repeat: no-repeat; 
	background-position: 0% 0%;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	text-align: left;
	font-size: 0.875em;
	font-weight: bold;
	line-height: 1.5;
}

#index_top_autumn .course_photo .photo_caption .caption {
	background-image: url("images/autumn_arrow.gif");
	background-repeat: no-repeat; 
	background-position: 0% 0%;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	text-align: left;
	font-size: 0.875em;
	font-weight: bold;
	line-height: 1.5;
}

#index_top_winter .course_photo .photo_caption .caption {
	background-image: url("images/winter_arrow.gif");
	background-repeat: no-repeat; 
	background-position: 0% 0%;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	text-align: left;
	font-size: 0.875em;
	font-weight: bold;
	line-height: 1.5;
}

.course_photo .photo_caption .caption span {
	font-size: 0.875em;
}



/*======================================

	コンテンツ

=======================================*/
#index_contents {
	width: 890px;
	margin: 0px auto;
	padding: 10px 0px 40px 0px;
}

#index_left {
	float: left;
	width: 220px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

#index_main {
	float: left;
	width: 430px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

#index_right {
	float: left;
	width: 220px;
	margin: 0px;
	padding: 0px;
}

/* メインバナー */
.main_banner {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	text-align: center;
}

/* お知らせ */
.topics {
	width: 430px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

.topics .title {
	margin: 0px;
	padding: 0px;
}

.topics .topics_list {
	width: 420px;
	margin: 0px;
	padding: 0px 5px 0px 5px;
	text-align: left;
	list-style: none;
}

.topics .topics_list li {
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

.topics .topics_list .date {
	float: left;
	width: 110px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	color: #666666;
	font-size: 0.75em;
	line-height: 1.5;
}

.topics .topics_list .title {
	float: left;
	width: 290px;
	background-image: url("images/icon_text.gif");
	background-repeat: no-repeat; 
	background-position: 0% 0%;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	font-size: 0.75em;
	line-height: 1.5;
}

.topics .topics_list li img {
	vertical-align: middle;
}