#globalnavi {
  margin: 0;
  padding: 0;
  list-style-type: none; /* リストマークの削除 */
  width: 180px;
}

#globalnavi li {
  width: 180px;
  height: 36px;
  margin: 0;
  padding: 0;
  display: inline;
}

#globalnavi a {
  text-indent: -9999px; /* テキストを隠す */
  text-decoration: none;
  display: block;
  width: 180px;
  height: 36px; /* リンク領域を広げる */
  background-image: url(images/navi.jpg);
  background-repeat: no-repeat;
}

#menu1 a { background-position: 0 0; } /* 表示画像の位置を指定 */
#menu2 a { background-position: 0 -36px; }
#menu3 a { background-position: 0 -72px; }
#menu4 a { background-position: 0 -108px; }
#menu5 a { background-position: 0 -144px; }
#menu6 a { background-position: 0 -180px; }
#menu7 a { background-position: 0 -216px; }

#globalnavi a:hover {
  text-decoration: none;
  background-image: url(images/navi.jpg);
  background-repeat: no-repeat;
}

#menu1 a:hover { background-position: -180px 0; } /* 入れ替え画像の位置を指定 */
#menu2 a:hover { background-position: -180px -36px; }
#menu3 a:hover { background-position: -180px -72px; }
#menu4 a:hover{ background-position: -180px -108px; }
#menu5 a:hover{ background-position: -180px -144px; }
#menu6 a:hover{ background-position: -180px -180px; }
#menu7 a:hover{ background-position: -180px -216px; }