/*        * {
            font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
        }
*/        
*
{
    font-family: "Helvetica Neue", 
        Arial, 
        "Hiragino Kaku Gothic ProN", 
        "Hiragino Sans", 
        Meiryo, 
        sans-serif;
}


html, body {
    height: 100%;
    margin: 0;
}

body {
    min-height: 100vh; /* 画面の高さいっぱい */
}

/*main {
    min-height: 500px;
}*/

footer { /* 画面下部に表示 */
    background-color: #126f9f;
    color: white;
    position: fixed;
    bottom: 0;
    width: 100%;
    font-size: small;
    padding: 0px;
}

header {
    /*background-color: blue;*/
    position: sticky; /* ここに注目! */
    top: 0;
    height: auto;
}


/* マスターページ用*/

.master-container {
    flex: 0 0 auto;  高さは内容に任せる 
    width: 100%;
    height: auto;
    display: flex;
    /*margin: 10px 0px 10px 0px;*/
    margin: 10px;
    flex-direction: row-reverse;
    min-width: 1200px;
}

.master-body {
    width: 73%;
    height: auto;
    background-color: snow;
}

.master-bodyfull {
    width: 100%;
    height: auto;
}

.master-side {
    width: 27%;
    height: auto;
}

.master-sidezero {
    width: 0%;
    height: auto;
    background-color: pink;
}

/* 読み込み中メッセージ ボックス*/
.box-wait-message {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255,255,255,0.9);
    padding: 20px;
    border: 1px solid #ccc;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    z-index: 9999;
}

/* 右側メニュー ボックス */
.box-menu {
    background-color: #323a45;
    border-radius: 8px 8px;
    width: 300px;
    display: flex;
    justify-content: flex-start;
    margin: 10px;
}

.right {
    text-align: right;
}
.rightLabel {
    display: block;
    text-align: right;
}

.left {
    text-align: left;
}
.leftLabel {
    display: block;
    text-align: left;
}


/* フィルター項目表示用Table */
.table_filter {
    width: 100%;
/*    width: 600px;*/
}
.table_filter th, .table_filter td {
    border-bottom: 1px dotted gray;
}
.table_filter th {
    text-align: left;
    width: 20px;
    min-width: 4em;
}



/* Grid */
.gv-scroll { /* Gridviewの親コンテナ用 <div class="gv-scroll" > */
    overflow: auto; /* スクロールバー縦横両方 */
    padding-bottom: 2em;
    /*border: 1px solid #ccc;*/
}

.gv thead th {
    position: sticky;
    top: -1px;
    z-index: 2; /* 行セルより上に出す */
    /*background: #f7f7f7;*/
    background-color: #1fbba6; /* 背景を塗らないとスクロール時に透ける */
    color: white;
    border-block: 1px solid #006699;
}

.gv {
    border-collapse: separate;
    border-spacing: 0;
    background-color: white;
    border-color: #006699;
    font-size: small;
}

.gv th, .gv td {
    white-space: nowrap; /* 折り返し防止（横スクロール前提） */
    padding: 3px;
}





.center
{
    text-align: center;
}      

/*マスタ用*/
.Mastrcenter {
    text-align: center;
    width: 1220px;
    height: 700px;
    font-size: small;
    margin: 15px 0px 0px 0px;
}
        
.box-left{
    float: left;
}
.box-right{
    float: right;
}
.box-both {
    clear: both; /* 回り込みを解除 */
}
.boxContainer{
    overflow: hidden;
    font-size:small;     
}

.FileUpload {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0;
}

.wrapper {
    width: 620px;
    margin: 0 auto;
}

/*チャート*/
/*.chart-cody {
    width: 100%;
    height: 400px;
}*/

/*入力ロック*/
.lock-field {
    background-color: whitesmoke;
    pointer-events: none;
}

/*.site-header,
.site-footer {
    padding: 6px;
    background: #f2f2f2;
}
*/