@import url("keifont/stylesheet.css");

img {
    max-width: 100%;
    display: block;
}

body {
    font: Meiryo, arial, sans-serif;
    background:
        url(images/background_dark.jpg)    /* image */
        top left  /* position / size */
        repeat                /* repeat */
        fixed                    /* attachment */
        padding-box              /* origin */
        content-box;              /* clip */
    margin: 0;
    padding: 0;
    border: 0;
    color: black; /* Set text color to black */
}

p {
    text-align: left;
    padding: 0%;
}

a {
    text-decoration: none;
    color: black; /* Set link color to black */
}

#container {
    width: 100%;
    padding: 0%;
}

#header {
    float: left; /* Change float direction */
    text-align: center;
    width: 100%;
    color: #fff;
    padding: 0%;
    margin: 0; /* Reset margin */
}

#header img {
    display: block;
    margin: 0 auto; /* Center the image horizontally */
}

#sidebar {
    float: top;
    width: 90%;
    font-family: Meiryo, Osaka, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Arial, sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: bold;
    padding: 0%;
    margin-left: 5%;
    background-color: transparent; /* Make the background transparent */
    margin: 0; /* Reset margin */
}

#sidebar p {
    float: left;
    padding: 1%;
    margin: 1%;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid black; /* Set border color to black */
    text-align: center;
}

#sidebar a {
    color: black; /* Set link color to black */
    text-shadow: 0px 2px 0px lightgray; /* Set drop shadow color to light gray */
    display: block;
    padding: 0%;
    /* Remove background from individual links */
}

#content {
    float: right;
    text-align: center;
    width: 90%;
    background-color: white; /* Set background color to white */
    color: black; /* Set text color to black */
    padding: 5%;
}

#footer {
    clear: both;
    text-align: center;
    background: #555;
    color: #fff;
    padding: 5px;
}

.b1 {
    font-family: Meiryo, Osaka, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Arial, sans-serif; /* Add other Japanese fonts */
    font-size: large;
    font-style: normal;
}

.b2 {
    font-family: keifont;
    font-size: x-large;
    font-style: inherit;
}

.b3 {
    font-family: keifont;
    font-size: large;
}