@charset "utf-8";

/* CSS Document */

/* common */

body {
	background: url(../_images/common/MainBg.png) repeat-x;
}

#MaiContainer {
	width: 990px;
	margin: auto;
}

/* header */
#Header {
	width: 1000px;
	margin: auto;
	position: relative;
	width: 1000px;
	height: 140px;
}

.hNav {
	position: absolute;
	right: 0;
	top: 0;
	/*width: 396px;*/
	height: 40px;
	background: #383536;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}
.hNav dd a {
	text-decoration: none;
}

h1 {
	position: absolute;
	height: 52px;
	width: 288px;
	top: 60px;
}

h1 a {
	display: block;
	height: 52px;
	width: 288px;
	background: url(../_images/common/Logo.png);
}

#ScNav {
	width: 1000px;
	margin: auto;
	position: relative;
	height: 80px;
	-moz-box-shadow: 0px 3px 5px #000;/* Firefox用 */
	-webkit-box-shadow: 0px 3px 5px #000;/* Safari,Google Chrome用 */
}

#ScNav h1 {
	position: absolute;
	height: 52px;
	width: 288px;
	top: 12px;
	left: 20px;
}

#ScNav h1 a {
	display: block;
	height: 52px;
	width: 288px;
	background: url(../_images/common/Logo.png);
}

#ScNav #gNav {
	position: absolute;
	height: 40px;
	width: 656px;
	right: 0;
	top: 18px;
	right: 30px;
}

/* gNav */
#gNav {
	position: absolute;
	height: 40px;
	width: 656px;
	right: 0;
	top: 65px;
}

#gNav dd {
	float: left;
	width: 131px;
	height: 40px;
}

#gNav dd.end {
	float: left;
	width: 132px !important;
	height: 40px;
}

.gNav01 a {
	display: block;
	width: 131px;
	height: 40px;
	background: url(../_images/common/gNav.png) 0 0;
}

.gNav02 a {
	display: block;
	width: 131px;
	height: 40px;
	background: url(../_images/common/gNav.png) -131px 0;
}

.gNav03 a {
	display: block;
	width: 131px;
	height: 40px;
	background: url(../_images/common/gNav.png) -262px 0;
}

.gNav04 a {
	display: block;
	width: 131px;
	height: 40px;
	background: url(../_images/common/gNav.png) -393px 0;
}

.gNav05 a {
	display: block;
	width: 132px;
	height: 40px;
	background: url(../_images/common/gNav.png) -524px 0;
}

.gNav01 a:hover {
	background: url(../_images/common/gNav2.png) 0 0;
}

.gNav02 a:hover {
	background: url(../_images/common/gNav2.png) -131px 0;
}

.gNav03 a:hover {
	background: url(../_images/common/gNav2.png) -262px 0;
}

.gNav04 a:hover {
	background: url(../_images/common/gNav2.png) -393px 0;
}

.gNav05 a:hover {
	background: url(../_images/common/gNav2.png) -524px 0;
}

.hNav dl {
	padding-left: 30px;
}

.hNav dd {
	float: left;
	margin-right: 20px;
	line-height: 21px;
	margin-top: 10px;
}

/*.hNav dd.hNavmt {
	margin-top: 16px;
}*/

#Footer {

	/* background:url(../_images/common/FooterBg.png)*/
}

.FooterWrap {
	width: 1000px;
	margin: auto;
}

.FooterWrap div {
	float: left;
	width: 150px;
	border-left: 1px solid #fff;
	padding-left: 10px;
	padding-right: 5px;
}

.FooterWrap div h5 {
	color: white;
	font-size: 9pt;
	margin-bottom: 10px;
}

.FooterWrap div li {
	line-height: 2.0em;
}

.FooterWrap div a {
	color: #ccc;
	text-decoration: none;
	font-size: 8pt;
}

.FooterWrap div a:hover {
	color: white;
	text-decoration: underline;
}

#sNav {
	height: 220px;
	background: url(../_images/common/sNavBg.png) repeat-x;
	padding-top: 40px;
}

#sNav .sNavinner {
	width: 100%;
	max-width: 1000px;
	margin: auto;
	overflow: hidden;
}

#sNav dl {
	float: left;
}

#sNav dl.sNavCenter {
	margin: 0 20px;
}

#sNav dl dt {
	margin-bottom: 10px;
}

#sNav div {
	width: 1000px;
	margin: auto;
}

/* js */
#ScNav {
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
	position: fixed;
	width: 100%;
	margin: auto;
	top: 0;
	padding: 0;
	background: white;
	z-index: 100;
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
}

/* -- footer --*/
#Footer {
	border-top: 1px solid #999;
	padding-top: 35px;
}

.sitemap {
	width: 1000px;
	margin: auto;
	line-height: 1.5em;
}

#Footer dl {
	width: auto;
	padding: 0 30px;
	float: left;
	margin-right: 2em;
}

#Footer dl dd {
	margin-bottom: 1em;
}

#Footer dl dt a {
	color: #666;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
}

#Footer dl dd a,
#Footer dd ul li a {
	padding-left: 1em;
	color: #999;
	font-size: 8pt;
	text-decoration: none;
}

#Footer a:hover {
	color: #000
}

.copyright p {
	font-size: 8pt;
	width: 1000px;
	margin: auto;
	text-align: right;
	color: #999;
	padding-bottom: 20px;
}

/* 20160829 追加分 */
.hNav dl dd a:link,
.hNav dl dd a:visited,
.hNav dl dd a:hover,
.hNav dl dd a:active {
	color: #FFF;
}
.hNav dl dd a {
	font-weight: bold;
	font-size: 10px;
}
.hNav dl dd.recruit a {
	background-color: #0099FF;
	padding: 5px 15px;
	border-radius: 5px;
}

@media screen and (max-width:768px) {
	h1 {
	position: absolute;
	height: 52px;
	width: 288px;
	top: 30px;
	left: 2%;
}
h2 {
	margin-top: 0 !important;
}
	.hamburger {
		display: block;
		position: absolute;
		top: 30px;
		right: 2%;
	}
		#nav2 {
		display: none;
		position: absolute;
		top: 90px;
		right: 2%;
		width: 100%;
		background-color: rgba(255,255,255,0.9);
		border-top: 1px solid #DDD;
		border-bottom: 1px solid #DDD;
		margin-bottom: 10px;
		padding-bottom: 10px;
		text-align: center;
	}
	#nav2 ul li {
		border-bottom: 1px solid #DDD;
	}
	#nav2 ul li a {
		font-size: 18px;
		padding: 15px 0;
		display: block;
	}
	#nav2 ul .recruit {
		border-bottom: 1px solid #FFF;
	}
	#nav2 ul .recruit a {
		background-color: #0099FF;
		color: #FFF !important;
	}
	#nav2 ul li a:link,
	#nav2 ul li a:visited,
	#nav2 ul li a:hover,
	#nav2 ul li a:active {
		color: #303030;
	}

	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu-trigger {
		position: relative;
		width: 50px;
		height: 44px;
	}
	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 4px;
		background-color: #303030;
		border-radius: 4px;
	}
	.menu-trigger span:nth-of-type(1) {
		top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
		top: 20px;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}

	.menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(20px) rotate(-45deg);
		transform: translateY(20px) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-20px) rotate(45deg);
		transform: translateY(-20px) rotate(45deg);
	}
}