@charset "UTF-8";

.clearfix:before, .clearfix:after
	{
	content: " ";
	display: table;
	}

.clearfix:after
	{
	clear: both;
	}

.clearfix
	{
	*zoom: 1;
	}

.fixed
	{
	position: fixed;
	top: 0px;
	}

.clear
	{
	clear: both;
	}

.wrapper
	{
	margin: 0 auto;
	text-align: left;
	background: #FFFFFF;
	}

/* TOPへ戻るボタンの装飾 */
.top {
	border-bottom: dotted 1px #b9b9ff;
	text-align: right;
	width: 95%;
	margin-top: 10px;
	margin-bottom: 20px;
}

.top a{
	text-align: right;
	color: #b9b9ff;
	text-decoration: none;
}

.top a:hover{
	color: #ff9933;
}

/*　slicknavの設定　*/
#gnavi
	{
	max-width: 1000px;
	min-width: 320px;
	margin: 0 auto;
	position: relative;
	}
		
#gnavi ul
	{
	list-style: none;
	}

#navi
	{
	position: relative;
	margin: 0;
	height: 0px;
	}

#menu
	{
	display: block;
	height: auto;
	margin: 0;
	padding: 0;
	}

#menu li a
	{
	border-top: none;
	border-right: none;
	background: none;
	color: #FFFFFF;
	display: inline-block;
	margin: auto;
	text-decoration: none;
	text-shadow: 1px 1px 3px #000000;
	}

#menu li a:hover
	{
	width: 166px;
	color: #FFEB18;
	border-top: none;
	border-right: none;
	text-shadow: 1px 1px 3px #000000;
	}

#menu li a:active
	{
	color: #5687F8;
	}

#menu li ul.sub-menu {
  display: none;  /*サブメニューは最初は非表示にしておく*/
  position: absolute;  /*絶対配置にしておかないとうまくいかない*/
  top: 2em;
  left: 0;
  border-top: none;
  border-right: none;
  z-index: 1;  /*ドロップダウンしたメニューが隠れないように*/
}

#menu li:hover ul.sub-menu {
  display: block;    /*マウスオーバー時にサブメニューを表示する*/
}

#menu li ul.sub-menu li {
  width: 200px;
  padding-left: 10px;
  padding-right: 0px;
  text-align: left;
  border-bottom: 2px groove #ffffff;
  border-right: none;
  float: none;  /*サブメニューはフロートさせないので解除*/
}

#menu li ul.sub-menu a {
  background: none;
  color: #FFFFFF;
  text-shadow: 1px 1px 3px #000000;
}

#menu li ul.sub-menu a:hover {
  background: none;
  color: #FFEB18;
  text-shadow: 1px 1px 3px #000000;
}
 
/*背景色などのカスタマイズ*/
.slicknav_nav li {
  border-top: 1px solid #ffffff;
}
.slicknav_nav li.left {
  border-top: 1px solid #cccccc;
}
.slicknav_menu {
  background-color: #136429 !important;
}
.slicknav_menu .slicknav_icon-bar {
  background-color: #FFEB18 !important;
}
.slicknav_menu a:hover {
  color: #FFEB18 !important;
}
.slicknav_btn {
  background-color: #6EBC2A !important;
}
.slicknav_nav .slicknav_row:hover {
  background: #6EBC2A !important;
}
.slicknav_nav a:hover {
  background: #6EBC2A !important;
}
i.fa {
  font-size: 18px;
}
i.fa.fa-caret-right {
  display: none;
}

#menu {
	display: none;
}

/* 広告ボックス */

/* メインコンテンツのスタイル */
.main_contents	{
		color: #1e3014;
		background-color: #FFFFFF;
		}

.main_contents p
		{
		color: #1e3014;
		margin-left: 10px;
		margin-right: 10px;
		}

.main_contents a
		{
		color: #6ebc2a;
		font-weight: bold;
		text-decoration: underline;
		}

.main_contents a:hover
		{
		color: #FF9900;
		text-decoration: none;
		}

.main_contents li
		{
		color: #1e3014;
		margin-left: 10px;
		margin-right: 10px;
		}

.main_contents li a
		{
		color: #1e3014;
		margin-left: 10px;
		margin-right: 10px;
		text-decoration: none;
		}

.main_contents li a:hover
		{
		color: #FF9900;
		margin-left: 10px;
		margin-right: 10px;
		text-decoration: none;
		}

.main_contents h1
		{
		white-space: nowrap;
		color: #FFFFFF;
		font-size: 1.2em;
		padding-top: 2px;
		padding-left: 40px;
		padding-right: 10px;
		height: 34px;
		margin-top: 30px;
		background-repeat: no-repeat;
		background-image: url(../_img/h1_bg.jpg);
		text-shadow: 1px 1px 3px #111111;
		}

.main_contents h2
		{
		font-size: 1.1em;
		margin-top: 30px;
		margin-left: 10px;
		white-space: nowrap;
		}

.main_contents table
	{
	width: 100%;
	color: #1e3014;
	background: #FFFFFF;
	}

.main_contents hr
	{
	width: 100%;
	border-top: 1px dashed #bbbbbb;
	margin-top: 20px;
	margin-bottom: 20px;
	}

p.textR
	{
	text-align: right;
	margin-right: 16px;
	}

.info
		{
		color: #1e3014;
		background-color: #FFFFFF;
		}

.info p
		{
		color: #1e3014;
		margin-left: 10px;
		margin-right: 10px;
		}

.info li
		{
		margin-left: 10px;
		margin-right: 10px;
		color: #1e3014;
		}

.info li a
		{
		margin-left: 10px;
		margin-right: 10px;
		color: #1e3014;
		text-decoration: none;
		}

.info li a:hover
		{
		margin-left: 10px;
		margin-right: 10px;
		color: #FF9900;
		text-decoration: none;
		}

.info h1
		{
		color: #FFFFFF;
		font-size: 1.2em;
		white-space: nowrap;
		padding-left: 40px;
		padding-right: 10px;
		padding-top: 2px;
		height: 34px;
		background-repeat: no-repeat;
		background-image: url(../_img/h1_bg.jpg);
		text-shadow: 1px 1px 3px #111111;
		}

/* ページ内アンカー用のボタン設定 */

.anc_btn ul
		{
		margin: 0;
		padding 0;
		list-style: none;
		}

.anc_btn li a
		{
		color: #ffffff;
		background-color: #6ebc2a;
		text-decoration: none;
		display: block;
		padding: 5px;
		border: 1px solid #cccccc;
		text-shadow: 1px 1px 3px #111111;
		}

.anc_btn li a:hover
		{
		color: #777777;
		background-color: #ffffff;
		text-decoration: none;
		display: block;
		border: 1px solid #cccccc;
		text-shadow: 1px 1px 3px #dddddd;
		}

.anc_btn ul:after
		{
		content: "";
		display: block;
		clear: both;
		}

.anc_btn li
		{
		float: left;
		width: 200px;
		text-align: center;
		}

/* フッターの設定 */
.footer		{
		border-top: solid 1px #dddddd;
		margin-top: 30px;
		padding-top: 5px;
		padding-bottom: 5px;
		}

.footer	p	{
		margin-left: 10px;
		margin-right: 10px;
		font-size: 80%;
		color: #aaaaaa;
		}

.footer	a	{
		margin-right: 10px;
		color: #aaaaaa;
		}

.footer	a:hover	{
		margin-right: 10px;
		color: #ffcc00;
		}


/* モバイル端末表示用の設定 */
@media screen and (max-width : 768px)
{

body	{
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	background-color: #FFFFFF;
	text-align: center;
	}

.head
	{
	text-align: left;
	padding-top: 15px;
	margin-top: 10px;
	background-repeat: repeat-x;
	background-position: top center;
	padding-bottom: 5px;
	}

.box2 img
	{
	width: 100%;
	max-width: 600px;
	}

.Logo2 a
	{
	color: #111111;
	text-decoration: none;
	margin: 0;
	padding: 0;
	}

img
	{
	max-width: 100%;
	}

iframe
	{
	width: 100%;
	}

.main_contents h1
		{
		white-space: nowrap;
		color: #FFFFFF;
		font-size: 1em;
		padding-top: 6px;
		padding-left: 40px;
		padding-right: 10px;
		height: 34px;
		margin-top: 30px;
		background-repeat: no-repeat;
		background-image: url(../_img/h1_bg.jpg);
		text-shadow: 1px 1px 3px #111111;
		}

/* レスポンシブ対応として任意の箇所で改行させる */

.staff span:before
	{
	content: "\A";
	white-space: pre;
	}

.staff h2 span:before
	{
	content: "\A";
	white-space: pre;
	}

/* トップイメージのアニメーション設定 */
.top-box
	{
	width: 100%;
	background: url("../_img/top_photo.jpg");
	margin: 0;
	}

}


/* #####   PC表示用の設定   ##### */
@media (min-width: 768px)
{

body	{
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	background-attachment: fixed;
	background-image: url(../_img/body_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
	text-align: center;
	}

.wrapper
	{
	text-align: left;
	width: 1024px;
	background: #FFFFFF;
	}

.head
	{
	text-align: left;
	width: 1024px;
	position: fixed;
	top: 0;
	padding-top: 15px;
	z-index: 8888;
	background-image: url(../_img/body_bg.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	padding-bottom: 5px;
	}

.inwrapp
	{
	text-align: left;
	width: 1024px;
	background: #FFFFFF;
	margin-top: 180px;
	padding-top: 10px;
	z-index: 2;
	}


/* 関連施設などの目次用の設定 */
ul.INDEX
	{
	margin: 0;
	padding: 0;
	font-weight: normal;
	list-style-type: none;
	}

ul.INDEX li a
	{
	float: left;
	width: 10em;
	margin-right: 5px;
	padding: 2px;
	text-align: center;
	color: #333333;
	font-weight: normal;
	}

ul.INDEX li a:hover
	{
	float: left;
	width: 10em;
	margin-right: 5px;
	padding: 2px;
	text-align: center;
	color: #FFCC00;
	font-weight: normal;
	}
	
/* 画像サイズ300px以内、画像右配置パターンのボックス */
.picR:after
	{
	content: "";
	display: block;
	clear: both;
	background: #FFFFFF;
	}

.picR-L
	{
	max-width: 690px;
	width: auto;
	float: left;
	}

.picR-R
	{
	float: left;
	width: auto;
	}
	
.picR-R img
	{
	max-width: 300px;
	}


.picR iframe
	{
	width: 600px;
	height: 450px;
	border: 0;
	}

/* 画像サイズ300px以内、画像左配置パターンのボックス*/
.picL:after
	{
	content: "";
	display: block;
	clear: both;
	background: #FFFFFF;
	}

.picL-R
	{
	max-width: 400px;
	float: left;
	}

.picL-L
	{
	float: left;
	max-width: 600px;
	}

/* 各ページに表示するヘッダー用 */
.LogoBox:after
	{
	content: "";
	display: block;
	clear: both;
	background: #FFFFFF;
	}

.Logo1
	{
	padding-left: 10px;
	float: left;
	width: 320px;
	background: #FFFFFF;
	}

.Logo1 a:hover img
	{
	opacity: 0.7;
	filter: ADbox(opacity=70);
	-ms-filter: "ADbox(opacity=70)";
	}

.Logo2
	{
	float: left;
	display: inline;
	width: 680px;
	text-align: right;
	vertical-align: bottom;
	background: #FFFFFF;
	padding: 0;
	}

.Logo2 a
	{
	color: #111111;
	text-decoration: none;
	}

.Logo2 a:hover
	{
	color: #FFCC00;
	text-decoration: none;
	}

.Logo2 p
	{
	color: #111111;
	margin: 0;
	padding-top: 10px;
	}

.Logo2 img
	{
	margin-right: 3px;
	}



/* アンカーリンクの設定 */
#top, #anc1, #anc2, #anc3, #anc4, #anc5, #anc6, #anc7, #anc8, #anc9
	{
	padding-top: 145px;
	margin-top: -145px;
	}


/* 横幅1000pxで表示する為の共通設定 */
.picR, .box1, .box2, .main_contents, .footer, .picL, #top, .info
	{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	}

/* メインコンテンツ領域の共通設定 */
.main_contents
	{
	width: 1000px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	color: #1e3014;
	background: #FFFFFF;
	padding-bottom: 10px;
	}

.main_contents table
	{
	width: 980px;
	margin-left: 10px;
	color: #1e3014;
	background: #FFFFFF;
	}

/* トップページのインフォメーション用 */
.info
	{
	width: 1000px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	color: #1e3014;
	}

.info:after
	{
	content: "";
	display: block;
	clear: both;
	background: #FFFFFF;
	}

.info-L
	{
	width: 560px;
	float: left;
	}

.info-L ul
	{
	margin: 0 0 30px 26px;
	padding: 0;
	}

.info-L li a
	{
	padding: 0;
	margin: 0;
	}

.info-L li a:hover
	{
	padding: 0;
	margin: 0;
	}

.info-R
	{
	float: left;
	width: 430px;
	font-size: 80%;
	border: 1px solid #DDDDDD;
	}

.info-R ul
	{
	margin: 0;
	padding: 0 0 0 26px;
	}

.info-R li a
	{
	padding: 0;
	margin: 0;
	font-weight: normal;
	}

.info-R li a:hover
	{
	padding: 0;
	margin: 0;
	font-weight: normal;
	}

/* グローバルナビゲーション用の設定 */
#gnavi
	{
	width: 100%;
	line-height: 80px;
	height: 80px;
	background: url(../_img/nav_bg.jpg);
	margin: 0 auto;
	}

#menu
	{
	display: block;
	}

#menu li
	{
	float: left;
	width: 200px;
	padding-top: 16px;
	position: relative;  /*z-indexの指定や子要素の基準とするために指定*/
	text-align: center;
	}

.slicknav_menu
	{
	display: none;
	}
	i.fa.fa-caret-right {
	font-size: 14px;
	display: inline-block;
	}

.top-box
	{
	width: 1000px;
	height: 550px;
	background: url("../_img/top_photo.jpg");
	margin-left: 12px;
	}

}
/* ↑ここまでがPC用設定 */


/* トップイメージのアニメーション設定 */

.anm
	{
	animation: fadeIn 4s ease 0s 1 normal;
	-webkit-animation: fadeIn 4s ease 0s 1 normal;
	}

	@keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
	}

	@-webkit-keyframes fadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
	}