body {text-align:center; align-items:center; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

 a {color:blue; text-decoration:none;} a:hover {text-decoration:underline;}
 a.ar::before{content:""; width:20px; height:12px; display:inline-block; background:url(/jpgif/ar2.gif) no-repeat center center / 12px 12px;}

 select {font-size:inherit; letter-spacing:0.1em; padding:1px;}

 img {border:none; vertical-align:middle;}
 li {text-align:left;}

 h1, h2, h3 {text-align:left;}

 h1, h3 {margin-top:0; margin-bottom:0;}
 h1 {font-size:34px;}
 h3 {font-size:inherit; margin-block-start:1.0em;}

 h2 {font-size:1.35em; margin-block-start:1.0em; margin-block-end:0.3em; font-weight:bold; border-bottom:solid 1px #e8e8e8;}
 h2 a {color:black; display:block;}
 h2 a::after{content:""; width:30px; height:18px; display:inline-block; background:url(/jpgif/ar2.gif) no-repeat center center / 12px 12px;}
 h2.headerm {margin-block-start:0em; padding-top:0;}

/*** top base ********************************************************************************/

 div.mfx {text-align:left; letter-spacing:0.12rem; line-height:1.4rem;}
 div.mx {text-align:left; letter-spacing:0.12rem; line-height:1.4rem; padding:5px;}
 div.hx {background-color:#0040d0; color:white; text-align:left; padding:2px 15px;}

@media (max-width:500px) {
 div.mx {letter-spacing:0.08rem; line-height:1.2rem; padding:3px; font-size:96%;}
 div.mfx {letter-spacing:0.09rem; line-height:1.4rem; font-size:101%;}
}

 .dnd {display:none;}

 .b {font-weight:bold;}
 .c {text-align:center;  justify-content:center;} .r {text-align:right;} .l {text-align:left;}
 .m {margin:auto;}

 .m5 {padding:5px;}

 div.es, table.es {margin-bottom:0.5em;}

 .bcyellow, tr.bcyellow td {background-color:#ffff00;}
 .bcgray, tr.bcgray td {background-color:#e8e8e8;}
 .bclightgray, tr.bclightgray td {background-color:#f4f4f4;}
 .bcwakaba, tr.bcwakaba td {background-color:#c0ffc0;}
 .bcsakura, tr.bcsakura td {background-color:#ffe0ff;}
 .bcbeige, tr.bcbeige td {background-color:#ffffa0;}
 .bcmizu, tr.bcmizu td {background-color:#c0f8ff;} 

 table.gbox {font-size:95%; width:100%;}
 table.gbox tr.hd td {background-color:#f4f4f4;}
 table.gbox td {border:solid 1px #e8e8e8; height:1.7em; padding:0;}
 table.gbox td a {display:block; padding:0.15em 0;}
 table.gbox td a:hover {background-color:#d8ffff; color:blue; text-decoration:underline;}

 table.fbox {font-size:95%; width:100%;}
 table.fbox tr.hd td {background-color:#f4f4f4;}
 table.fbox td, table.fbox th {border:solid 1px #e8e8e8; height:1.7em; padding:0;}
 table.fbox td a {display:block; padding:0.15em 0;}
 table.fbox td a:hover {background-color:#d8ffff; color:blue; text-decoration:underline;}

 #sortable th {background-color:#f4f4f4;}
 #sortable th:hover {background-color:#fff0c0; color:blue; cursor:pointer;}
 #sortable th::after{content:""; width:20px; height:12px; display:inline-block; background:url(/jpgif/sort.gif) no-repeat center center / 10px 10px;}

/*** top main contents ***************************************************************************/

 div.headerm {text-align:left; font-size:1.35em; margin-block-start:0; margin-block-end:0.3em; padding-top:0; font-weight:bold;}
 div.date {font-size:120%; text-align:left;}

/*** news ***************************************************************************/

 div.linkbox, div.linkbox18, div.news {word-break:break-all; word-wrap:break-word; text-align:left; padding:0.3rem;}
 div.linkbox a, div.linkbox18 a, div.news a {padding:0.3rem; text-decoration:none;}
 div.linkbox a:hover, div.linkbox18 a:hover, div.news a:hover {background-color:#d8ffff; color:blue; text-decoration:underline;}

@media (max-width:500px) {
 div.linkbox, div.linkbox18, div.news {font-size:95%;}
}

/*** top a-flexlink *****************************************************************************/

 div.fx, div.afx {margin-right:auto; margin-left:auto; display:-ms-flexbox; -webkit-flex-direction:row; flex-direction:row; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}

 div.afx, div.fx {display:flex; font-size:97%;}
 div.fx div, div.fx span, div.fx a {flex-grow:1;}

 div.afx div {flex-grow:1; padding:5px 3px;} 
 div.afx a {min-width:50px; padding:5px 3px; background-color:#f0f0f0; border:1px solid white; flex-grow:1;}
 div.afx a.icon {cursor:pointer; background-color:#ffffff; padding:0; flex-grow:0; margin:auto;}
 div.afx a:hover {background-color:#d8ffff; color:blue; text-decoration:underline;}
 div.afx a.icon:hover {background-color:#ffffff;}

 div.afx select {padding:2px 5px; cursor:pointer; background-color:#f0f0f0; border:1px solid #ffffff; color:blue; font-family:inherit; border-left-width:0; border-bottom-width:0;}
 div.afx select option {background-color:#ffffff; color:#000000;}
 div.afx select:hover {background-color:#d8ffff; text-decoration:underline;}

 div.afx span {margin:auto; padding:5px 3px; flex-grow:0;}

 div.afx a {border-left-width:0; border-bottom-width:0;}
 div.afx {border-right-width:0; border-top-width:0;}

@media (max-width:500px) {
 div.afx div, div.afx a, div.afx span {padding:3px;}
}