@charset "utf-8";

/* ------------------------------
 ナビボタン（01）
------------------------------ */
div#navi{
    width: 100%;
    height:50px;    /* 背景画像の高さ＋２（上線と下線分） */
    background:url("img/menu_back_silver.png") 0 0 repeat-x;
}

#navi ul{
    list-style-type: none;
    margin-left:auto;margin-right:auto; /* IE以外用の中央揃え */
    width: 900px;       /* IE以外用 */
    >width: 940px;      /* IE用 */
}

#navi li{
    text-indent: -9999px;
    float:left;
    width: 180px;
}

#navi a{
    display: block;
    width: 100%;
    height: 48px;
    background-image: url(img/menu_green1.png);
    background-repeat: no-repeat;
}

#menu1 a{background-position: 0 0;}
#menu2 a{background-position: -180px 0;}
#menu3 a{background-position: -360px 0;}
#menu4 a{background-position: -540px 0;}
#menu5 a{background-position: -720px 0;}

#navi a:hover{
    background-image: url(img/menu_green1.png);
    background-repeat: no-repeat;
}

#menu1 a:hover{background-position: 0 -48px;}
#menu2 a:hover{background-position: -180px -48px;}
#menu3 a:hover{background-position: -360px -48px;}
#menu4 a:hover{background-position: -540px -48px;}
#menu5 a:hover{background-position: -720px -48px;}