@charset "utf-8";
/* *************************
		
		layout.css 
		
************************* */

/* =========================
			header
========================= */
#header {
	text-align: left;
	background: #ffffff;
	border-bottom: solid 4px #009ce6;
}
#header #headerContents {
	width: 1000px;
	margin: 0 auto;
}
#header #headerContents .headerlogo01 {
	float: left;
	margin-top: 12px;
}
#header #headerContents .utilityArea {
	float: right;
	margin-top: 20px;
}
#header #headerContents .utilityArea .headerLink {
	float: left;
	margin: 5px 20px 0 0;
}
#header #headerContents .utilityArea .headerLink li {
	float: left;
	margin-right: 25px;
}
#header #headerContents .utilityArea .headerLink li a {
	display: inline-block;
	padding-left: 12px;
	color: #333333;
	background: url(/english/common/images/header_ic03.gif) no-repeat 0 0.55em;
}
#header #headerContents .utilityArea .headerLink li:last-child {
	margin-right: 0;
}
#header #headerContents .utilityArea .english {
	float: left;
	margin-top: 5px;
}
#header #headerContents .utilityArea .english a {
	display: inline-block;
	padding-left: 20px;
	color: #333333;
	background: url(/english/common/images/header_ic01.gif) no-repeat 0 0.2em;
}
#header #naviArea {
	width: 1000px;
	margin: 15px auto 0;
}
#header #naviArea #gNavi {
	float: left;
	width: 801px;
	margin-top: 5px;
}
#header #naviArea #gNavi li {
	float: left;
}
#header #naviArea #gNavi li a {
	display: block;
	position: relative;
	padding-bottom: 10px;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	color: #008acb;
}
#header #naviArea #gNavi li.on a:after,
#header #naviArea #gNavi li a:hover:after {
	content:"";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	height: 0;
	width: 0;
	margin-left: -3px;
	border: solid 7px transparent;
	border-bottom-color: #009ce6;
}
#header #naviArea #gNavi li a span {
	display: block;
	border-right: solid 1px #8dc7e3;
}
#header #naviArea #gNavi li:first-child a span {
	border-left: solid 1px #8dc7e3;
}
#header #naviArea #gNavi li a:hover {
	color: #0072a8;
	text-decoration: none;
}
#header #naviArea #gNavi .company {
	width: 205px;
}
#header #naviArea #gNavi .product {
	width: 205px;
}
#header #naviArea #gNavi .advantage {
	width: 391px;
}
#header #naviArea .inquiryBtn {
	display: table;
	float: right;
	width: 180px;
	height: 35px;
	text-align: center;
}
#header #naviArea .inquiryBtn a {
	display: table-cell;
	color: #ffffff;
	vertical-align: middle;
	background: #0072a8;
}
#header #naviArea .inquiryBtn a span {
	display: inline-block;
	position: relative;
	padding-left: 20px;
}
#header #naviArea .inquiryBtn a span:before {
	content: url(/english/common/images/header_ic02.png);
	display: block;
	position: absolute;
	top: 50%;
	left: -20px;
	margin-top: -9px;
}
#header #naviArea .inquiryBtn a:hover {
	text-decoration: none;
	background: #009ce6;
}
#scrollHeader {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	text-align: left;
	background: #ffffff;
	border-bottom: solid 4px #009ce6;
	z-index: 2;
}
#scrollHeader .headerContents {
	width: 1000px;
	margin: 0 auto;
}
#scrollHeader .headerContents #gNavi02 {
	float: left;
	width: 522px;
	margin-right: 10px;
}
#scrollHeader .headerContents #gNavi02 li {
	float: left;
}
#scrollHeader .headerContents #gNavi02 li a {
	display: block;
	position: relative;
	height: 68px;
	padding-top: 13px;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
	color: #008acb;
	line-height: 1.4;
}
#scrollHeader .headerContents #gNavi02 li.on a:after,
#scrollHeader .headerContents #gNavi02 li a:hover:after {
	content:"";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	height: 0;
	width: 0;
	margin-left: -3px;
	border: solid 7px transparent;
	border-bottom-color: #009ce6;
}
#scrollHeader .headerContents #gNavi02 li a span {
	display: block;
	border-right: solid 1px #8dc7e3;
}
#scrollHeader .headerContents #gNavi02 li:first-child a span {
	border-left: solid 1px #8dc7e3;
}
#scrollHeader .headerContents #gNavi02 li a:hover {
	color: #0072a8;
	text-decoration: none;
}
#scrollHeader .headerContents #gNavi02 .company {
	width: 129px;
}
#scrollHeader .headerContents #gNavi02 .product {
	width: 130px;
}
#scrollHeader .headerContents #gNavi02 .advantage {
	width: 263px;
}
#scrollHeader .headerContents .inquiryBtn {
	display: table;
	float: left;
	width: 165px;
	height: 35px;
	margin: 20px 10px 0 0;
}
#scrollHeader .headerContents .inquiryBtn a {
	display: table-cell;
	padding-left: 50px;
	color: #ffffff;
	vertical-align: middle;
	background: #0072a8;
}
#scrollHeader .headerContents .inquiryBtn a span {
	display: inline-block;
	position: relative;
}
#scrollHeader .headerContents .inquiryBtn a span:before {
	content: url(/english/common/images/header_ic02.png);
	display: block;
	position: absolute;
	top: 50%;
	left: -35px;
	margin-top: -9px;
}
#scrollHeader .headerContents .inquiryBtn a:hover {
	text-decoration: none;
	background: #009ce6;
}
#scrollHeader .searchModal {
	position: absolute;
	width: 1000px;
}
#scrollHeader .headerContents .headerLink {
	float: left;
	width: 197px;
	margin-top: 15px;
	font-size: 13px;
	font-size: 1.3rem;
}
#scrollHeader .headerContents .headerLink li {
	float: left;
	margin-right: 10px;
}
#scrollHeader .headerContents .headerLink li:last-child {
	margin-right: 0;
}
#scrollHeader .headerContents .headerLink li a {
	display: inline-block;
	padding-left: 12px;
	color: #333333;
	background: url(/english/common/images/header_ic03.gif) no-repeat 0 0.55em;
}
#scrollHeader .headerContents .btnArea {
	float: left;
	width: 94px;
	margin-top: 15px;
}
#scrollHeader .headerContents .btnArea li:first-child {
	float: left;
}
#scrollHeader .headerContents .btnArea li:nth-child(2) {
	float: right;
}
#searchModal {
	position: fixed;
	display: none;
	z-index: 3;
	width: 1000px;
	margin: 0;
	padding-top: 23px;
	background: url(/english/common/images/header_ic04.png) no-repeat 913px 0;
}
#searchModal .seachArea {
	padding: 40px 0;
	background: #ffffff;
	border: 2px solid #009ce6;
	border-bottom: none;
}
#searchModal .closeBtn {
	border: 2px solid #009ce6;
	border-top: none;
}
#searchModal .closeBtn a {
	display: block;
	padding: 15px 0;
	color: #ffffff;
	text-align: center;
	background: #009ce6;
}
#searchModal .closeBtn a span {
	display: inline-block;
	position: relative;
}
#searchModal .closeBtn a span:before {
	content: url(/english/common/images/com_ic16.png);
	position: absolute;
	display: block;
	height: 19px;
	width: 19px;
	left: -25px;
	top: 50%;
	margin-top: -10px;
}
#searchModal .closeBtn a:hover {
	text-decoration: none;
	background: #4dbaee;
}
.modal-overlay {
	z-index: 1;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;	
	background-color: rgba(0,0,0,0.6);
}

/* =========================
			topicPath
========================= */
#topicPath {
	width: 1000px;
	margin: 15px auto 0;
	font-size: 13px;
	font-size: 1.3rem;
}
#topicPath li {
	float: left;
	margin-right: 10px;
}
#topicPath li a,
#topicPath li em {
	display: inline-block;
	padding-left: 15px;
	background: url(/english/common/images/com_ic10.png) no-repeat 0 0.6em;
}
#topicPath li:first-child a {
	padding-left: 0;
	background: none;
}

/* =========================
			main
========================= */
#main {
	width: 1000px;
	margin: 15px auto 0;
}
#main > *:first-child {
	margin-top: 0;
}
#main #mainContents {
	float: left;
	width: 745px;
}
#main #mainContents > *:first-child {
	margin-top: 0;
}
#main #sideNavi {
	float: right;
	width: 220px;
	border: solid 1px #dddddd;
}
#main #sideNavi dt {
	font-size: 16px;
	font-size: 1.6rem;
}
#main #sideNavi dt a {
	display: block;
	padding: 12px 10px 12px 30px;
	color: #ffffff;
	background: url(/english/common/images/com_ic17.png) no-repeat 11px 1.1em #009ce6;
}
#main #sideNavi dt a:hover {
	text-decoration: none;
	background-color: #4dbaee;
}
#main #sideNavi .childList a,
#main #sideNavi .childList em {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
}
#main #sideNavi .childList > li {
	border-top: solid 1px #dddddd;
}
#main #sideNavi .childList > li > a,
#main #sideNavi .childList > li > em {
	padding: 12px 10px 12px 38px;
	background: url(/english/common/images/com_ic08.png) no-repeat 20px 1.2em;
}
#main #sideNavi .childList > li > a:hover {
	background-color: #edf8fd;
}
#main #sideNavi .childList > li.current > em {
	background-color: #fafafa;
}
#main #sideNavi .childList > li > ul > li {
	border-top: dotted 1px #dddddd;
}
#main #sideNavi .childList > li > ul > li > a,
#main #sideNavi .childList > li > ul > li > em {
	padding: 12px 10px 12px 55px;
	background: url(/english/common/images/com_ic18.gif) no-repeat 39px 1.4em;
}
#main #sideNavi .childList > li > ul > li a:hover {
	background-color: #edf8fd;
}
#main #sideNavi .childList > li > ul > li.current > em {
	background-color: #fafafa;
}
#pageTopBtn {
	display: none;
	position: fixed;
	bottom: 150px;
	right: 0;
}
 
/* =========================
			footer
========================= */
#footer01 {
	margin-top: 115px;
	padding: 45px 0;
	background: #efefef;
}
#footer01 .footerContents {
	width: 1000px;
	margin: 0 auto;
}
#footer01 .footerContents .companyArea {
	float: left;
	width: 290px;
}
#footer01 .footerContents .companyArea .companyInfo {
	margin-top: 10px;
}
#footer01 .footerContents .companyArea .companyInfo .address {
	margin-top: 30px;
}
#footer01 .footerContents .companyArea .companyInfo .address .numCol {
	display: inline-block;
	vertical-align: top;
}
#footer01 .footerContents .linkArea {
	float: right;
	width: 691px;
	margin-top: 10px;
}
#footer01 .footerContents .linkArea .col {
	float: left;
	width: 217px;
	margin-right: 20px;
}
#footer01 .footerContents .linkArea .col:nth-child(3n) {
	margin-right: 0;
}
#footer01 .footerContents .linkArea .col > *:first-child {
	margin-top: 0 !important;
}
#footer01 .footerContents .linkArea .col .headingLink {
	margin-top: 20px;
	padding-bottom: 3px;
	border-bottom: solid 1px #009ce6;
}
#footer01 .footerContents .linkArea .col .headingLink a {
	display: inline-block;
	padding-left: 15px;
	font-weight: bold;
	color: #333333;
	background: url(/english/common/images/com_ic08.png) no-repeat 0 0.5em;
}
#footer01 .footerContents .linkArea .col .footerLinks {
	margin-top: 20px;
	font-size: 13px;
	font-size: 1.3rem;
}
#footer01 .footerContents .linkArea .col .headingLink + .footerLinks {
	margin-top: 10px;
}
#footer01 .footerContents .linkArea .col .footerLinks li {
	margin-top: 5px;
}
#footer01 .footerContents .linkArea .col .footerLinks li:first-child {
	margin-top: 0;
}
#footer01 .footerContents .linkArea .col .footerLinks li a {
	color: #333333;
}
#footer02 {
	padding: 20px 0;
	background: #009ce6;
}
#footer02 .footerContents {
	width: 1000px;
	margin: 0 auto;
}
#footer02 .footerContents .footerLinks {
	float: left;
	font-size: 13px;
	font-size: 1.3rem;
}
#footer02 .footerContents .footerLinks li {
	float: left;
	margin-right: 40px;
}
#footer02 .footerContents .footerLinks li a {
	display: inline-block;
	padding-left: 20px;
	color: #ffffff;
	background: url(/english/common/images/com_ic07.png) no-repeat 0 0.35em;
}
#footer02 .footerContents .copyright {
	float: right;
	font-size: 11px;
	font-size: 1.1rem;
	color: #ffffff;
}



/*=================================
	clearfix
=================================*/
#headerContents:after,
#headerContents .utilityArea:after,
#headerContents .utilityArea .headerLink:after,
#scrollHeader .headerContents:after,
#scrollHeader .headerContents #gNavi02:after,
#scrollHeader .headerContents .headerLink:after,
#scrollHeader .headerContents .btnArea:after,
#naviArea:after,
#gNavi:after,
#topicPath:after,
#main:after,
#footer01 .footerContents:after,
#footer01 .footerContents .linkArea:after,
#footer02 .footerContents:after,
#footer02 .footerContents .footerLinks:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0;
	line-height: 0;
}
#headerContents,
#headerContents .utilityArea,
#headerContents .utilityArea .headerLink,
#scrollHeader .headerContents,
#scrollHeader .headerContents #gNavi02,
#scrollHeader .headerContents .headerLink,
#scrollHeader .headerContents .btnArea,
#naviArea,
#gNavi,
#topicPath,
#main,
#footer01 .footerContents,
#footer01 .footerContents .linkArea,
#footer02 .footerContents,
#footer02 .footerContents .footerLinks {
	display: block;
	zoom: 1;
}