@charset "utf-8";
/* 
============================================================
/common/css/index.css
============================================================
*/


/*  reset
-----------------------------------------------------------*/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,iframe { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }

img{
    border:0;
    vertical-align: top;
	margin: 0;
	padding: 0;
}

a{
    outline: none;
}

a:link,
a:visited,
a:active{
    color:#34a1cf;
    text-decoration: underline;
}

a:hover{
    color:#069;
    text-decoration: underline;
}

ul,ol{
    list-style: none;
}

/*clearfix*/
.Clearfix:after{  
    visibility:hidden;
    height:0;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
}

/*clearfix*/
.Clearfix:after{  
    visibility:hidden;
    height:0;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
}

* html .Clearfix             { zoom: 1; }
*:first-child+html .Clearfix { zoom: 1; }


/*  margin
-----------------------------------------------------------*/

.mt5 { margin-top:5px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}

.ml5 { margin-left:5px !important;}
.ml10 { margin-left:10px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml38 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml50 { margin-left:50px !important;}

/*  padding
-----------------------------------------------------------*/

.pt5 { padding-top:5px !important;}
.pt10 { padding-top:10px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt50 { padding-top:50px !important;}

/*  color
-----------------------------------------------------------*/

.red { color: #ff1100;}
.red2 { color: #D43D4C;}
.blue { color: #339FCC;}


/*  base
-----------------------------------------------------------*/
body {
    font-size: 100%;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    line-height: 1.4;
    color: #333;
}

#wrapper {
    margin: 0 auto;
	overflow: hidden;
	border-top: solid 4px #0085cc;
}

.header {
    margin: 0 auto;
	width: 1004px;
	height: 98px;
}

.header img {
	margin: 25px 0 0 10px;
}

.main {
	overflow: hidden;
}

.footer {
	clear: both;
	margin-top: 50px;
	padding: 0 0 10px 0;
	height: 150px;
	background-color: #0085cc;
	overflow: hidden;
}

.footer_nav {
    margin: 0 auto;
	width: 1004px;
	overflow: hidden;
}

.footer_nav ul {
	margin: 100px 0 0 0;
}

.footer_nav ul li {
	float: left;
	color: #FFF;
	margin: 0 0 0 30px;
}

.footer_nav ul li a {
	color: #FFF;
}

.footer_nav ul li a:hover {
	color: #F60;
	text-decoration: none;
}

.footer #copy {
    margin: 0 auto;
	padding: 0;
	width: 1004px;
	text-align: right;
}

.footer #copy p {
	color: #fff;
	padding: 5px 0;
}

/*  gnav
-----------------------------------------------------------*/
.gnav {
	height: 59px;
	background: url(/common/img/bg-global-nav.png) repeat-x 0 0;
}

.gnav .Inner {
    margin: 0 auto;
	width: 1006px;
	height: 59px;
}

.gnav ul li {
    float: left;
    position: relative;
	height: 59px;
}

.gnav li a,
.gnav li a::before {
	content: "";
	display: block;
    height: 150%;
    width: 0;
}

.gnav li a {
    background-color: transparent;
	background: url(/common/img/global-nav.png) no-repeat 0 0;
    height: 59px;
    overflow: hidden;
	margin-left: 1px;
}

li.gnav_home,
li.gnav_home a {
	background-position: 0 0;
    width: 200px;
}

li.gnav_home a:hover {
	background-position: 0 -59px;
}

li.gnav_business,
li.gnav_business a {
	background-position: -200px 0;
    width: 202px;
}

li.gnav_business a:hover {
	background-position: -200px -59px;
}

li.gnav_plantlist,
li.gnav_plantlist a {
	background-position: -402px 0;
    width: 200px;
}

li.gnav_plantlist a:hover {
	background-position: -402px -59px;
}

li.gnav_corporation,
li.gnav_corporation a {
	background-position: -602px 0;
    width: 202px;
}

li.gnav_corporation a:hover {
	background-position: -602px -59px;
}

li.gnav_contact,
li.gnav_contact a {
	background-position: -804px 0;
    width: 202px;
}

li.gnav_contact a:hover {
	background-position: -804px -59px;
}