@charset "utf-8";

/* ======================
 * Module CSS
======================= */

/* Page
=========================================*/
#page {
}


/* Header
=========================================*/
#header {
	height: 122px;
	background: url(/common/images/header_bg01.gif) repeat-x 0 0;
}
#header #headerInner {
	width: 80%;
	min-width: 1000px;
	height: 76px;
	margin: 0 auto;
	padding: 0 20px;
}
#header #headLogo {
	float: left;
	color: #FFFFFF;
}
#header #headLogo #tagline {
	height: 27px;
	font-size: 10px;
	font-size: 1.0rem;
}
#header #headLogo #logo {
	font-size: 12px;
	font-size: 1.2rem;
}
#header #headLogo #logo p {
	float: left;
	vertical-align: middle;
}
#header #headLogo #logo p:last-child {
	margin: 10px 0 0 7px;
}
#header #headerMenu {
	float: right;
	margin-top: 30px;
}
#header #headerMenu > li {
	float: left;
	padding: 0 10px;
	border-left: solid 1px #666666;
}
#header #headerMenu > li:first-child {
	padding: 0 10px;
	border-left: none;
}
#header #headerMenu > li.hasSubMenu {
	white-space: nowrap;
	position: relative;
}
#header #headerMenu > li a {
	color: #FFFFFF;
	text-decoration: none;
}
#header #headerMenu > li a:hover {
	text-decoration: underline;
}
#header .headerSubMenu {
	position: absolute;
	top: 20px;
	left: 0;
	border: solid 1px #666666;
}
#header #headerMenu .headerSubMenu > li a {
	color: #333;
	display: block;
	padding: 3px 15px;
	background-color: #ffffff;
}
#header #headerMenu .headerSubMenu > li a:hover {
	background-color: #ccc;
}


/* navGlobal */
#header #navGlobal {
	width: 80%;
	min-width: 1000px;
	height: 46px;
	margin: 0 auto;
	padding: 0 20px;
}
#header #navGlobal li {
	float: left;
	display: table;
	height: 46px;
	margin-right: 20px;
}
#header #navGlobal li a {
	display: table-cell;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: middle;
}
#header #navGlobal li a:hover {
	text-decoration: underline;
}
#header #navGlobal li span {
	display: table-cell;
	color: #999;
	text-decoration: none;
	vertical-align: middle;
}



/* Container
=========================================*/
#container {
	clear: both;
	margin-top: 20px;
}
#container #main {
	width: 80%;
	min-width: 1000px;
	padding: 0 20px;
	margin: 0 auto;
}








/* Footer
=========================================*/
#footer {
	margin-top: 20px;
	padding-bottom: 50px;
	background: url(/common/images/footer_bg01.jpg) repeat-x 0 0;
}
#footer #footerInner {
	width: 80%;
	min-width: 1000px;
	margin: 0 auto;
	padding: 0 20px;
}
#footer #footerMenu {
	float: left;
	margin-top: 24px;
}
#footer #footerMenu li {
	float: left;
	padding: 0 9px;
	border-left: solid 1px #d9d9d9;
}
#footer #footerMenu li:first-child {
	border-left: none;
}
#footer #footerMenu li a {
}
#footer #logoFoot {
	float: right;
	margin-top: 14px;
	text-align: right;
}
#footer #logoFoot .copyright {
	margin-top: 5px;
	color: #808080;
	font-size: 12px;
	font-size: 1.2rem;
}





/* ClearFix
=========================================*/
#header #headerInner:after,
#header #headLogo #logo:after,
#header #headerMenu:after,
#header #navGlobal:after,
#footer #footerInner:after,
#footer #footerMenu:after {
	content: "";
	display: block;
	clear: both;
}
#header #headerInner,
#header #headLogo #logo,
#header #headerMenu,
#header #navGlobal,
#footer #footerInner,
#footer #footerMenu {
	min-height: 1%;
	zoom: 1;
}