#navi ul {
  margin: 0 0 1em;
  padding: 10px 0 0 0;
  list-style: none;
}
#navi li {
  margin: 0;
  padding: 0px;
  width: 100px;
  height: 80px;
  text-indent: -9999px;
}
#navi li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  width: 100px;
  height: 80px;
}
#navi li#HOME {
	background: url(../../img/navi.gif) no-repeat 0px 0px;
}
#navi li#tokusyoku {
	background: url(../../img/navi.gif) no-repeat 0px -80px;
}
#navi li#event {
	background: url(../../img/navi.gif) no-repeat 0px -160px;
}
#navi li#recruit {
	background: url(../../img/navi.gif) no-repeat 0px -240px;
}
#navi li#trouble {
	background: url(../../img/navi.gif) no-repeat 0px -320px;
}
#navi li#history {
	background: url(../../img/navi.gif) no-repeat 0px -400px;
}
#navi li#map {
	background: url(../../img/navi.gif) no-repeat 0px -480px;
}
#navi li#pc_mail {
	background: url(../../img/navi.gif) no-repeat -100px -560px;
}
#navi li#HOME a:hover{
	background: url(../../img/navi.gif) no-repeat -100px 0px;
}
#navi li#tokusyoku a:hover{
	background: url(../../img/navi.gif) no-repeat -100px -80px;
}
#navi li#event a:hover{
	background: url(../../img/navi.gif) no-repeat -100px -160px;
}
#navi li#recruit a:hover{
	background: url(../../img/navi.gif) no-repeat -100px -240px;
}
#navi li#trouble a:hover{
	background: url(../../img/navi.gif) no-repeat -100px -320px;
}
#navi li#history a:hover{
	background: url(../../img/navi.gif) no-repeat -100px -400px;
}
#navi li#map a:hover{
	background: url(../../img/navi.gif) no-repeat -100px -480px;
}