/* navigation */
#navigation {width:100%;height:70px;left:0;z-index:93;position:absolute; top:40px;}
#navigation .navi_area {
	height:70px;
/*	
	min-width:1200px;
*/	
	max-width:1200px;
	margin:0 auto;
	position:relative;
	border-bottom:0px solid #e3e3e3;
}
#navigation .navi_area .logo_box {
	height:100px; 
	width:190px; 
	left:50%; 
	margin-left:-600px; 
	position:absolute; 
	z-index:94; 
	text-align:left; 
	cursor:pointer; 
	top:15px;
}

#navigation .navi_area .navi_ul {
/*	width:770px; */
	height:60px;
	overflow:hidden;
	position:absolute;
/*	left:50%;*/
	right: 0px;
	top:0;
	z-index:93;
	float:right;
/*	
	padding-left:330px;
	margin-left:-500px;
*/
}
#navigation .navi_area .navi_ul > li {width:140px;float:left;position:relative;}


#navigation .navi_area .navi_ul > li.menu1 {width:185px;float:left;position:relative;}
#navigation .navi_area .navi_ul > li.menu2 {width:185px;float:left;position:relative;}
#navigation .navi_area .navi_ul > li.menu3 {width:185px;float:left;position:relative;}
#navigation .navi_area .navi_ul > li.menu4 {width:185px;float:left;position:relative;}
#navigation .navi_area .navi_ul > li.menu5 {width:185px;float:left;position:relative;}

#navigation .navi_area .navi_ul > li.menu1_e {width:150px;float:left;position:relative;}
#navigation .navi_area .navi_ul > li.menu2_e {width:150px;float:left;position:relative;}
#navigation .navi_area .navi_ul > li.menu3_e {width:150px;float:left;position:relative;}
#navigation .navi_area .navi_ul > li.menu4_e {width:150px;float:left;position:relative;}
#navigation .navi_area .navi_ul > li.menu5_e {width:150px;float:left;position:relative;}



#navigation .navi_area .navi_ul > li.navi_line {width:140px;height:2px;background:#434641;position:absolute;left:0;top:75px;z-index:92;}
#navigation .navi_area .navi_ul li .navi_dl {overflow:hidden;}
#navigation .navi_area .navi_ul li .navi_dl dt {height:70px;position:relative;z-index:92; }
#navigation .navi_area .navi_ul li .navi_dl dt a {
	display:block;
	font-size:18px;
	color:#121b24;
	line-height:58px;
	text-align:center;
	position:relative; 
	text-decoration:none;
	letter-spacing: -0.5px;
    font-family: 'NS-B';
}

#navigation .navi_area .navi_ul li .navi_dl dt a span {padding-left:5px; font-size:10px;}

#navigation .navi_area .navi_ul li .navi_dl dt a.active {
/*	color:#434641;
	color: #001a55; */
}
#navigation .navi_area .navi_ul li .navi_dl dt a:before {
	/* width:2px;
	height:2px;
	background:#d4d4d4;
	position:absolute;
	right:0;
	top:36px;
	content:''; */
}
#navigation .navi_area .navi_ul li .navi_dl dt a.last:before {display:none;}
#navigation .navi_area .navi_ul li .navi_dl dd {height:170px;position:relative;z-index:91;opacity:0;background: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#navigation .navi_area .navi_ul li:nth-child(1) .navi_dl dd.over {top:0;opacity:1;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
#navigation .navi_area .navi_ul li:nth-child(2) .navi_dl dd.over {top:0;opacity:1;
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
#navigation .navi_area .navi_ul li:nth-child(3) .navi_dl dd.over {top:0;opacity:1;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
#navigation .navi_area .navi_ul li:nth-child(4) .navi_dl dd.over {top:0;opacity:1;
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}
#navigation .navi_area .navi_ul li:nth-child(5) .navi_dl dd.over {top:0;opacity:1;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
#navigation .navi_area .navi_ul li:nth-child(6) .navi_dl dd.over {top:0;opacity:1;
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
}

#navigation .navi_area .navi_ul li .navi_dl dd:before {content:'';width:1px;height:140px;position:absolute;right:0;top:13px;background:#e3e3e3;}
#navigation .navi_area .navi_ul.machinery li .navi_dl dd:before {content:'';width:1px;height:177px;position:absolute;right:0;top:53px;background:#e3e3e3;}
#navigation .navi_area .navi_ul.trade li .navi_dl dd:before {content:'';width:1px;height:204px;position:absolute;right:0;top:53px;background:#e3e3e3;}
#navigation .navi_area .navi_ul.explosives li .navi_dl dd:before {content:'';width:1px;height:140px;position:absolute;right:0;top:53px;background:#e3e3e3;}


#navigation .navi_area .navi_ul li .navi_dl dd.last {border-right:0;}
#navigation .navi_area .navi_ul li .navi_dl dd.last:before {display:none;}

#navigation .navi_area .navi_ul li .navi_dl dd .ico_box {width:160px;height:89px;position:relative;}
#navigation .navi_area .navi_ul li .navi_dl dd .ico_box:before {content:'';width:2px;height:2px;position:absolute;right:0;top:44px;background:#c4c4c4;}
#navigation .navi_area .navi_ul li .navi_dl dd .ico_box.last:before {display:none;}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul {overflow:hidden;}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li {text-align:center;}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li.text {margin-bottom:5px;}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li span {display:inline-block;font-size:13px;color:#333;padding:5px 0 10px 0;position:relative;}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li span:before {content:'';width:15px;height:1px;position:absolute;left:50%;bottom:0;margin-left:-7px;background:#bebebe;}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li a {
	font-size:14px;
	color:#333;
	padding:5px 0;
	line-height:18px;
	text-decoration:none; 
	display:block;
    font-family: 'NS-B;
}


#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul.sub li a {padding:10px 0;line-height:13px;}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li a.sub {font-size:12px;}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li a:hover {
	background-color:rgb(46 167 243);
	color:#fff; 
/*	border:1px solid #001a55; 
	margin-right:1px;
	margin-left:1px; 
	padding:4px 0; */
}


#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li a:focus {
/*	color:#434641;*/
	color:#001a55;
}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li a.active {
/*	color:#434641; */
	color:#001a55;
}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_ico {
	height:10px;position:relative;text-align:center;overflow:hidden;
}



#navigation .navi_layer {
	width:100%;height:0;
	position:absolute;
	left:0;top:70px;
	z-index:92;
	overflow:hidden; 
/*	background:url(/images/common/menu_bg.jpg) center bottom no-repeat;*/
	background-color:#fff;
}
#navigation .navi_layer .white_bg {height:99%;border-bottom:1px solid #e3e3e3;}
#navigation .navi_layer .shadow {height:10px;display:none;}


#navigation .navi_area .navi_ul li .navi_dl dd.on {/*background:#f0f0f0;  border-top:1px solid #434641; margin-top:-1px;*/ }
