/**************************************
　　　　ナビ
***************************************/
#navi{
	background-image:url(../img/title.jpg);
	background-repeat: no-repeat;
	height: 160px;
	width: 800px;
}
#navi li{position: absolute;width:114px;height:64px;}
#navi li a:hover { background-position: 0px -64px;}
#navi a{display: block; height: 64px; width: 114px;	text-indent: -99999px; background-position: left top; outline :0; }

#navi .business{left:130px;top:90px;}
#navi .company{left:230px;top:60px;}
#navi .media{left:340px;top:90px;}
#navi .recruit{left:430px;top:60px;}
#navi .contact{left:540px;top:90px;}

#navi .business a{background-image: url(../img/navi_01.png);}
#navi .company a{background-image: url(../img/navi_02.png);}
#navi .media a{background-image: url(../img/navi_03.png);}
#navi .recruit a{background-image: url(../img/navi_04.png);}
#navi .contact a{background-image: url(../img/navi_05.png);}

#navi .index{left:0px;top:0px;width:28px;height:160px;}
#navi .index a{background-image: url(../img/title_index.jpg);width:280px;height:160px;}
#navi .index a:hover { background-position: 0px -160px;}


#business li.business a,
#media li.media a,
#contact li.contact a,
#company li.company a,
#recruit li.recruit a,
#english li.english a
{
	background-position: left bottom;
}