body{background-color: rgb(179, 173, 161);
    background-size: cover;
    height: 100%;

}





#wrap{
    width: 1000px;
    background: none;
    margin-left: auto;
    margin-right: auto;
}


#top{
    color: #ffff00;
    width: 1000px;
    height: 200px;
    background-color: #2a5153;
    margin: 0;

}

#left_top{
    width: 800px;
    height: 200px;
    float: left;
}


#right_top{  

    width: 200px;
    height: 200px;
    float: right;
    margin: 0;
}
#kao{

    list-style-type: none;
    width: 200px;
    height: 200px;
    padding-left: 0;
    margin-left: 0;
    margin: 0;
    
    }
    
    #kao li{
    
    float: right;
    width: 200px;
    height: 200px;
    text-align: center;
    
    }
    
    
    
     
    #kao li.kao1 a{
    
        width: 200px;
        height: 200px;
        background: url(okappa2.PNG);
        display: block;
        text-decoration: none;
        text-indent: -99999999px;
    
    }
     #kao li.kao1 a:hover{
    
        background: url(zannzou.PNG);
    
    
    
     }




#middle{
    color: #4e4533;
    background-color: rgb(179, 173, 161);
    padding-left: 0;
    width: 1000px;
    height: 600px;
    text-align: center;
    margin: 0;

 }

 #left{
    width: 500px;
    height: 600px;
    margin: 0;
    display: block;
    float: left;
    margin: 0;
    }

.text4{
    text-align: start

}

#right{  

    width: 500px;
    height: 600px;
    float: right;
    margin: 0;
    display: block;
}