@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 641px){
	
#wrap {
	width:100%;
}

#contents{
	overflow: visible;
}

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}


/*
キービジュアル
------------------------------------*/

#keyArea {
	overflow:hidden;
	height:355px;
	width:auto;
	margin-top:167px;
}

#keyWrap {
	position:relative;
	margin:0 auto;
	overflow:hidden;
	padding:6px 0 0 0;
}

.carouselPrevWrap {
	width:980px;
	margin:0 auto;
	position:relative;
}

#carouselPrev{
	position:absolute;
	top:106px;
	left:0;
	cursor:pointer;
	z-index:1;
}
#carouselNext{
	position:absolute;
	top:106px;
	left:940px;
	cursor:pointer;
	z-index:1;
}

#key{
	height:251px;
	position:relative;
	margin-left:0px;

}

#key ul{
	position:relative;
	margin-left:0px;
	height:251px;
	width:3000px;
	overflow:hidden;
}

#key li{
	float:left;
	margin-left:20px;
}

#thumb {
	height:89px;
	width:950px;
	background:url(/top/images/thumbBg.gif) repeat-x 0 0;
	margin:10px auto 10px;
}

#thumb ul{
	overflow:hidden;
	padding-top:7px;
	width:650px;
	margin:0 auto;
}

#thumb ul li{
	float:left;
}

#thumb ul li.banner_01 {
	margin-right:10px;
}

#thumb ul li.banner_01 a{
	background:url(/common/images/banner_01.jpg) no-repeat 0 0;
	overflow:hidden;
	display:block;
	height:0;
	padding-top:75px;
	width:210px;
}

#thumb ul li.banner_01 a:hover{
	background:url(/common/images/banner_01.jpg) no-repeat 0 -75px;
}

#thumb ul li.banner_02 {
	margin-right:10px;
}

#thumb ul li.banner_02 a{
	background:url(/common/images/banner_02.jpg) no-repeat 0 0;
	overflow:hidden;
	display:block;
	height:0;
	padding-top:75px;
	width:210px;
}

#thumb ul li.banner_02 a:hover{
	background:url(/common/images/banner_02.jpg) no-repeat 0 -75px;
}

#thumb ul li.banner_03 a{
	background:url(/common/images/banner_03.jpg) no-repeat 0 0;
	overflow:hidden;
	display:block;
	height:0;
	padding-top:75px;
	width:210px;
}

#thumb ul li.banner_03 a:hover{
	background:url(/common/images/banner_03.jpg) no-repeat 0 -75px;
}

/*
ニュース
------------------------------------*/
#newsArea{
	float:left;
	overflow:hidden;
}

#newsArea h2{
	background:url(/top/images/h2_01.gif) no-repeat 0 0;
	height:0;
	padding-top:32px;
	width:730px;
	overflow:hidden;
	display:block;
}

#newsArea dl{
	width:710px;
	overflow:visible;
}

#newsArea dt{
	float:left;
	padding:15px;
	clear:both;
}

#newsArea dd{
	padding:15px;
	border-bottom:dotted 1px #ccc;
}

#newsArea dd a{
	margin-right:10px;
}

#newsArea p{
	text-align:right;
	background:url(/common/images/arrow_01.gif) no-repeat 0 center;
	float:right;
	padding-left:17px;
	margin:18px;
}

/*
カレンダー
------------------------------------*/
#eventCalendar{
	float:right;
	margin-top:0!important;
}

#calendarbtn a{
	background:url(/top/images/btnCalendarTop.gif) no-repeat 0 0 !important;
	height:0;
	padding-top:31px;
	width:190px;
	overflow:hidden;
	display:block;
}

#calendarbtn a:hover{
	background:url(/top/images/btnCalendarTop.gif) no-repeat 0 -31px !important;
}

/*
5つのポイント
------------------------------------*/
#pointArea {
	overflow:hidden;
	margin-top:12px;
}

#pointArea dl {
	width:190px;
	float:left;
}

#pointArea dl dt.btn_01 a{
	background:url(/top/images/btn5point.jpg) no-repeat 0 0;
	height:0;
	padding-top:230px;
	width:190px;
	overflow:hidden;
	display:block;
}

#pointArea dl dt.btn_01 a:hover{
	background:url(/top/images/btn5point.jpg) no-repeat 0 -230px;
}

#pointArea dl dt.btn_02 a{
	background:url(/top/images/btn5point.jpg) no-repeat -190px 0;
	height:0;
	padding-top:230px;
	width:190px;
	overflow:hidden;
	display:block;
}

#pointArea dl dt.btn_02 a:hover{
	background:url(/top/images/btn5point.jpg) no-repeat -190px -230px;
}

#pointArea dl dt.btn_03 a{
	background:url(/top/images/btn5point.jpg) no-repeat -380px 0;
	height:0;
	padding-top:230px;
	width:190px;
	overflow:hidden;
	display:block;
}

#pointArea dl dt.btn_03 a:hover{
	background:url(/top/images/btn5point.jpg) no-repeat -380px -230px;
}

#pointArea dl dt.btn_04 a{
	background:url(/top/images/btn5point.jpg) no-repeat -570px 0;
	height:0;
	padding-top:230px;
	width:190px;
	overflow:hidden;
	display:block;
}

#pointArea dl dt.btn_04 a:hover{
	background:url(/top/images/btn5point.jpg) no-repeat -570px -230px;
}

#pointArea dl dt.btn_05 a{
	background:url(/top/images/btn5point.jpg) no-repeat -760px 0;
	height:0;
	padding-top:230px;
	width:190px;
	overflow:hidden;
	display:block;
}

#pointArea dl dt.btn_05 a:hover{
	background:url(/top/images/btn5point.jpg) no-repeat -760px -230px;
}

.boxPointArea_01 {
    background: url(/top/images/btn5pointBg_01.gif) no-repeat scroll 0 0;
	padding-left:5px;
	margin:10px 0;
	font-size:13px;
}

.boxPointArea_01 p {
	background:#FFF;
	padding:0 10px 0 5px;
}

.boxPointArea_02 {
    background: url(/top/images/btn5pointBg_02.gif) no-repeat scroll 0 0;
	padding-left:5px;
	margin:10px 0;
	font-size:13px;
}

.boxPointArea_02 p {
	background:#FFF;
	padding:0 10px 0 5px;
}

.linkPointArea {
    background: url(/common/images/arrow_01.png) no-repeat scroll 0 3px;
    font-size: 15px;
    padding: 0 0 0 15px;
	font-size:13px;
	font-weight:bold;
}

.gakkaAreaTitle_00{
	display:none;
}

ul#gakkaArea{
	margin:0 0 30px;
	clear:both;
	overflow:hidden;
}

ul#gakkaArea li{
	float:left;
}

ul#gakkaArea li.btn_01{
	margin-right:14px;
}

ul#gakkaArea li.btn_01 a{
	background:url(/top/images/btnGakka.jpg) no-repeat 0 0;
	height:0;
	width:468px;
	padding-top:246px;
	display:block;
	overflow:hidden;
}

ul#gakkaArea li.btn_01 a:hover{
	background:url(/top/images/btnGakka.jpg) no-repeat 0 -246px;
}

ul#gakkaArea li.btn_02 a{
	background:url(/top/images/btnGakka.jpg) no-repeat -468px 0;
	height:0;
	width:468px;
	padding-top:246px;
	display:block;
	overflow:hidden;
}

ul#gakkaArea li.btn_02 a:hover{
	background:url(/top/images/btnGakka.jpg) no-repeat -468px -246px;
}

/*
ブログ
------------------------------------*/
#blogArea{
	margin:25px 0 0 0;
	float:left;
	width:361px;
}

#blogArea h2{
	background:url(/top/images/h2_03.gif) no-repeat 0 0;
	height:0;
	padding-top:37px;
	width:361px;
	overflow:hidden;
	display:block;
}

#blogArea ul{
	overflow:hidden;
	margin-top:7px;
}

#blogArea ul li{
	float:left;
	margin-bottom:1px;
}

#blogArea ul li.btn_01 a{
	background:url(/top/images/btnBlog.jpg) no-repeat 0 0;
	height:0;
	padding-top:63px;
	width:366px;
	overflow:hidden;
	display:block;
}

#blogArea ul li.btn_01 a:hover{
	background:url(/top/images/btnBlog.jpg) no-repeat 0 -63px;
}

#blogArea ul li.btn_02 a{
	background:url(/top/images/btnBlog.jpg) no-repeat -361px 0;
	height:0;
	padding-top:63px;
	width:366px;
	overflow:hidden;
	display:block;
}

#blogArea ul li.btn_02 a:hover{
	background:url(/top/images/btnBlog.jpg) no-repeat -361px -63px;
}

#blogArea ul li.btn_03 a{
	background:url(/top/images/btnBlog.jpg) no-repeat -721px 0;
	height:0;
	padding-top:63px;
	width:362px;
	overflow:hidden;
	display:block;
}

#blogArea ul li.btn_03 a:hover{
	background:url(/top/images/btnBlog.jpg) no-repeat -721px -63px;
}

/*
学校紹介
------------------------------------*/
#introduceArea {
	margin:25px 0 0 0;
	width:570px;
	float:right;
}

#introduceArea h2{
	background:url(/top/images/h2_05.gif) no-repeat 0 0;
	height:0;
	padding-top:37px;
	width:570px;
	overflow:hidden;
	display:block;
}

#introduceArea p {
	margin:10px 0 0 0;
}

/*
情報
------------------------------------*/
#jouhouArea{
	margin-top:15px;
}

#jouhouArea h2{
	background:url(/top/images/h2_04.gif) no-repeat 0 0;
	height:0;
	padding-top:38px;
	width:950px;
	overflow:hidden;
	display:block;
}

#jouhouArea ul {
	margin-top:10px;
	overflow:hidden;
}

#jouhouArea ul li {
	float:left;
	margin:0 20px 0 0;
}

#jouhouArea ul li img {
	margin:0 5px 0 0;
}

.houmonsyaArea{
	display:none;
}

#pointArea{
	display:block !important;
}

.spSiryouBtn,.spOpBtn{
	display:none;
}

}