ul#navi{
    list-style:none;
	width: 750px;
	padding:0px 2px 0px 2px;
}
ul#navi li{
    list-style:none;
    float:left;
    width:125px;
}
ul#navi a{
    display:block;
    width:125px;
    height:30px;
}
#navi a span{
	display:none;
} 
a.home{
	background-image: url(../image/navi_home.gif);
}
a:hover.home{
    	background-position:0px -30px;
}
a.home2{
	background-image: url(../image/navi_home.gif);
	background-position:0px -30px;
}

a.products{
	background-image: url(../image/navi_products.gif);
}
a:hover.products{
    	background-position:0px -30px;
}
a.products2{
	background-image: url(../image/navi_products.gif);
	background-position:0px -30px;
}
a.order{
	background-image: url(../image/navi_order.gif);
}
a:hover.order{
    	background-position:0px -30px;
}
a.order2{
	background-image: url(../image/navi_order.gif);
	background-position:0px -30px;
}
a.faq{
	background-image: url(../image/navi_faq.gif);
}
a:hover.faq{
    	background-position:0px -30px;
}
a.faq2{
	background-image: url(../image/navi_faq.gif);
	background-position:0px -30px;
}
a.contact{
	background-image: url(../image/navi_contact.gif);
}
a:hover.contact{
    	background-position:0px -30px;
}
a.contact2{
	background-image: url(../image/navi_contact.gif);
	background-position:0px -30px;
}
a.company{
	background-image: url(../image/navi_company.gif);
}
a:hover.company{
    	background-position:0px -30px;
}
a.company2{
	background-image: url(../image/navi_company.gif);
	background-position:0px -30px;
}