:root{
    --headerHeight:47px;
    --footerHeight:40px;
    --ThemeColor1:#0099CC;
    --ThemeColor2:#F2F2F2;
    --ThemeColor3:#DEEBF7; 
    --normalBorder:#aaa solid 1px;
    --normalBorderPx:1px;
    --dashBorder:#aaa dashed 1px;
    --fontYuGothic: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;

    /*信号の色*/
    --blue:rgb(85,158,226);
    --yellow:rgb(255,212,89);
    --red:rgb(248,92,70);
}
body{
    font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
    /*印刷時に色を付ける*/
    -webkit-print-color-adjust: exact;
    print-color-adjust:exact;
}
.font-yugothic{
    font-family: var(--fontYuGothic);
}
header{
    width: 100%;
    height: var(--headerHeight);
    font-size: 20px;
    font-weight: bold;
    line-height: 45px;
    border-bottom: 1px solid #000000;
    padding-left: 20px;
}
header > div{/*ヘッダ内もmainと同じ幅で左寄せとする*/
    width: 1200px;
    max-width:100%;
    margin:0 auto;
}
footer{
    width: 100%;
    text-align: center;
    margin-right: 1px;
    background-color:#EEE;
    line-height: var(--footerHeight);
    height: var(--footerHeight);
    color: #999;
    font-size: 10px;
    padding-left: 20px;
}
main{
    width: 1200px;
    max-width:100%;
    margin:0 auto;
    padding:20px 0;
    min-height: calc(100dvh - var(--headerHeight) - var(--footerHeight));
}
/*ボタン*/
.ed-button
{
    border-top: 1px solid #ccc;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid #ccc;
    padding: 5px 15px;
    cursor: pointer;
    color: #444;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);
    /* For Internet Explorer 10 */
    background: linear-gradient(to bottom, #FFF,#CCC);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFCCCCCC);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFCCCCCC)";
    -moz-box-shadow: 1px 1px 2px #E7E7E7;
    -webkit-box-shadow: 1px 1px 2px #E7E7E7;
}
.ed-button:hover{
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e1e1e1), color-stop(0.5, #e1e1e1), color-stop(0.99, #cfcfcf), to(#ccc));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);
    /* For Internet Explorer 10 */
    background: linear-gradient(to bottom, #EEE,#CCC);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFE1E1E1, endColorstr=#FFCCCCCC);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFE1E1E1, endColorstr=#FFCCCCCC)";
}
.ed-button:active{
    background: #ccc;
}
.ed-button[disabled]{
    background: #FFF;
    color: #BBB;
    cursor: default;
}

.table-like-border{
    border-top: var(--normalBorder);
    border-left: var(--normalBorder);
}
.table-like-border .cell,.table-like-border.cell{
    border-right: var(--normalBorder);
    border-bottom: var(--normalBorder);
}
/*ヘッダ貼りつき時に罫線が消える現象に対応するためtableもseparateとして罫線を引く*/
table{    
    border-collapse: separate;
    border-spacing: 0;
    border-top: var(--normalBorder);
    border-left: var(--normalBorder);
}
th,td{
    border-right: var(--normalBorder);
    border-bottom: var(--normalBorder);
}
/*↓ヘッダ貼りつき↓*/
.stickyHeader{
    position: sticky;
    top:0;
}
/*↑ヘッダ貼りつき↑*/
/*タイトルなどで左側にメインカラーの縦線を付ける*/
.themeColorVerticalLine{
    padding-left: 0.5em;
    border-left: 7px solid var(--ThemeColor1);
}

.outline-white {
   letter-spacing: 2px;   /* 文字間 */
   text-shadow :          /* 文字の影 */
    1px  1px 1px #ffffff,
    -1px  1px 1px #ffffff,
    1px -1px 1px #ffffff,
    -1px -1px 1px #ffffff,
    1px  0px 1px #ffffff,
    0px  1px 1px #ffffff,
    -1px  0px 1px #ffffff,
    0px -1px 1px #ffffff;
}

.outline-black {
   letter-spacing: 2px;   /* 文字間 */
   text-shadow :          /* 文字の影 */
    1px  1px 1px #000000,
    -1px  1px 1px #000000,
    1px -1px 1px #000000,
    -1px -1px 1px #000000,
    1px  0px 1px #000000,
    0px  1px 1px #000000,
    -1px  0px 1px #000000,
    0px -1px 1px #000000;
}
.no-wrap {
    display: inline-block; /* インラインブロック化 */
    text-indent: 0;
}
.ls-01{
    letter-spacing:-0.1em;
}
.fs-1 {
    font-size: 1em;
}
input.txtNumber{
    width:65px;
}