@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 3.5
 *  updated --- 2012/12/7
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px; /* 10px; */
	-webkit-text-size-adjust: none;
	line-height: 1.8;
	color: #333;
	word-break: keep-all;
	background: url(../images/bg/bg_body01.gif) left top repeat-y;
}
/* ie7 */ *:first-child+html body { font-size: 75%; /* 62.5%; */}
/* ie6Below */ * html body { font-size:75%; /* font-size: 62.5%; */}
/* ie8 */ html>/**/body { font-size /*\**/: 75%\9;}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#wrapperIn,
#contents {
	display: block;
	min-height: 1%;
}
.clearfix:after,
#wrapperIn:after,
#contents:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { text-align: left;}
@media print {
	html,
	html body { *zoom: 0.65;}
}

/* !wrapper
---------------------------------------------------------- */
#wrapper {
	width: 100%;
	min-width: 1006px;
	text-align: left;
}
	#wrapperIn {
		width: 100%;
		padding-bottom: 200px;
	}

/* !header
---------------------------------------------------------- */
#header {
	display: inline;
	float: left;
	width: 160px;
	margin: 0 20px;
	padding-top: 56px;
	text-align: left;
	position: relative;
	z-index: 30;
}

#header .headerLogo {
	text-align: center;
}

body.contactlNaviTop #header {
	padding-bottom: 160px;
}

/* !lNavi
---------------------------------------------------------- */
#lNavi {
	width: 160px;
}

#lNavi ul li#lNavi01 p,
#lNavi ul li#lNavi02 p,
#lNavi ul li#lNavi03 p,
#lNavi ul li#lNavi04 p {
	width: 160px;
	overflow: hidden;
	vertical-align: bottom;
	height: 124px;
}
	#lNavi ul li#lNavi01 p,
	#lNavi ul li#lNavi02 p,
	#lNavi ul li#lNavi03 p,
	#lNavi ul li#lNavi04 p {
		top: 0;
	}
		#lNavi ul li#lNavi01 p a,
		#lNavi ul li#lNavi02 p a,
		#lNavi ul li#lNavi03 p a,
		#lNavi ul li#lNavi04 p a {
			width: 160px;
			display: block;
			margin-top:  0;
		}
		#lNavi ul li#lNavi01 p a:hover,
		#lNavi ul li#lNavi02 p a:hover,
		#lNavi ul li#lNavi03 p a:hover,
		#lNavi ul li#lNavi04 p a:hover {
			margin-left: -160px;
		}

/* active */
body.companylNaviTop  #lNavi ul li#lNavi01 p a,
body.marinelNaviTop   #lNavi ul li#lNavi02 p a,
body.kodawarilNaviTop #lNavi ul li#lNavi03 p a,
body.contactlNaviTop  #lNavi ul li#lNavi04 p a {
	margin-left: -160px;
}


/* lNavi01 */
#lNavi ul li#lNavi01 ul li {
	width: 160px;
	overflow: hidden;
	vertical-align: bottom;
	height: 56px;
}
#lNavi ul li#lNavi01 ul li#lNavi01_01 { top: 0;}
#lNavi ul li#lNavi01 ul li#lNavi01_02 { top: 56px;}
#lNavi ul li#lNavi01 ul li#lNavi01_03 { top: 112px; height: 42px !important;}

	#lNavi ul li#lNavi01 ul li a {
		width: 320px;
		display: block;
	}
	#lNavi ul li#lNavi01 ul li#lNavi01_01 a { margin-top:  0;}
	#lNavi ul li#lNavi01 ul li#lNavi01_02 a { margin-top: -56px;}
	#lNavi ul li#lNavi01 ul li#lNavi01_03 a { margin-top: -112px;}
	#lNavi ul li#lNavi01 ul li a:hover {
		margin-left: -160px;
	}

/* active */
body.companylNavi01 #lNavi ul li#lNavi01 ul li#lNavi01_01 a,
body.companylNavi02 #lNavi ul li#lNavi01 ul li#lNavi01_02 a,
body.companylNavi03 #lNavi ul li#lNavi01 ul li#lNavi01_03 a {
	margin-left: -160px;
}

/* lNavi02 */
#lNavi ul li#lNavi02 ul li {
	width: 160px;
	overflow: hidden;
	vertical-align: bottom;
	height: 41px;
}
#lNavi ul li#lNavi02 ul li#lNavi02_01 { top: 0; height: 40px !important;}
#lNavi ul li#lNavi02 ul li#lNavi02_02 { top: 40px;}
#lNavi ul li#lNavi02 ul li#lNavi02_03 { top: 81px;}
#lNavi ul li#lNavi02 ul li#lNavi02_04 { top: 122px; height: 42px !important;}

	#lNavi ul li#lNavi02 ul li a {
		width: 320px;
		display: block;
	}
	#lNavi ul li#lNavi02 ul li#lNavi02_01 a { margin-top:  0;}
	#lNavi ul li#lNavi02 ul li#lNavi02_02 a { margin-top: -40px;}
	#lNavi ul li#lNavi02 ul li#lNavi02_03 a { margin-top: -81px;}
	#lNavi ul li#lNavi02 ul li#lNavi02_04 a { margin-top: -122px;}
	#lNavi ul li#lNavi02 ul li a:hover {
		margin-left: -160px;
	}

/* active */
body.marinelNavi01 #lNavi ul li#lNavi02 ul li#lNavi02_01 a,
body.marinelNavi02 #lNavi ul li#lNavi02 ul li#lNavi02_02 a,
body.marinelNavi03 #lNavi ul li#lNavi02 ul li#lNavi02_03 a,
body.marinelNavi04 #lNavi ul li#lNavi02 ul li#lNavi02_04 a {
	margin-left: -160px;
}

/* !lNavi hidden
---------------------------------------------------------- */
#lNavi ul li#lNavi01 ul,
#lNavi ul li#lNavi02 ul {
	display: none;
}

/* companylNavi kaso */
body.companylNaviTop #lNavi ul li#lNavi01 ul,
body.companylNavi01  #lNavi ul li#lNavi01 ul,
body.companylNavi02  #lNavi ul li#lNavi01 ul,
body.companylNavi03  #lNavi ul li#lNavi01 ul {
	display: block;
}

/* marinelNaviTop kaso */
body.marinelNaviTop #lNavi ul li#lNavi02 ul,
body.marinelNavi01  #lNavi ul li#lNavi02 ul,
body.marinelNavi02  #lNavi ul li#lNavi02 ul,
body.marinelNavi03  #lNavi ul li#lNavi02 ul,
body.marinelNavi04  #lNavi ul li#lNavi02 ul {
	display: block;
}

/* !mainimg
---------------------------------------------------------- */
#mainimg {
	position: relative;
	margin-bottom: 120px;
}
	#mainimg img {
		width: 100%;
		height: auto;
	}
#mainimg .ico01 {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: -70px;
}
	#mainimg .ico01 img {
		max-width: 1250px;
		width: 100%;
		width: 100%;
		height: auto;
		max-height: 258px;
	}

#mainimg #plant01 {
	position: absolute;
	left: 0;
	bottom: -325px;
}

/* !contents
---------------------------------------------------------- */
#contentsWrap {
	overflow: hidden;
	*zoom: 1;
	text-align: left;
	position: relative;
	z-index: 10;
}
	#contents {
		width: 764px;
		margin: 0 auto;
		text-align: left;
		position: relative;
		z-index: 20;
	}

/* top */
body.top #contentsWrap {
	background: url(../../images/bg_mountain01.png) right bottom no-repeat;
}

/* contactlNaviTop */
body.contactlNaviTop #contentsWrap {
	position: relative;
}
body.contactlNaviTop #contentsWrap #plant01 {
	position: absolute;
	left: 0;
	top: 120px;
}
body.contactlNaviTop #contents {
	min-height: 450px;
}

/* policyTop */
body.policyTop #contentsWrap {
	position: relative;
}
body.policyTop #contentsWrap #plant03 {
	position: absolute;
	left: 0;
	top: 0;
}

/* !footer
---------------------------------------------------------- */
/* footerWrap */
#footerWrap {
	width: 100%;
	min-width: 1006px;
	text-align: left;
	position: relative;
	padding: 45px 0 40px 0;
	height: 15px;
	background: url(../images/bg/bg_footer01.gif) left top repeat;
}
#footer {
	margin: 0 40px;
	min-width: 1006px;
	line-height: 1;
	font-size: 0;
}

#footerIn {
	display: block;
	min-height: 1%;
}
#footerIn:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}

	#footerLinks {
		float: left;
		width: 300px;
	}
		#footerLinks li {
			display: inline-block;
			margin-right: 30px;
			padding-right: 30px;
			background: url(../images/footer/bg_01.gif) right top no-repeat;
		}
		#footerLinks li.last {
			margin-right: 0;
			padding-right: 0;
			background: none;
		}

#footerLinks li a {
	outline: none;
}

#footerLinks li#footerBtn01 a {
	display:block;
	overflow:hidden;
	width: 111px;
	height: 15px;
	background: url(../images/footer/btn_01.png) 0 0 no-repeat;
	text-indent: -9999px;
}
#footerLinks li#footerBtn01 a:hover {
	background-position: 0 -15px;
}

#footerLinks li#footerBtn02 a {
	display:block;
	overflow:hidden;
	width: 113px;
	height: 15px;
	background: url(../images/footer/btn_02.png) 0 0 no-repeat;
	text-indent: -9999px;
}
#footerLinks li#footerBtn02 a:hover {
	background-position: 0 -15px;
}

#copyright {
	float: right;
	width: 430px;
	text-align: right;
}

/* bg */
#bgHeader01 {
	position: absolute;
	left: 0;
	top: -232px;
	z-index: 1;
}
#plant02 {
    position: absolute;
    right: 0;
    top: -267px;
    z-index: 1;
}

/* !pageTop
---------------------------------------------------------- */
#pageTop {
	position: absolute;
	left: 65px;
	top: -48px;
	z-index: 100;
}
#pageTop {
	height: 12px;
	overflow: hidden;
}
	#pageTop a {
		display: block;
		height:24px;
	}
	#pageTop a:hover {
		margin-top: -12px;
	}

/* !h(n)eading
---------------------------------------------------------- */
.h2_basic01 {
	padding-top: 20px;
}

.h3_basic01 {
	margin: 60px 0 30px;
}
.h3_basic02 {
	margin-top: 60px;
}

.h4_basic01,
.h4_basic02 {
	font-size: 117%;
	font-weight: bold;
	color: #000;
}
.h4_basic01 {
	margin: 30px 0 10px;
}
.h4_basic02 {
	margin: 30px 0 10px;
	border-top: 1px solid #e1dccd;
	padding-top: 30px;
}

/* !Section
---------------------------------------------------------- */
.section {
	border-bottom: 1px solid #e1dccd;
	padding-bottom: 60px;
}