#navbar{
 width: 240px; /*ボタンの横列の並び幅の長さ*/
 height:40px;
 position:absolute;
 }

 #navbar ul{
 margin:0; /*位置*/
 padding:0;
 list-style-type:none;
 font-size: 15px;
 line-height:40px; /*ボタン行間隔の幅*/
 letter-spacing:1px;
 }

 #navbar li{
 background-image:url(BOTAN222.jpg); /*上部メニューのボタンの背景*/
float:left;
 width:200px; /*メニューボタンの幅*/
 height:40px; /*メニューボタンの高*/
text-align:left;
 margin:0;
 padding:0;
 border-right:solid 0px #cccccc;/*右にラインを入れる*/
 border-left:solid 0px #cccccc;/*左にラインを入れる*/
 border-bottom:solid 0px #cccccc;/*上に線*/
 border-top:solid 0px #cccccc;/*下に線*/
 }

 #navbar ul a:hover{
 background-image:url(BOTAN333.jpg); /*メニューボタンにカーソルが来た時に背景画像をこれにする*/
 float:left;
 width:200px; /*メニューボタンの幅399*/
 height:40px; /*メニューボタンの高72*/
 text-align:left;
 }

 #navbar a{
 color:#000000;/*メニューボタンの文字の色*/
 text-decoration: none;
 display:block;
 }

 #navbar a:hover{
 color:#ff0000; /*カーソルが上に来た時メニューの文字が、この色に変わる*/
 }