/*ここから下スクロールGナビ*/

#navigation{
    position:fixed;
    top:-100px;
    width:100%;
    height:50px;
    background:black;
    z-index:999;
    overflow: hidden;
    z-index: 9999;
    }
.navi_matome{
    width:608px;
    margin:0 auto;
    }
.navi_matome li{
    float:left;
    width:150px;
    height:48px;
    border:solid 1px #333;
    border-collapse: collapse;
    color:#fff;
    font-weight:bold;
    line-height:48px;
    text-align:center;
    }
.no_link{color:#777;}
@media screen and (max-width:900px){
    .navi_matome{margin:0 0 0 160px;}
}
@media screen and (max-width:788px){
    .navi_matome
        {width: 308px;
            margin:0 0 0 160px;}
    .navi_matome li{width: 75px;}
}

.navi_matome li a{
    color:#fff;
    text-decoration:none;
    }
.navi_matome a:hover{
    color:orange;
    text-decoration:none;
    }
.navi_appear{
    position: fixed;
    top: 0;
    left: 0;
}
.navi_dissappear{
    position: fixed;
    top: -50px;
    left: 0;
}
.navi_logo{
    float: left;
    width: 120px;
    margin: 0px 0px 10px 10px;
}
/*ここまで下スクロールGナビ*/