@charset "utf-8";

/* ------------------------------
 ナビボタン（カラ－04）
------------------------------ */
#navi{
    width: 100%;
    height: 50px;
    background:url("img/menu_back_blue6.png") 0 0 repeat-x;
}

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

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

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

#menu1 a{background-position: -2px 0;}
#menu2 a{background-position: -182px 0;}
#menu3 a{background-position: -362px 0;}
#menu4 a{background-position: -542px 0;}
#menu5 a{background-position: -722px 0;}

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

#menu1 a:hover{background-position: -2px -50px;}
#menu2 a:hover{background-position: -182px -50px;}
#menu3 a:hover{background-position: -362px -50px;}
#menu4 a:hover{background-position: -542px -50px;}
#menu5 a:hover{background-position: -722px -50px;}