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: #cb9113;
    background-color: rgb(86, 77, 65);
    padding-left: 0;
    width: 1000px;
    height: 600px;
    text-align: center;
    margin: 0;

 }

 #left{
    width: 500px;
    height: 600px;
    margin: 0;
    display: block;
    float: left;
    
    }
    
    #mimi li{
    
    float: left;
    width: 500px;
    height: 450px;
    text-align: center;
    
    }
    
    
    
     
    #mimi li.mimi1 a{
    
        width: 500px;
        height: 450px;
        background: url(eluelu.PNG);
        display: block;
        text-decoration: none;
        text-indent: -99999999px;
    
    }
     #mimi li.mimi1 a:hover{
    
        background: url(mori.PNG);
    
    
    
     }
    

#right{  

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

    list-style-type: none;
    width: 500px;
    height: 450px;
    padding-left: 0;
    margin-left: 0;
    
    
    }
    
    #mimi li{
    
    width: 500px;
    height: 450px;
    text-align: center;
    
    }

#mimi li.mimi2 a{

    width: 500px;
    height: 450px;
    background: url(nekoneko.PNG);
    display: block;
    text-decoration: none;
    text-indent: -99999999px;

}
 #mimi li.mimi2 a:hover{

    background: url(sabanna.PNG);



 }

 h2{
    margin-top: 0;
    padding-top: 20px;
 }

 #bottom{
    color: #cb9113;
    background-color: rgb(86, 77, 65);
    padding-left: 0;
    width: 1000px;
    height: 800px;
    text-align: center;
    margin: 0;

 }

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

    #mimi li{
    
        float: left;
        width: 500px;
        height: 450px;
        text-align: center;
        
        }
        
        
        
         
        #mimi li.mimi3 a{
        
            width: 500px;
            height: 450px;
            background: url(sakana.PNG);
            display: block;
            text-decoration: none;
            text-indent: -99999999px;
        
        }
         #mimi li.mimi3 a:hover{
        
            background: url(umi.PNG);
        
        
        
         }
        
    




#right{  

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

#mimi li{
    
    float: left;
    width: 500px;
    height: 450px;
    text-align: center;
    
    }
    
    
    
     
    #mimi li.mimi4 a{
    
        width: 500px;
        height: 450px;
        background: url(hane.PNG);
        display: block;
        text-decoration: none;
        text-indent: -99999999px;
    
    }
     #mimi li.mimi4 a:hover{
    
        background: url(aozora.PNG);
    
    
    
     }