@charset "UTF-8";
html, body {
    height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFFFFF;
}
a:link {
	text-decoration: none;
	color:#ffffff;
}
a:visited {
	text-decoration: none;
	color:#ffffff;
}
a:hover {
	text-decoration: none;
	color:#ffffff;
}
a:active {
	text-decoration: none;
	color:#ffffff;
}.float_left {
	float:left;
}
.float_right {
	float:right;
}
.flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -o-flex;
    display: flex;
    -ms-flex-pack:center;/*--- IE10 ---*/
    -ms-flex-direction:row;//initial
    -ms-flex-item-align:start;
    -ms-flex-wrap:nowrap;
    -ms-flex-line-pack:start;
    justify-content :flex-start;
}
.left {
	justify-content: flex-start;    /*左（上）揃え*/
}
.right {
    justify-content: flex-end;      /*右（下）揃え*/
}
.center {	
	justify-content: center; /*左右中央*/
}
.top_center {
	align-items: center;/*上下中央*/
}
#wrap {
	width: 100%;
	height:100%;
}
header {
	background-color:#3FA9F5;
	position:relative;
	width:100%;
	height:105px;
}
.header_top {
	position: relative;
	margin: 0 auto;
	height: 60px;
	width: 960px;
}
.header_top img {
	position: absolute;
	top:5px;
	right:0px;
}
h1{
	position:relative;
	font-size: 17px;
	font-weight: 100;
	top: 20px;
	left: 20px;
	width:170px;
}
.nav_wrap {
	height: 60px;
	width: 960px;
	position:relative;
	margin: 0 auto;
}
nav {
	height: 60px;
	width:100%;
}
.MIZUSHORI_NAVI {
	position: absolute;
	bottom:45px;
}
nav ul {
	position: absolute;
	right:0px;
	bottom:30px;
	font-size: 12px;
}
nav li {
	display: inline-block;
	padding: 0 8px;
	left: 10px;
	right: 10px;
	border-left: thin solid #FFFFFF;
}
.contact{
	background-color: #283E71;
	height: 20px;
	border-left: none;
	padding-right:8px;
	padding-bottom:5px;
}
.contact img{
	padding-top: 5px;
	padding-left: 2px;
	padding-right: 7px;
}
.contact_text {
	position:relative;
	bottom:3px;
}
#school_wrap{
	background-color:#283E71;
	position:relative;
	width:100%;
	height:125px;
	top:105px;
}
#school_top {
	position: relative;
	width: 960px;
	height:100%;
	margin: 0 auto;
}
#school_top h2 {
	text-align: center;
	font-size: 27px;
	font-weight: normal;
	position: relative;
	top: -195px;
	left: 50px;
}
#school_top img {
	position: relative;
	top: -80px;
	left: 10px;
	z-index:1;
}
#school_top p {
	width:72px;
	color: #283E71;
	font-size: 14px;
	position: relative;
	top:-130px;
	left: 10px;
	text-align:center;
	z-index:2;
}
#menu_wrap {
	background-image: url(../img/illust_school.jpg);
	background-size: cover;
	background-position:center;
	position: relative;
	width:100%;
	height:355px;
	top:105px;
}
#menu {
	width:900px;
	position: relative;
	margin:0 auto;
}
.menu_title {
	background-color:#1591E4;
	width:160px;
	height:107px;
	margin-top:22px;
	text-align:center;
	position: relative;
	margin:50px auto 90px;
}
.menu_empty {
	width:100px;
	}
.menu_title_triangle {
	position: relative;
	margin:0 auto;
	top:-15px;
	width: 0;
	height: 0;
	border-top: 25px solid #1591E4;
	border-right: 25px solid transparent;
	border-bottom: 0px solid transparen;
	border-left: 25px solid transparent;
}
.menu_title h3 {
	font-size:18px;
	font-weight: 100;
	line-height: 1.4em;
	margin:0;
	padding-top:25px;
}
.menu_title p {
	font-size:12px;
}
#info {
	background-color:#ECF6FE;
	width:100%;
	height:130px;
	position: relative;
	top:105px;
		text-align:center;
	color:#000000;
	font-size:14px;
	line-height:1.7em;
	padding-top:56px;
}
.contents_wrap {
	position: relative;
	width:100%;
	top:150px;
}
.contents {
	position:relative;
	margin:0 auto;
	width:960px;
	padding-bottom:0px;
}
.contents_photo {
	width:312px;
}
.shisetsu_thumbnails {
	width:150px;
	height:110px;
	float:left;
	margin:1px 1px auto;
}
.space_empty20 {
	position:relative;
	margin-top:20px;
}
.space_empty70 {
	position:relative;
	margin-top:70px;
}
.space_empty100 {
	position:relative;
	margin-top:100px;
}
.contents h3 {
	width: 960px;
	height:48px;
	border-bottom: 1px solid #007BD9;
	font-size:27px;
	color: #666666;
	margin-top:15px;
	margin-bottom:15px;
}
h4 {
	width: 960px;
	height:48px;
	border-bottom: 1px solid #007BD9;
	font-size:24px;
	color: #666666;
	margin-top:15px;
	margin-bottom:15px;
}
.contents p {
	font-size:13px;
	color: #000000;
	margin-top:15px;
	margin-bottom:15px;
}
.contents p span {
	font-size:9px;
}
.contents ul {
	padding-left:0px;
	color:#283E71;
	width:582px;
	height:242px;
	font-size:18px;
}
.contents li {
	display: inline-block;
	padding-bottom:5px;
}
.contents img {
	position: relative;
	right:0px;
	bottom:270px;
}
#banner_wrap {
	background-color:#ECF6FE;
	position:relative;
	margin:0 auto;
	width:100%;
	height:171px;
	top:0px;
}
#banner {
	position:relative;
	margin:0 auto;
	width:757px;
	text-align:center;
}
#banner span {
	font-size:13px;
	padding-left:15px;
}
#banner .banner1 span,
#banner .banner3 span {
	padding-left:0px !important;
}
.banner1 {
	background-image:url(../img/other2.jpg);
	background-size: cover;
	width: 228px;
	height: 50px;
	font-size: 18.5px;
	padding-top: 15px;
	margin-right: 12px;
	margin-left: 12px;
	line-height: 1em;
}
.banner2 {
	background-image:url(../img/other3.jpg);
	background-size: cover;
	width: 228px;
	height: 45px;
	font-size: 18.5px;
	padding-top: 20px;
	margin-right: 12px;
	margin-left: 12px;
}
.banner3 {
	background-image: url(../img/other2-2.jpg);
	background-size: cover;
	background-position:center;
	width: 228px;
	height: 50px;
	font-size: 18.5px;
	padding-top: 15px;
	margin-right: 12px;
	margin-left: 12px;
	text-align: center;
	line-height: 1em;
}


footer {
	background-color: #3FA9F5;
	font-size: 13px;
	height: 63px;
	width: 100%;
	position: relative;
	top: 0px;
}
#fotter_wrap {
	width: 960px;
	height:50px;
	position: relative;
	margin: 0 auto;
}
#pagetop {
	position: absolute;
	bottom:50px;
	left:850px;
	width:100px;
	height:50px;
}
#pagetop p {
	font-size:12px;
	color:#3FA9F5;
	margin:0;
	padding:0;
	text-align:center;
	padding-left:20px;
}
#triangle {
	margin:0;
	padding:0;
	width: 0;
	height: 0;
	border-top: 0px solid transparent;
	border-right: 60px solid transparent;
	border-bottom: 60px solid #3FA9F5;
	border-left: 60px solid transparent;
}
.fotter_link {
	font-size:13px;
	position: absolute;
	left:0px;
	top:13px;
}
.copyright {
	font-size:12px;
	position: absolute;
	right:0px;
	top:13px;
}