/* menu css */

#globalnavi{
  position:relative;
  left:50%;
  float:left;
  margin: 0;
  padding: 20px 0 0 0;
  width: 560px;
  height: 24px;
}

#globalnavi ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#globalnavi li{
  position:relative;
  left:-50%;
  text-indent: -9999px;
  float:left;
  width: 70px;
  margin: 0;
  padding: 0;
}

#globalnavi a{
  display: block;
  width: 100%;
  height: 24px;
  background-image: url(../images/menu/menu.png);
  background-repeat: no-repeat;
}

#menu1 a{background-position: 0 0;}
#menu2 a{background-position: -70px 0;}
#menu3 a{background-position: -140px 0;}
#menu4 a{background-position: -210px 0;}
#menu5 a{background-position: -280px 0;}
#menu6 a{background-position: -350px 0;}
#menu7 a{background-position: -420px 0;}
#menu8 a{background-position: -490px 0;}

#globalnavi a:hover{
  background-image: url(../images/menu/menu.png);
  background-repeat: no-repeat;
}

#menu1 a:hover{background-position: 0 -24px;}
#menu2 a:hover{background-position: -70px -24px;}
#menu3 a:hover{background-position: -140px -24px;}
#menu4 a:hover{background-position: -210px -24px;}
#menu5 a:hover{background-position: -280px -24px;}
#menu6 a:hover{background-position: -350px -24px;}
#menu7 a:hover{background-position: -420px -24px;}
#menu8 a:hover{background-position: -490px -24px;}