/*============================================================**
Layout
**============================================================*/

#container, #footer {
margin: 0 auto;
width: 100%;
background-color: #FFFFFF;
text-align: center;
}
#container{
min-height: 100%;
height: auto !important;
height: 100%;
position:relative;
}
#single_contents {
margin: 0 30px 0px 0;
width: 680px;
display:inline;
text-align:left;
float:left;
overflow:hidden;
}    
#footer {
position:absolute;
bottom:0;
left:0;
}
#header, #contents {
text-align: left;
margin: 0 auto;
width: 950px;
zoom:1;}

#contents.single,.singleBl { width:950px !important;zoom:1;margin: 30px auto 0px auto !important; }
#header:after,#contents:after,#contents.single:after,.singleBl:after,.blogBl:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/*============================================================**
#header
**============================================================*/
#header { width: 948px;margin-bottom: 15px; position:relative; line-height:100%; }
#header_logo {
float: left;
padding: 10px 0 30px 0px;
font-size: 182%;
}
#header_logo a {
text-decoration: none;
color: #212121;
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
}
#header_util {
float: right;
padding-top: 20px;
width:549px;
line-height: 1.0em;
}
#hu_nav {
position:absolute;
width:397px;
padding:0 0px 11px 0;
right:0;
}
#hu_nav li {
float: left;
margin: 0;
padding: 0 0 0 0;
font-size: 12px;
line-height:12px;
}
#hu_nav li ul li { padding: 2px 0 0 10px; }
#hu_nav li ul.link a {
color:#333333;
text-decoration:none;
display:block;
}
#hu_nav li ul.link .sitemap a {
background:url(../images/icon/icon_sitemap.gif) no-repeat 0 0;
padding:3px 3px 3px 22px;
}
#hu_nav li ul.link .global{
background:url(../images/icon/icon_global.gif) no-repeat 0 0;
padding:3px 3px 3px 22px;
margin:3px 3px 0 0;
}
#hu_nav li ul.link .linkedin{
background: url(../images/linkedin.jpg) no-repeat 0 0;
padding: 0px 0px 0px 0px;
margin: -10px 3px 0 30px;
}
#hu_nav li ul.link .contact { padding-top:0; }
#hu_nav li ul.link .contact a {
background:url(../images/bt_contact.gif) no-repeat 0 0;
text-indent:-999px;
overflow:hidden;
height:21px;
width:94px;
display:block;
}
#hu_nav li ul.link .contact a:hover{
background:url(../images/bt_contact_over.gif) no-repeat 0 0;
}



#hu_nav li#hu_sitemap { border-right: 1px solid #7B7B7B; }

#header_global_navi {
width:950px;
margin:0 auto;
clear: both;
zoom:1;
height:55px;
overflow:hidden;
}
#header_global_navi li { float: left; font-size:0; }
#header_global_navi li#hg_home { }
#header_global_navi li a {
display:block;
overflow:hidden;
text-indent:-999px;
width:158px;
height:47px;
background:url(../images/hd_navi01.gif) no-repeat left top;
}
#header_global_navi li.current a  {
background-color: #FFFFFF;
color: #191D25;
}
#header_global_navi li a:hover {
background-color: #FFFFFF;
color: #0071F1;
}
#header_global_navi li a.home {
background-image:url(../images/nm_navi01.gif);
width:161px;
}
#header_global_navi li a.company {
background-image:url(../images/nm_navi02.gif);
}
#header_global_navi li a.product{
background-image:url(../images/nm_navi03.gif);
}

#header_global_navi li a.safety {
background-image:url(../images/nm_navi04.gif);
}
#header_global_navi li a.environment{
background-image:url(../images/nm_navi05.gif);
}
#header_global_navi li a.recruit {
background-image:url(../images/nm_navi06.gif);
width:156px;
}

#header_global_navi li a.home:hover,
#header_global_navi li.current a.home{
background-image:url(../images/nm_navi01_over.gif);
width:161px;
}
#header_global_navi li a.company:hover,
#header_global_navi li.current a.company {
background-image:url(../images/nm_navi02_over.gif);
}
#header_global_navi li.current a.product,
#header_global_navi li a.product:hover{
background-image:url(../images/nm_navi03_over.gif);
}

#header_global_navi li.current a.safety,
#header_global_navi li a.safety:hover{
background-image:url(../images/nm_navi04_over.gif);
}

#header_global_navi li.current a.environment,
#header_global_navi li a.environment:hover{
background-image:url(../images/nm_navi05_over.gif);
}
#header_global_navi li.current a.recruit,
#header_global_navi li a.recruit:hover{
background-image:url(../images/nm_navi06_over.gif);
width:156px;
}

#header_global_navi:after, #hu_nav li#hu_search:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;}

/*=============================================================**
Breadcrumb
**=============================================================*/
.breadblock {
text-align:center;
max-width:1200px;
background:#e3ecf5;
color:#0052a5;
padding:0;
margin: 0px auto 0px auto;
margin-bottom:0px;
height:30px;
}
.breadblock p {
	width:950px;
margin: 0px auto 0px auto;
padding: 0px 0px;

text-align:left;
line-height:30px;
font-size:0.86em;
}
.breadblock span{ margin:0 10px;}
.breadblock a { color:#0052a5; }

/*=============================================================**
web_page
**=============================================================*/
.web_page { font-size:90% !important; }
.web_index { width:950px!important;}
#contents .web_page h1, #contents h1 {
margin: 0px 0 20px 0;
padding:12px 0 12px 20px;
background:url(../images/page_tit_h1.gif) no-repeat left top;
font-size: 200%;
font-weight:bold;
color: #0052a5;
border: none;
}
#contents .web_page h1.heading_1, #contents h1.heading_1 { padding:12px 0 0px 0px; }
#contents .web_page h1.heading_1 span, #contents h1.heading_1 span {
display:block;
padding: 0 0 12px 20px;
background:url(../images/page_tit_h1_btm.gif) no-repeat left bottom;
}
#contents .web_page .heading_2, #contents .web_page h2, #contents .heading_2, #contents h2 {
margin: 20px 0 14px 0;
padding: 10px 0 10px 20px;
line-height:1em;
background:url(../images/page_tit_h2.gif) no-repeat left bottom;
font-size: 160%;
color: #0052a5;
border: none;
clear:both;
}

#contents .web_page h2.news_entry{
margin: 5px 0 24px 0;
}

#contents .web_page .heading_2 a, #contents .web_page h2 a, #contents .heading_2, #contents h2 a { text-decoration:none; }
#contents .web_page .heading_3, #contents .web_page h3 {
margin: 10px 0 14px 0;
padding: 3px 0 3px 20px;
background:url(../images/page_tit_h3.gif) no-repeat left center;
font-size: 115%;
line-height:1.2em;
color: #191D25;
border: none;
clear:both;
}
#contents .web_page .heading_4, #contents .web_page h4 {
margin: 10px 0 14px 0;
padding: 3px 0 3px 20px;
background:url(../images/page_tit_h4.gif) no-repeat left center;
font-size: 108%;
line-height:1.2em;
color: #191D25;
border: none;
}

#contents .side_co {
float:left;
width:240px;
overflow:hidden;
magrin-bottom:20px;
background:#e3ecf5;
border-radius:6px;
}
#contents .side_co h3 {
background:url(../images/sideco_menu_tit.gif) no-repeat left top #0052a5;
font-weight:normal;
color:#ffffff;
text-align:center;
padding:10px;
margin:0;
font-size:1.5em;
}
#contents .side_co ul {
margin:0;
padding:10px 0 10px 10px;
height:1%;
}
#contents .side_co ul li {
text-align:left;
float:left;
width:220px;
padding-right:10px;
margin:0;
font-size:1em;
line-height:1.2em;
}
#contents .side_co ul li a{
display:block;
background:url(../images/root_ft01.png) no-repeat 10px 12px;
padding:10px 6px 10px 30px;
text-decoration:none;
color:#333333;
}

#contents .side_co ul li span{
display:block;
padding:10px 6px 10px 30px;
text-decoration:none;
color:#333333;
}

#contents .side_co ul li.current a,
#contents .side_co ul li a:hover{
color:#0052a5;
font-weight:bold;
}

#contents .side_co ul:after{
	visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
/*============================================================**
#footer
**============================================================*/
.page_top {
position:absolute;
right:100px;
top:-85px;
text-align:right;
}
.page_top a {
display:block;
text-indent:999px;
overflow:hidden;
width:70px;
height:70px;
background:url(../images/bt_pagetop.gif) no-repeat left top;
}
.page_top a:hover{
background:url(../images/bt_pagetop_over.gif) no-repeat left top;
}
.footer_second #footer .innr {
	border-top:3px solid #0052a5;
}