@charset "utf-8";


/* ----------------------------------------------------------
 Frameworks
-----------------------------------------------------------*/
	
body {
	background: transparent url("/common/images/bgBody.gif") repeat-x center top;
	}
	.categoryTop { background: transparent url("/common/images/bgBody-categoryTop.gif") repeat-x center top; }
	
	#container {
		/* over */
		overflow: hidden;
		min-width: 1000px;
		height: auto !important;
		height: 100%;  
		min-height: 100%;
		text-align: center;
		
		/*- footer -*/
		position: relative;
		height: auto !important;
		height: 100%;  
		min-height: 100%;
		}
		
		#container header ,
		#container footer #footerNav {
			width: 1000px;
			margin: 0 auto;
			text-align: left;
			}


/*-----------------------------------------------------------
 Search
-----------------------------------------------------------*/


/*-----------------------------------------------------------
 Header
-----------------------------------------------------------*/

header {
	}

/*---------- Logo ----------*/

header h1 {
	float: left;
	margin: 0 0 1px;
	}
	header h1 img {
		width: 236px; height: 122px;
		}
		


/*---------- headerNav ----------*/

header #headerNav {
	float: right;
	}
	/* hnSite */
	header #headerNav ul#hnSite {
		float: left;
		margin: 3px 0 0;
		}
		header #headerNav ul#hnSite li {
			float: left;
			}
			header #headerNav ul#hnSite li a {
				width: 161px; height: 48px;
				display: block;
				line-height: 48px;
				color: #333;
				text-align: center;
				text-decoration: none;
				border-right: 1px solid #ccc;
				transition: all ease-out .2s;
				}
				header #headerNav ul#hnSite li a span { font-size: 18px; }
				
				.corporate header #headerNav ul#hnSite li#hnCorporate a ,
				.machinery header #headerNav ul#hnSite li#hnMachinery a ,
				.chemical  header #headerNav ul#hnSite li#hnChemical  a { color: #fff; background: #004690; }
				header #headerNav ul#hnSite li a:hover { background: #eee; }
	
	/* hnPurpose */
	header #headerNav ul#hnPurpose {
		float: left;
		margin: 3px 0 0;
		}
		header #headerNav ul#hnPurpose > li {
			float: left;
			}
			header #headerNav ul#hnPurpose > li > a ,
			header #headerNav ul#hnPurpose > li p a {
				width: 60px; height: 48px;
				display: block;
				padding: 26px 0 0;
				color: #004690;
				font-size: 11.4px;
				text-align: center;
				text-decoration: none;
				border-right: 1px solid #ccc;
				transition: all ease-out .2s;
				}
				header #headerNav ul#hnPurpose li#hnSearch   > a { background: transparent url("/common/images/icoSearch.png") no-repeat center 2px; }
				header #headerNav ul#hnPurpose li#hnEnglish  > a { background: transparent url("/common/images/icoEarth.png")  no-repeat center 2px; }
			
				header #headerNav ul#hnPurpose > li > a:hover ,
				header #headerNav ul#hnPurpose > li p a:hover { background-color: #eee !important; }
				
				header #headerNav ul#hnPurpose li#hnDrawer { display: none; }
			
			header #headerNav ul#hnPurpose li#hnSearch {
				position: relative;
				}
				header #headerNav ul#hnPurpose li#hnSearch #searchBox {
				position: absolute;
				top: 49px; right: 0;
				width: 500px; height: 43px;
				padding: 5px;
				background: #004690 url("/common/images/icon_loader.gif") no-repeat center center;
				}
				
				
				





			header #headerNav ul#hnPurpose > li#hnInquiry,
			header #headerNav ul#hnPurpose > li#hnEnglish,
			header #headerNav ul#hnPurpose > li#hnJapanese {
				position: relative;
				}
				header #headerNav ul#hnPurpose > li#hnInquiry > a {
					background: transparent url("/common/images/icoMail.png")  no-repeat center 5px;
					}
				/*
				header #headerNav ul#hnPurpose > li#hnInquiry ul {
					display: none;
					}*/


				header #headerNav ul#hnPurpose li#hnInquiry,
				header #headerNav ul#hnPurpose li#hnEnglish,
				header #headerNav ul#hnPurpose li#hnJapanese {
					position: relative;
					}
				
				header #headerNav ul#hnPurpose li#hnInquiry ul,
				header #headerNav ul#hnPurpose li#hnEnglish ul,
				header #headerNav ul#hnPurpose li#hnJapanese ul {
						position: absolute;
						top: 48px; right: 0;
						width: 300px; height: 100px;
						background: red;
					}
				header #headerNav ul#hnPurpose li#hnEnglish ul,
				header #headerNav ul#hnPurpose li#hnJapanese ul {
          width: 200px;
        }
				
				header #headerNav ul#hnPurpose li#hnInquiry ul li,
				header #headerNav ul#hnPurpose li#hnEnglish ul li,
				header #headerNav ul#hnPurpose li#hnJapanese ul li {
					float: none;
					width: auto;
					padding: 0;
					background: none;
					
					float: left;
					}
				header #headerNav ul#hnPurpose li#hnEnglish ul li,
				header #headerNav ul#hnPurpose li#hnJapanse ul li {
          width: auto;
          float: none;
        }
					header #headerNav ul#hnPurpose li#hnInquiry ul li a,
					header #headerNav ul#hnPurpose li#hnEnglish ul li a,
					header #headerNav ul#hnPurpose li#hnJapanese ul li a {
						height: auto;
						display: inline;
						margin: 0;
						line-height: 1em;
						color: #fff;
						text-align: center;
						background: none;
						
						display: block;
						width: 150px; height: 50px;
						line-height: 50px;
						background: #004690 !important;
						color: #fff !important;
						border: 1px solid #fff;
						border-top: none;
						}
					header #headerNav ul#hnPurpose li#hnEnglish ul li a,
					header #headerNav ul#hnPurpose li#hnJapanese ul li a {
            width: 200px;
          }
					header #headerNav ul#hnPurpose li#hnInquiry ul li a:hover,
					header #headerNav ul#hnPurpose li#hnEnglish ul li a:hover,
					header #headerNav ul#hnPurpose li#hnJapanese ul li a:hover { background: #013266 !important; }




/*---------- globalNav ----------*/

header #globalNav {
	float: left;
	width: 764px;
	background: #eee;
	}
	header #globalNav ul {
		margin: 0;
		}
		header #globalNav ul li {
			float: left;
			width: 152.8px;
			padding: 0 0 0 2px;
			background: transparent url("/common/images/lineGlobalNav.gif") no-repeat left center;
			}
			header #globalNav ul li a {
				height: 71px;
				display: block;
				margin: 0 2px 0;
				line-height: 68px;
				color: #011a43;
				text-align: center;
				background: #eee url("/common/images/btnGlobalNav_d.gif") repeat-x center center;
				transition: all ease-out .3s;
				}
				.company         header #globalNav ul li#gnCompany     a ,
				.ir              header #globalNav ul li#gnIr          a ,
				.environment     header #globalNav ul li#gnEnvironment a ,
				.recruit         header #globalNav ul li#gnRecruit     a ,
				.inquiry.wideCnt header #globalNav ul li#gnInquiry     a {
					color: #004690;
					background: #fff url("/common/images/icoArrow_bottom.gif") no-repeat center 55px;
					}
				
				header #globalNav ul li a:hover {
					text-decoration: none;
					background: #fff;
					}
				




/*-----------------------------------------------------------
 Main Visual
-----------------------------------------------------------*/

#mainVisual {
	position: relative;
	height: 476px;
	overflow: hidden;
	}


/*---------- mvScreen ----------*/

#mainVisual ul#mvScreen {
	margin: 0;
	}
	#mainVisual ul#mvScreen li {
		}
		#mainVisual ul#mvScreen li a ,
		#mainVisual ul#mvScreen li span {
			height: 476px;
			display: block;
			text-indent: -99999px;
			transition: all ease-out .3s;
			}
			#mainVisual ul#mvScreen li#msCorporate span { background: transparent url("/images/msCorporate.jpg") no-repeat center top; }

			#mainVisual ul#mvScreen li a:hover    ,
			#mainVisual ul#mvScreen li span:hover {
				}


/*---------- mvNav ----------*/

#mainVisual ul#mvNav {
	position: absolute;
	left: 50%; bottom: 100px;
	margin: 0 0 0 -490px;
	z-index: 10;
	}
	#mainVisual ul#mvNav li {
		float: left;
		width: 13px; height: 13px;
		margin: 0 10px 0 0;
		text-indent: -99999px;
		background: #ccc;
		border: 4px solid #fff;
		border-radius: 8px;
		transition: all ease-out .3s;
		cursor: pointer;
		}
		#mainVisual ul#mvNav li:hover   { background: #999; }
		#mainVisual ul#mvNav li.current { background: #004690; border: 3px solid #fff; }


/*-----------------------------------------------------------
 Contents
-----------------------------------------------------------*/

#contents {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	}
	.cntFrame {
		width: 1000px;
		margin: 0 auto;
		}

/*---------- topicPath ----------*/

#contents ol#topicPath {
	width: 1000px;
	margin: 0 auto 25px; padding: 0;
	text-align: left;
	font-size: 80%; /* 12px */
	}
	#contents ol#topicPath li {
		display: inline-block;
		line-height: 39px;
		margin-right: 5px;
		}
		#contents ol#topicPath li a,
		#contents ol#topicPath li span ,
		#contents ol#topicPath li#selectList  {
			padding-right: 15px;
			background: transparent url("/common/images/icoArrow-line_s.gif") no-repeat right center;
			}


/*-----------------------------------------------------------
 Category Title
-----------------------------------------------------------*/


#contents > h2 {
	height: 120px;
	padding: 42px 0 0 10px;
	font-size: 25px;
	line-height: 0.75em;
	text-align: left;
	}
	#contents > h2 span {
		font-size: 12px;
		color: #26498a;
		}

#contents #categoryTitle {
	height: 350px;
	margin: 0; padding: 110px 0 0 10px;
	}
	#coIndex #contents #categoryTitle { padding-top: 130px; }
	
	#contents #categoryTitle h2 {
		margin: 0 0 15px;
		font-size: 25px;
		line-height: 0.75em;
		text-align: left;
		}
		#contents #categoryTitle h2 span {
			font-size: 12px;
			color: #26498a;
			}



/*-----------------------------------------------------------
 Primary
-----------------------------------------------------------*/

#primary {
	float: left;
	width: 750px;
	}
	.categoryTop #primary ,
	.wideCnt     #primary {
		float: none;
		width: auto;
		}
	
	h3 {
		margin: 0 0 15px; padding: 5px 0 15px;
		font-size: 24px;
		border-bottom: 1px solid #ccc;
		}
	h4 {
		margin: 30px 0;
		font-size: 20px;
		color: #26498a;
		text-align: center;
		/*text-shadow: 0 0 0.1px #627fb4;*/
		text-shadow: 0 0 0.1px #96acd4;
		}
	h5 {
		margin: 30px 0 10px; padding: 0 0 0 25px;
		font-size: 18px;
		background: transparent url("/common/images/icoSquare.gif") no-repeat 5px 9px;
		}
	
	
	section  ,
	.section { margin: 0 0 40px; }
	
	.visLead {
		margin: 0 0 10px;
		text-align: center;
		}
	.txtLead {
		margin: 0 0 10px; padding: 10px 20px 12px;
		font-size: 19px;
		line-height: 1.6em;
		text-align: center;
		background: transparent url("/common/images/bgSlash-gray.gif");
		}


/*-----------------------------------------------------------
 Primary > layout
-----------------------------------------------------------*/

/*---------- indexList ----------*/
.indexList {
	}
	.indexList > dl {
		float: left;
		width: 340px; min-height: 170px;
		margin: 0 0 10px;
		background: transparent url("/common/images/bgDotted-vertical.gif") repeat-y 330px top;
		}
		.indexList > dl:nth-of-type(3n) { width: 320px; }
		.indexList > dl:nth-of-type(3n+4) { clear: both; }
		
		
		.indexList dl dt {
			float: left;
			margin: 0 9px 0 0;
			}
			.indexList dl dt a img {
				transition: all ease-out .3s;
				}
				.indexList dl dt a:hover img { box-shadow: 0px 0px 10px rgba(0,0,0,0.3),0px 0px 5px rgba(0,0,0,0.3); }
			
		
		.indexList dl dd {
			float: left;
			width: 180px;
			padding: 35px 0 0;
			}
			#container #contents .indexList dl dd h3 {
				margin: 0 0 8px;
				font-size: 18px;
				padding: 10px 0 0;
				border: none;
				}
			.indexList dl dd p  ,
			.indexList dl dd ul {
				margin: 0;
				line-height: 1.5em;
				}
				.indexList dl dd ul li {
					padding: 0 0 0 15px;
					background: transparent url("/common/images/icoArrow.gif") no-repeat left 0.45em;
					}

/*---------- inqBox ----------*/
section.inqBox {
	}
	section.inqBox {
		border: 1px solid #ccc;
		padding: 10px;
		}
		section.inqBox h4 {
			margin: 0 0 10px;
			padding: 5px 0;
			background: #26498a;
			color: #fff;
			font-weight: normal;
			font-size: 14px;
			}
		section.inqBox .btnBox {
				margin: 0;
				padding: 10px;
				background: #eee;
			}
			section.inqBox .btnBox a {
					margin: 0 auto;
				}


/*-----------------------------------------------------------
 Secondary
-----------------------------------------------------------*/

#secondary {
	float: right;
	width: 230px;
	text-align: left;
	}
	
	/*---------- localNav ----------*/
	
	#secondary #localNav {
		}
		#secondary #localNav > dl {
			}
			#secondary #localNav > dl > dt {
				margin: 0 0 1px;
				}
				#secondary #localNav > dl > dt > a {
					padding: 20px 5px;
					display: block;
					font-size: 128%;
					color: #fff;
					text-align: center;
					background: #666;
					transition: all ease-out .3s;
					}
					#secondary #localNav > dl > dt > a:hover { background: #333; text-decoration: none; }
					
			#secondary #localNav > dl > dd {
				padding: 1px 0 2px;
				background: transparent url("/common/images/bgDotted.gif") repeat-x left bottom;
				}
				#secondary #localNav > dl > dd > a {
					padding: 14px 5px 14px 34px;
					display: block;
					color: #333;
					background: transparent url("/common/images/icoArrow.gif") no-repeat 12px 24px;
					transition: all ease-out .3s;
					}
					#secondary #localNav dl dd a:hover { background-color: #eee; background-position: 16px 24px; }
				
				
				#secondary #localNav > dl > dd dl {
					margin: 0 0 10px;
					}
					#secondary #localNav > dl > dd dl dt {
						padding: 0 0 2px;
						background: transparent url("/common/images/bgDotted.gif") repeat-x left bottom;
						}
						#secondary #localNav > dl > dd dl dt span ,
						#secondary #localNav > dl > dd dl dt a    {
							padding: 14px 5px 14px 34px;
							display: block;
							color: #333;
							background: transparent url("/common/images/icoArrow_bottom.gif") no-repeat 11px 25px;
							transition: all ease-out .3s;
							}
							#secondary #localNav > dl > dd dl dt a:hover { background-position: 11px 25px; }
					
					#secondary #localNav > dl > dd dl dd {
						}
						#secondary #localNav > dl > dd dl dd a {
							padding: 4px 5px 4px 24px;
							display: block;
							color: #333;
							background: transparent url("/common/images/icoArrow-blue.gif") no-repeat 10px 15px;
							transition: all ease-out .3s;
							}
							#secondary #localNav > dl > dd dl dd a:hover { background-position: 13px 15px; }
							
							#secondary #localNav p#lnCentnio {
								margin-top: 25px;
								transition: all ease-out .3s;
							}
							#secondary #localNav p#lnCentnio:hover {
								box-shadow: 0px 0px 10px rgb(0 0 0 / 30%), 0px 0px 5px rgb(0 0 0 / 30%);
							}
				


/*-----------------------------------------------------------
 Footer
-----------------------------------------------------------*/

footer {
	margin: 20px 0 0; padding: 23px 0 28px;
	color: #fff;
	background: #26498a;
	}
	footer #footNav {
		width: 980px;
		margin: 0 auto;
		text-align: left;
		font-size: 14px;
		}
		footer #footNav a { color: #fff; }
		
		footer #footNav dl {
			float: left;
			width: 320px;
			margin: 0 10px 15px 0;
			}
			footer #footNav dl dt {
				margin: 0 0 10px;
				}
				footer #footNav dl dt a {
					display: block;
					padding: 5px 15px;
					background: #183a77 url("/common/images/icoArrow-white.gif") no-repeat 5px center;
					}
			
			footer #footNav dl dd {
				float: left;
				width: 160px;
				}
				footer #footNav dl dd:nth-child(2n) { clear: both; }
				footer #footNav dl dd a {
					font-size: 13px;
					padding: 0 0 0 15px;
					background: transparent url("/common/images/icoArrow-white.gif") no-repeat 5px 0.45em;
					}

		footer #footNav ul {
			float: right;
			width: 320px;
			}
			footer #footNav ul li {
				margin: 0 0 10px;
				}
				footer #footNav ul li a {
					display: block;
					padding: 5px 15px;
					background: #183a77 url("/common/images/icoArrow-white.gif") no-repeat 5px center;
					}
			
			footer #footNav ul#fnBusiness {
				clear: both;
				float: none;
				width: auto;
				}
				footer #footNav ul#fnBusiness li {
					float: left;
					}
					footer #footNav ul#fnBusiness li:first-child { margin-right: 20px; }
					
					footer #footNav ul#fnBusiness li a {
						padding: 0;
						background: #183a77;
						transition: all ease-out .3s;
						}
						footer #footNav ul#fnBusiness li a:hover { background: #2a5196; }
	
	footer p#copyright {
		margin: 0;
		font-size: 11px;
		}


/*-----------------------------------------------------------
 Drawer
-----------------------------------------------------------*/

#drawer {
	display: none;
	}