@charset "utf-8";

/*-------------------------------------------------
 **************************************************
 ****************帳票用CSS様式*******************
 **************************************************
 --------------------------------------------------*/

 /****************************スタイル調整用テスト様式********START**/
/*罫線色⇒青い*/
.test{
    border:1px solid blue;
}

/*罫線色⇒赤い*/
.test2{
    border:1px solid red;
}

/*罫線色⇒黄色い*/
.test3{
    border:1px solid yellow;
}
/****************************スタイル調整用テストCSS********END**/

/****************************ヘッダエリア様式********start**/

/*ヘッダエリア様式*/
.title_area_chouhyo{
    height:164px;
    background-color:#ffffff;
    border-bottom:solid 2px #D4D4D4;
    text-align:left;
    display:table;
    margin-bottom:8px;
}
.title_area_chouhyo_pmn{
    height:48px;
    background-color:#ffffff;
    border-bottom:solid 2px #D4D4D4;
    text-align:left;
    display:table;
    /*margin-bottom:8px;*/
}
.title_area_chouhyo_pmj{
    height:48px;
    background-color:#ffffff;
    border-bottom:solid 1px #D4D4D4;
    text-align:left;
    display:table;
}
.header_area_chouhyo{
    padding:0px !important;
    margin:0px !important;
    border-bottom:1px dashed #D4D4D4;
}
.title_content_chouhyo_new{
    text-align:left;
    vertical-align:middle;
    display:table-cell;
    font-size:18px;
    font-weight:bold;
    font-color:#333333;
}

/*サブヘッダエリア様式*/
.title_area_chouhyo_sub{
    height:55px;
    background-color:#ffffff;
    border-bottom:solid 2px #D4D4D4;
    text-align:left;
    display:table;
    margin-bottom:8px;
}

/*ヘッダエリアのコマンド行様式*/
.title_row_chouhyo{
    text-align:left;
    vertical-align:middle;
    display:block;
    font-size:18px;
    font-weight:bold;
    font-color:#333333;
    margin-top:16px;
    margin-bottom:8px;
    padding-top:4px;
    padding-bottom:4px;
}
.title_row_chouhyo_pmn{
    text-align:right;
    padding:10px 16px 10px 16px;
    width:1288px;
    display:table;
}
.title_row_chouhyo_pmj{
    text-align:right;
    padding:10px 16px 10px 16px;
    width:1288px;
    display:inline-block;
}

.title_row_chouhyo_padding{
    padding:25px 16px 20px 16px;
}
/*コンテンツエリア用様式*/
.title_margin_top_chouhyo{
    margin-top:150px !important;
}
.title_margin_top_chouhyo_pmn{
    margin-top:48px !important;
}
.title_margin_top_chouhyo_pmj{
    margin-top:0px !important;
}
/*サブコンテンツエリア用様式*/
.title_margin_top_chouhyo_sub{
    margin-top:30px !important;
}

/*ヘッダエリアのコマンド行内の内容用様式*/
.title_content_chohyo{
    text-align:right;
    vertical-align:middle;
    display:inline-block;
    font-size:18px;
    font-weight:bold;
    font-color:#333333;
}

.title_confirm{
    background-color:#D9E2EC;
    font-size:18px !important;
    width:100%;
    overflow:hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    padding:0px;
}

/* #37098 ADD BY WANG-LONGXIANG 20201117 START */
.title_confirm_wrap{
    background-color:#D9E2EC;
    font-size:18px !important;
    width:100%;
    overflow:hidden;
    padding:0px;
}
/* #37098 ADD BY WANG-LONGXIANG 20201117 END */

.font_n{
    font-weight: normal !important;
}

/*要素間の|区切り*/
.common_line_chouhyo li{
    display:inline;
    list-style-type:none;
    padding-top:10px;
    padding-right:5px;
    padding-bottom:10px;
    padding-left:12px;
    border-left:1px solid #999;
}

/*要素間の|区切りしない*/
.common_line_chouhyo_bordernone li{
    display:inline;
    list-style-type:none;
    padding-top:10px;
    padding-right:5px;
    padding-bottom:10px;
    padding-left:12px;
}

.common_line_chouhyo li.common_line_chouhyo_1st{
    border-left:0;
    padding-left:0;
    margin-right:1px;
    padding-left:0px;
}
.common_line_chouhyo_padding{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
}

/****************************ヘッダエリア様式**********end**/

/*テーブル全体*/
.d_table_ct_chohyou{
    border-spacing:0px;
    border:1px solid #c2c8cb !important;
    box-sizing:border-box;
}
.d_table_ct td.row_select{
    color:#FFFFFF;
}
.view_bg{
    height:950px;
    background-image:url("../img/PMJXXFXX_VIEW.PNG");
    background-repeat:no-repeat;
    background-position-x:center;
}
.view_bg2{
    height:1250px;
    background-image:url("../img/PMJ02FG22.PNG");
    background-repeat:no-repeat;
    background-position-x:center;
}
.view_bg3{
    height:1250px;
    background-image:url("../img/PMJ02FG05.PNG");
    background-repeat:no-repeat;
    background-position-x:center;
}
.title_font{
    font-size:22px;
    color:#333333;
    text-align:left !important;
    margin-left:16px;
    margin-bottom:8px;
    margin-top:16px;
}
.sub_title_font{
    font-size:18px;
    color:#333333;
    text-align:left !important;
    margin-bottom:8px;
    margin-top:16px;
}
.note_font{
    font-size:16px;
    color:#333333;
    text-align:left !important;
    margin-bottom:8px;
}

/****************************子タイトルエリア様式********start**/
.sub_title_area_inner_chouhyo{
    width:1246px;
    height:46px;
    text-align:left;
    padding:0px 5px 0px 5px;
    margin:0px 16px 0px 0px;
    background-color:#d2d8dd;
    font-size:22px;
    color:#333333;
    border:1px solid #c2c8cb;
    display:table;
    margin-bottom:8px;
}
.sub_title_area_inner_chouhyo:hover{
    background-color:#4788cb;
    color:#fff;
}
/****************************子タイトルエリア様式**********END**/


.d_editMode_icon_normal{
    background-image:url("../parts/component/editMode_selected.svg");
    background-repeat:no-repeat;
    background-position:10px 12px;
}
.d_editMode_icon_normal:hover{
    background-image:url("../parts/component/editMode_hover.svg");
    background-position:10px 12px;
    background-repeat:no-repeat;
}
.d_editMode_icon_disable{
    background-image:url("../parts/component/editMode_unselected.svg");
    background-repeat:no-repeat;
    background-position:10px 12px;
}
.d_viewMode_icon_normal{
    background-image:url("../parts/component/viewMode_selected.svg");
    background-position:10px 12px;
    background-repeat:no-repeat;
/* #33982 画面の縮小を変更すると画面が壊れる場合がある 20200824 YUANL ADD BEGIN*/
    white-space:nowrap;
/* #33982 画面の縮小を変更すると画面が壊れる場合がある 20200824 YUANL ADD END*/
}
.d_viewMode_icon_normal:hover{
    background-image:url("../parts/component/viewMode_hover.svg");
    background-position:10px 12px;
    background-repeat:no-repeat;
}
.d_viewMode_icon_disable{
    background-image:url("../parts/component/viewMode_unselected.svg");
    background-position:10px 12px;
    background-repeat:no-repeat;
/* #33982 画面の縮小を変更すると画面が壊れる場合がある 20200824 YUANL ADD BEGIN*/
    white-space:nowrap;
/* #33982 画面の縮小を変更すると画面が壊れる場合がある 20200824 YUANL ADD END*/
}
.confirmArea{
    background-color:#D9E2EC;
    padding:20px;
}
.confirmArea_pmj{
    background-color:#D9E2EC;
    padding:16px;
}
.confirmBlock_pmj{
    font-size:18px;
    padding:0px 0px 16px 0px;
    margin:0px;
}
.confirmMessage{
    padding-top:0px;
    padding-right:0px;
    padding-bottom:16px;
    padding-left:0px;
    font-size:20px !important;
    font-weight: bold;
}

.ly_btn-m_chouhyo_pmj{
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    display: inline-block;
    width:160px !important;
    height:50px !important;
    font-size: 18px;
    padding: 11px 16px;
    white-space: nowrap;
}
.ly_btn-m_chouhyo_pmn{
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    display:inline-block;
    width:160px !important;
    height:50px !important;
    font-size: 18px;
    padding: 11px 16px;
}

.ly_btn-l_chouhyo_pmj{
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    display: inline-block;
    width:280px !important;
    height:50px !important;
    font-size: 18px;
    padding: 11px 16px;
}

.ly_btn-l_chouhyo_pmj2{
 text-decoration: none;
 font-weight: normal;
 text-align: center;
 display: inline-block;
 width:288px !important;
 height:50px !important;
 font-size: 18px;
 padding: 11px 16px;
}

.ly_btn-l_chouhyo_pmn{
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    display:inline-block;
    width:280px !important;
    height:50px !important;
    font-size: 18px;
    padding: 11px 16px;
}
.ly_btn-l_chouhyo2_pmj{
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    display: inline-block;
    font-size: 18px;
    padding: 11px 16px;
}
.ly_btn-l_chouhyo2_pmn{
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    /*display:block;*/
    width:160px !important;
    font-size: 18px;
    padding: 11px 16px;
}

.ly_btn-l_chouhyo3{
    text-decoration: none;
    font-weight: normal;
    text-align: center;
    /*display: block;*/
    width: 160px;
    font-size: 18px;
    padding: 4px 20px;
    margin-top: 10px;
}

.d_radioBox_seq_bt_modeSelected div:first-of-type input:checked + label
{
    color:#fff;
    background: #196BB5;
    background-image:url("../parts/component/editMode_hover.svg");
    background-position:10px 12px;
    background-size:40px 40px;
    background-repeat:no-repeat;
    font-weight: bold;
}
.d_radioBox_seq_bt_modeSelected div:last-of-type input:checked + label
{
    color:#fff;
    background: #196BB5;
    background-image:url("../parts/component/viewMode_hover.svg");
    background-position:10px 12px;
    background-repeat:no-repeat;
    font-weight: bold;
}
.sub_content_area_chouhyo{
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    padding-top: 8px;
    background-color:#f7f8f8;
}