@font-face {
    font-family: monospace;
    src: url("./SourceHanMono-Regular.otf") format("opentype");
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2022/03/19, 17:09
    Author     : yutopia
*/


html, body, div, header, nav, ul {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 11pt;
    font-style: normal;
    background-color: #696969;
    /*color: #595959;*/
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    width: 100%;
    background-image: url(back.png);
    background-repeat: repeat; 
}

a {
    font-weight: 300;
}

a:link {
    color: black;
    text-decoration: none ;
    line-height: 16px;
}

a:visited {
    color: red;
    text-decoration: none ;
    line-height: 16px;
}

a:active {
    color: black;
    text-decoration: none ;
    line-height: 16px;
}

a:hover {
    color: black;
    text-decoration: none ;
    line-height: 16px;
}

#header a{
    color: #666666;
    font-size: 90%;
    font-weight: 600;    
}

#header table {
    width: 99%;
    border: 0px;
    background-color: #EEEEEE;
    box-shadow:0px 0px 5px 3px rgba(0, 0, 0, 0.2) inset;
    border-style: outset;
    border-color: black;
    border: transparent;
    line-height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

#header table tbody {
    border: 0px;
    text-align: center;
}

#header table tbody tr {
    text-align: center;
    border: 0px;    
}

#header table tbody tr td {
    font-weight: bolder;
    font-size: small;
    padding: 0px;
    border: 0px;
    width: 10%;
}

#main {
    width: 542px;
    margin-left: auto;
    margin-right: auto;
}
#main h1 {
    width:542px;
    /*background: #FFFFFF;*/
    /*color: #336699;*/
    font-weight: normal;
    text-shadow: 2px 2px 2px white, 2px 2px 2px white;
    margin-top: 22pt;
    margin-bottom: 3pt;
    padding-top: 3pt;
    padding-bottom: 3pt;
    padding-left: 3pt;
}

#main h2{
    /*color: #EEEEEE;*/
    font-size: 13pt;
    padding: 5px;
    font-weight: normal; 
    text-shadow: 2px 2px 2px white, 2px 2px 2px white;
    margin-top: 2pt;
    margin-bottom: 2pt;
    text-align: right;
}

#main h3{
    font-size: 12pt;
    font-weight:200;
    text-shadow: 2px 2px 2px white, 2px 2px 2px white;
    line-height:2;
    padding-top: 15px;
    padding-bottom: 15px;
    text-indent: 0px;
}

#contents{
    font-size: 12pt;
    /*font-weight: 200;*/
    /*color: #FFFFFF;*/
    text-shadow: 2px 2px 2px white, 2px 2px 2px white;
    line-height: 2;
    padding: 10px;
    text-indent: 1em;
}

#contents p.norm{
    text-indent: 1em;
    padding: 0px;
    margin: 0px 4px 0px 4px;
}

#contents p.said{
    text-indent: 0pt;
    padding: 0px;
    margin: 0px 4px 0px 4px;
}

#contents table{
    margin-left:10px;
}

#contents table td{
    vertical-align:top;
    padding-right:10px;
}

#contents p.date{
    text-align: end;
    padding: 0px;
    margin: 0px 4px 0px 4px;
}

#contents pre{
    font-family: monospace;
    text-indent: 0px;
    font-weight: 600;
    line-height: 1;
    margin:0px;
    padding:0px;
}

#contents ol li{
	list-style-type: none;
	counter-increment: cnt;
        text-indent: -2.5em
}

#contents ol li::before{
    content: "（" counter(cnt) "） ";
}

footer {
    width:350pt;
    font-size: 10pt;
    margin-right: auto;
    margin-left: auto;
    margin-top:2em;
    margin-bottom: 2em;
}

footer nav{
    text-align: center;
}

footer .ad{
    border:0px;
    border-color: #BBBBBB;
    border-style: solid;
    border-width: 2pt;
}

footer .links{
    margin-top: 2em;
    text-align: center;
}