body{
    text-align:center;
    background-color:#000;
    margin:0px;
    padding:0px;
}


#wrapper{
    margin-left:auto;
    margin-right:auto;
    width:1000px;
    height:auto;
    text-align:left;
    color:#000;
    background-color:#fff;
    margin-top:0px;
    font-family:'serif','serif',serif;
    font-weight:normal;
    font-size:80%;
    line-height:120%;
    letter-spacing:3px;
    overflow: hidden;
    background-image:url(image/grade.jpg);
    background-repeat:repeat-y;
    background-attachment : fixed;
    background-size:contain;
}

a{
    text-decoration:none;
    color:#6E5F16;
    font-weight:bolder;
}

a:hover{
    color:#5A4D10;
}

.left{
    width:670px;
    height:auto;
    float:left;
    color:#000;
    padding-left:10px;
    padding-right:0px;
    margin-right:0px;
    margin-left:0px;
}

.right{
    width:290px;
    height:auto;
    float:right;
    color:#000;
    padding-left:10px;
    padding-right:10px;
    margin-right:0px;
    margin-left:0px;
    border-left:3px;
    border-left-color:#000;
    border-left-style:double;
}

#iframe{
    border-style:none;
    padding:10px;
    width:630px;
    height:730px;
    overflow-x : hidden;
    overflow-y : auto;
}


#menu li{
    text-align:center;
    list-style:none;
    float:left;
    padding-top:5px;
    padding-bottom:5px;
    width:225px;
}

#menu a{
    padding:5px;
    display:block;
    width:225px;
}

#menu img{
    width:225px;
}

#wrapper2{
    margin-left:auto;
    margin-right:auto;
    width:600px;
    height:auto;
    text-align:left;
    color:#000;
    background-color:#fff;
    margin-top:0px;
    font-family:'serif','serif',serif;
    font-weight:normal;
    font-size:80%;
    line-height:120%;
    letter-spacing:2px;
    overflow: hidden;
    background-attachment : fixed;
    background-image:url(image/igrade.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:30px;
}

#title{
    padding-bottom:10px;
    width:100%;
}

#block{
    padding-bottom:30px;
}

#box{
    width:570px;
    height:550px;
    padding:10px;
    border:2px;
    border-style:dotted;
    border-color:#000;
    overflow:scroll;
    color:#000;
    background-image:url(image/back.jpg);
    background-size:cover;
    background-color:#fff;
    background-attachment : fixed;
}
    

#footer{
    clear:both;
    text-align:center;
    margin-bottom:20px;
    padding:5px;
    color:#fff;
    background-color:#000;
}

#list li{
    list-style:none;
}

#illust img{
    width:100px;
}

#illust{
    padding:10px;
}

#music iframe{
    padding-bottom:10px;
}

#yutan {
    padding-bottom:15px;
}

#ico{
    padding:10px;
    width:100px;
}

li{
    padding-bottom:20px;
}