﻿
@charset "UTF-8";


#com_header_outer{
	width:100%;
	height:100px;
	background-color:#FFF;
	position:absolute;
	left:0;
	top:0;
	border-top:#0074bf 5px solid;
	z-index:9;
}

#com_header{
	height:100%;
	width:1200px;
	position:relative;
	border:none;
	margin-top:5px;
	margin:0 auto;
}

#com_header_right{
	margin-right:10px;
}

#mega_header{
	display:block;
	position:absolute;
	left:0;
	top:75px;
	z-index:10;
	height:46px;
	width:100%;
	background-color:#0073BE;
	margin-bottom:100px;
}


#mega_after:after{
	content:"";
	position:relative;
	display:block;
	margin-top:0;
}


#mega_header ul{
	display:block;
	height:100%;
	width:1200px;
	margin:0 auto;
}

#mega_header ul li{
	display:inline-block;
	height:46px;
	line-height:46px;
	text-align:center;
	margin:0;
	float:left;width:16.66% !important;
	

}



#mega_home{
	width:85px;
}
#mega_pi{
	width:120px;
}
#mega_doc{
	width:160px;
}
#mega_oi{
	width:120px;
}
#mega_about{
	width:124px;
}
#mega_support{
	width:194px;
}
#mega_recruit{
	width:120px;
}


#mega_header ul li a{
	color:#FFF;
	width:100%;
	font-weight:bold;
}
#mega_header ul li a:hover{
	display:block;
	height:100%;
	width:100%;
	background-color:#003;
}

/*-----for IE7-------*/
#mega_header ul li{
	*display:inline;
	*zoom:1;
}
#slides_area{
	*margin-top:101px;
}
#mega_about{
	*width:147px;
}

.toppane{
	*margin-top:100px;
}

/*------------end*/


/*menu---------------*/

.mg_h{
	font-weight:bold;
	font-size:20px;
	line-height:22px;
	color:#0074bf;
	margin-right:15px;
}

.mg_showall{
	display:inline-block;
	background:url(../img/arrow.png) no-repeat 0 50%;
	height:16px;
	text-indent:16px;
	margin-right:15px;
	margin-bottom:10px;
}

.mega_menu{
	position:absolute;
	border:#012136 20px solid;
	z-index:100;
	background-color:#FFF;
	padding:20px;
}

.mega_menu:after {
    content: "";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
}

/*\*/
* html .mega_menu{
    height: 0em;
    overflow: visible;
}
/**/

.mega_menu a{
	color:#333;
	font-size:12px;
}
.mega_menu a:hover{
	color:#0074bf;
}



#pane_mega_pi{
	width:860px;
	margin-left:20px;
}

#pane_mega_doc{
	width:860px;
	margin-left:20px;
}

#pane_mega_oi{
	width:420px;
	margin-left:220px;
}

#pane_mega_about{
	width:420px;
	margin-left:220px;
}
#pane_mega_support{
	width:860px;
	margin-left:200px;
}
#pane_mega_recruit{
	width:220px;
	margin-left:660px;
}



#bk_mega{
	position:absolute;
	z-index:100;
	text-indent:-9999px;
	height:16px;
	width:20px;
	background:url(../img/bk_mega.png) no-repeat 0 0;

}



.mg_tbl{
display:table;
border-collapse:collapse;
}

.mg_tbl span,
.mg_tbl a
{
	display:table-cell;
	height:80px;
	border-bottom:#0074bf 1px solid;
	vertical-align:middle;
}
.mg_tbl span{
	width:45px;
}

.mg_tbl a{
	width:115px;
	padding-left:5px;
	color:#333;
	border-right:#FFF 10px solid;
	line-height:14px;
}
.mg_tbl a.last{
	border-right:none;
}

.mg_tbl a.to_other{
	margin:0;
	border:none;
	width:165px;
}
.mg_tbl a.to_other span{
	display:block;
	padding:0;
	margin:0;
	color:#FFF;
	border:none;
	width:100%;
	height:30px;
	line-height:30px;
	text-indent:20px;
	background-color:#0074bf;
	background-image:url(../img/arrow_equipment.png);
	background-repeat:no-repeat;
	background-position:90% 50%;
}
.mg_tbl a.to_other span:hover{
	background-color:#3390CB;
}

/*-----for IE7-------*/
.mg_h{
	*float:left;
}
.mg_showall{
	*display:inline;
	*margin-top:5px;
}
.mg_tbl{
	*display:block;
	*height:82px;
	*margin-top:0;
}
.mg_tbl span, .mg_tbl a{
	*display:inline;
	*float:left;
	*border-bottom:#0074bf 1px solid;
}
.mg_tbl a{
	*margin-top:20px;
	*height:60px;
	*width:110px;	
}

.mg_tbl a.to_other{
	*margin-left:5px;
	*width:160px;
	*margin-top:25px;
}

/*-----------end*/

.mg_pane_area{
	display:block;
	margin-top:40px;
	height:125px;
}

.mg_pane{
	display:block;
	float:left;
	width:200px;
	height:100px;
	margin-right:10px;
}

.mg_pane .mgpane_img{
	display:block;
	width:198px;
	height:78px;
	text-indent:-9999px;
	border:#CCC 1px solid;
}

.mg_pane .link{
	display:block;
	line-height:16px;
	background:url(../img/arrow.png) no-repeat 0 2px;
	padding-left:15px;
	margin-top:2px;
}

.mg_pane .link_recruit{
	display:block;
	line-height:16px;
	background:url(../img/arrow.png) no-repeat 0 2px;
	padding-left:15px;
	margin-top:2px;
        margin-left:12px;
}

.mg_pane .newprod{
	background:url(../img/btn_mega_newproducts.jpg) no-repeat 0 0;
}
.mg_pane .newprod:hover{
	background:url(../img/btn_mega_newproducts_on.jpg) no-repeat 0 0;
}
.mg_pane .selection{
	background:url(../img/btn_mega_selection.jpg) no-repeat 0 0;
}
.mg_pane .selection:hover{
	background:url(../img/btn_mega_selection_on.jpg) no-repeat 0 0;
}
.mg_pane .solutions{
	background:url(../img/btn_mega_solutions.jpg) no-repeat 0 0;
}
.mg_pane .solutions:hover{
	background:url(../img/btn_mega_solutions_on.jpg) no-repeat 0 0;
}
.mg_pane .subject{
	background:url(../img/btn_mega_subject.jpg) no-repeat 0 0;
}
.mg_pane .subject:hover{
	background:url(../img/btn_mega_subject_on.jpg) no-repeat 0 0;
}
.mg_pane .pg{
	background:url(../img/btn_mega_pg.jpg) no-repeat 0 0;
}
.mg_pane .pg:hover{
	background:url(../img/btn_mega_pg_on.jpg) no-repeat 0 0;
}
.mg_pane .discon{
	background:url(../img/btn_mega_discon.jpg) no-repeat 0 0;
}
.mg_pane .discon:hover{
	background:url(../img/btn_mega_discon_on.jpg) no-repeat 0 0;
}

.mg_pane .p_movie{
	background:url(../img/btn_mega_movie.jpg) no-repeat 0 0;
}
.mg_pane .p_movie:hover{
	background:url(../img/btn_mega_movie_on.jpg) no-repeat 0 0;
}


.mg_pane .select{
	background:url(../img/btn_mega_modelselection.jpg) no-repeat 0 0;
}
.mg_pane .select:hover{
	background:url(../img/btn_mega_modelselection_on.jpg) no-repeat 0 0;
}
.mg_pane .cad{
	background:url(../img/btn_mega_cad.jpg) no-repeat 0 0;
}
.mg_pane .cad:hover{
	background:url(../img/btn_mega_cad_on.jpg) no-repeat 0 0;
}
.mg_pane .manual{
	background:url(../img/btn_mega_manual.jpg) no-repeat 0 0;
}
.mg_pane .manual:hover{
	background:url(../img/btn_mega_manual_on.jpg) no-repeat 0 0;
}
.mg_pane .manifold{
	background:url(../img/btn_mega_manifold-j.jpg) no-repeat 0 0;
}
.mg_pane .manifold:hover{
	background:url(../img/btn_mega_manifold_on-j.jpg) no-repeat 0 0;
}

.mg_pane .network{
	width:196px;
	background:url(../img/btn_mega_global.jpg) no-repeat 0 0;
}
.mg_pane .network:hover{
	background:url(../img/btn_mega_global_on.jpg) no-repeat 0 0;
}
.mg_pane .international{
	width:196px;
	background:url(../img/btn_mega_guide.jpg) no-repeat 0 0;
}
.mg_pane .international:hover{
	background:url(../img/btn_mega_guide_on.jpg) no-repeat 0 0;
}

.mg_pane .about{
	width:196px;
	background:url(../img/btn_mega_about.jpg) no-repeat 0 0;
}
.mg_pane .about:hover{
	background:url(../img/btn_mega_about_on.jpg) no-repeat 0 0;
}
.mg_pane .ir{
	width:196px;
	background:url(../img/btn_mega_investor.jpg) no-repeat 0 0;
}
.mg_pane .ir:hover{
	background:url(../img/btn_mega_investor_on.jpg) no-repeat 0 0;
}

.mg_pane .sales{
	width:196px;
	background:url(../img/btn_mega_kyoten-j.jpg) no-repeat 0 0;
}
.mg_pane .sales:hover{
	background:url(../img/btn_mega_kyoten_on-j.jpg) no-repeat 0 0;
}

.mg_pane .seminar{
	width:196px;
	background:url(../img/btn_mega_seminar-j.jpg) no-repeat 0 0;
}
.mg_pane .seminar:hover{
	background:url(../img/btn_mega_seminar_on-j.jpg) no-repeat 0 0;
}


.mg_pane .faq{
	width:196px;
	background:url(../img/btn_mega_faq.jpg) no-repeat 0 0;
}
.mg_pane .faq:hover{
	background:url(../img/btn_mega_faq_on.jpg) no-repeat 0 0;
}
.mg_pane .ts{
	width:196px;
	background:url(../img/btn_mega_trouble.jpg) no-repeat 0 0;
}
.mg_pane .ts:hover{
	background:url(../img/btn_mega_trouble_on.jpg) no-repeat 0 0;
}

.mg_pane .recruit{
	width:196px;
        margin-left:12px;
	background:url(../img/btn_mega_recruit.jpg) no-repeat 0 0;
}
.mg_pane .recruit:hover{
	background:url(../img/btn_mega_recruit_on.jpg) no-repeat 0 0;
}

/* added SDL 190521 */
@media screen and (max-width:767px) {
    #mega_header {
        display: none;
    }
}








