@charset "shift_jis";

#contents {
	height: 810px;
}

.slides_container a:hover img {
	filter: alpha(opacity=30);
	opacity:0.8;
}

#box4 a:hover img {
	filter: alpha(opacity=30);
	opacity:0.5;
}


/*-�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡--*/
#index-banner {
	width: 740px;
	height: 315px;
	float: right;
	margin-bottom: 5px;
}
/*-�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡--*/

/*-�¡3ƒ{ƒbƒNƒX�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡--*/
#box1 , #box2 , #box3 {
	width: 180px;
	height: 290px;
	float: left;
	background-color: #FFFFFF;
	margin: 20px 0px 10px 0px;
}

#box1 , #box2 {
	margin-right: 8px;
}


#box1 p , #box2 p , #box3 p {
	height: 130px;
	widht: 140px;
	text-align: left;
	padding: 5px 10px 0PX 10PX;
	line-height: 1.7;
}


#box1 p a , #box2 p a , #box3 p a {
	color: #2F2928;
	text-decoration: none;
}

#box1 p a:hover , #box2 p a:hover , #box3 p a:hover {
	color: #D0B544;
}
/*-�¡ƒ{ƒbƒNƒX‡@img�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡--*/
#box1 .img01 {
	height: 130px;
	widht: 180px;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

#box1 .img01 a {
	width: 180px;
	height: 130px;
	text-indent:-9999px;
	display: block;
	background: url(../image/hp/index/gakusai-b.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

#box1 .img01 a:hover {
	background: url(../image/hp/index/gakusai-b.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}




/*-�¡ƒ{ƒbƒNƒX‡Aimg�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡--*/
#box2 .img02 {
	height: 130px;
	width: 180px;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

#box2 .img02 a {
	width: 180px;
	height: 130px;
	text-indent:-9999px;
	display: block;
	background: url(../image/hp/index/ad-b.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

#box2 .img02 a:hover {
	background: url(../image/hp/index/ad-b.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

/*-�¡ƒ{ƒbƒNƒX‡Bimg�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡--*/
#box3 .img03 {
	height: 130px;
	widht: 180px;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

#box3 .img03 a {
	width: 180px;
	height: 130px;
	text-indent:-9999px;
	display: block;
	background: url(../image/hp/index/pr-b.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

#box3 .img03 a:hover {
	background: url(../image/hp/index/pr-b.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
/*-�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡--*/

.banner a img {
	border-top: 1px solid #55403E;
}
.banner a:hover img {
	filter: alpha(opacity=30);
	opacity:0.5;
	border-top: 1px solid #FF862D;
}


/*-�¡‰E‰æ‘œƒo�[�W�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡--*/
#bannar-link {
	width: 178px;
	height: 280px;
	float: left;
	margin-top: 10px;
	background-color: #ffffff;
}

.bannar-image {
	margin-top: 70px;
	margin-left: 14px;
}

/*-�¡�¶ƒgƒsƒbƒN�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡--*/
#topic {
	width: 555px;
	height: 145px;
	float: left;
	margin-top: 10px;
	background-color: #ffffff;
}

#topic p {
	height: 100px;
	width: 520px;
	margin-left: 20px;
	margin-top: 10px;
	line-height: 1.8;
	color: #333;
}

/*-�¡�¶ƒgƒsƒbƒN�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡�¡--*/
#newsname {
	height: 210px;
	width: 350px;

	margin: 5px 0px;
}



/*-�¡�¡ƒTƒCƒhƒoƒi�[�¡�¡�¡�¡�¡�¡-*/

#box4 {
	width: 180px;
	height: 290px;
	float: left;
	background-color: #FFFFFF;
	margin: 20px 0px 15px 0px;
}

#box4 p {
	height: 80px;
	widht: 140px;
	text-align: left;
	padding: 5px 10px 0px 10px;
	line-height: 1.3;
}


#box4 p a {
	color: #2F2928;
	text-decoration: none;
}

#box4 p a:hover {
	color: #D0B544;
}

#box4 .img04 {
	height: 190px;
	widht: 175px;
	text-align: left;
	padding-left: 3px;
	margin: 0px;
}

#box4 .img04 a:hover img {
	filter: alpha(opacity=30);
	opacity:0.5;
}

/*-�¡�¡ƒTƒCƒhƒoƒi�[ƒŠƒXƒg�¡�¡�¡�¡�¡�¡-*/
#side-box {
	width: 180px;
	height: 145px;
	float: right;
	margin-top: 5px;
	background-color: #ffffff;
}
/*-�¡�¡ƒŠƒXƒgƒ^ƒO�¡�¡�¡�¡�¡�¡-*/
ul#side-bannar li {
	float: right;
	width: 160px;
	height: 100px;
}

/*-�štfs�š�š-*/
ul#side-bannar .snap {
	float: left;
	width: 160px;
	height: 100px;
	margin-left: 10px;
	margin-top: 5px;
}

ul#side-bannar .snap a {
	width: 160px;
	height: 100px;
	text-indent:-9999px;
	display: block;
	background: url(../image/hp/index/b-snap.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

ul#side-bannar .snap a:hover{
	background: url(../image/hp/index/b-snap.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}