@charset "utf-8";

/*----------------------------------------------------------------------

 Common
 
----------------------------------------------------------------------*/

html {
	overflow-y:scroll;
}

html, body{
	background:#fff;
}

body{
  min-width:960px;
}

/*----------------------------------------------------------------------
   #noscript
----------------------------------------------------------------------*/

#noscript {
	clear:both;
}

#noscript {
	background-color:#666;
	color:#fff;
	font-size:0.9em;
	margin:0 auto;
	padding:5px 0;
	text-align:center;
}

/*----------------------------------------------------------------------
   #wrap
----------------------------------------------------------------------*/

#wrap {
	overflow:hidden;
	position:relative;
	text-align:left;
}

/*----------------------------------------------------------------------
   .container
----------------------------------------------------------------------*/

.container {
	clear:both;
	margin:0 auto;
  padding-right:25px;
  padding-left:25px;
	position:relative;
	width:960px;
}

/*----------------------------------------------------------------------

 #gHeader

----------------------------------------------------------------------*/

#gHeader {
	background-color:#fff;
	height:64px;
	line-height:1;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	text-align:center;
}

#gHeader .container {
  padding-right:10px;
  padding-left:10px;
}

#gHeader #top {
	float:left;
	font-size:0;
	line-height:0;
	width:161px;
}

#gHeader #identifier {
	font-size:0;
	left:220px;
	line-height:0;
	margin-top:0;
	position:absolute;
	top:24px;
}

[lang=en] #gHeader #identifier {
	top:23px;
}

#gHeader ul.list-utility {
	bottom:10px;
	font-size:14px;
	margin-top:0;
	position:absolute;
	right:25px;
	top:10px;
}

#gHeader ul.list-utility li {
  float:right;
  margin-left:15px;
}

#gHeader ul.list-utility li.language {
  margin-bottom:10px;
}

#gHeader ul.list-utility li.contact {
  clear:right;
}

#gHeader ul.list-utility li:before {
	color:#999;
	display:inline-block;
	font:1.2em "fontello";
	margin-top:-0.1em;
  margin-right:0.5em;
	vertical-align:middle;
}

#gHeader ul.list-utility li.contact:before {
  content:"\f29c";
}

#gHeader ul.list-utility li.language:before,
#gHeader ul.list-utility li.sitemap:before {
  content:"\f006";
	font-size:0.7em;
	margin-top:-0.3em;
  margin-right:0.8em;
	width:1em;
}

#gHeader ul.list-utility li a {
	color:#333;
	text-decoration:none;
}

#gHeader ul.list-utility li a:hover {
	color:#F63;
}

#gHeader ul.list-utility .act {
	color:#0150b7;
}

/*----------------------------------------------------------------------

 #gMenu
	 
----------------------------------------------------------------------*/

#gMenu {
	background-color:rgba(8,101,205,1);
	line-height:1;
}

/*----------------------------------------------------------------------
   .lv1
----------------------------------------------------------------------*/

#gMenu ul.lv1 {
	border-collapse:collapse;
	display:table !important;
	margin:0;
	width:100%;
}

#gMenu ul.lv1 > li {
	display:table-cell;
  position: relative;
	text-align:center;
	width:14.6%;
}

[lang=en] #gMenu ul.lv1 > li {
	width:110px;
}

[lang=en] #gMenu ul.lv1 > li.product,
[lang=en] #gMenu ul.lv1 > li.company,
[lang=en] #gMenu ul.lv1 > li.procure {
	width:190px;
}

[lang=en] #gMenu ul.lv1 > li.csr {
	width:230px;
}

#gMenu ul.lv1 > li > a,
#gMenu ul.lv1 > li > span {
	border-top:2px transparent solid;
	border-bottom:2px transparent solid;
	color:#fff;
  cursor:pointer;
	display:block;
  height:100%;
  padding:10px;
  position:relative;
	text-decoration:none;
}

#gMenu ul.lv1 > li + li > a:before,
#gMenu ul.lv1 > li + li > span:before {
  background-color:#fff;
  bottom:0;
  content:"";
  display:block;
  height:calc(100% - 10px);
  margin:auto;
  position:absolute;
  top:0;
  left:0;
  width:1px;
}

#gMenu ul.lv1 > li.on > a:after,
#gMenu ul.lv1 > li.on > span:after {
  background-color:#fff;
  bottom:0;
  content:"";
  display:block;
  height:5px;
  position:absolute;
  left:0;
  width:100%;
}

/*----------------------------------------------------------------------
   .lv2
----------------------------------------------------------------------*/

#gMenu ul.lv2 {
	background-color:rgba(8,101,205,0.95);
	font-size:0.9em;
	line-height:1.2;
	margin:0;
	position:absolute;
	width:100%;
	z-index:100;
}

[lang=en] #gMenu ul.lv2 {
	width:190px;
}

#gMenu ul.lv2 li a,
#gMenu ul.lv2 li span {
	color:#fff;
	display:block;
  padding:10px;
	text-decoration:none;
}

#gMenu ul.lv2 li a:hover {
	color:#ff0;
}

/*----------------------------------------------------------------------

 #mainContents
	 
----------------------------------------------------------------------*/

#mainContents {
	clear:both;
	overflow:hidden;
}

/*----------------------------------------------------------------------
   #breadCrumb
----------------------------------------------------------------------*/

#breadCrumb .container {
  padding-right:10px;
  padding-left:10px;
}

#breadCrumb p {
	font-size:90%;
	line-height:1.7;
	margin-top:0;
	padding:10px;
}

/*----------------------------------------------------------------------
   #contents
----------------------------------------------------------------------*/

/*  .section
----------------------------------------------------------------------*/

.section {
	clear:both;
	overflow:hidden;
	padding:0 30px;
}

.h-1 + .section {
	margin-top:5px;
}

/*  #pagetop
----------------------------------------------------------------------*/

#pagetop {
	clear:both;
  font-size:0;
  height:65px;
  margin:0 auto;
	text-align:right;
}

#pagetop a {
	text-decoration:none;
}

#pagetop a.moving {
  bottom:0;
  position:fixed;
  right:0;
}

#pagetop a img {
  background-color:transparent;
}

/*----------------------------------------------------------------------

 #footerSitemap

----------------------------------------------------------------------*/

#footerSitemap {
  background-color:#f6f6f6;
  padding:20px 0;
}

#footerSitemap a {
  color:#333;
  text-decoration:none;
}

#footerSitemap a:hover {
  text-decoration:underline;
}

#footerSitemap ul.lv1 {
	margin:0 10px;
  overflow:hidden;
}

#footerSitemap ul.lv1 > li {
  float:left;
  margin-right:20px;
  width:135px;
}

#footerSitemap ul.lv1 > li.product{
	width:190px;
}

[lang=en]#footerSitemap ul.lv1 > li {
  float:left;
  margin-right:20px;
  width:150px;
}

[lang=en] #footerSitemap ul.lv1 > li:first-child {
	width:230px;
}

[lang=en] #footerSitemap ul.lv1 > li.product,
[lang=en] #footerSitemap ul.lv1 > li.procure {
	width:180px;
}

[lang=en] #footerSitemap ul.lv1 > li.csr {
	width:240px;
}

#footerSitemap ul.lv1 > li:last-child {
  margin-right:0;
  width:210px;
}

#footerSitemap ul.lv1 > li > a,
#footerSitemap ul.lv1 > li > span {
  border-bottom:1px #b5b5b5 solid;
  display:block;
  font-size:105%;
  padding:5px 10px;
}

#footerSitemap ul.lv2 {
  font-size:90%;
  margin:0;
  padding:10px 10px 0;
}

#footerSitemap ul.lv2 li + li {
  margin-top:2px;
}

/*----------------------------------------------------------------------

 #gFooter

----------------------------------------------------------------------*/

#gFooter {
	border-top:#e9e9e9 1px solid;
	bottom:0;
	clear:both;
	overflow:hidden;
	width:100%;
}

#gFooter .container {
  width: 1050px;
}

#gFooter #copyright {
	float:right;
	margin:10px;
  text-align: right;
  line-height: 1.25;
}
#gFooter #copyright span {
  display: inline-block;
}

#gFooter ul.list-utility {
	float:left;
	font-size:0.85em;
  letter-spacing:-0.4em;
	margin:10px 0;
	text-align:left;
}

#gFooter ul.list-utility li {
	background:none;
	display:inline;
  letter-spacing:0;
	padding-left:0;
	zoom:1;	
}

#gFooter ul.list-utility li + li {
  margin-left:20px;
}

#gFooter ul.list-utility li a {
}
