@charset "utf-8";
#header {
	width: 100%;
	height: auto;
}
header{
	width:1000px;
	height:auto;
	margin:0 auto;
	padding:1%;
	position:relative;
	min-height:110px;
}
header a,header a:hover{
	text-decoration:none;
}
header h1{
	padding-bottom:1%;
}
header h1 a{
	color:#333;
	font-size:0.7em;
}
header h2{
	background-image:url(../img/logo.gif);
	background-repeat:no-repeat;
}
header h2 a{
	color:#333;
	font-size:3em;
}
.headerSubTitle{
	font-size: 1.6em;
	font-weight:bold;
}
#headerRight{
	position:absolute;
	width:30%;
	height:auto;
	top:40px;
	right:0;
}
#headerRight .headerTel{
	font-size:1.6em;
	font-weight:bold;
	line-height:1.6em;
	width:100%;
	box-sizing:border-box;
	background-image:url(../img/headerTel.gif);
	background-repeat:no-repeat;
	padding:0 0 0 12%;
}
#headerRight .headerFax{
	font-size:1.6em;
	font-weight:bold;
	line-height:1.6em;
	width:100%;
	box-sizing:border-box;
	background-image:url(../img/headerFax.gif);
	background-repeat:no-repeat;
	padding:0 0 0 12%;
}
nav{
	width:100%;
	background-image: url(../img/navBg.jpg);
	background-repeat:repeat-x;
	border-bottom:solid 3px #CCC;
}
.menu {
    position: relative;
    width: 100%;
    height: 50px;
    max-width: 1000px;
    margin: 0 auto;
}

.menu > li {
    float: left;
    width: 16.6%; /* グローバルナビ5つの場合 */
	height: 50px;
	box-sizing: border-box;
	text-align: center;
	border-right: solid 1px #CCC;
}
.menu > .last{
	border-right:none;
}
.menu > li a {
	color:#444;
	font-size:1em;
	font-weight:bold;
	line-height:50px;
    display: block;
}

.menu > li a:hover {
    color: #FFF;
	text-decoration:none;
	background-color:#57B76C;
}


/* 幅1200px以下のスタイル*/
@media screen and (max-width: 1200px) {
	header,#globalNav nav{
		width:100%;
		box-sizing:border-box;
	}
	header{
		width:100%;
		min-height:inherit;
	}
	header h1 a{
	color:#333;
	font-size:0.7em;
	}
	header h2{
		padding-left:1%;
	}
	header h2 a{
		color:#333;
		font-size:1.6em;
	}
	header h3 a{
		color:#333;
		font-size:0.8em;
	}
	#headerRight{
		position:absolute;
		width:40%;
		height:auto;
		top:40px;
		right:20px;
	}
}

/* 幅751px以上のスタイル*/
@media screen and (min-width: 751px){
	.drawer-btn{
		display:none;
	}

}

/* 幅750px以下のスタイル*/
@media screen and (max-width: 750px) {
	header h1 a,header h3 a,#headerRight,.menu{
		display:none;
	}
	#header {
		width:100%;
		min-height:inherit;
	}
	header{
		width:100%;
		box-sizing:border-box;
		border-top:solid 3px #F2EFE9;
		border-bottom:solid 1px #AB967C;
		}
	header h2{
		padding-left:1%;
	}
	header h2 a{
		font-size:2em;
		font-weight:bold;
		vertical-align:middle;
	}
	.headerSubTitle{
		font-size: 1em;
	}
	#topImg {
	width:100%;
	height:auto;
	margin:0 auto;
	}
	#globalNav{
		width:100%;
		margin:0.5% 0;
		overflow:hidden;
		background-color:#0066CB;
	}
	#globalNav nav{
		width:98%;
		padding:0.5% 1%;
		margin:0 auto;
	}
	#globalNav nav li{
		width:19%;
		padding:2% 0;
		margin:1px;
		text-align:center;
		background-color:#F2EFE9;
		float:left;
	}
	#globalNav nav li a{
		font-size:0.7em;
		line-height:40px;
		display:block;
	}
	#globalNav nav li a:hover{
		text-decoration:none;
	}
}