ul.localnavi {
  font-size:10%;
  list-style-type: none;
  width:900px;
  height:100px;
}

.localnavi li { display: inline; float:left;}
.localnavi li a#navi {
  text-decoration: none;
  display: block;
  padding: 0px;
  background-image:url(../img/navi.png);
  text-indent:-330px;
  height:100px;
  overflow:hidden;
  z-index:1;
}

.localnavi li.loc01 a{width:184px; background-position:0px 0px;}
.localnavi li.loc01 a:hover{background-position:0 100px;}

.localnavi li.loc02 a{width:179px; background-position:715px 0;}
.localnavi li.loc02 a:hover{background-position:-183px 100px;}

.localnavi li.loc03 a{width:179px; background-position:537px 0;}
.localnavi li.loc03 a:hover{background-position:-361px 100px;}

.localnavi li.loc04 a{width:178px; background-position:358px 0;}
.localnavi li.loc04 a:hover{background-position:-540px 100px;}

.localnavi li.loc05 a{width:178px; background-position:181px 0;}
.localnavi li.loc05 a:hover{background-position:-717px 100px;}



ul.localnavi2 {
  font-size:10%;
  list-style-type: none;
  width:900px;
  height:58px;
}

.localnavi2 li { display: inline; float:left;}
.localnavi2 li a#navi {
  text-decoration: none;
  display: block;
  padding: 0px;
  background-image:url(../img/navi_02.png);
  text-indent:-330px;
  height:58px;
  overflow:hidden;
  z-index:1;
}

.localnavi2 li.loc01 a{width:184px; background-position:0px 0px;}
.localnavi2 li.loc01 a:hover{background-position:0 58px;}

.localnavi2 li.loc02 a{width:179px; background-position:715px 0;}
.localnavi2 li.loc02 a:hover{background-position:-183px 58px;}

.localnavi2 li.loc03 a{width:182px; background-position:537px 0;}
.localnavi2 li.loc03 a:hover{background-position:-361px 58px;}

.localnavi2 li.loc04 a{width:178px; background-position:354px 0;}
.localnavi2 li.loc04 a:hover{background-position:-544px 58px;}

.localnavi2 li.loc05 a{width:174px; background-position:176px 0;}
.localnavi2 li.loc05 a:hover{background-position:-722px 58px;}



/*active*/
body#act_navi2_1 #Navi2 li a#navi2_1{background-position:0 -58px;}
body#act_navi2_2 #Navi2 li a#navi2_2{background-position:0 -58px;}
body#act_navi2_3 #Navi2 li a#navi2_3{background-position:0 -58px;}
body#act_navi2_4 #Navi2 li a#navi2_4{background-position:0 -58px;}
body#act_navi2_5 #Navi2 li a#navi2_5{background-position:0 -58px;}



/*-----------------------------------------
Snavi.css
-----------------------------------------*/
#Snavi{width:155px;height:264px;margin-top:19px;}
#Snavi ul{list-style-type:none;margin:0;padding:0;display:block;}
#Snavi li{display:inline;margin:0;padding:0;}
#Snavi ul a{float:left;margin:0;padding:0;}

#Snavi li a#snavi1{width:155px;height:66px;background-image: url(../img/snavi1.gif);background-repeat:no-repeat;padding:0;}
#Snavi li a#snavi2{width:155px;height:66px;background-image: url(../img/snavi2.gif);background-repeat:no-repeat;padding:0;}
#Snavi li a#snavi3{width:155px;height:66px;background-image: url(../img/snavi3.gif);background-repeat:no-repeat;padding:0;}
#Snavi li a#snavi4{width:155px;height:66px;background-image: url(../img/snavi4.gif);background-repeat:no-repeat;padding:0;}
#Snavi li a#snavi5{width:155px;height:66px;background-image: url(../img/snavi5.gif);background-repeat:no-repeat;padding:0;}
#Snavi li a#snavi6{width:155px;height:66px;background-image: url(../img/snavi6.gif);background-repeat:no-repeat;padding:0;}
#Snavi li a#snavi7{width:155px;height:66px;background-image: url(../img/snavi7.gif);background-repeat:no-repeat;padding:0;}


#Snavi a:hover{background-position:0 -66px;}

body#act_snavi1 #Snavi li a#snavi1{background-position:0 -66px;}
body#act_snavi2 #Snavi li a#snavi2{background-position:0 -66px;}
body#act_snavi3 #Snavi li a#snavi3{background-position:0 -66px;}
body#act_snavi4 #Snavi li a#snavi4{background-position:0 -66px;}
body#act_snavi5 #Snavi li a#snavi5{background-position:0 -66px;}
body#act_snavi6 #Snavi li a#snavi6{background-position:0 -66px;}
body#act_snavi7 #Snavi li a#snavi7{background-position:0 -66px;}