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

/*▼ヘッダの設定====================================================*/
.head_area{
	width:810px;
	height:125px;
	background:url(../gnavi/img/header_bg.gif) no-repeat;/*imageの最大の高さ155px*/
	padding-left:10px;
	padding-right:10px;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
.head_area h1{
	float:left;
	padding-top:8px;
	padding-left:16px;
}
.srch_area{
	height:40px;
	width:495px;
	float:right;
	margin-top:15px;
}
.srch_area img{
	margin-left:8px;
	margin-top:0;
}
.srch_area a:hover{
	opacity: 0.5 ;
}
.srch_area form{
	float:right;
	height:35px;
	padding-right:20px;
}
.submenu_area{
	clear:right;
	float:right;
	width:480px;
	padding-right:0px;
	padding-top:10px;
	padding-bottom:2px;
	margin-bottom:3px;
}
.srch_area input{
	padding:5px 12px;
	}

.srch-b{
	border:0;
	width:200px;
	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{
	height:20px;
	float:left;
	font-size:11px;
	border-right:solid 1px #666;
	padding-right:3px;
	margin-left:3px;
}
.submenu_area li:last-child{
	border-right:none;
}
.larger{
	font-size:15px;
}
.vertical{
	height:18px;
	padding-top:2px;
}

/*▼cssだけでメニューバーを作る(ヘッダ)====================================================*/
#mainmenu_area{
	width:810px;
	clear:right;
	float:left;
}
#mainmenu_area li{
	width:101px;
	float:left;
	text-align:center;
	display:block;
}
#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:20px;
	padding-top:8px;
	padding-bottom:3px;
}
.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 a{
	color:#FFF;
}
.foot_menu a:hover{
	color:#006600;
}
.copyright{
	width:830px;
	height:20px;
	text-align:center;
	font-size:11px;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}


/*ヘッダ・フッタ一時利用(cssのみのデザインメニューに切り替えるときに削除。)==================*/
#mainmenu1_area{
	width:810px;
	clear:right;
	float:left;
}
#mainmenu1_area li{
	width:90px;
	float:left;
	display:block;
}
.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:95px;
	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;
}