body   {margin: 0;
        background-color: #000;
        text-align: center;
        font: 400 11pt/140% "MS PGothic", "ＭＳ Ｐゴシック", "Meiryo", monospace;
        color: #000}

a:link     {color: #000;
            text-decoration: underline}
a:visited  {color: #000;
            text-decoration: underline}
a:hover    {color: #555;
            text-decoration: underline}
a:active   {color: #000;
            text-decoration: underline}

img    {border: 1px solid #000}

h1, h2, h3
       {margin: 0;
        padding: 0;
        font-weight: normal}


#bg01  {line-height: 140%;
        margin: 0 auto;
        text-align: left;
        width: 750px;
        min-height: 100vh;
        box-sizing: border-box;
        overflow: hidden;
        background: #fff linear-gradient(to right,
            transparent 504px,
            #000 504px, #000 505px,
            transparent 505px, transparent 507px,
            #000 507px, #000 510px,
            transparent 510px, transparent 512px,
            #000 512px, #000 513px,
            transparent 513px) repeat-y;
        border: 1px solid #fff}


#ban   {color: #fff;
        background-color: #fff;
        text-align: left;
        padding: 0;
        border-bottom: 1px solid #fff}

#ban img
       {display: block;
        width: 750px;
        height: auto;
        border: none}

#ban h1
       {display: none}


#ctr   {float: left;
        width: 500px;
        overflow: hidden}

#t1    {padding: 15px 15px 5px 15px;
        background-color: #fff;
        color: #000;
        font: 400 10pt/140% "MS PGothic", Verdana, sans-serif}


#pm    {text-align: left;
        color: #000;
        font: 400 10pt/180% "MS PGothic", "Georgia", serif;
        padding: 18px 40px 22px 50px;
        margin: 0 15px 15px 15px;
        white-space: pre-line;
        border: 1px solid #000;
        outline: 1px solid #000;
        outline-offset: 3px}

#sig   {display: block;
        margin-top: 12px;
        text-align: right;
        font-style: italic}


#rel   {width: 100%;
        border-collapse: collapse;
        font: 400 10pt/120% "MS PGothic", Verdana, sans-serif;
        margin-bottom: 15px}

#rel th
       {color: #000;
        font-weight: bold;
        text-align: left;
        padding: 1px 6px;
        border: 1px solid #ddd;
        line-height: 100%;
        background: linear-gradient(to bottom,
            rgba(255,255,255,0.7), rgba(255,255,255,0.3) 48%,
            rgba(255,255,255,0.0) 49%, rgba(255,255,255,0.1)),
            linear-gradient(to bottom,
            #f8f8f8, #eaeaea 45%, #ddd 55%, #e4e4e4);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.8)}

#rel td:nth-child(2), #rel td:nth-child(3),
#rel th:nth-child(2), #rel th:nth-child(3)
       {text-align: center}

#rel td
       {padding: 1px 6px;
        border: 1px solid #ddd;
        color: #000;
        line-height: 120%}

#rel tr:hover td
       {background-color: #f8f8f8}

#cs    {text-align: left;
        font-weight: normal;
        letter-spacing: 0.05em}

#rel a
       {color: #228b22;
        text-decoration: underline}
#rel a:hover
       {color: #006400}


#sb    {float: right;
        width: 233px;
        overflow: hidden}

#t2    {padding: 8px 15px 15px 15px;
        line-height: 100%}

#t2 h2
       {color: #000;
        background-color: #efefef;
        font: 700 10pt/100% "MS PGothic", Verdana, sans-serif;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: .3em;
        margin-top: 12px}

#t2 h2:first-child
       {margin-top: 0}


#f5    {font: 400 9pt/150% "MS PGothic", Verdana, sans-serif;
        color: #000;
        text-align: justify;
        padding: 2px 0}


#ct    {font: 400 10pt/180% "MS PGothic", Verdana, sans-serif;
        color: #000;
        padding: 4px 0}

#ct center
       {margin-bottom: 8px}

#ct p  {display: flex;
        align-items: center;
        gap: 5px;
        margin: 0 0 2px 0}

#ct img
       {width: 14px;
        height: 14px;
        border: none;
        image-rendering: pixelated}


#aq    {display: inline-block;
        appearance: none;
        -webkit-appearance: none;
        cursor: pointer;
        font: 700 11px/100% "Lucida Grande", "MS PGothic", sans-serif;
        color: #fff;
        text-shadow: 0 -1px 1px rgba(0,0,0,0.35);
        letter-spacing: 0.02em;
        padding: 5px 22px;
        border-radius: 16px;
        border: 1px solid #5b2d8e;
        background: linear-gradient(to bottom,
            rgba(255,255,255,0.75), rgba(255,255,255,0.15) 48%,
            rgba(255,255,255,0.0) 49%, rgba(255,255,255,0.05)),
            linear-gradient(to bottom,
            #b88cde, #9260c8 45%, #6d3aaf 55%, #8450c0);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.55),
            inset 0 -1px 0 rgba(0,0,32,0.15),
            0 1px 3px rgba(0,0,0,0.25)}

#aq:hover
       {background: linear-gradient(to bottom,
            rgba(255,255,255,0.85), rgba(255,255,255,0.20) 48%,
            rgba(255,255,255,0.0) 49%, rgba(255,255,255,0.08)),
            linear-gradient(to bottom,
            #c9a0ea, #a070d8 45%, #7d4abf 55%, #9460d0)}

#aq:active
       {background: linear-gradient(to bottom,
            rgba(255,255,255,0.4), rgba(255,255,255,0.05) 48%,
            rgba(255,255,255,0.0) 49%, rgba(255,255,255,0.02)),
            linear-gradient(to bottom,
            #8a5cb0, #6d3a9a 45%, #522885 55%, #6b3ea8);
        box-shadow: inset 0 2px 3px rgba(0,0,0,0.2),
            0 1px 1px rgba(0,0,0,0.15)}