#menue {
  width: 1000px;
  height: 36px;
}

.button1, .button2, .button3, .button4, .button5, .button6, .button7, .button8 {
  float: left;
  display: block;
  border: 0;
  padding: 0;
  color: #284C66;
  height: 36px;
  text-decoration: none;
  font-size:0;
  background-repeat: no-repeat;
}

.button1 {
  background-image: url(../images/navi_01.gif);
  width: 133px;
}

.button1:hover, .button1_selected {
  float: left;
  background-image: url(../images/h_navi_01.gif);
  width: 133px;
}

.button2 {
  background-image: url(../images/navi_02.gif);
  width: 122px;
}

.button2:hover, .button2_selected {
  background-image: url(../images/h_navi_02.gif);
  width: 122px;
}

.button3 {
  background-image: url(../images/navi_03.gif);
  width: 123px;
}

.button3:hover, .button3_selected {
  background-image: url(../images/h_navi_03.gif);
  width: 123px;
}

.button4 {
  background-image: url(../images/navi_04.gif);
  width: 122px;
}

.button4:hover, .button4_selected {
  background-image: url(../images/h_navi_04.gif);
  width: 122px;
}

.button5 {
  background-image: url(../images/navi_05.gif);
  width: 123px;
}

.button5:hover, .button5_selected {
  background-image: url(../images/h_navi_05.gif);
  width: 123px;
}

.button6 {
  background-image: url(../images/navi_06.gif);
  width: 122px;
}

.button6:hover, .button6_selected {
  background-image: url(../images/h_navi_06.gif);
  width: 122px;
}

.button7 {
  background-image: url(../images/navi_07.gif);
  width: 123px;
}

.button7:hover, .button7_selected {
  background-image: url(../images/h_navi_07.gif);
  width: 123px;
}

.button8 {
  background-image: url(../images/navi_08.gif);
  width: 132px;
}

.button8:hover, .button8_selected {
  background-image: url(../images/h_navi_08.gif);
  width: 132px;
}