.header {
    width: 1024px;
    height: 50px;
}

.jrqpo_body {
    width: 1024px;
    display:flex;
}

.login_title {
    padding-top: 100px;
    font-size: x-large;
    width: 1024px;
}

.login_body {
    padding-top: 50px;
    width: 1024px;
}

.side {
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    border-style: solid;
    border-top-width: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    width: 170px;
}

.side p {
    margin-top: 0px;
    margin-bottom: 5px;
}

.contents {
    float: right;
    width: 861px;
    padding-top: 10px;
    border-style: solid;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    margin-left: -1px;
}

.logout {
    float: right;
    margin-top: 28px;
    border-style: none;
    background-color: white;
    text-align: center;
    text-decoration: underline;
    color: blue;
    font-size: small;
}

.menu {
    border-style: none;
    background-color: white;
    text-align: center;
    text-decoration: underline;
}

.side_title {
    display: inline-block;
    width: 140px;
    border-style: solid;
    border-width: thin;
    padding-left: 10px;
}

.side_button {
    width: 160px;
    border-style: none;
    background-color: white;
    text-align: center;
    text-decoration: underline;
    color: blue;
    font-size: 9pt;
}

.search_panel {
    margin-left: 10px;
    border-style: solid;
    border-width: thin;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
}

/* .search_panel .form-group,
.search_panel .form-group-time {
        margin-right: 55px;
} */

.search_panel .form-group input,
.search_panel .form-group-time input {
        font-size: small;
}
.search_panel .form-group .input-group {
    width: 137px;
}
.search_panel .form-group .input-group input {
    width: 75px;
}
.search_panel .form-group-time .input-group {
    width: 107px;
}
.search_panel .form-group-time .input-group input {
    width: 55px;
}

.result_panel {
    margin-left: 10px;
}

.search_button {
    width: 100px;
    margin-left: 10px;
    float: right;
}

.upload_button {
    width: 100px;
    margin-left: 10px;
    float: right;
}

.upload_table {
    width: 830px;
    margin-top: 20px;
    margin-left: 10px;
    border-top: solid;
    border-width: thin;
}

.result_table {
    border: solid;
    border-width: thin;
    border-collapse: collapse;
    table-layout: fixed;
    width: 840px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.result_table tr th {
    border: solid;
    border-width: thin;
}

.result_table tr td {
    border: solid;
    border-width: thin;
    word-break: break-all;
    /*overflow-wrap: break-word;*/
}

.add_button {
    width: 80px;
    float: right;
}

.create_button {
    width: 120px;
}

.regist_button,
.delete_button,
.edit_button,
.calc_button,
.return_button,
.determine_button {
    width: 60px;
}

.csv_button {
    margin-top: 10px;
    float: right;
}

.detail_button {
    /*width: 80px;*/
    width: 60px;
}

.detail_button2 {
    width: 80px;
}

.detail_button3 {
    width: 40px;
}

.back_button {
    border-style: none;
    background-color: white;
    text-align: center;
    text-decoration: underline;
    color: blue;
    margin-left: 1px;
}

#pagination {
    width: 840px;
    text-align: center;
}

.result_detail {
    /*width: 80px;*/
    width: 60px;
    text-align: center;
}

/* テーブル定義 */
.detail_table,
.detail_payment_table,
.detail_payment_table_shop,
.detail_account_table,
.detail_shop_table,
.detail_company_table {
    border: solid;
    border-width: thin;
    border-collapse: collapse;
    table-layout: fixed;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.detail_shop_table {
    border: none;
    border-collapse: collapse;
    table-layout: fixed;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.code_payment_rate_table_with_required,
.detail_company_table_with_required,
.detail_rete_table_with_required,
.detail_table_with_required {
    border: solid;
    border-width: thin;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-collapse: collapse;
    table-layout: fixed;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.code_payment_rate_table {
    border: none;
    border-width: thin;
    border-collapse: collapse;
    table-layout: fixed;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 679px;
}

.point_grant_paymethod_rate_table {
    border: solid;
    border-width: thin;
    border-collapse: collapse;
    table-layout: fixed;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    width: 569px;
}

.detail_table {
    border: solid;
    border-width: thin;
    border-collapse: collapse;
    table-layout: fixed;
    margin-left: auto;
    margin-right: auto;
}

.detail_table tr th {
    border: solid;
    border-width: thin;
    width: 200px;
}

.detail_table tr td,
.detail_payment_table tr td,
.detail_payment_table_shop tr td,
.detail_account_table tr td {
    border: solid;
    border-width: thin;
    width: 400px;
}

.detail_payment_table tr th {
    border: solid;
    border-width: thin;
    width: 100px;
}

.detail_payment_table_shop tr th {
    border: solid;
    border-width: thin;
    width: 170px;
}

.detail_account_table tr th {
    border: solid;
    border-width: thin;
    width: 150px;
}

.detail_shop_table tr th {
    width: 120px;
}

.detail_shop_table tr td {
    border: solid;
    border-width: thin;
    width: 340px;
}

.detail_company_table tr th,
.detail_company_table_with_required tr th {
    border: solid;
    border-width: thin;
    width: 170px;
}

.detail_rete_table_with_required tr th {
    border: solid;
    border-width: thin;
    width: auto;
}

.detail_table_with_required tr th {
    border: solid;
    border-width: thin;
    width: 170px;
}

.code_payment_rate_table tr th,
.code_payment_rate_table_with_required tr th {
    border: solid;
    border-width: thin;
    height: 20px;
}

.point_grant_paymethod_rate_table tr th {
    border: solid;
    border-width: thin;
    height: 20px;
}

.detail_company_table tr td,
.detail_company_table_with_required tr td {
    border: solid;
    border-width: thin;
    width: 550px;
}

.detail_rete_table_with_required tr td {
    border: solid;
    border-width: thin;
    _width: 65px;
}

.code_payment_rate_table tr td,
.code_payment_rate_table_with_required tr td {
    border: solid;
    border-width: thin;
    height: 20px;
}

.point_grant_paymethod_rate_table tr td {
    border: solid;
    border-width: thin;
    height: 20px;
}

.detail_table_with_required tr td {
    border: solid;
    border-width: thin;
    width: 300px;
}

/* 単独設定項目 */

.h50 {
    height: 50px;
}

.h768 {
    height: 768px;
}

.w20 {
    width: 20px;
}

.w25 {
    width: 25px;
}

.w45 {
    width: 45px;
}

.w50 {
    width: 50px;
}

.w55 {
    width: 55px;
}

.w65 {
    width: 65px;
}

.w65r {
    width: 65px;
    text-align: right;
}

.w65c {
    width: 65px;
    text-align: center;
}

.w77 {
    width: 77px;
}

.w80 {
    width: 80px;
}

.w90 {
    width: 90px;
}

.w90r {
    width: 90px;
    text-align: right;
}

.w90c {
    width: 90px;
    text-align: center;
}

.w100 {
    width: 100px;
}

.w100r {
    width: 100px;
    text-align: right;
}

.w100c {
    width: 100px;
    text-align: center;
}

.w110 {
    width: 110px;
}

.w110c {
    width: 110px;
    text-align: center;
}

.w120 {
    width: 120px;
}

.w150 {
    width: 150px;
}

.w155 {
    width: 155px;
}

.w170 {
    width: 170px;
}

.w180 {
    width: 180px;
}

.w180c {
    width: 180px;
    text-align: center;
}

.w200 {
    width: 200px;
}

.w210 {
    width: 210px;
}

.w235 {
    width: 235px;
}

.w257 {
    width: 257px;
}

.w260c {
    width: 260px;
    text-align: center;
}

.w275 {
    width: 275px;
}

.w300 {
    width: 300px;
}

.w340 {
    width: 340px;
}

.w350 {
    width: 350px;
}

.w400 {
    width: 400px;
}

.w550 {
    width: 550px;
}

.w700 {
    width: 700px;
}

.w840 {
    width: 840px;
}

.w870 {
    width: 870px;
}

.w1024 {
    width: 1024px;
}

.h718 {
    height: 718px;
}

.mglm4 {
    margin-left: -4px;
}

.mgl5 {
    margin-left: 5px;
}

.mgl10 {
    margin-left: 10px;
}

.mgl30 {
    margin-left: 30px;
}

.mgl150 {
    margin-left: 150px;
}

.mgt20 {
    margin-top: 20px;
}

.mgt20c {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.mgt50 {
    margin-top: 50px;
}

.mgt100 {
    margin-top: 100px;
}

.mgwc_center {
    margin-left: auto;
    margin-right: auto;
}

.mgr5 {
    margin-right:5px;
}

.mgr10 {
    margin-right: 10px;
}

.pl3 {
    padding-left:3px;
}

.pl5 {
    padding-left:5px;
}

.pr5 {
    padding-right:5px;
}

.pt5 {
    padding-top:5px;
}

.pt10 {
    padding-top: 10px;
}

.dn {
    display: none;
}

.fss {
    font-size: small;
}

.fsxs {
    font-size: x-small;
}

.fsxxs {
    font-size: xx-small;
}

.fsxl {
    font-size: x-large;
}

.fsxxl {
    font-size: xx-large;
}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.fwb {
    font-weight: bold;
}

.fwn {
    font-weight: normal;
}

.wwarp_break {
    word-wrap: break-word;
}

.td_center {
    text-align: center;
}

.td_right {
    text-align: right;
}

.inputright {
    text-align: right;
}

.jrqpo_label {
    display: inline-block;
}

.required_label_red {
    display: inline-block;
    color: red;
    margin-left: 30px;
}

.dsp_flex {
    display: flex;
}

.label {
    display: inline-block;
    width: 100px;
}

.login_button {
    margin-left: 100px;
}

.float_right {
    float:right;
}

.menu_title {
    margin-right:auto;
    margin-left:auto;
    width:650px;
}

.menu_detail {
    border:solid;
    border-width:thin;
}

.red {
    color:red;
}

.jrqpo_btn {
    padding-left: 6px;
    padding-right: 6px;
}

/* 以下名称調整中 */
.result_datetime {
    /*width: 80px;*/
    /*width: 50px;*/
    /* width: 60px; */
    width: 65px;
    text-align: center;
}

.result_transactions_id {
    /*width: 130px;*/
    width: 90px;
    text-align: center;
}

.result_merchant_id2 {
    /*width: 130px;*/
    width: 100px;
    text-align: center;
}

.result_payment_means2 {
    width: 40px;
    text-align: center;
}

.result_paymethod {
    width: 110px;
    text-align: center;
}

.result_paymethod2 {
    width: 290px;
    text-align: center;
}

.result_amount {
    /*width: 80px;*/
    width: 70px;
    text-align: center;
}

.result_amount_small {
    /*width: 80px;*/
    width: 50px;
    text-align: center;
}

.result_coupon {
    width: 50px;
    text-align: center;
}

.result_status {
    /*width: 80px;*/
    width: 40px;
    text-align: center;
}

.result_company_code {
    width: 70px;
    text-align: center;
}

.result_company_code_mt {
    width: 140px;
    text-align: center;
}

.result_company_name {
    width: 120px;
    text-align: center;
}

.result_company_name_mt {
    width: 240px;
    text-align: center;
}

.result_jamps_code {
    width: 80px;
    text-align: center;
}

.result_tel {
    width: 100px;
    text-align: center;
}

.result_fee {
    width: 50px;
    text-align: center;
}

.result_merchant_id{
    width: 140px;
    text-align: center;
}

.result_aggregation_date {
    width: 100px;
    text-align: center;
}

.result_payment_means {
    width: 80px;
    text-align: center;
}

.result_credit_name {
    width: 120px;
    text-align: center;
}

.result_jq_flag {
    width: 50px;
    text-align: center;
}

.result_point{
    width: 120px;
    text-align: center;
}

.result_point3{
    width: 110px;
    text-align: center;
}

#result_scroll {
    position: relative;
    width: 839px;
    height: 370px;
}

.result_payment {
    width: 150px;
    text-align: center;
}

.result_code2,
.result_point2,
.result_coupon2 {
    width: 50px;
    text-align: center;
}

.result_account {
    width: 310px;
    text-align: center;
}

.result_shop_name {
    width: 100px;
    text-align: center;
}

.result_shop_rate,
.result_detail2,
.result_jq_flag3 {
    width: 145px;
    text-align: center;
}

.result_point_rate {
    width: 160px;
    text-align: center;
}

.result_credit_rate {
    width: 140px;
    text-align: center;
}

.result_credit_name2 {
    width: 248px;
    text-align: center;
}

.result_shop_code {
    width: 100px;
    text-align: center;
}

.result_shop_name2 {
    width: 180px;
    text-align: center;
}

.result_company_name2 {
    width: 220px;
    text-align: center;
}

.result_occurrence_date {
    width: 130px;
    text-align: center;
}

.result_occurrence_location {
    /* width: 130px; */
    text-align: center;
}

.result_message_type {
    width: 100px;
    text-align: center;
}

.result_message {
    /* width: 100px; */
    text-align: center;
}

.result_all_select {
    width: 80px;
    text-align: center;
}

.result_cooperation_file_name {
    width: 105px;
    text-align: center;
}

.result_cooperation_file_section {
    width: 180px;
    text-align: center;
}

.result_collaboration_date {
    width: 130px;
    text-align: center;
}

.result_collaboration_data {
    /* width: 30px; */
    text-align: center;
}

.result_number_of_lines {
    width: 30px;
    text-align: center;
}

.result_cooperation_possible_flag {
    width: 80px;
    text-align: center;
}

.result_cooperation_status_indicator {
    width: 80px;
    text-align: center;
}

.result_delete_flag {
    width: 50px;
    text-align: center;
}

.result_campaign_id {
    width: 180px;
    text-align: center;
}

.result_company_code3 {
    width: 90px;
    text-align: center;
}

.result_company_name4 {
    width: 180px;
    text-align: center;
}

.result_datetime2 {
    width: 80px;
    text-align: center;
}

.result_detail3 {
    width: 80px;
    text-align: center;
}

.result_detail4 {
    width: 50px;
    text-align: center;
}

.batch_info_table {
    border: solid;
    border-width: thin;
    border-collapse: collapse;
    table-layout: fixed;
    width: 770px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 50px;
}

.batch_info_table tr th {
    border: solid;
    border-width: thin;
}

.batch_info_table tr td {
    border: solid;
    border-width: thin;
    word-break: break-all;
    /*overflow-wrap: break-word;*/
}

.batch_info_name {
    width: 200px;
    text-align: center;
}

.batch_info_datetime {
    width: 140px;
    text-align: center;
}

.batch_info_result {
    width: 100px;
    text-align: center;
}

.batch_info_file_status {
    width: 250px;
    text-align: center;
}

[v-cloak] {
    display:none;
}

.ws_pw {
    white-space: pre-wrap;
}

.Messages {
    padding: 0 1em;
    border-radius: .25em;
    border: 1px solid #ccc;
    color: #9f6000;
    background-color: #feefb3;
}

.Messages p:before {
    font-family: FontAwesome;
    font-style: normal;
    content: '\f06a';
    padding-right: .5em;
}

small {
    color: red;
}

/* .br_::before {
    content: "\A";
    white-space: pre;
} */

.br_::after {
    content: "\A";
    white-space: pre;
}

@page {
    size: A4 portrait;
    margin: 0mm;
}

.payment_claim_contents {
	width: 210mm;
	height: 297mm;
    margin: 0 auto;
}
/* .page{
	width: 210mm;
	height: 297mm;
	box-sizing: border-box;
	padding: 20mm;
} */

.payment_advice_title {
    text-align: center;
}

.payment_advice_company {
    display: flex;
    justify-content: flex-end;
    margin-right: 50px;
}

.payment_advice_note {
    width: 830px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}