body{        
        background-color: black;
        font-family:ms gothic;
        font-size:18px;
    }    
    
    /* . . . . . . . . . . . . . */
    
    a{
        color:blue;
    }
    
    
    /******************************
    
               CONTAINER
    
    ******************************/
    
    #container{
        width:650px;
        margin:15px 0 15px 0;
        /* These 3 center the container, which therefore centers all of the content on the page. */
        position:absolute;
        left: 50%;
        transform: translateX(-50%);
    }   

    
    
    /******************************
    
                 HEADER
    
    ******************************/    
    
    #header{
        height:175px;
        border:1px black;
        margin:0 0 10px 0;
        
    }
    
    /* . . . . . . . . . . . . . */
    
    #header_img{
        /* "100%" specifies that the image will be as big as possible without overflowing outside the element. */
        width:100%;
        height:100%;
        /* object-fit:fill makes the image fit into the header without overflowing. background:position makes it where you can easily adjust the position of your header. the "50%" represents horizontal, and the "30%" represents vertical. You can change these as needed when inserting your own image. I recommend going slowly - i.e. changing "30%" to "35%" */
        object-fit: fill;
        background-position: 50% 30%; 
        background-image:url('https://venusjpeg.neocities.org/pictures/MOSHED.gif');
    }    
    
    
    /******************************
    
                 LINKS
    
    ******************************/    
    
    #links{
        border:1px black;
        border-style: dotted; 
        margin:0 0 10px 0;
        text-align:center;
        background:white;
        padding:5px;
    }


    /******************************
    
                CONTENT
    
    ******************************/  
    
    #content{
        border:1px black;
        background:white;
        padding:10px;
        margin:0 0 10px 0;
        /* if you want the content to get taller endlessly, leave it as is. But if you want it to remain a specific height and start scrolling, include these properties outisde of this grey area:
        max-height:250px (can be changed to whatever number you like); 
        overflow-y:auto; */
    }
    

    /******************************
    
                 FOOTER
    
    ******************************/     
    
    #footer{
        border:1px black;
        background:white;
        border-style: dotted; 
        text-align:center;
        padding:5px;
    }
    
    .box21 {
margin:1em 0; /* 中央寄せは0をautoに変更 */
width:100% /* 幅 */

}
.u01 {
background:url(f-ue.gif) repeat-x;
height:23px;
margin:0 23px
}
.s01 {
background:url(f-sita.gif) repeat-x;
height:23px;
margin:0 23px
}
.box-top {
background-image:url(f-kado1.gif), url(f-kado2.gif);
background-position:top left, top right;
background-repeat:no-repeat, no-repeat;
height:23px
}
.box-center {
background-image:url(f-migi.gif), url(f-hidari.gif);
background-position:top right, top left;
background-repeat:repeat-y, repeat-y
}
.box-inner {
background:#fff; /* 背景色 */
margin:0 23px
}
.box-bottom {
background-image:url(f-kado3.gif), url(f-kado4.gif);
background-position:top left, top right;
background-repeat:no-repeat, no-repeat;
height:23px
}
    
    {CustomCss}