@charset "utf-8";

/*=========================================================
	[ nav_global.css ]
	Global navigation style
	date - creation:2012-06-18 // update:2012-06-18
=========================================================*/

/*=========================================================
	index
		1. Layout
		2. global navigation
		3. package navigation
=========================================================*/

/* 1. Layout
=========================================================*/

#navInner{
	margin:0 auto;
	padding: 0;
	display:block;		
/*	position:fixed;*/
	top:88px;
	background:url(/common2/images/for_globalnavi_background.jpg) repeat-x;
	width:100%;
	height:40px;
	text-align:center;
	z-index:2;	
}
	

ul#navGlobal{
	margin:0 auto;
	padding: 0;
	font-size:13px;
	width:900px;
	height:40px;
	letter-spacing:.1em;	
	list-style:none;
	overflow:hidden;

}


ul#navGlobal a:hover{
	text-decoration:none;}
	


/* 2. global navigation
=========================================================*/
#navGlobal li{
	color:#FFF;
	display:block;
	float:left;
	padding:0;
	border:0;
}
#navGlobal a{
	line-height:2.8;
	height:40px!important;
	color: #FFF;
	text-align:center;
	display:block;
	margin:0;
	padding:2px 0 0;
	height:0;
	overflow:hidden;
	background-repeat:no-repeat;
	background-image:url(/common2/images/nav_global.jpg);
}
#navGlobal li{width:150px;}


#navGlobal .technology a{background-position:0 0;}
#navGlobal .solutions a{background-position:-150px 0;}
#navGlobal .case a{background-position:-300px 0;}
#navGlobal .event a{background-position:-450px 0;}
#navGlobal .packages a{background-position:-600px 0;}
#navGlobal .msi a{background-position:-750px 0;}
/* hover */
/*#navGlobal a:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: “alpha( opacity=70 )”;
}*/

#navGlobal .technology a:hover{background-position:0 -40px;}
#navGlobal .solutions a:hover{background-position:-150px -40px;}
#navGlobal .case a:hover{background-position:-300px -40px;}
#navGlobal .event a:hover{background-position:-450px -40px;}
#navGlobal .packages a:hover{background-position:-600px -40px;}
#navGlobal .msi a:hover{background-position:-750px -40px;}

/* nowhere */
#technology #navGlobal .technology a{background-position:0 -40px;}
#solutions #navGlobal .solutions a{background-position:-150px -40px;}
#case #navGlobal .case a{background-position:-300px -40px;}
#event #navGlobal .event a{background-position:-450px -40px;}
#packages #navGlobal .packages a{background-position:-600px -40px;}
#msi #navGlobal .msi a{background-position:-750px -40px;}


/* 3. package navigation
=========================================================*/

#packNavi {
	display: block;
	position: absolute;
	top: 122px;
	left: 10px;
	width: 630px;
	height: 33px;
}

#packageheader{
	position:relative;
	padding:0;
	margin:-16px 0 20px -16px!important;
	z-index:1;	
	}
#packNavi a{
	text-decoration:none;
	color:#333333;
	font-weight:bold;
	display:block;
	height:9px;
	float:left;
	padding:12px 15px;
	margin-right:5px;
	background:url(../../common2/images/for_pack_pagenavi.jpg) repeat-x;}
#packNavi a:hover{
	color:#57809B;
	}
#packNavi a.active{
	background:#000;
	color:#FFF;}

#packNavi li{
	display:inline;}


/* 4. pickup navigation
=========================================================*/
ul#navPickup{
	height:40px;
	margin-bottom:20px!important;
	clear:both;}

#navPickup li{
	list-style:none;
	float:left;
	padding:0;
	border:0;
}
#navPickup a{
	color:#333;
	font-weight:bold;
	text-align:center;
	line-height:2.8;
	height:37px!important;
	display:block;
	margin:0;
	padding:3px 0 0;
	height:0;
	overflow:hidden;
	background-repeat:no-repeat;
	background-image:url(/common2/images/top_navi.jpg);
}
#navPickup a:hover{
	color:#57809B;
	text-decoration:none;
}
#navPickup .mining a{background-position:0 0; width:177px; text-indent:27px;}
#navPickup .industry a{background-position:-177px 0; width:160px; text-indent:30px;}
#navPickup .case a{background-position:-337px 0; width:142px; text-indent:20px;}
#navPickup .qa a{background-position:-479px 0; width:141px; text-indent:9px;}
/* hover */
/*#navGlobal a:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: “alpha( opacity=70 )”;
}*/

#navPickup .mining a:hover{background-position:0 -40px;}
#navPickup .industry a:hover{background-position:-177px -40px;}
#navPickup .case a:hover{background-position:-337px -40px;}
#navPickup .qa a:hover{background-position:-479
px -40px;}