/*******************************************************************/
/*	共通                                                           */
/*******************************************************************/
	/*	reset
	---------------------------------------------------------------*/
	* { padding: 0px; margin: 0px; }
	
	/*	img
	---------------------------------------------------------------*/
	img { border: none; }
	
	/*	cf
	---------------------------------------------------------------*/
	.cf:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
	.cf { display: inline-block; }
	/* Hides from IE-mac \*/ 
	* html .cf { height: 1%; }
	.cf { display: block; }
	/* End hide from IE-mac */
	
	/*	link
	---------------------------------------------------------------*/
	a:link,
	a:visited,
	a:active { text-decoration: none; }
	
	a:hover { text-decoration: underline; }
	
	/*	color
	---------------------------------------------------------------*/
	#wrap .red { color: #E80B74; }
		
	/*	font size
	---------------------------------------------------------------*/
	.small { font-size: 90%; }
	.large { font-size: 125%; }
	
	/*	align
	---------------------------------------------------------------*/
	#contents .center { text-align: center; }
	#contents .left { text-align: left; }
	#contents .right { text-align: right; }
	
	/*	float
	---------------------------------------------------------------*/
	.fleft { float: left; }
	.fright { float: right; }


/*=================================================================*/
.sp { display: none !important; }
.tab { display: none; }
.spTab { display: none; }

	/*	space
	---------------------------------------------------------------*/
	#contents .mb0 { margin-bottom: 0px; }
	#contents .mb10 { margin-bottom: 10px; }
	#contents .mb15 { margin-bottom: 15px; }
	#contents .mb20 { margin-bottom: 20px; }
	#contents .mb30 { margin-bottom: 30px; }
	#contents .mb40 { margin-bottom: 40px; }
	#contents .mb50 { margin-bottom: 50px; }
	#contents .mb80 { margin-bottom: 80px; }
	#contents .mb16 { margin-bottom: 16px; }
	
	.pl20 { padding-left: 20px !important;}
	
/*******************************************************************/
/*                                                                 */
/*******************************************************************/
body {
	line-height: 160%;
	margin: 0 auto;
	text-align: center;
	font-family: 'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka','メイリオ','Meiryo',sans-serif;
	}
	
/*	header
-------------------------------------------------------------------*/
header { border-top: 2px solid #edf0f4; }

	header .info {
		width: 1000px;
		margin: 0 auto;
		text-align: center;
		padding: 11px 0;
		background: #fff;
		font-size: 75%;
		letter-spacing: 120%;
		}
		
		header .info ul {
			list-style: none;
			vertical-align: middle;
			margin: 0;
			padding: 0;
			line-height: 0;
			}
			
			header .info ul li {
				display: block;
				color: #e60012;
				}
				
			header .info ul li .icon { margin-right: 20px; }
			
			header .info ul li .date {
				padding-top: 4px;
				padding-right: 14px;
				vertical-align: top;
				line-height: 280%;
				}
				
			header .info ul li a {
				color: #e60012;
				vertical-align: top;
				line-height: 280%;
				}
				
.page_top {
	position: fixed;
	right: 0;
	bottom: 30px;
	z-index: 11;
	}
	.page_top a {
		width: 49px;
		height: 34px;
		padding: 15px 0 0 0;
		display: block;
		background: #0666a3;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		}
		
		.page_top a:hover { background: #00426b; }
		
	.page_top img {
		width: 17px;
		height: 17px;
		}
		
/*	footer
===================================================================*/
footer {
	background: #08304d;
	width: 100%;
	min-width: 1024px;
	margin: 0 auto;
	color: #fff;
	padding: 0;
	font-size: 73%;
	letter-spacing: 120%;
	}
	
.pre_footer {
	width: 100%;
	min-width: 1000px;
	background: #eff1f4;
	padding: 26px 0;
	}
	
	.pre_footer .cf {
		width: 1000px;
		margin: 0 auto;
		}
		
	.pre_footer a img {
		width: 320px;
		height: 84px;
		}
	.pre_footer a:hover img {
		filter:alpha(opacity="80");
		opacity:0.8;
		-moz-opacity:0.8;
		-webkit-opacity:0.8;
		-o-opacity:0.8;
		-ms-opacity:0.8;
		}
		
	.pre_footer .fleft { margin-right: 20px; }
	
	footer a { color: #fff; }
	
.f_upper {
	line-height: 170%;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	padding: 38px 0;
	}
	
	.f_upper .f_logo {
		float: left;
		width: 180px;
		height: 35px;
		margin-right: 25px;
		vertical-align: bottom;
		}
		
	.f_upper .address {
		float: left;
		vertical-align: top;
		}
		
	.f_upper .f_link {
		float: right;
		list-style: none;
		padding: 11px 0;
		}
		
	.f_upper .f_link li {
		float: left;
		padding: 0 16px;
		border-left: 1px solid #fff;
		line-height: 100%;
		}
		
	.f_upper .f_link li.head { border-left: none; }
	
	.f_upper .f_link li.last { padding-right: 0; }
	
.f_under {
	border-top: 1px solid #16374f;
	background: #05263e;
	padding: 18px;
	text-align: center;
	}
	
	.f_under small { font-size: 100%; }


















/*	#contents
===================================================================*/
#contents {
	width: 100%;
	min-width: 1024px;
	background: url(../../images/top/bg_contents.jpg) top center no-repeat #05263e;
	}
	
	#contents .intro {
		width: 1024px;
		margin: 0 auto;
		padding: 60px 0 50px;
		line-height: 0;
		}
		
	#contents .title {
		margin-bottom:40px;
		}
	
	#contents .notice{
		float:right;
		width: 516px;
		height: 196px;
		background-color:#fff;
		}
	
	#contents .btn_group {
		float: left;
		width: 493px;
		padding: 0;
		line-height: 0;
		}
		
		#contents .btn_group p {
			padding: 0;
			line-height: 0;
			}
			
			/*高校*/
			#contents .btn_group p.high a {
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				background: url(../../images/top/btn_high.jpg) no-repeat 0 0;
				width: 493px;
				height: 196px;
				display: block;
				text-indent: -9999px;
				}
				#contents .btn_group p.high a:hover { background: url(../../images/top/btn_high_on.jpg) no-repeat 0 0; }
				
			/*中学*/
			#contents .btn_group p.junior a {
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				background: url(../../images/top/btn_junior.jpg) no-repeat 0 0;
				width: 493px;
				height: 196px;
				display: block;
				text-indent: -9999px;
				}
				
				#contents .btn_group p.junior a:hover { background: url(../../images/top/btn_junior_on.jpg) no-repeat 0 0; }
				
			/*幼稚園*/
			#contents .btn_group p.kinder a {
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				background: url(../../images/top/btn_kinder.jpg) no-repeat 0 0;
				width: 493px;
				height: 196px;
				display: block;
				text-indent: -9999px;
				}
				
				#contents .btn_group p.kinder a:hover { background: url(../../images/top/btn_kinder_on.jpg) no-repeat 0 0; }
				

	/*	新着情報
	-------------------------------------------------------------------*/
	.notice .news_box{
		background-color:#fff;
		width:500px;
		margin:32px 8px 0px 8px;
		}
	
	.notice .news_box .news_ttl{
		margin-bottom:16px;
		}
	
	.notice .boad {
		background-color:#f6f7f8;
		}
		
	.notice .boad dl{
		background:url(../../images/top/boad_repe.gif) bottom center repeat-x;
		padding:12px 10px;
		text-align:left;
		}
	
	.notice .boad dl.l_last{
		background:none;
		}
	
	.notice .boad dl dt{
		color:#6c6c6d;
		font-size:75%;
		margin-right:10px;
		float:left;
		}
	
	.notice .boad dl dt .category img{
		margin-left:10px;
		vertical-align:middle;
		}
	
	.notice .boad dl dd{
		float: left;
		width:284px;
		white-space:nowrap;
		overflow:hidden;
		padding-top:9px;
		text-overflow:ellipsis;
	}
	
	.notice .boad dl dd a{
		color:#086eae;
		font-size:75%;
		display:block;
		width:284px;
		height:8px;
		}

	/*	nav
	-------------------------------------------------------------------*/
	#contents nav {
		width: 100%;
		min-width: 1024px;
		height: 200px;
		margin: 0;
		padding: 0;
		line-height: 0;
		background-color: rgba(155,157,157,0.5);
		}
		
		.nav_inner {
			width: 1024px;
			margin: 0 auto;
			text-align: center;
			padding: 0;
			line-height: 0;
			}
			
			.nav_inner p {
				float:left;
				margin:0;
				padding:0;
				line-height:0;
				}
				.nav_inner p.btn01 img{
					width: 264px;
					height: 200px;
					}
				.nav_inner p.btn02 img{
					width: 260px;
					height: 200px;
					}
				.nav_inner p.btn03 img{
					width: 250px;
					height: 200px;
					}
				.nav_inner p.btn04 img{
					width: 250px;
					height: 200px;
					}
				
				.nav_inner p a:hover img {
					filter:alpha(opacity="80");
					opacity:0.8;
					-moz-opacity:0.8;
					-webkit-opacity:0.8;
					-o-opacity:0.8;
					-ms-opacity:0.8;
					}