/* $Id: design.css,v 1.1 2022/09/18 14:52:03 hisasima Exp hisasima $ */

@charset "UTF-8";

/* see each css.

*#page {
    width: 1000px;
    margin: auto;
}

*#guide {
    display: flex;
}

*#guidemain {
    width: 61.5%;
    padding: 0 3% 0 0;
}


*#guidesub {
    width: 38.5%;
    padding: 6% 0 0 3%;
}
*/

/* IDes */
*#page a {
    /*
    color: #7d826a;
    color: #5b6654;
    color: #535d58;
    color: #404448;

    color: #728742;
    color: #3a6c3d;
    color: #32605a;
    color: #234555;

    color: #1c315d;
    color: #2f1b53;
    color: #461c54;;
    color: #6b1d3b;

    color: darkgreen;
    color: darkolivegreen;
    color: #336600;
    */
    color: #336600;
}

*#pageheader {
    font-size: 1.3rem;
    font-family: fantasy, sans-serif;
    color: #808080;
    text-align: center;
}


*#guidemain h2 {
    color: #808080;
}


*#guidesub dt {
    color: #808080;
}
*#guidesub ul {
    margin: 0;
}
*#guidesub ul ul {
    list-style-type: none;
    padding: 0;
}


/* Classes */

*.wf-roundedmplus1c {
    font-family: "M PLUS Rounded 1c";
}

canvas.center {
    margin: 0 auto;
    display: flex;
    justify-content: center; /*左右中央揃え*/
    align-items: center;     /*上下中央揃え*/
}


body.circles {
    background-image: url(../images/circles-light.png);
}
body.dynamic {
    background-image: url(../images/dynamic-style.png);
}
body.funky {
    background-image: url(../images/funky-lines.png);
}
body.gravel {
    background-image: url(../images/gravel.png);
}
body.light {
    background-image: url(../images/light-veneer.png);
}
body.white {
    background-image: url(../images/white-waves.png);
}

/* elements */

footer {
    text-align: center;
}

footer.right {
    text-align: right;
}