/* 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:1400px;
	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:20px;
	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:155px;float:left;position:relative;}
#navigation .navi_area .navi_ul > li.menu2 {width:155px;float:left;position:relative;}
#navigation .navi_area .navi_ul > li.menu3 {width:155px;float:left;position:relative;}
#navigation .navi_area .navi_ul > li.menu4 {width:155px;float:left;position:relative;}
#navigation .navi_area .navi_ul > li.menu5 {width:155px;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:90px;
	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;*/ }


.mainPageTitle {
    color: #ffff;
    font-weight: bold;
    font-size:26px;
    margin:25px 0 5px 30px; 
    border-bottom:none;
    text-align:left
}
div#header,#header.t2{
	background: #11172e;
}
div#header.nav_pc {    display:block;  }
div#header.nav_mo {    display:none;   }

#header {
   position : absolute;    height: 0;
}
.tmenu {    height: 50px;  }
.tmenuS li a,#navigation .navi_area .navi_ul li .navi_dl dt a{ color:#eee; padding:8px 10px;}
.tmenuS li span a,#navigation .navi_area .navi_ul li .navi_dl dt a{    
    padding:10px 5px 5px  0;
    width:100%;
}
#navigation{ top: 10px;}
#navigation .navi_area .logo_box {
    width: 200px;
    top: 0;
    padding: 10px 0;
}
div#header.nav_mo img {
    position : absolute;
    width : 173px;
    top : 10px;
    left : 10px;
}
.tmenuS ul {
    margin: 0 10px 0 0;
}
.tmenuS li a,#navigation .navi_area .navi_ul li .navi_dl dt a{ 
    color:#eee; 
    padding:10px 5px 0;
}
#navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li a ,
.tmenuS li a,#navigation .navi_area .navi_ul li .navi_dl dt a{
    /* font-family: 'NS-B'; */
    font-weight: 500;
}
.tmenuS li a:hover {
    background: none;
}
.sns{   
    width:30px;
/*    filter: invert(1); */
}
div.tmenu_area01, 
div.tmenu_area02, 
div.tmenu_area03 {
    height: 50px;
    color: #fff;

    float:left;
}
div.tmenu_area01 {
    width:10%;
}
div.tmenu_area02 {
   width: 80%;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
    padding-top: 10px;
}
div.tmenu_area03 {
    width:10%;
}

@media (max-width:1103px){
    div#header.nav_pc {    display:none;  }
    div#header.nav_mo {    display:block;   }
    div#header.nav_mo img { width: 160px; }
    div#header.nav_mo img.logo_02 {left:115px;top:10px}
    
    div.tmenu_area01 , div.tmenu_area03 {
        display:none;
    }
   div.tmenu_area02 {
        width: 100%;
        font-size:15px;
        line-height: 50px;
        text-align: center;      padding-top: 0px;
   }
}
@media (max-width:768px){
    .tmenu {    height: 50px; }
    .sns{width:20px;filter: invert(1);}
    #navigation .navi_area .navi_ul li .navi_dl dd .navi_sub_ul li a, .tmenuS li a, #navigation .navi_area .navi_ul li .navi_dl dt a {
        font-size: 10px;
    }
    div#header.nav_mo img { width: 130px; }
    .mainPageTitle {
        font-size:20px;
        margin-top:20px;
        min-height:50px;
        margin-bottom:0px; 
        border-bottom:none;
    }
    
    .mainPageTitle._01 {
        font-size:25px;
        }
    .mainPageTitle img{
        width:100%;
    }
}