/*Navi*/
#navi
   { background: no-repeat; margin: 0 0 20px -40px; padding: 0; height: 9px }
#navi ul
 {  }
#navi li
  { list-style-type: none; display: inline }
#navi li a
 { text-decoration: none; text-indent: -9877em; display: block; height: 9px; float: left; overflow: hidden }

/*off*/
#navi li.news a
  { background: url(../images/inner_img/menu.png) no-repeat; width: 39px }
#navi li.about a
  { background: url(../images/inner_img/menu.png) no-repeat -39px 0; width: 56px }
#navi li.gallery a
  { background: url(../images/inner_img/menu.png) no-repeat -95px 0; width: 65px }
#navi li.studio a
  { background: url(../images/inner_img/menu.png) no-repeat -160px 0; width: 58px }
#navi li.class a
  { background: url(../images/inner_img/menu.png) no-repeat -218px 0; width: 49px }
#navi li.contact a
  { background: url(../images/inner_img/menu.png) no-repeat -267px 0; width: 72px }
#navi li.blog a
  { background: url(../images/inner_img/menu.png) no-repeat -339px 0; width: 43px }
#navi li.link a
  { background: url(../images/inner_img/menu.png) no-repeat -382px 0; width: 34px }

/*hover*/
#navi li.news a:hover
  { background: url(../images/inner_img/menu.png) no-repeat 0 -9px }
 #navi li.about a:hover
  { background: url(../images/inner_img/menu.png) no-repeat -39px -9px }
#navi li.gallery a:hover
  { background: url(../images/inner_img/menu.png) no-repeat -95px -9px }
#navi li.studio a:hover
  { background: url(../images/inner_img/menu.png) no-repeat -160px -9px }
#navi li.class a:hover
  { background: url(../images/inner_img/menu.png) no-repeat -218px -9px }
#navi li.contact a:hover
 { background: url(../images/inner_img/menu.png) no-repeat -267px -9px; }
#navi li.blog a:hover
 { background: url(../images/inner_img/menu.png) no-repeat -339px -9px; }
#navi li.link a:hover
 { background: url(../images/inner_img/menu.png) no-repeat -382px -9px; }

/*on*/
#navi li.news_on a
 { background: url(../images/inner_img/menu.png) no-repeat 0 -18px; width: 39px; }
#navi li.about_on a
 { background: url(../images/inner_img/menu.png) no-repeat -39px -18px; width: 56px; }
#navi li.gallery_on a
 { background: url(../images/inner_img/menu.png) no-repeat -95px -18px; width: 65px; }
#navi li.studio_on a
 { background: url(../images/inner_img/menu.png) no-repeat -160px -18px; width: 58px; }
#navi li.class_on a
 { background: url(../images/inner_img/menu.png) no-repeat -218px -18px; width: 49px; }
#navi li.contact_on a
 { background: url(../images/inner_img/menu.png) no-repeat -267px -18px; width: 72px; }
#navi li.blog_on a
 { background: url(../images/inner_img/menu.png) no-repeat -339px -18px; width: 43px; }
#navi li.link_on a
 { background: url(../images/inner_img/menu.png) no-repeat -382px -18px; width: 34px; }