@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');
/*▼ヘッダの設定====================================================*/
.head_area{
	width:810px;
	height:125px;
	background:url(../../gnavi/img/header_bg.gif) no-repeat;/*imageの最大の高さ155px*/
	padding-left:10px;
	padding-right:10px;
}
.head_area h1{
	float:left;
	padding-top:8px;
	padding-left:16px;
}
.head_area_A{
	width:830px;
	height:125px;
	border-top: solid 5px #009245;
	/*padding-left:10px;
	padding-right:10px;*/
}
.head_area_A h1{
	float:left;
	padding-top:8px;
	padding-left:16px;
}
.srch_area{
	height:40px;
	width:550px;
	float:right;
	margin-top:15px;
	text-align:right;
}
.srch_area img{
	margin-left:8px;
	margin-top:-2px;
}
.srch_area a:hover{
	opacity: 0.5 ;
}
.srch_area form{
	float:right;
	height:35px;
	padding-right:20px;
	padding-left:15px;
}
.submenu_area{
	clear:right;
	float:right;
	width:300px;
	padding-top:10px;
	padding-bottom:10px;
}
.srch_area input{
	padding:5px 12px;
	}
.srch-b{
	border:0;
	width:180px;
	border:solid 1px #ccc;
	border-radius:3px;
	margin-right:5px;
	
}
.s-btn{
	border:solid 1px #ccc;
	font-weight:bold;
	color:#333;
	border-radius:3px;
}
/*input:focus{
	border:solid 1px #0C6;
}*/
.submenu_area li{
	display:inline-block;
	font-size:11px;
	border-right:solid 1px #666;
	padding-right:3px;
	padding-left:3px;
}
.submenu_area li:last-child{
	border-right:none;
}
.larger{
	font-size:15px;
}

/*▼cssだけでメニューバーを作る(ヘッダ)====================================================*/
#mainmenu_area{
	width:819px;
	clear:right;
	float:left;
}
#mainmenu_area li{
	width:12.4%;
	float:left;
	text-align:center;
}
#mainmenu_area li a{
	width:auto;
	color:#fff;
	font-size:95%;
	font-weight:bold;
	text-decoration:none;
	display:block;
	background:#008000;/*old browsers*/
	background:linear-gradient(#228B22, #008000, #006400, #008000);
	text-shadow:0px -1px 0px #333;
	border-left:1px solid #006400;
	box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
	           -1px 0px 0px rgba(225,225,225,0.3) inset,
	            0px 1px 1px rgba(0,0,0,0.1) inset,
	            0px -1px 1px rgba(0,0,0,0.3) inset,
	            0px 1px 3px #666;
}
#mainmenu_area li a:hover{
	background:#3CB371;/*old browsers*/
	background:linear-gradient(#3CB371, #228B22, #008000, #228B22);
	box-shadow: 1px 0px 0px rgba(225,225,225,0) inset,
	           -1px 0px 0px rgba(225,225,225,0) inset,
	            0px 1px 1px rgba(0,0,0,0.1) inset,
	            0px -1px 1px rgba(0,0,0,0.3) inset,
	            0px 1px 3px #666;
}
.space_top1{/*メニュー名の縦位置調整*/
	height:30px;
	padding-top:15px;
}
.space_top2{/*メニュー名の縦位置調整*/
	height:37px;
	padding-top:8px;
}
#mainmenu_area li:first-child a{
	border-radius:2px 0px 0px 2px;
	border-left:0;
	box-shadow: -1px 0px 0px rgba(225,225,225,0.3) inset,
	0px 1px 1px rgba(0,0,0,0.1) inset,
	0px -1px 1px rgba(0,0,0,0.3) inset,
	0px 1px 3px #666;
}
#mainmenu_area li:last-child a{
	border-radius:0px 2px 2px 0px;
	box-shadow: 1px 0px 0px rgba(225,225,225,0.3) inset,
	0px 1px 1px rgba(0,0,0,0.1) inset,
	0px -1px 1px rgba(0,0,0,0.3) inset,
	0px 1px 3px #666;
}


/*▼フッタの設定====================================================*/
.foot_menu{
	width:830px;
	height:30px;
	background: #009245;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
.foot_menu footer ul{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 830px;
	height: 30px;
}
.foot_menu li{
	font-size:85%;
	padding-right:5px;
	padding-left:5px;
}

/*最後の要素以外は、区切り線を入れる*/
.foot_menu li:not(:last-child){
	border-right:1px solid #CCC;
}
.foot_menu li a{
	color:#fff;
}
.foot_menu a:hover{
	color:#006600;
}
.copyright{
	width:830px;
	height:20px;
	text-align:center;
	font-size:11px;
}
/*ヘッダ・フッタ一時利用(cssのみのデザインメニューに切り替えるときに削除。)==================*/
#mainmenu1_area{
	width:810px;
	clear:right;
	float:left;
}
#mainmenu1_area li{
	float:left;
	display:block;
}
#mainmenu2_area{
	width:830px;
	clear:right;
	float:left;
}
#mainmenu2_area li{
	float:left;
	display:block;
}
#mainmenu3_area{
	width:830px;
	clear:right;
	float:left;
}
#mainmenu3_area ul {
	width: 830px;
	display: flex;
	justify-content: space-between;
	background: #009245;
	box-sizing: border-box;
	padding: 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}
#mainmenu3_area li a {
	color: #fff;
}
#mainmenu3_area li a:hover {
	opacity: 0.6;
}
.foot_menu1{
	width:830px;
	height:20px;
	background: url(/img/shita.gif) no-repeat;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
.foot_menu1 ul{
	width:730px;
	margin-left:130px;
	padding-top: 1px;
}
.foot_menu1 li{
	display:inline;
	font-size:80%;
	color:#FFF;
	padding-right:5px;
	padding-left:5px;
}
.foot_menu1 li:not(:last-child){
	border-right:1px solid #CCC;
}
.foot_menu1 a{
	color:#FFF;
}
.foot_menu1 a:hover{
	color:#006600;
}