@charset "utf-8";
/* =======================================

	CommonElements

======================================= */

#container {
	padding: 145px 0 0;
}

header {
	height: 145px;
}
header:before {
	content: "";
	width: 100%;
	height: 4px;
	display: block;
	background: #492d65;
	position: absolute;
	top: 0;
	left: 0;
}
header > div { height: 145px; }
header #subNav { top: 5px; }
header #subNav li a[target="_blank"]:before {content: "\e937";}
header .siteSearch { top: 145px; }

@media only screen and (max-width: 1260px) {
	header h1,
	header #logoField {
		width: 250px;
		margin: 0 0 0 20px;
	}
	header #globalNav li a {
		height: 80px;
		padding: 0 0.5em;
		display: inline-block;
		line-height: 80px;
	}
	header #visitorNav li a {
		font-size: 0.75em;
	}
	header #subNav li {
		padding: 0 0 0 1em;
	}
}

@media only screen and (max-width: 1400px) {
	header h1,
	header #logoField {
		width: 250px;
		margin: 0 0 0 20px;
	}
	header #globalNav li a {
		height: 80px;
		padding: 0 0.5em;
		display: inline-block;
		line-height: 80px;
	}
	header #visitorNav li a {
		font-size: 0.75em;
	}
	header #subNav li {
		padding: 0 0 0 1em;
	}
}

@media only screen and (max-width: 1150px) {
	header h1,
	header #logoField {
		width: 200px;
	}
	header #globalNav li a {
		padding: 0 0.3em 0 0;
		font-size: 0.9em;
	}
	header #subNav li a {
		font-size: 0.9em;
	}
}

@media only screen and (max-width: 768px) {
	#container { padding: 68px 0 0; }
	header {height: 68px;}
	header > div { height: 100%; }
	header #headerNav { top: 68px; }
	header #subNav {padding: 1em 6%;}
	header .siteSearch {
		top: 68px;
	}
	header #globalNav > li > a {
		height: auto;
		padding: 1.2em 6%;
		display: block;
		line-height: 1;
		color: #ffffff;
		font-size: 0.9em;
	}
	header #subNav li {
		width: 49%;
		margin: 0 1.4% 1.4% 0;
		padding: 0;
		display: block;
		text-align: center;
	}
	header #subNav li:nth-of-type(3n-1) {
		margin: 0 1.4% 1.4% 0;
	}
	header #subNav li:last-child {
		margin: 0 0 1.4% 0;
	}
	header #subNav li a {
		padding: 1em 0;
		display: block;
		line-height: 1;
		font-size: 0.7em;
		letter-spacing: 0;
		background: #ffffff;
	}
}

@media only screen and (min-width: 769px) {
	/* 	minHead
	-----------------------------------------*/
	.minHead header:before {
		display: none;
	}
	.minHead header > div {
		height: 80px;
	}
}

/*-----------------------------------------
	footer
-----------------------------------------*/
footer #footerSitemap a.navHome:before {
	content: "\e914";
}
footer #footerSitemap {
	margin: 0 40px;
	padding: 0 0 20px;
	border-bottom: 1px solid #e2e2e2;
}

@media only screen and (max-width: 768px) {
	footer #footerSitemap {
		margin: 0;
		border-bottom: 0;
	}
}