@charset "utf-8";
#header {
	width: 100%;
	height: auto;
	background-color: #5A5A5A;
}
header{
	width: 1000px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0.4%;
	overflow: hidden;
}
header a,header a:hover{
	text-decoration:none;
}
#header h1{
	padding-bottom: 2%;
}
#header h1 a{
	color: #FFF;
	font-size: 0.7em;
	font-weight: bold;
	line-height: 1em;
}
#header h1 strong{
	background-color: #444;
}
header #headerLeft{
	width: 50%;
	box-sizing: border-box;
	float: left;
}
header h3 a{
	color: #FFF;
	font-size: 0.8em;
	font-weight: bold;
}
header #headerRight{
	width: 50%;
	box-sizing: border-box;
	float: right;
	text-align: right;
}
header #headerRight p{
	font-size: 2em;
	font-weight: bold;
}
.topImg {
	width: 1000px;
	margin: 0 auto;
	vertical-align: bottom;
}
nav{
	width: 100%;
}
.menu {
    position: relative;
    width: 100%;
    height: 60px;
    max-width: 1100px;
    margin: 0 auto;
}
.menu li{
	width: 16.56%;
	height: auto;
	float: left;
	border-right: solid 1px #E64646;
	text-align:center;
}
.menu .last{
	border-right: none;
}
.menu li a{
	color: #FFF;
	font-size:1.2em;
	line-height:60px;
	display: block;
}
.menu li a:hover{
	color: #FFF;
	background-color: #FFB1B1;
	text-decoration: none;
}
#headerRight a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
/* 幅1200px以下のスタイル*/
@media screen and (max-width: 1200px) {

	header,#globalNav nav{
		width:100%;
		box-sizing:border-box;
	}
	header{
		padding: 2%;
		min-height: 120px;
	}
	header h1 a{
	font-size: 0.7em;
	}
	header h2 a{
		font-size: 2.4em;
		line-height: 1.2;
	}
	#header .gNav ul{
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
}
.titleBox,.linkBox{
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	overflow: hidden;
}
	.menu li{
	width: 16.50%;
	height: auto;
	float: left;
	border-right: solid 1px #E64646;
	text-align:center;
	}
	.menu li a{
		color: #FFF;
		font-size: 1em;
		display: block;
	}
}

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

}

/* 幅750px以下のスタイル*/
@media screen and (max-width: 750px) {
	#header h1 a,header h3{
		display:none;
	}
	.spMenu{
		width: 100%;
		height: auto;
		font-size: 1.2em;
	}
	header{
		width: 100%;
		min-height:inherit;
		padding: 0.2%;
	}
	header h2{
	padding: 2% 2% 4% 2%;
	text-align: left;
	}
	.topImg img{
		width: 100%;
		padding: 0;
		margin: 0;
	}
}