@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
}

html {
    overflow-y: scroll;
}

body {
    color: #001133;
    border-top: 3px solid #399;
    text-align: left;
    font: 15px/1.6em sans-serif;
}

ul,
ol {
    margin: 0 2em;
}

ol li {
    list-style: none;
    padding-left: 2em;
    text-indent: -2em;
}

table {
    border-collapse: collapse;
    margin: 15px 50px;
    width: 90%;
}

td {
    padding: 5px;
    border: 1px solid #333;
}

.none td {
    padding: 5px;
    border: none;
}

dl {
    margin: 0 1em;
}

dt {
    font-weight: bold;
    margin-top: 0.8em;
}

h1 {
    font-size: 18px;
    padding: 0.5em 1em;
}

h1.s011 {
    background: #00cc66;
    /*背景色*/
}

h1.s012 {
    background: #f4b084;
    /*背景色*/
}

h1.s013 {
    background: yellow;
    /*背景色*/
}

h1.s014 {
    background: #a9d08e;
    /*背景色*/
}

h1.s015 {
    background: #bdd7ee;
    /*背景色*/
}

h1.s016 {
    background: #b4c6e7;
    /*背景色*/
}

h1.s017 {
    color: #fff;
    background: #70ad47;
    /*背景色*/
}

h1.s018 {
    color: #fff;
    background: yellow;
    /*背景色*/
}

h2 {
    font-size: 16px;
    padding: 0.2em 2em;
    margin: 0.5em;
}

h2.s0201 {
    background: #fce4d6;
    /*背景色*/
}

h2.s0202 {
    background: #ffe699;
    /*背景色*/
}

h2.s0203 {
    background: #e2efda;
    /*背景色*/
}

h2.s0204 {
    background: #a9d08e;
    /*背景色*/
}

h2.s0205{
    background: #f0f99f;
    /*背景色*/
}

h3 {
    margin: 1em 0;
    font-size: 13px;
    padding: 0.4em;
    background-color: #eee;
}

h4 {
    margin: 1em 0;
}

p {
    margin: 2em;
}

.kakomi span {
    padding: 0.5em 1em;
    margin-bottom: 5px;
    border: 1px solid #333333;
    background-color:#d9d9d9;
        }

.kakomiorange span {
    padding: 0.5em 1em;
    margin-bottom: 5px;
    border: 1px solid #333333;
    background-color:gold;
        }

a:hover {
    text-decoration: underline;
    color: #039;
}

a img {
    border: none;
}

.C {
    text-align: left;
}

.R {
    text-align: right;
}

#container {
    max-width: 1060px; /* 最大幅 */
    min-width: 680px; /* 最小幅 */
    margin: 0 auto;
    text-align: left;
}

#head {
    margin: 3px 0 0;
    height: 75px;
}

#head img {
    border: none;
}

#site_title {
    float: left;
    width: 500px;
}



ul#topmenu {
    height: 54px;
    line-height: 54px;
    background: url('../design/topmenu_bg.gif') no-repeat top;
    padding-right: 10px;
    padding-left: 10px;
    overflow: hidden;
    list-style-type: none;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
}

ul#topmenu li {
    float: left;
}

ul#topmenu li a {
    color: #29332e;
    text-decoration: none;
    display: block;
    padding-right: 1.5em;
    padding-left: 1.5em;
    background: url('../design/topmenu_line.gif') no-repeat right;


    text-shadow:
        3px 3px 3px #ffffff,
        -3px 3px 3px #ffffff,
        3px -3px 3px #ffffff,
        -3px -3px 3px #ffffff,
        3px 0px 3px #ffffff,
        0px 3px 3px #ffffff,
        -3px 0px 3px #ffffff,
        0px -3px 3px #ffffff;


    @keyframes flash {

        0%,
        100% {
            opacity: 1;
        }

        50% {
            opacity: 0;
        }

        /* ページTOPに戻る */
        .pagetop {
            display: none;
            position: fixed;
            right: 15px;
            bottom: 60px;
        }

        .pagetop a {
            display: block;
            font-size: 0;
            width: 50px;
            height: 50px;
            text-align: center;
            background: #7db4e6;
            border-radius: 50%;
            line-height: 50px;
        }

        .pagetop a i {
            font-size: 20px;
            color: #fff;
            line-height: 50px;
        }