/*=Recruit Navigation=*/

#recruit ul#local-nav,
#company ul#local-nav{
	position:absolute;
	width:100%;
	z-index:2;
}

#recruit ul#local-nav-back,
#company ul#local-nav-back{
	position:absolute;
	background:url(/common/images/static/tab_back.png) left top;
	width:550px;
	z-index:1;
}

*html #recruit ul#local-nav-back,
*html #company ul#local-nav-back{
	position:absolute;
	background:none;
	width:550px;
	z-index:1;
}

#recruit ul#local-nav-back,
#company ul#local-nav-back{
	position:absolute;
	background:url(/common/images/static/tab_back.png) left top;
	width:550px;
	z-index:1;
}

#recruit div.box,
#company div.box,
#company div-en.box{
	background:url(/common/images/static/tab_back.png) left top;
}

/*#recruit ul#local-nav-back li,
#recruit ul#local-nav-back li.active{
	padding:6px 10px;
}*/

#recruit ul#local-nav li,
#recruit ul#local-nav li a,
#recruit ul#local-nav li a:hover,
#recruit ul#local-nav li.active,
#company ul#local-nav li,
#company ul#local-nav li a,
#company ul#local-nav li a:hover,
#company ul#local-nav li.active{
	z-index:1;
}

#recruit ul#local-nav-back li,
#recruit ul#local-nav-back li.active,
#company ul#local-nav-back li,
#company ul#local-nav-back li.active{
	z-index:2;
}

#recruit ul#local-nav li a,
#recruit ul#local-nav li.active a,
#recruit ul#local-nav-back li a,
#recruit ul#local-nav-back li.active a,
#company ul#local-nav li a,
#company ul#local-nav li.active a,
#company ul#local-nav-back li a,
#company ul#local-nav-back li.active a{
	display:block;
	text-decoration:none;
	padding:6px 10px;
	height:100%;
}


#recruit ul#local-nav-back li,
#company ul#local-nav-back li{
	height:100%;
}

#recruit ul#local-nav li a,
#company ul#local-nav li a{
	color:#3C3228;
}

#recruit ul#local-nav li a:hover,
#company ul#local-nav li a:hover{
	background:url(/common/images/static/hover_back.png) repeat left top;
	color:#3C3228;
	height:100%;
	z-index:100;
/*	opacity:0.1;
	filter:alpha(opacity=10);
	-moz-opacity:0.10;*/
}

#recruit ul#local-nav-back li.active a,
#company ul#local-nav-back li.active a{
	color:#FFF;
/*	opacity:0.4;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;*/
}

#recruit ul#local-nav li.active a,
#company ul#local-nav li.active a{
	color:#FFF;
	background:url(/common/images/static/active_back.png) repeat left top;
/*	opacity:0.4;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;*/
}

#recruit ul#local-nav li.active a:hover,
#recruit ul#local-nav-back li.active a:hover,
#company ul#local-nav li.active a:hover,
#company ul#local-nav-back li.active a:hover{
	color:#FFF;
	background:url(/common/images/static/active_back.png) repeat left top;
/*	opacity:0.4;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;*/
}

*html #recruit ul#local-nav li.active a,
*html #company ul#local-nav li.active a{
	color:#FFF;
	background:url(/common/images/static/active_back.png) repeat left top;
}

*html #recruit ul#local-nav li.active a:hover,
*html #recruit ul#local-nav-back li.active a:hover,
*html #company ul#local-nav li.active a:hover,
*html #company ul#local-nav-back li.active a:hover{
	color:#FFF;
	background:url(/common/images/static/active_back.png) repeat left top;
}

/*=============*/

#recruit ul#local-nav li,
#recruit ul#local-nav li.active,
#recruit ul#local-nav-back li,
#recruit ul#local-nav-back li.active,
#company ul#local-nav li,
#company ul#local-nav li.active,
#company ul#local-nav-back li,
#company ul#local-nav-back li.active{
	float:left;
}

*html #company div.box,
*html #recruit div.box{
	background:url(/common/images/static/tab_back.png) repeat left top;
	width:550px;
	height:25px;
}

*html #company ul#local-nav,
*html #recruit ul#local-nav{
	z-index:2;
}

*html #company ul#local-nav-back,
*html #recruit ul#local-nav-back{
	display:none;
	height:1em;
	z-index:1;
}

*html #company ul#local-nav li#list-company-trigger,
*html #company ul#local-nav-back li#list-company-trigger,
*html #recruit ul#local-nav li#block-new-trigger,
*html #recruit ul#local-nav-back li#block-new-trigger/*,
*html #recruit ul#local-nav li#block-mid-trigger,
*html #recruit ul#local-nav-back li#block-mid-trigger*/{
	width:68px;
	height:100%;
}

*html #recruit ul#local-nav li#block-mid-trigger,
*html #recruit ul#local-nav-back li#block-mid-trigger{
	width:90px;
	height:100%;
}

*html #recruit ul#local-nav li#block-staff-trigger,
*html #recruit ul#local-nav-back li#block-staff-trigger{
	width:100px;
	height:100%;
}

*html #company .box-en ul#local-nav li#list-company-trigger,
*html #company .box-en ul#local-nav-back li#list-company-trigger{
	width:80px;
	height:100%;
}

*html #company ul#local-nav li#list-history-trigger,
*html #company ul#local-nav-back li#list-history-trigger{
	width:44px;
	height:100%;
}