@charset "UTF-8";


ul,li {
    margin:0;
    padding:0;
    list-style: none;
    text-align: center;  /* テキストをセンターに持ってくる */
    
}


.navi {
    width: 900px;  /* 全体の横幅を決める */
}


.navi li {

    float: left;   /* li 要素を横並びにする */

    font-weight: bold;   /* 太文字にしているだけ */
    border-right: solid 1px #FFF;   /* ちょっとしたデザイン */
    border-left: solid 1px #FFF;    /* ちょっとしたデザイン */
}


.navi li a {
    display: block;  /* インライ要素の「a」タグをブロックレベル要素に変える */
    height: 20px;    /* 高さを指定する */
    width: 130px;    /* 横幅を指定する */
    padding: 5px; 
    background: #EEF;
    background-image:url(botton_07.png);
    text-decoration: none;
    border-bottom: solid 1px #aaa;
    color: #666;
}


.navi li a:hover {
    background: #DDF;
    /* padding: 5px 10px; */
    text-decoration: none;
    background-image:url(botton_08.png);
    border-top: solid 1px #aaa;
    border-bottom: solid 1px #FFF;
    color: #666;
}