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

body {
	margin: 0;
	color:#000;
	font-family:  "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", Osaka, "メイリオ", "Meiryo", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size:16px;
	background:#ffde26;
}
#header{
	width:100%;
	height:560px;
	background:url(../img/top_bg_header.jpg) no-repeat center top;
	position:relative;
	min-width:1000px;
	}
#header .inner_header{
	width:980px;
	height:560px;
	position:relative;
	margin:0 auto;
	background:url(../img/top_bg_header_inner.jpg) no-repeat center top;
	overflow:hidden;
	}
#header h1{
	position: absolute;
	top: 32px;
	left: 0px;
	}
#header h2{
	width: 195px;
	height: 265px;
	background: url(../img/top_intro_dokko.png) no-repeat;
	text-indent: -10000px;
	position: absolute;
	top: 129px;
	left: 712px;
	}
.read{
	width: 240px;
	height: 102px;
	background: url(../img/top_read.png) no-repeat;
	text-indent: -10000px;
	position: absolute;
	top: 13px;
	left: 398px;
	}
#dokko{
	width: 339px;
	height: 436px;
	background: url(../img/top_dokko_body.png) no-repeat right bottom;
	position: absolute;
	top: -550px;
	left: 285px;
	
	}
#papa{
	position:absolute;
	top:305px;
	left:110px;
	display:none;
	}
#news{
	position:absolute;
	top:100px;
	left:180px;
	display:none;}
.intro_papa{
	width:118px;
	height:48px;
	background:url(../img/top_intro_papa.png) no-repeat;
	text-indent:-10000px;
	position:absolute;
	top:350px;
	left:0;
	}
.link_intro{
	position:absolute;
	top:400px;
	left:710px;
	}
.link_intro a{
	display:block;
	width:209px;
	height:49px;
	text-indent:-10000px;
	background:url(../img/link_intro.png) no-repeat left top;
	}
.link_intro a:hover{
	background-position: left bottom;
	}
#box1{
	width:100%;
	min-width:1000px;
	height:630px;
	background:url(../img/top_bg_shokuiku.jpg) no-repeat center bottom;
	}
#box1 .inner{
	width:980px;
	height:630px;
	position:relative;
	margin:0 auto;
	background:url(../img/top_bg_shokuiku_inner.jpg) no-repeat center bottom;
	}
#box1 p{
	position: absolute;
	width: 800px;
	top: 80px;
	left: 90px;
	}
#box1 h3{
	position: absolute;
	top: 7px;
	left: 167px;
}
#box1 .p1,#box1 .p2,#box1 .p3,#box1 .m1,#box1 .m2,#box1 .m3,#box1 .link1,#box1 .link2{
	position:absolute;
	}
#box1 .p1{
	top: 210px;
	left: 40px;
	}
#box1 .p2{
	top: 210px;
	left: 340px;
	}
#box1 .p3{
	top: 210px;
	left: 640px;
	}
#box1 .m1{
	top: 162px;
	left: 815px;
	}
#box1 .m2{
	top: 200px;
	left: 626px;
	}
#box1 .m2 a{
	display:block;
	width:237px;
	height:160px;
	text-indent:-10000px;
	background:url(../img/link_taisou.png) no-repeat left top;
	}
#box1 .m2 a:hover{
	background-position: left bottom;
	}
#box1 .m3{
	top: 367px;
	left: 626px;
	}
#box1 .link1{
	top: 480px;
	left: 187px;
	}
#box1 .link1 a{
	display:block;
	width:297px;
	height:66px;
	text-indent:-10000px;
	background:url(../img/link_application.png) no-repeat left top;
	}
#box1 .link1 a:hover{
	background-position: left bottom;
	}
#box1 .link2{
	top: 480px;
	left: 500px;
	}
#box1 .link2 a{
	display:block;
	width:297px;
	height:66px;
	text-indent:-10000px;
	background:url(../img/link_teaching.png) no-repeat left top;
	}
#box1 .link2 a:hover{
	background-position: left bottom;
	}
#box1 ul{
	width:500px;
	}
.thumb{ cursor:pointer;}
#box2{
	width:100%;
	min-width:1000px;
	background:#ffcc00;	
	}
#box2 .inner{
	width:920px;
	height:460px;
	position:relative;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	}
#story{
	width:471px;
	height:460px;
	background:url(../img/top_story.png) no-repeat;
	position:relative;
	float:left;
	
	}
#story h4{
	display:none;
	}
#story .link{
	width:209px;
	position:absolute;
	top:280px;
	left:110px;
	}
#story .link a{
	display:block;
	width:209px;
	height:49px;
	text-indent:-10000px;
	background:url(../img/link_story.png) no-repeat left top;
	}
#story .link a:hover{
	background-position: left bottom;
	}
#story p{
	width: 400px;
	margin:15px auto 0 auto;
	line-height:1.4;
	position:absolute;
	top:320px;
	left:20px;
	}
#himitsu{
	width:426px;
	height:460px;
	background:url(../img/top_himitsu.png) no-repeat;
	position:relative;
	float:right;
	
	}
#himitsu h4{
	display:none;
	}
#himitsu .link{
	width:209px;
	position:absolute;
	top:280px;
	left:94px;
	}
#himitsu .link a{
	display:block;
	width:209px;
	height:49px;
	text-indent:-10000px;
	background:url(../img/link_himitsu.png) no-repeat left top;
	}
#himitsu .link a:hover{
	background-position: left bottom;
	}
#himitsu p{
	width: 420px;
	position:absolute;
	top:340px;
	left:20px;
	line-height:1.4;
	}
#box3{
	width:100%;
	min-width:1000px;
	height:360px;
	background:#ffde26 url(../img/top_bg_footer.jpg) repeat-x center top;
	}
#box3 .inner{
	width: 980px;
	height: 340px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	background:url(../img/top_bg_footer_inner2.jpg) no-repeat center top;
	}
#bnr{
	width: 340px;
	overflow: hidden;
	position: absolute;
	top: 146px;
	left: 20px;
	z-index: 1;
	}
#bnr img{
	width: 340px;
}
.title1{
	position: absolute;
	top: 89px;
	left: 75px;
	z-index: 2;
	}
.title2{
	position: absolute;
	top: 89px;
	left: 560px;
	z-index: 2;
	}
#box3 .link-box{
	width: 580px;
	padding: 25px;
	height: 170px;
	background: url(../img/top_linkbg2.jpg) no-repeat center bottom;
	background-size: cover;
	position: absolute;
	top: 146px;
	left: 400px;
	z-index: 1;
	box-sizing: border-box;
	}
#box3 .link li{
	background:url(../img/link_icon.png) no-repeat;
	padding:0 0 0 18px;
	margin-bottom:10px;
	}
#box3 .link li a{
	color:#000;
	font-weight:bold;
	text-decoration:none;
	}
#box3 .link li a:hover,#box3 .link2 li a:hover{
	color:#ea8004;
	}
#box3 .link2{
	 display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
#box3 .link2 li{
width: 260px;

	background:url(../img/link_icon.png) no-repeat;
	padding:0 0 0 18px;
	margin-bottom:10px;
	box-sizing: border-box;

	}
#box3 .link2 li a{
	color:#000;
	font-weight:bold;
	text-decoration:none;
	}

#page-top{
	z-index:100;}