body { color: darkred;
       background-color: #6F391F;
       /* margin: 0px; */
       /* padding: 0px; */
       text-align: center;
       padding-top: 1em;
       padding-bottom: 1em;
       font-family: "Noto Serif", "Georgia", "メイリオ", "Hiragino Kaku Gothic ProN", "TakaoGothic", san-serif;}

div.main { width: 800px;
           text-align:left;
           line-height: 150%;
           padding-left: 2em;
           padding-right: 2em;
           padding-bottom: 1em;
           margin: auto;
           background-color: #ffedcc;}

h1 { color: sienna;
     text-align: center;
     font-size: xx-large;
     border-bottom: 4px solid #ff9900;
     border-top: 4px solid #ff9900;
     padding-top: 10px;
     padding-bottom: 10px;
     margin-top: 10px;
     margin-bottom: 10px; }

h2 { color: sienna;
     font-size: large;
     font-weight: bold;
     margin-top: 2em;
     margin-bottom: 14px }
.dotted { border-bottom: 4px dotted #ff9900;
          padding-left: 4px;
          padding-right: 4px; }

div.info { font-size:medium;
           text-align:left;
           padding-bottom: 4em;}

div.date { text-align: right;
           padding-top: 0px;}

p { text-indent: 1em;}

img.thumbnail { float: left;
                background-color: white;
                margin-right: 10px;
                margin-left: 10px;
                margin-bottom: 10px}

img.right { float: right;
            margin-left: 10px;}

img.left { float: left;
           margin-left: 10px;}

ul { list-style-type: square; }
ul.circle { list-style-type: circle; }

ul.inline {
    display:-webkit-flex;
    display:flex;
    width:100%;
    list-style-type:none;
    margin:0; padding:0;
}
ul.inline li {
    width:25%;
    text-align:center;
}

ol.menu {
    /* width: 70%; */
    font-size: 0;
    margin-top: 8px;
    border: 2px #ff9900 dashed; 
}
li.menu {
    text-align: center;
    display: inline-block;
    padding-top: 8px;
    padding-bottom: 8px;
    /* padding-right: 10px; */
    font-size: 18px;
    width: 30%;
}

div.menu { margin-left: 10px;
           margin-right: 10px;
           padding-left: 0px;
           padding-right: 0px;}

dt { float: left;
     clear: left;
     width: 180px;
     padding-left: 20px;}


a.menu { font-size: medium;
         font-weight: bold;}

a:link {color:#6F391F;}
a:visited{color:sienna;} 
a:hover{color:#ED7842;} 
a:active{color:#FEC0A3;}

a.noline { text-decoration: none;}

div.toplink { text-align: left;
              padding-top: 10px;}

div.bottomlink { text-align: left;
                 margin-top: 10px;
                 padding-top: 10px;
                 border-top: 4px dotted #ff9900;}

a.link { margin-left: 5px;
         margin-right: 5px;}

div.clear { clear:both; }

p.strike { text-decoration: line-through;}

div.box { border: 1px solid #ff9900;
          width: 600px;
          padding: 8px;
          text-indent: 0px;
          margin: 0 auto; 
          /* background: transparent url('hoge.gif') no-repeat scroll 280px bottom; */ }

dl#news{ width: 700px;
         margin: -10px 0px 10px 0px;
         padding: 0px;}
dl#news dt{ clear: left;
            float: left;
            margin: 0;
            padding: 10px 14px 0px 1.0em;
            width: 7em;
            line-height: 1.2em;}
dl#news dd{ margin: 0;
            padding: 10px 0.5em 4px 7em;
            /* border-bottom:1px solid #ff9900; */
            line-height: 1.2em;}