/* ------------------------------------------------------------- */
/* => navi
/* ------------------------------------------------------------- */

#navi {
	background:url(../images/en/navi-en.jpg) 0 0 no-repeat;
}
#navi ul li a {
	background:url(../images/en/navi-en.jpg) 0 0 no-repeat;
}
	#navi ul li a.home {
		width:94px;
		background-position:0 0;
	}
	#navi ul li a.home:hover {
		background-position:0 -50px;
	}
	#navi ul li.active a.home, #navi ul li.active a.home:hover {
		background-position:0 -100px;
	}
	#navi ul li a.products {
		width:127px;
		background-position:-96px 0;
	}
	#navi ul li a.products:hover {
		background-position:-96px -50px;
	}
	#navi ul li.active a.products {
		background-position:-96px -100px;
	}
	#navi ul li.active a.products:hover {
		background-position:-96px -50px;
	}
	#navi ul li a.projects {
		width:121px;
		background-position:-225px 0;
	}
	#navi ul li a.projects:hover {
		background-position:-225px -50px;
	}
	#navi ul li.active a.projects{
		background-position:-225px -100px;
	}
	#navi ul li.active a.projects:hover {
		background-position:-225px -50px;
	}
	#navi ul li a.download {
		width:135px;
		background-position:-348px 0;
	}
	#navi ul li a.download:hover {
		background-position:-348px -50px;
	}
	#navi ul li.active a.download, #navi ul li.active a.download:hover {
		background-position:-348px -100px;
	}
	#navi ul li a.news {
		width:98px;
		background-position:-485px 0;
	}
	#navi ul li a.news:hover {
		background-position:-485px -50px;
	}
	#navi ul li.active a.news, #navi ul li.active a.news:hover {
		background-position:-485px -100px;
	}
	#navi ul li a.about-us {
		width:127px;
		background-position:-585px 0;
	}
	#navi ul li a.about-us:hover {
		background-position:-585px -50px;
	}
	#navi ul li.active a.about-us, #navi ul li.active a.about-us:hover {
		background-position:-585px -100px;
	}
	#navi ul li a.contact {
		width:119px;
		background-position:-714px 0;
	}
	#navi ul li a.contact:hover {
		background-position:-714px -50px;
	}
	#navi ul li.active a.contact, #navi ul li.active a.contact:hover {
		background-position:-714px -100px;
	}
	#navi ul li a.location {
		width:113px;
		background-position:-835px 0;
	}
	#navi ul li a.location:hover {
		background-position:-835px -50px;
	}
	#navi ul li.active a.location, #navi ul li.active a.location:hover {
		background-position:-835px -100px;
	}

/* sub navi */
	
	#navi li#products-li:hover ul#sub-navi-products {
		display:block;
	}
	#navi ul li:hover a.products {
		background-position:-96px -50px;
	}
	#navi li#products-li ul#sub-navi-products {
		position:absolute;
		width:241px;
		display:none;
		z-index:2;
		height:171px;
		padding:9px 0 0 0;
		background:url(../images/sub-navi-1.jpg) 0 0 no-repeat;
	}
	#navi li ul#sub-navi-products li a {
		color:#ffffff;
		font-size:12px;
		display:block;
		width:211px;
		height:18px;
		padding:0px 0 0 30px;
		margin:3px 0 7px 0;
		line-height:normal;
		text-decoration:none;
		text-indent:0;
		background:none;
	}
		#navi li ul#sub-navi-products li a.sub-navi {
			text-indent:13px;
		}
		#navi li ul#sub-navi-products li a:hover {
			text-decoration:underline;
		}
		
	#navi li#projects-li:hover ul#sub-navi-projects {
		display:block;
	}
	#navi ul li:hover a.projects {
		background-position:-225px -50px
	}
	#navi li#projects-li ul#sub-navi-projects {
		position:absolute;
		width:241px;
		display:none;
		z-index:2;
		height:69px;
		padding:9px 0 0 0;
		background:url(../images/sub-navi-2.jpg) 0 0 no-repeat;
	}
	#navi li ul#sub-navi-projects li a {
		color:#ffffff;
		font-size:12px;
		display:block;
		width:211px;
		height:18px;
		padding:0px 0 0 30px;
		margin:3px 0 7px 0;
		line-height:normal;
		text-decoration:none;
		text-indent:0;
		background:none;
	}
		#navi li ul#sub-navi-projects li a:hover {
			text-decoration:underline;
		}