body{
	background:url(../img/bg.jpg);
}

/* -----------------------------------------------------------------------------
	header
----------------------------------------------------------------------------- */
#header{
	position:relative;
	height:60px;
	min-width:620px;
	z-index:9999;
}
#header h1{
	position:absolute;
	top:15px;
	left:20px;
}
#menu-icon{
	position:absolute;
	right:20px;
	display:none;
}
#gnav{
	overflow:hidden;
	position:absolute;;
	right:20px;
	top:15px;
}
#gnav li{
	float:left;
}
#gnav li a{
	display:block;
	text-indent:-9999px;
	background-image:url(../img/gnav_recruit.png);
	background-repeat:no-repeat;
  background-size: 599px 64px;
	height:32px;
}
#gnav li#nav01 a{ background-position:0 0; width:61px;}
#gnav li#nav02 a{ background-position:-61px 0; width:82px;}
#gnav li#nav03 a{ background-position:-143px 0; width:86px;}
#gnav li#nav04 a{ background-position:-229px 0; width:72px;}
#gnav li#nav05 a{ background-position:-301px 0; width:70px; }
#gnav li#nav06 a{ background-position:-371px 0; width:102px;}
#gnav li#nav07 a{ background-position:-473px 0; width:102px;}

#gnav li#nav01 a:hover,
#gnav li#nav01 a.on{ background-position:0 -32px; }
#gnav li#nav02 a:hover,
#gnav li#nav02 a.on{ background-position:-61px -32px; }
#gnav li#nav03 a:hover,
#gnav li#nav03 a.on{ background-position:-143px -32px; }
#gnav li#nav04 a:hover,
#gnav li#nav04 a.on{ background-position:-229px -32px; }
#gnav li#nav05 a:hover,
#gnav li#nav05 a.on{ background-position:-301px -32px; }
#gnav li#nav06 a:hover,
#gnav li#nav06 a.on{ background-position:-371px -32px; }
#gnav li#nav07 a:hover,
#gnav li#nav07 a.on{ background-position:-473px -32px; }

@media screen and (max-width: 760px){
	#header {
		min-width:100%;
	}
	#menu-icon{
		display:block;
		top:12px;
	}
	#gnav{
		overflow:hidden;
		position:absolute;
		left:0px;
		top:60px;
		background:#000;
		width:100%;
		display: none;
	}
	#gnav li{
		display:block;
		float:none;
		border-bottom:solid 2px #1a1a1a;
	}
	#gnav li a{
		display:block;
		background-image:none;
		zoom:1;
		text-indent:0;
		padding:21px;
		color:#fff;
	}
	#gnav li a:hover{ background:#1a1a1a; }
	#gnav li#nav01 a{ width:100%; height:auto;}
	#gnav li#nav02 a{ width:100%; height:auto;}
	#gnav li#nav03 a{ width:100%; height:auto;}
	#gnav li#nav04 a{ width:100%; height:auto;}
	#gnav li#nav05 a{ width:100%; height:auto;}
	#gnav li#nav06 a{ width:100%; height:auto;}
}

/* -----------------------------------------------------------------------------
	footer
----------------------------------------------------------------------------- */
#footer {
	color:#666;
	text-align:center;
	bottom:20px;
	height:auto;
	width:100%;
	font-size:85%;
	margin-top:60px;
	padding-bottom:60px;
}