@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
input, textarea{
	margin: 0;
	padding: 0;
}
ol, ul{
	list-style:none;
}
table{
	border-collapse: collapse; 
	border-spacing:0;
}


.inner{
	position: relative;
	width: 980px;
	min-width: 980px;
	margin: 0 auto;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #555;
}
/*/////////////////////////////////////
フッター
/////////////////////////////////////*/
#footer{
	position: relative;
	width: 100%;
	padding-top: 30px;
	text-align: center;
}
.pagetop{
	position: relative;
	width: 324px;
	height: 40px;
	margin: 0 auto;
}
.pagetop a{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	
}
#footer .copyright{
	position: absolute;
	bottom: 5px;
	right: 0;
	font-size: 9px;
	font-family:Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}


/*/////////////////////////////////////
中ページ共通
/////////////////////////////////////*/
.header{
	position: absolute;
	width: 100%;
	z-index: 999;
}
.header-home{
	float: left;
}
.header-navi{
	float: right;
	width: 608px;
	overflow: hidden;
	text-align: right;
}
.header-navi li{
	display: inline-block;
	margin-left: 5px;
}
.header-navi li span{display: none;}

.header-navi li a.s_navi0{
	display: block;
	width: 192px;
	height: 28px;
	background: url(../images/subnavi_0.png) no-repeat;
}
.header-navi li a.s_navi0:hover{background-position: 0 -28px;}
.header-navi li a.s_navi1{
	display: block;
	width: 162px;
	height: 29px;
	background: url(../images/subnavi_1.png) no-repeat;
}
.header-navi li a.s_navi1:hover{background-position: 0 -29px;}
.header-navi li a.s_navi2{
	display: block;
	width: 192px;
	height: 28px;
	background: url(../images/subnavi_2.png) no-repeat;
}
.header-navi li a.s_navi2:hover{background-position: 0 -28px;}

.header-navi li a.s_navi3{
	display: block;
	width: 192px;
	height: 28px;
	background: url(../images/subnavi_3.png) no-repeat;
}
.header-navi li a.s_navi3:hover{background-position: 0 -28px;}

/*//////////////////////////
イラストのベース位置

///////////////////////////*/
.illust{
	position: absolute;
}
.illust-pos_slide0{
	top: 20px;
	left: 20px;
	z-index: 30;
}
.illust-pos_slide1{
	bottom: 0px;
	right: 10px;
	z-index: 30;
}
.illust.illust-pos4{
	bottom: 10px;
	right: 330px;
}

/*//////////////////////////

///////////////////////////*/
.mainvisual{
	position: relative;
	width: 100%;
	min-width: 980px;
	height: 525px;
	overflow: hidden;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
.mainvisual .inner{
	z-index: 10;
}
.star{
	position: absolute;
	width: 100%;
	min-width: 980px;
	height: 100%;
	top: 0;
	left: 0;
}
.shapeBottom{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 42px;
	background: url(../images/bg_shape_inner.png) repeat-x center;
	z-index: 10;
}
h1{
	width: 100%;
	text-align: center;
	padding: 65px 0 0 0;
}
.slideWrapper{
	position: relative;
	width: 624px;
	margin: 0 auto;
}
.slideList{
	position: relative;
	top: 50px;
	opacity: 0;
	width: 0;
	height: 385px;
	overflow: hidden;
	text-align: left;
	-webkit-transform:translateZ(0);
	-moz-transform:translateZ(0);
	-ms-transform:translateZ(0);
}
.slideList li{
	display: block;
	float: left;
	width: 624px;
	overflow: hidden;
	text-align: center;
}
.thumb{
	position: absolute;
	width: 100%;
	bottom: 45px;
	left: 0;
	text-align: center;
}
.thumb li{
	display: inline-block;
	width: 14px;
	height: 14px;
	overflow: hidden;
	background: url(../images/bg_thumb.png) no-repeat;
	cursor:pointer;
}
.thumb li.active{
	background-position: 0px -14px;
}

.naviLeft{
	position: absolute;
	width: 78px;
	height: 78px;
	top: 300px;
	left: 130px;
	cursor:pointer;
}
.naviLeft:hover{background-position: 0px -78px;}
.naviRight{
	position: absolute;
	width: 78px;
	height: 78px;
	top: 300px;
	right: 130px;
	cursor:pointer;
}
.naviRight:hover{background-position: 0px -78px;}
/*//////////////////////////

///////////////////////////*/
.cntArea{
	width: 980px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/bg.gif);
}
/*//////////////////////////

///////////////////////////*/
.schedule{
	position: relative;
}
.schedule-atend{
	padding: 8px 0 15px;
	color: #2E2E2E;
}
.schedule-table{
	width: 750px;
	margin: 0 auto;
	background: #FFF;
}
.schedule-table th{
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	padding: 15px 0;
	
}
.schedule-table td{
	border: 1px solid #ffdbe9;
	padding: 10px 0;
	vertical-align: middle;
	color: #555;
}
/*//////////////////////////

///////////////////////////*/
.rest{
	position: relative;
	padding: 65px 0 0;
}
.rest p{
	padding: 30px 0 80px;
}
/*//////////////////////////

///////////////////////////*/
.classroom-list{
	width: 100%;
	overflow: hidden;
	padding: 20px 0;
}
.classIcon{
	display: inline-block;
	padding-bottom: 10px;
}
.classroom-box{
	display: inline-block;
	width: 104px;
	margin-left: 24px;
}
.classroom-box:first-child{margin-left: 0;}
.classroom-info{
	border-radius: 6px;
	background: #FFF;
}
.classroom-info li{
	font-size: 14px;
	padding: 7px 0;
	color: #555;
}
.classroom-info li:last-child{
	border-bottom: 0px;	
}
.classroom-total{width: 880px;text-align: right;padding-bottom: 50px;}
.classroom-total span{
	display: inline-block;
	padding: 5px;
}
/*//////////////////////////

///////////////////////////*/
.event{position: relative;}
.event-list{
	width: 600px;
	margin: 0 auto;
	padding: 20px 0;
	overflow: hidden;
}
.event-list li{
	display: inline-block;
	height: 30px;
	padding-left: 20px;
	background: url(../images/ic_star.png) no-repeat left center;
}
.event-list li.etc{background: none;}
.event-atend{
	font-size: 90%;
	padding: 10px 0 80px;
}
/*//////////////////////////

///////////////////////////*/
.schoolfood{position: relative;}
.schoolfood-list{
	width: 500px;
	margin: 0 auto;
	padding: 20px 0 80px;
	overflow: hidden;
}
.schoolfood-list li{
	display: inline-block;
	height: 30px;
	padding-left: 20px;
	background: url(../images/ic_food.png) no-repeat left center;
}
.schoolfood-list li.etc{background: none;}
.schoolfood-atend{
	font-size: 90%;
	padding: 10px 0 80px;
}

/*//////////////////////////

///////////////////////////*/
.backup{
	padding-bottom: 80px;
}
.backup-list{
	width: 500px;
	margin: 0 auto;
	padding: 0px 0 10px;
	overflow: hidden;
}
.backup-list li{
	display: inline-block;
	height: 30px;
	padding-left: 20px;
	background: url(../images/ic_backup.png) no-repeat left center;
}
.backup-list li.etc{background: none;}
.backup-atend{
	font-size: 90%;
	padding: 20px 0;
}
/*//////////////////////////

///////////////////////////*/
.facility{
	position: relative;
}
.mapArea{
	width: 100%;
	overflow: hidden;
	padding: 60px 0;
}
.map{
	float: left;
	width: 488px;
	height: 376px;
	background: url(../images/map_base.png) no-repeat;
}
.map iframe{
	position: relative;
	width: 470px;
	height: 360px;
	margin: 7px;
}
.infoTable{
	position: relative;
	width: 450px;
	float: right;
}
.infoTable table{position: relative;z-index: 10; background: url(../images/bg_infotable_tr.gif) repeat-x bottom;}
.infoTable .bgLine{
	position: absolute;
	width: 110px;
	height: 100%;
	background: #fffbfc;
}
.infoTable tr{
	background: url(../images/bg_infotable_tr.gif) repeat-x;
}
.infoTable th{
	text-align: left;
	color: #EB5174;
	width: 110px;
	padding: 8px 0 8px 8px;
	vertical-align: middle;
}
.infoTable td{
	text-align: left;
	padding: 8px 3px;
	font-size: 95%;
}
.infoTable td span{
	display: inline-block;
	padding-right: 20px;
}
.infoTable td span.long{
	padding-right: 50px;
}
.infoTable td a{
	color: #555;
}