﻿/*全画面共通設定*/
body{
    margin:0;
    padding:0;
    text-align:center;
    font-family:'Arial', 'MS Pゴシック', 'MS UI Gothic';
    margin:0 auto;
}

/*テキストボックス(全画面共通)*/
input[type=text],
input[type=password]{
    font-size:14px;
    padding:2px 3px 2px 3px;
}

textarea{
    font-family:'Arial', 'MS Pゴシック', 'MS UI Gothic';
    resize:none;
    font-size:14px;
    padding:2px 3px 2px 3px;
}

/*ドロップダウンリスト(全画面共通)*/
select{
    font-size:14px;
    padding:2px 3px 2px 3px;
}

/*文字折り返し用*/
.LblTxtBreak{
    overflow-wrap:break-word;
    word-break: break-word;
}

/*----------------------------------------*/

/*ログイン画面*/
.TblLogin{
    margin:0 auto;
    width:350px;
}

.TblLogin td{
    padding:10px;
}

/*----------------------------------------*/

/*パスワード再発行画面*/
.TblSaiHakko{
    margin:0 auto;
    width:480px;
    background-color:#D3E7F1;
    padding-top:10px;
    padding-bottom:10px;
}

.TblSaiHakko td{
    padding-top:10px;
    padding-bottom:10px;
}

.TblSaiHakko td:nth-child(1){
    text-align:right;
    padding-left:10px;
}

.TblSaiHakko td:nth-child(2){
    text-align:left;
}

/*----------------------------------------*/

/*メニュー画面*/
.TblMenu{
    margin:0 auto;
    padding-top:10px 0 0 0;
    text-align:left;
    font-size:15px;
    font-weight:bold;
}

.TblMenu td{
    padding:5px 0 5px 0;
    vertical-align:middle;
}

/*メニュー画面 リンクボタン*/
.LnkBtnMenu{
    display:inline-block;
    text-decoration:none;
}

.LnkBtnMenu:hover{
    text-decoration:underline;
}

/*----------------------------------------*/

/*請求書公開 検索欄*/
.TblSearch{
    text-align:left;
}

.TblSearch td{
    padding:2px 0 2px 10px;
}

/*請求書公開 一覧*/
.div_Sei{
    width:1123px;
    max-height:248px;
    overflow-y:scroll;
    margin-left:20px;
    border:solid 1px gray;
}

.gvSeikyu{
    width:100%;
    margin-top:-1px;
    margin-left:-1px;
}

.gvSeikyu th{
    position:sticky;
    top:-1px;
    left:-1px;
    z-index:1;
    font-weight:normal;
    background-color:#dbebc4;
    height:30px;
}

.gvSeikyu th::before {
    content:"";
    position:absolute;
    width:100%;
    height:1px;
    bottom:-1px;
    left:0;
    border-bottom:solid 1px gray;
}

/*----------------------------------------*/

/*請求書公開･詳細共通 請求書アップロード*/
.divFilUp{
    display:inline-block;
    position:relative;
}

.Fileup_Image{
    width:100%;
    left:0px;
    opacity:0;
    position:absolute;
    top:0;
}

/*----------------------------------------*/

/*請求書情報詳細 ラベル(背景白：共通)*/
.LblStyle{
    display:inline-block;
    vertical-align:middle;
    height:16px;
    font-size:14px;
    text-align:center;
    background-color:white;
    border-style:solid;
    border-color:dimgrey;
    border-width:1px;
    padding:4px;
    margin-left:-1px;
}

/*請求書情報詳細 ラベル(背景なし：共通)*/
.LblStyle_NoBack{
    display:inline-block;
    vertical-align:middle;
    height:16px;
    font-size:14px;
    padding:4px;
}

/*請求書情報詳細 処理状況ラベル*/
.LblJyokyo{
    font-size:14px;
    text-align:center;
    background-color:#ffffcc;
    border-style:double;
    border-color:dimgrey;
    padding:5px;
}

/*請求書情報詳細 一覧*/
.TblSyousai{
    margin-left:25px;
}

.TblSyousai td{
    padding:3px 0px 3px 0px;
}

/*----------------------------------------*/

/*メールアドレス登録*/
.GvMail{
    margin:0 auto;
}

.GvMail th{
    background-color:#dbebc4;
    font-size:15px;
    font-weight:normal;
    padding:3px 0 3px 0;
}

.GvMail td{
    vertical-align:central;
}

/*----------------------------------------*/

/*請求一覧照会 一覧*/
.div_Ichiran{
    width:1100px;
    max-height:333px;
    overflow-y:scroll;
    margin-left:20px;
    border:solid 1px gray;
}

.gvIchiran{
    width:100%;
    margin-top:-1px;
    margin-left:-1px;
}

.gvIchiran th{
    position:sticky;
    top:-1px;
    left:-1px;
    z-index:1;
    font-weight:normal;
    background-color:#dbebc4;
    height:30px;
}

.gvIchiran th::before {
    content:"";
    position:absolute;
    width:100%;
    height:1px;
    bottom:-1px;
    left:0;
    border-bottom:solid 1px gray;
}

/*請求書*/
.gvIchiran td:nth-child(3) {
    border-right:none !important;
}

.gvIchiran td:nth-child(4) {
    border-left:none !important;
}

/*請求データ*/
.gvIchiran td:nth-child(5) {
    border-right:none !important;
}

.gvIchiran td:nth-child(6) {
    border-left:none !important;
}

/*添付資料*/
.gvIchiran td:nth-child(7) {
    border-right:none !important;
}

.gvIchiran td:nth-child(8) {
    border-left:none !important;
}


/*----------------------------------------*/

/*お客様ユーザ一覧 検索欄*/
.TblKensaku{
    font-size:14px;
    text-align:left;
}

/*お客様ユーザ一覧 照会*/
.div_User{
    width:550px;
    margin-right:20px;
    max-height:380px;    
    overflow-y:scroll;
    border:solid 1px gray;
}

.gvUser{
    width:100%;
    margin-top:-1px;
    margin-left:-1px;
    text-align:center;
}

.gvUser th{
    position:sticky;
    top:-1px;
    left:-1px;
    z-index:1;
    font-weight:normal;
    background-color:#dbebc4;
    height:28px;
}

.gvUser th::before {
    content:"";
    position:absolute;
    width:100%;
    height:1px;
    bottom:-1px;
    left:0;
    border-bottom:solid 1px gray;
}

/*お客様ユーザ一覧 詳細*/
.gvUserMail{
    width:100%;
    text-align:center;
}

.gvUserMail th{
    font-weight:normal;
    background-color:#ffff00;
    height:25px;
}

/*お客様ユーザ一覧 パスワード*/
.LblPass{
    display:inline-block;
    vertical-align:middle;
    height:16px;
    min-width:120px;
    font-size:14px;
    border-style:solid;
    border-color:dimgrey;
    border-width:1px;
    padding:4px;
    margin-left:10px;
}

/*----------------------------------------*/

/*お客様ユーザ登録画面*/
.TblUser{
    margin:0 auto;
    font-size:14px;
    text-align:left;
}

.TblUser td{
    vertical-align:top;
    padding-bottom:16px;
}

.div_COKCD{
    width:490px;
    margin-top:-1px;
    margin-left:-1px;
    max-height:111px;    
    overflow-y:scroll;
    border:solid 1px gray;
}

.gvCOKCD{
    margin: -1px 0 0 -1px;
    width:100%;
    text-align:center;
}

.gvCOKCD td{
    height:25px;
    vertical-align:middle;
    padding-bottom:1px;
}

.div_MAIL{
    width:400px;
    margin-top:10px;
    /*margin-left:-1px;*/
    max-height:83px;    
    overflow-y:scroll;
    border:solid 1px gray;
}

.gvMAIL{
    margin: -1px 0 0 -1px;
    width:100%;
    text-align:left;
}

.gvMAIL td{
    height:25px;
    vertical-align:middle;
    padding-bottom:1px;
}

