/******************************************************************************************
  　ヘッダー部
*******************************************************************************************/
/* ヘッダー部１ */
#header1 {
    position: relative;
    top: -10px;
    width: 100%;
    height: auto;
}

/* 左側エリア */
#header1_left {
    position: relative;
    float: left;
    width: 210px;
    height: 43px;
}

/* 検索ボタン */
.btnSearch {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100px;
    height: 30px;
}

/* クリアボタン */
.btnClear {
    position: absolute;
    bottom: 0px;
    left: 110px;
    width: 70px;
    height: 25px;
}

/* 右側エリア */
#header1_right {
    position: absolute;
    top: 18px;
    left: 200px;
    float: left;
    height: 30px;
    width: 600px;                       /* calc非対応ブラウザ */
    width: -moz-calc(100% - 210px);     /* Firefox */
    width: -webkit-calc(100% - 210px);  /* WebKit */
    width: -o-calc(100% - 210px);       /* Opera */
    width: calc(100% - 210px);          /* Standard */
}


/******************************************************************************************
  　明細部
*******************************************************************************************/

/* お客様番号エリア */
#okyakuNoErea {
    position: relative;
    margin-top: 30px;
    width: 100%;
    height: auto;
}

/* ラベル */
.lblOkyakuNo {
    font-size: 16px;
    font-weight: bold;
    background-color: #0000a0;
    color: #ffffff;
    padding: 4px;
}

/* 明細部テキストボックス */
.txtOkyakuNo {
    /*font-family: 'ＭＳ ゴシック';*/
    font-family: 'Roboto Regular','Noto Sans JP';
    font-size: 16px;
    color: #000000;
    border: solid 1px #666666;
    height: 20px;
    text-indent: 4px;
    letter-spacing: 2px;
}


/* 明細部１ */
#grid1 {
    position: relative;
    /*left: 30px;*/
    margin-top: 10px;
    width: 100%;
    /*max-height: 385px; 
    overflow-y: auto;
    overflow-x: hidden;*/
}

/* １列目 */
#col1 {
    width: 24px;
}

/* ２列目 */
#col2 {
    width: 220px;
}

/* ３列目 */
#col3 {
    width: 140px;
}

/* ４列目 */
#col4 {
    /*width : 300px ;*/                     /* calc非対応ブラウザ */
    /*width: -moz-calc(100% - 774px);*/     /* Firefox */
    /*width: -webkit-calc(100% - 774px);*/  /* WebKit */
    /*width: -o-calc(100% - 774px);*/       /* Opera */
    /*width: calc(100% - 774px);*/          /* Standard */
}

/* ５列目 */
#col5 {
    width: 160px;
}

/* ６列目 */
#col6 {
    width: 160px;
}

/* ７列目 */
#col7 {
    width: 70px;
}


/******************************************************************************************
  　フッター部
*******************************************************************************************/
/* フッター部１ */
#footer1 {
    position: relative;
    margin-top: 10px;
    width: 100%;
    height: auto;
}

/* フッター部１の左側エリア */
#footer1_left {
    position: relative;
    left: 0px;
}

/* フッター部１の右側エリア */
#footer1_right {
    position: absolute;
    top: 0px;
    right: 0px;
}

/* フッター部２ */
#footer2 {
    position: relative;
    margin-top: 15px;
    margin-bottom: 20px;
    width: 100%;
}

/* フッター部２の左側エリア */
#footer2_left {
    position: relative;
    left: 0px;
}

/* フッター部２の右側エリア */
#footer2_right {
    position: absolute;
    top: 0px;
    right: 0px;
}