@charset "utf-8";

#index_top_wrap {
	position:relative;
	width:100%;
	height:1200px;
}

#index_top {
	position:absolute;
	width: 600px;
	height:400px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

body {
	background-color: #FFFFFF;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	margin:0;
	padding:0px;
	overflow:scroll;
  animation: bg-color 50s infinite;
  -webkit-animation: bg-color 60s infinite;
  min-width:1200px;
}

@-webkit-keyframes bg-color {
   0% { background-color: #FFFFFF; }
  15% { background-color: #F3FFE8; }
  20% { background-color: #E5FFE7; }
  40% { background-color: #E6FFF4; }
  60% { background-color: #D8FFFA; }
  80% { background-color: #D3E8FF; }
  90% { background-color: #D3DFFF; }
  100%{ background-color: #FFFFFF; }
}
@keyframes bg-color {
   0% { background-color: #FFFFFF; }
  15% { background-color: #F3FFE8; }
  20% { background-color: #E5FFE7; }
  40% { background-color: #E6FFF4; }
  60% { background-color: #D8FFFA; }
  80% { background-color: #D3E8FF; }
  90% { background-color: #D3DFFF; }
  100%{ background-color: #FFFFFF; }
}

#top-header{
	height:90px;
	overflow:visible;
	box-shadow:0px 2px 9px #626262;
	background-color:#FFFFFF;
	margin-bottom:30px;
	width:100%;
	min-width:1080px;
	}

#header {
	height:90px;
	display: flex;
	display:-webkit-box;
	-ms-flex-wrap:no-wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:no-wrap;/*--- safari（PC）用 ---*/
    flex-wrap:no-wrap;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
    justify-content:space-between;
	-webkit-align-items:center;/*--- safari（PC）用 ---*/
    align-items:center;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
	width:1200px;
	margin:0 auto;
}

#banner {
	margin:0;
}

#banner a img {
	height:60px;
}

#dropmenu{
  list-style-type: none;
  width:600px;
  padding: 0;
  background: #FFFFFF;
  border-bottom: none;
  white-space: nowrap;
  z-index:100;
}

#dropmenu li{
  position: relative;
  width: 25%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  z-index:100;
  height:45px;
}
#dropmenu li a{
  display: block;
  margin: 0;
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  line-height: 1;
  text-decoration: none;
  z-index:100;
  position:relative;
}
#dropmenu li:hover > a{
  background: #3fa9f5;
  color: #FFED00;
}

#bethelight {
	background-image:url("files/bethelight_1.png");
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}

#bethelight:hover{
	background-image:url("files/bethelight_2.png");
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#3fa9f5;
}

#exhibition_t {
	background-image:url("files/exhibition_1.png");
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}

#exhibition_t:hover{
	background-image:url("files/exhibition_2.png");
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#3fa9f5;
}

#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  z-index:100;
}
#dropmenu li:last-child ul{
  left: -100%;
  width: 100%
}

#dropmenu li:first-child ul{
	padding-top:20px;
}

#dropmenu li:first-child:hover ul{
	background-color:#3fa9f5;
}

#dropmenu li:nth-child(2) ul{
	padding-top:20px;
}

#dropmenu li:nth-child(2):hover ul{
	background-color:#3fa9f5;
}

#dropmenu li ul li{
  overflow: hidden;
  min-width:150px;
  width: 100%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  z-index:100;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: #3fa9f5;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
  z-index:999;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #3fa9f5;
  border-bottom: 1px solid #3fa9f5;
  z-index:999;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

.margin {
	margin-top:40px;
}

#image-bloc {
  position:relative;
  width;100%;
  height: 430px;
  z-index:1;
  white-space:nowrap;
  overflow:hidden;
}
 
.bx-viewport {
  overflow: visible!important;
  width: 1200px!important;
  height:410px;
  z-index:1;
  position:relative;
}

.main-container {
  overflow: hidden;
  padding-bottom: 150px;
  z-index:1;
  position:relative;
}
 
.slider {
  list-style: none;
  margin:0;
  padding:5px 0 0;
  z-index:1;
  min-width:1000%;
  height:410px;
  overflow:hidden;
}
 
.slider li {
  width: 1200px!important;
  margin: 0;
  padding: 0;
  z-index:1;
}

.slider li img {
	z-index:1;
    box-shadow:0px 0px 10px #4E4E4E;
}

.clear {
	clear:both;
}

#toppage_contents {
	width:1200px;
	margin:10px auto;
}

#toppage_contents ul li {
	height:190px;
	box-shadow:0px 0px 10px #7C7C7C;
}

#link1 {
	list-style:none;
	width:1200px;
	height:190px;
	margin:20px auto;
	padding:0;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
	flex-wrap:no-wrap;
	-ms-flex-wrap:no-wrap;*--- IE10用 ---*/
    -webkit-flex-wrap:no-wrap;/*--- safari（PC）用 ---*/
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-around;/*--- safari（PC）用 ---*/
    justify-content:space-around;	align-items:center;
}

#link2 {
	list-style:none;
	width:1200px;
	height:190px;
	margin:0;
	padding:0;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
	flex-wrap:no-wrap;
	-ms-flex-wrap:no-wrap;*--- IE10用 ---*/
    -webkit-flex-wrap:no-wrap;/*--- safari（PC）用 ---*/
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-around;/*--- safari（PC）用 ---*/
    justify-content:space-around;	align-items:center;
}

#count_t {
	width:190px;
	height:190px;
	background-color:#FF8502;
}

.gaiyou:hover img.hover_img1 {
	cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

.kikaku:hover img.hover_img2 {
	cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

.bunjitsu:hover img.hover_img3 {
	cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

.teikei:hover img.hover_img4 {
	cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

#song {
	width:1184px;
	height:100px;
	margin:15px auto;
	box-shadow:0px 0px 10px #7C7C7C;
	position:relative;
	background-image:url("files/top/top-music.png");
}

#player {
	position:absolute;
	top:32px;
	left:712px;
	width:360px;
}

#footer {
	margin:50px auto 0px;
	padding-top:50px;
	background-color:#E3E3E3;
}

#sitemap {
	max-width:1080px;
	margin:0 auto 50px;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
	 -webkit-flex-wrap:no-wrpa;/*--- safari（PC）用 ---*/
    flex-wrap:no-wrap;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
    justify-content:space-between;
	-webkit-align-items:flex-start;/*--- safari（PC）用 ---*/
    align-items:flex-start;
}

#sitemap ul p{
	font-size:18px;
}

#sitemap ul p img{
 	vertical-align: bottom;
 	border: 0;
 	margin-right: 5px;
}

#sitemap ul li{
	list-style:none;
	font-size:14px;
	margin: 0 0 0 30px;
	padding: 0;
}

/*あいさつ*/

.otherpages {
	width:1080px;
	margin:50px auto 100px;
	padding:20px;
	clear:both;
	background-color:#fff;
	box-shadow:0px 0px 30px #A2A2A2;
}

.otherpages p {
	clear:both;
	font-size:21px;
	line-height:50px;
}

.text {
	font-size:21px;
	line-height:50px;
	display:inline;
	text-align:left;
}

.kaana_text {
	font-size:21px;
}

.map_text {
	text-align:right;
	font-size:24px;
}

.copylight {
	text-align:center;
	margin:0 auto;
}

.bunjitsuhonbu {
	width:1080px;
	padding-top:10px;
	padding-left:10px;
	margin:30px auto;
	background-color:#FFFFFF;
	box-shadow:0px 0px 30px #A2A2A2;
}

.bunjitsuhonbu p {
	margin:10px auto 0px;
}

.bunjitsupart {
	width:1080px;
	margin:0 auto;
}

.bunjitsupart img{
	width:1080px;
	margin-bottom:20px;
	box-shadow:0px 0px 20px #747474;
}

.timetable {
	width:1200px;
	margin:50px auto 100px;
	padding:10px;
	background-color:#FFF;
	box-shadow:0px 0px 10px #A2A2A2;
}

.timetable img {
	margin:10px;

}

#introduction {
	width:1200px;
	margin:50px auto 25px;
	padding:10px 0;
	background-color:#D8EBFF;
	box-shadow:0px 0px 10px #A2A2A2;
}

#introduction p img {
	margin-left:20px;
}

#exam {
	width:400px;
		margin:0px auto 50px;
	padding:10px 10px 20px 10px;
	background-color:#C6FFD4;
	box-shadow:0px 0px 10px #A2A2A2;
}

#speech {
		width:720px;
		margin:0 auto 50px;
	padding:10px 10px 40px 10px;
	background-color:#FFDFBB;
	box-shadow:0px 0px 10px #A2A2A2;
}

#speech p{
	width:533px;
	margin:15px auto;
}

.int_pic {
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
	 -webkit-flex-wrap:no-wrpa;/*--- safari（PC）用 ---*/
    flex-wrap:no-wrap;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-around;/*--- safari（PC）用 ---*/
    justify-content:space-around;
	-webkit-align-items:flex-start;/*--- safari（PC）用 ---*/
    align-items:flex-start;
	padding:0 20px;
}

.int_pic img {
	box-shadow:0px 0px 10px #A2A2A2;
}

.int_text {
	width:960px;
	margin:20px auto 10px;
	font-size:20px;
	text-align:center;
}

.exam_text {
		width:400px;
	margin:60px auto 60px;
	font-size:19px;
	text-align:center;
}

.flex {
	width:1200px;
	margin:0 auto;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
	 -webkit-flex-wrap:no-wrap;/*--- safari（PC）用 ---*/
    flex-wrap:no-wrap;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
    justify-content:space-between;
	-webkit-align-items:flex-start;/*--- safari（PC）用 ---*/
    align-items:flex-start;
}