<style type="text/css">
<!--
body{
  background-color : #f2f2f2;
  padding : 0; /*メニュー表示を左と上をくっ付ける設定*/
  margin : 0;  /*メニュー表示を左と上をくっ付ける設定*/
}
#container{    /*メニューボタンの背景を設定*/
  width : 100%;　　　　/*初期設定は100%*/
  height : 52px;   /*背景画像（bg.gif）の高さを設定*/
  background-image : url(images/bg.gif);　/*背景画像*/
  background-color : #c0c0c0;　　/*画像が表示されないときの背景色設定*/
  background-position : left top;  /*左上に配置*/
  padding : 0;
  margin : 0;
}    
ul{
  list-style : none;  /*リストマークを消す*/
  text-align:center;  /*ボタン枠のテキストをセンター寄せ*/
  padding : 0;
  margin : 0;
}
li{
  width : 5em;  /*リストの幅の設定*/
  float:left;  /*これで一列にリストを並ばせる*/
  padding : 0;
  margin : 0;
}
li a{
  font-size:75%;    
  display:block;  /*リンク範囲をブロックに変更する*/
  width:100%;     /*リンク範囲の横幅は100％*/
  height : auto;  /*リンク範囲の高さを自動に：firefox必須*/
  background-image:url(images/button_off.gif);  /*off画像*/
  background-position : left top;  /*画像を左上に配置*/
  background-repeat : no-repeat;   /*背景画像を繰り返さない*/     
  padding : 0;
  margin : 0;
  text-decoration : none;  /*下線を表示しない*/  
  color : brown;
  line-height : 200%;  /*テキストの位置を調整*/
  border-top-style : solid;  /*ボタン枠を設定*/
  border-bottom-style : solid;
  border-right-style : solid;
  border-width : 1px 1px 1px 0;
  border-top-color : #c0c0c0;
  border-bottom-color : #999;
  border-right-color : #999;
}
li a:visited{
  color:brown;
  text-decoration : none;  /*下線を表示しない*/
}                 
li a:hover{  /*マウスポインタがリンクに重なったときの設定*/
  background-image:url(images/button_on.gif);   /*on画像*/
  background-position : left top;  /*画像を左上に配置*/
  background-repeat : no-repeat;   /*背景画像を繰り返さない*/   
  color:red;  /*テキストを赤色へ変更*/
  padding : 0;
  margin : 0;
  line-height : 200%;
  border-top-style : solid;  /*ボタン枠を設定*/
  border-bottom-style : solid;
  border-right-style : solid;          
  border-width : 1px 1px 1px 0;
  border-top-color : #fe9700
  border-bottom-color : #f2b859;
  border-right-color : #fe9700;
}
-->
</style>

