html{font-size:16px;}
body{margin:0px;padding:0px;background:#efefef;font-size:1rem;color:#333;font-family:"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic";}
h2{background:#333;color:#fff;font-size:1rem;line-height:1em;margin:0px;padding:8px;}
h3{margin:0px;background:#333;color:#fff;padding:8px;font-size:1rem;}
h4{margin:0px;padding:6px 5px;font-size:1rem;border:1px #CBD9E4 solid;color:#006699;}
table{margin:0px 0px 4px 0px;border-collapse:collapse;border-spacing:0px;color:#555;font-size:1rem;}
TH{margin:0px;padding:3px 8px;background:#333;border:3px #efefef solid;color:#fff;font-size:1rem;text-align:left;}
TD{margin:0px;padding:3px 8px;border:3px #efefef solid;background:#fffcf3;font-size:1rem;}
a{text-decoration:none;}
input{font-size:1rem;}
input[type="text"],input[type="password"],input[type="date"],textarea,select{font-size:1rem;width:100%;border:1px #aaa solid;padding:4px 0;}
textarea{height:400px;padding:8px;}
.h100{height:100px;}
input[type="submit"],input[type="button"]{
    margin:8px 0 0 0;
    display: block;
    width:auto;
    padding:8px 24px;
    border: none;
    border-radius: 6px;
    background: #333;
    color: white;
    font-size:1rem;
    cursor: pointer;
    transition:background 0.2s;
    pointer-events: auto;
}
input[type="submit"]:hover,input[type="button"]:hover{
    background:#888;
}
.table{display:grid;align-items:center;font-size:1rem;gap:2px;grid-template-rows:auto;}
.tbmain{grid-template-columns:200px 1fr;}
.table > div{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    box-sizing:border-box;
    padding:8px;
    text-align:left;
    letter-spacing:0em;
    border:1px #333 solid;
    height:100%;
}
.gr{background:#efefef;}
.ye{background:#ffffcc;}
.mspc{margin:16px;}
.spc{padding:16px;}
.spct{padding:16px 16px 16px 0;}

.main{display:grid;font-size:1rem;gap:24px;grid-template-rows:auto;}
.maintk{grid-template-columns:1fr;}
.menu{
    display:block;
    padding:8px;
    text-align:left;
    letter-spacing:0em;
    border:1px #333 solid;
    background:#efefef;
    color:#333;
}
.menu2{
    display:block;
    padding:8px;
    text-align:left;
    letter-spacing:0em;
    border:1px #333 solid;
    background:#888;
    color:#fff;
}
.menu:hover{background:#aaa;color:#fff;}
.tkbox{
    padding:16px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.5);
    border-radius:16px;
    background:#fff;
}
.tkbox2{
    padding:16px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.5);
    border-radius:16px;
    background:#ffffcc;
}
.tkbox3{
    padding:16px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.5);
    border-radius:16px;
    background:#ffdddd;
}
.red{color:#ff0000;padding-bottom:8px;}
.tb7{grid-template-columns:200px 200px 200px 200px 100px 100px 150px;}
.tb6{grid-template-columns:300px 200px 300px 200px 200px 100px 150px 150px 150px;}
.tb62{grid-template-columns:200px 200px 200px 200px 100px 150px;}
.th{background:#888;color:#fff;}