@charset "UTF-8";

ul#menu{
width:900px;
margin:0 auto;
}

ul#menu li{
list-style-type:none ;
float:left;
margin:0;
}

ul#menu li a{
text-indent:-9999px;
display:block;
width:100px;
height:50px;

background-image:url(../images/menu.jpg);
border:none;
background-repeat:no-repeat;
/*\*/overflow: hidden;/**/
}

/*各ボタン背景画像指定*/
ul#menu li a.menu1{
background-position:0px 0px;}
ul#menu li a.menu2{
background-position:-100px 0px;}
ul#menu li a.menu3{
background-position:-200px 0px;}
ul#menu li a.menu4{
background-position:-300px 0px;}
ul#menu li a.menu5{
background-position:-400px 0px;}
ul#menu li a.menu6{
background-position:-500px 0px;}
ul#menu li a.menu7{
background-position:-600px 0px;}
ul#menu li a.menu8{
background-position:-700px 0px;}
ul#menu li a.menu9{
background-position:-800px 0px;}

/*各ボタンロールオーバー指定*/
ul#menu li a.menu1:hover{
background-position:0px -50px;}
ul#menu li a.menu2:hover{
background-position:-100px -50px;}
ul#menu li a.menu3:hover{
background-position:-200px -50px;}
ul#menu li a.menu4:hover{
background-position:-300px -50px;}
ul#menu li a.menu5:hover{
background-position:-400px -50px;}
ul#menu li a.menu6:hover{
background-position:-500px -50px;}
ul#menu li a.menu7:hover{
background-position:-600px -50px;}
ul#menu li a.menu8:hover{
background-position:-700px -50px;}
ul#menu li a.menu9:hover{
background-position:-800px -50px;}

/*現在位置の表示設定*/
ul#menu li a.menu1_on{
background-position:0px -100px;}
ul#menu li a.menu2_on{
background-position:-100px -100px;}
ul#menu li a.menu3_on{
background-position:-200px -100px;}
ul#menu li a.menu4_on{
background-position:-300px -100px;}
ul#menu li a.menu5_on{
background-position:-400px -100px;}
ul#menu li a.menu6_on{
background-position:-500px -100px;}
ul#menu li a.menu7_on{
background-position:-600px -100px;}
ul#menu li a.menu8_on{
background-position:-700px -100px;}
ul#menu li a.menu9_on{
background-position:-800px -100px;}