@charset 'UTF-8';

html {
    font-size: 15px;
}
body 
{
/*font-size: 9pt;*/
font-family: "メイリオ",sans-serif;
color: #000000;
}

.headerHelpIcon img[src$=".svg"],
.noticeBellIcon img[src$=".svg"]{
    width: 24px;
    height: 24px;
}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
    display: none;
}

p.title {
/*font-size: 9pt;*/
font-weight: bold; 
font-family: "メイリオ",sans-serif;
color: #000000;
border-bottom: ridge 2px #F8F8FF;
}

p.red {
/*font-size: 9pt;*/
font-family: "メイリオ",sans-serif; 
color: #FF2B2B;
}

label.red, span.red {
color: #FF2B2B;
}

/* 2011.03.22 INS-S M.Igarashi */
label.w1{
display:inline-block;
float:inherit;
width:15px;
height:15px;
}

label.w1{
clear:both;
} 
/* 2011.03.22 INS-E M.Igarashi */

table.head {
/*font-size: 9pt;*/
font-family: "メイリオ",sans-serif; 
color: #000000;
background-color: #D2CFDA;
border: 1px solid #676767;
}

table.protectionHead {
/*font-size: 9pt;*/
font-family: "メイリオ",sans-serif; 
color: #000000;
background-color: #fffacd;
border: 1px solid #676767;
}

table.pnrHead
{
	/*font-size: 9pt;*/
	font-family: "メイリオ",sans-serif; 
	color: #000000;
	border: 1px solid #676767;
}

table.head_info {
width: 100%;
/*font-size: 9pt;*/
font-family: "メイリオ",sans-serif; 
color: #000000;
}

table.head_button {
text-align:right;
}

td.head_border_bottom {
border-bottom: 1px solid #676767;
}

table.border {
border: 1px solid #676767;
}

table.list {
    border-collapse: collapse;
    border: solid 1px #BDBDBD;
    margin: 0px; /*2020.02.19 add*/
}

tr.title {
/*font-size: 9pt;*/
font-weight: bold; 
font-family: "メイリオ",sans-serif;
color: #000000;
border-bottom: ridge 2px #F8F8FF;
}

tr.basis {
/*font-size: 9pt;*/
font-family: "メイリオ",sans-serif; 
color: #000000;
}

tr.basis.green {
    margin-left: 20px;
    font-size: 1.2em;
    font-weight: bold;
    color: #32CC24;
    background: #ffffff;
}

tr.edit {
/*font-size: 9pt;*/
font-family: "メイリオ",sans-serif; 
color: #000000;
height: 27px;
}

tr.karte {
/*font-size: 9pt;*/
font-family: "メイリオ",sans-serif; 
color: #000000;
background-color: #ccff99;
border: solid 1px #ccff99;
}

tr.list_title {
/*font-size: 9pt;*/
font-family: "メイリオ",sans-serif; 
color: #000000;
background-color: #3B9DBD;
border: solid 1px #BDBDBD;
height: 30px
}

tr.list_title_login {
/*font-size: 9pt;*/
font-family: "メイリオ",sans-serif; 
color: #FFFFFF;
background-color: #3B9DBD;
border: solid 0px #676767;
height: 30px
}

tr.list_data_kisu {
 /*font-size: 9pt;*/
 font-family: "メイリオ",sans-serif;
 color: #000000;
 background-color: #ffffff;
 height: 20px;
 border: solid 1px #BDBDBD;
}

tr.list_data_gusu {
/*font-size: 9pt;*/
font-family: "メイリオ",sans-serif; 
color: #000000;
background-color: #F0F0F0;
height: 20px
}

tr.selfbooking, td.selfbooking
{
	/*font-size: 9pt;*/
	font-family: "メイリオ",sans-serif; 
	color: #000000;
	background-color: #ffffcc;
	height: 20px	
}

tr.updbooking, td.updbooking
{
	/*font-size: 9pt;*/
	font-family: "メイリオ",sans-serif; 
	color: #000000;
	background-color: #CCFFFF;
	height: 20px	
}

td.basis {
/*font-size: 9pt;*/
font-family: "メイリオ",sans-serif; 
color: #000000;
}

td.basis2 {
/*font-size: 9pt; 2010.12.21 shin modi 要求No 375 */
border-bottom: solid 1px #676767;
font-family: "メイリオ",sans-serif; 
color: #000000;
}

td.search{
border-right: solid 0px #676767;
/*font-size: 9pt;*/
font-family: "メイリオ",sans-serif; 
}
/* 2012.08.08 INS TOKIOKA START No2571 */
td.red {
font-weight: bold;
/*font-size: 9pt;*/
font-family: "メイリオ",sans-serif;
color: Red;
}
td.basisBold {
/*font-size: 9pt;*/
font-family: "メイリオ",sans-serif; 
color: #000000;
font-weight: bold;
}
/* 2012.08.08 INS TOKIOKA END */

input {
    border-radius: 5px;
    border: 1px solid #BDBDBD;
    font-family: "メイリオ",sans-serif;
}

select {
    border-radius: 5px;
    border: 1px solid #BDBDBD;
    font-family: "メイリオ",sans-serif;
}

textarea {
    border-radius: 5px;
    border: 1px solid #BDBDBD;
}

input.search {
    /*background: right 10px center/ 12px url('images/icon/icon_search_black.svg') no-repeat;*/
    background-color: #fff2d9;
    font-family: "メイリオ",sans-serif;
}

input.combobox{
background-color: #ffcc66;
position:absolute; 
left:0px; 
}

input.combobox{
background-color: #ffcc66;
position:static; 
left:0px; 
}

.list {
    padding-left: 4px;
    text-align: left;
}

.list_center {
    text-align: center;
}

td.search_err{
background-color: #FF5555
}

td.list_err{
border: solid 1px #676767;
background-color: #FF2B2B
}

td.list{
border: solid 1px #676767;
padding-left: 4px;
}

td.list_center{
border: solid 1px #676767;
text-align: center;
}

td.list_center_no {
border: solid 1px #676767;
width:30px;
text-align:center
}
td.list_center_button {
border: solid 1px #676767;
width: 80px;
text-align:center
}
td.list_center_button_2 {
border: solid 1px #676767;
width: 160px;
text-align:center
}
td.list_defo {
border: solid 1px #676767;
padding-left: 4px;
font-size: medium;
}
td.list_right {
border: solid 1px #676767;
text-align:right;
padding-right: 4px;
}
td.list_left {
    border: solid 1px #676767;
    text-align: left;
    padding-right: 4px;
}
/*//まとめ請求書表紙編集2017/08/30 S.Satou ADD START*/
td.list_right53 {
border: solid 1px #676767;
text-align:right;
background-color: #e4e4e4; 
padding-right: 4px;
}
/*//まとめ請求書表紙編集2017/08/30 S.Satou ADD END*/
td.PNRTitle {
color: #FFFFFF;
background-color: #000000;
}
td.button {
border: solid 1px #3B9DBD;
text-align:left
}

td.edit_title_point {
width: 3px;
border-bottom: solid 1px #676767;
background-color: #3B9DBD;
}

td.edit_title {
border-bottom: solid 1px #676767;
border-right: solid 1px #676767;
background-color: #3B9DBD;
}

td.right {
text-align:right 
}

input.button {
    width: 150px;
    /*font-size: 9pt;*/
    font-family: "メイリオ",sans-serif;
}

/* 2014.04.07 ins tesaki start */
input.button_s {
    width: 127px;
    height: 22px;
    /*font-size: 9pt;*/
    font-family: "メイリオ",sans-serif;
}
/* 2014.04.07 ins tesaki end */

input.button_crs {
    /*font-size: 9pt;*/
    font-family: "メイリオ",sans-serif;
}

input.list_button {
    width: 70px;
    /*font-size: 9pt;*/
    font-family: "メイリオ",sans-serif;
}

input.button_head {
    background: #3b9dbd;
    border: none;
    height: 23px;
    width: 120px;
    color: white;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

table.login {
width:100%;
height:auto;
}

span.login {
width: 100%; 
position:relative;
top:0px;
}

#icon_image {
display:block;
width:380px;
height:auto;
margin:0px auto;
}

td.edit_category {
    border-bottom: solid 1px #676767;
    background-color: #C0C0B6;
}

input.button_on {
	width: 150px;
	/*font-size: 9pt;*/
	font-family: "メイリオ",sans-serif;
	background-color: #5555dd;
	color: #ffffff;
}

input.button_off {
	width: 150px;
	/*font-size: 9pt;*/
	font-family: "メイリオ",sans-serif;
}

input.button_small {
    padding: 5px;
    border-radius: 7px;
    margin: 0px 2px;
    width: 70px;
    background-color: #4f81bd;
    color: #FFF;
    font-weight: bold;
    /*font-size: 9pt;*/
    font-family: "メイリオ",sans-serif;
}

input.button_middle {
    padding: 7px;
    border-radius: 7px;
    margin: 0px 2px;
    width: 110px;
    background-color: #4f81bd;
    color: #FFF;
    font-weight: bold;
    /*font-size: 9pt;*/
    font-family: "メイリオ",sans-serif;
}

input.button_large,
a.button_large {
    padding: 7px;
    border-radius: 7px;
    margin: 0px 2px;
    width: 150px;
    background-color: #4f81bd;
    color: #FFF;
    font-weight: bold;
    /*font-size: 9pt;*/
    font-family: "メイリオ",sans-serif;
}

.button_large.red_button {
    background-color: #FF5555;
}

    .button_large.red_button.disabledNotBlackFont {
        background-color: #d9d9d9;
    }


.menutitle {
	font-size: 10.5pt;
	font-family: "メイリオ",sans-serif;
	color: #0000ff;
}

/* Validation  
----------------------------------------------------------*/
.field-validation-error
{
	/*font-size: 9pt;*/
	font-family: "メイリオ",sans-serif; 	
    color: #ff0000;
}

.input-validation-error
{
    /*border: 1px solid #FF5555;*/
    border: 1px solid #FF5555 !important;
    background-color: red;
    /*background-color: #FF5555*/
}

.validation-summary-errors
{
/*
    font-weight: bold;
    color: #ff0000;
*/
	/*font-size: 9pt;*/
	font-family: "メイリオ",sans-serif; 
	color: #FF2B2B;
}

.cms
{
	/*font-size: 9pt;*/	
	overflow-y:auto; 
	display:yes; 
	height:387px; 
	padding:6px; 
	color:#666666;	
}
/* 2012.02.02 INS TOKIOKA START */
.view_mode_notice 
{
	font-weight: bold;
    font-size: 12pt;
    font-family: "メイリオ",sans-serif;
    color: Red;
    background-color: Yellow;
}
/* 2012.02.02 INS TOKIOKA END */

/* 共通マスタ検索 */
#dialog {position:absolute; width:625px; height:400px; padding:10px; z-index:200; background:#fff}
#dialog-header {display:block; position:relative; width:611px; padding:3px 6px 7px; height:14px; font-size:14px; font-weight:bold}
#dialog-title {float:left}
/*#dialog-close {float:right; cursor:pointer; margin:3px 3px 0 0; height:11px; width:11px; background:url(/Content/dialog_close.gif) no-repeat}*/
#dialog-close {float:right; cursor:pointer; margin:3px 3px 0 0; height:14px; width:16px; background:url(/Content/images/CMS/close.png) no-repeat}
#dialog-content {display:block; height:360px; padding:6px; color:#666666; font-size:13px}
#dialog-mask {position:absolute; top:0; left:0; min-height:100%; width:100%; background:#FFF; opacity:.75; filter:alpha(opacity=75); z-index:100}
.error {background:#fff url(/Content/images/CMS/error_bg.jpg) bottom right no-repeat; border:1px solid #924949; border-top:none}
.errorheader {background:url(/Content/images/CMS/error_header.gif) repeat-x; color:#6f2c2c; border:1px solid #924949; border-bottom:none}
.warning {background:#fff url(/Content/images/CMS/warning_bg.jpg) bottom right no-repeat; border:1px solid #c5a524; border-top:none}
.warningheader {background:url(/Content/images/CMS/warning_header.gif) repeat-x; color:#957c17; border:1px solid #c5a524; border-bottom:none}
.success {background:#fff url(/Content/images/CMS/success_bg.jpg) bottom right no-repeat; border:1px solid #60a174; border-top:none}
.successheader {background:url(/Content/images/CMS/success_header.gif) repeat-x; color:#3c7f51; border:1px solid #60a174; border-bottom:none}
.prompt {background:#fff bottom right no-repeat; border:1px solid #4f6d81; border-top:none}
.promptheader {background:url(/Content/images/CMS/prompt_header.gif) repeat-x; color:#355468; border:1px solid #4f6d81; border-bottom:none}
/*.promptheader {background:url(/Content/prompt_header.gif) repeat-x; color:#355468; border:1px solid #4f6d81; border-bottom:none}*/
.cms {background:#fff url(/Content/images/CMS/prompt_bg.jpg) bottom right no-repeat; border:1px solid #4f6d81; border-top:none}
.cmstheader {background:url(/Content/images/CMS/prompt_header.gif) repeat-x; color:#355468; border:1px solid #4f6d81; border-bottom:none}

/* Date Picker */
table.ksc { border-style:solid; border-width:1px; border-collapse: collapse; margin:0px; padding:0px; }
td.ksc { text-align:center; border-style:solid; border-width:1px; margin:1px; padding:0px; }
div.ksc_calendar_panel {position: absolute; display:none; top: 100px; left: 100px; z-index: 1; width: 300px; height: 300px; background: white; border-width:3px; border-style:outset; margin:0px; padding:0px; }
a.ksc_cal_day { margin:1px; padding-bottom:0px; padding-top:0px; padding-left:3px; padding-right:3px;}
a.ksc_cal_day:hover { background-color: #E0E0E0; }
a.ksc { margin:1px; padding-bottom:0px; padding-top:0px; padding-left:3px; padding-right:3px; }
a.ksc:hover { background-color: #E0E0E0; }
a.ksc_close_button {margin:2px; padding-bottom:0px; padding-top:0px; padding-left:3px; padding-right:3px; }
a.ksc_close_button:hover { background-color: #E0E0E0; }

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

#MessageBox {
    position: relative;
    width: 95%;
    margin: 10px auto 10px;
    top: 30px;
    background-color: #ffffff;
}

#main_wrapper {
    width: 100%;
}

#info {
    background-color: #ffffff;
    position: relative;
    top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px 0px 0px;
}

#fix-header {
    position: fixed;
    width: 100%;
    margin-left: 20px;
    top: 50px;
    height: 45px;
    background-color: #ffffff;
    z-index: 2147483647;
}

.button_wrap {
    width: 95%;
    padding: 0px;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
}

.button_wrap input,
.button_wrap a {
    font-size: 1.1em;
    background-color: #FFF;
    outline: none;
    text-decoration: none;
}

.button_wrap a#return {
    background-color: #3b9dbd;
    color: #FFF;
    border: solid 1px transparent;
    box-shadow: none;
    transition-duration: 0.2s;
}

.button_wrap a#return:hover {
    color: #3b9dbd;
    background-color: #FFF;
    border: solid 1px #AACCCC;
    box-shadow: 1px 1px 2px #eee;
    transition-duration: 0.2s;
}

.button_wrap_left {
    width: 95%;
    padding: 0px;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
}

.button_wrap_flexbox {
    display: flex;
    align-items: center;
}

.blue_button {
    cursor: pointer;
    padding: 7px;
    border-radius: 7px;
    margin: 0px 2px;
    width: 150px;
    background-color: #4f81bd;
    color: #FFF;
    font-weight: bold;
    font-family: "メイリオ",sans-serif;
}

    .blue_button label {
        color: #FFF;
        line-height: 0.9em;
        font-weight: bold;
        display: block;
        text-align: center;
        cursor: pointer;
    }

.delete_button {
    background-color: #ffb073;
    box-shadow: 0px 3px 1px #ffaa90;
    cursor: pointer;
    padding: 7px;
    border-radius: 7px;
    margin: 0px 2px;
    width: 150px;
    color: #FFF;
    font-weight: bold;
    font-family: "メイリオ",sans-serif;
}

.delete_button_otherwindow {
    margin: 0 5px 2px;
    border-radius: 7px;
    cursor: pointer;
    padding: 2px 7px;
    width: 80px;
    color: #FFF;
    background-color: #ffb073;
    border: none;
}

    .delete_button label {
        color: #FFF;
        line-height: 0.9em;
        font-weight: bold;
        display: block;
        text-align: center;
        cursor: pointer;
    }

.green_button {
    padding: 7px;
    border-radius: 7px;
    margin: 0px 2px;
    cursor: pointer;
    width: 80px;
    font-weight: bold;
    color: #FFF;
    background-color: #4caf93;
    border: none;
    box-shadow: 0px 1px 1px #208E89;
}
.neo_green_button {
    padding: 7px;
    border-radius: 7px;
    margin: 0px 2px;
    cursor: pointer;
    width: 150px;
    font-weight: bold;
    color: #FFF;
    background-color: #4caf93;
    border: none;
    box-shadow: 0px 1px 1px #208E89;
    font-family: "メイリオ",sans-serif;
    line-height: 0.9em;
}

.condition_title {
    /*font-size: 9pt;*/
    font-weight: bold;
    vertical-align: middle;
    margin-right: 10px;
}

.sort_wrap {
    padding: 10px 20px 0px 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.sort_wrap .chosen-container {
    width: 140px !important;
}

.sort_wrap input[type=radio] {
    display: inline-block;
    margin-right: 5px;
}

.sort_label {
    color: #222;
    /*font-size: 9pt;*/
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    width: 46%;
}

.radio_sort_wrap {
    width: 100%;
    margin-left: 46%;
}

.radio_sort_wrap label {
    display: inline-block;
    margin-right: 5px;
    font-size: 1.3rem;
}

#content_bottom {
    position: relative;
    width: 95%;
    margin: 10px auto 10px;
    top: 30px;
    background-color: #FFF;
    padding: 10px;
    border: solid 1px #BDBDBD;
}
    #content_bottom table td {
        /*background-color: #FFF;*/
        padding: 2px;
        border: solid 1px #BDBDBD;
        border-width: 1px 0px;
        border-top: 0px;
        border-bottom: 0px;
}
.pattern_info_table .text_100 {
    width: calc(100% - 6px);
}
.blue_td {
    font-weight: bold;
    background-color: #FFF !important;
    color: #000000;
}

.blue_td_point {
    font-weight: bold;
    background-color: #FFF !important;
    color: Red;
}

.master_table tbody tr {
    height: 2.5em;
}

.master_table tbody tr input,
.master_table tbody tr .chosen-single {
    height: 2em;
    margin: 3px;
}

.pattern_info_table {
    width: 100%;
}

    .pattern_info_table td {
        font-size: 1em;
        padding: 5px;
        margin: 10px auto;
    }

    .pattern_info_table .line {
        border-bottom: solid 2px #C1E5DC;
    }

.pattern_info_table .blue_button {
    margin: 10px auto;
}

.is_project-nav-collapsed #info,
.is_project-nav-expanded #info {
    min-width: 1230px !important;
}

.center_tr td {
    text-align: center;
}

.TripHeader, #sub_menu_wrapper, .submenu_2, #info {
    min-width: 1016px !important;
}

@media(max-width:1540px) {
    .content_bottom_t {
        top: 20px !important;
    }

    .radio_sort_wrap {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width:1450px) {
    .sort_label {
        width: 55%;
    }
}




/* エラー対応サンプル */
.input-validation-error_text{
    /*outline:1px solid red;*/
    /*opacity:0.8;*/
}
    .input-validation-error_text::placeholder {
        font-family: Font Awesome 5 Free;
        color: red;
        font-weight: 900;
    }
.input-validation-error_text::placeholder {
    font-family: FontAwesome;
    color: red;
    font-weight:900;
}
.input-validation-error_text:placeholder {
    font-family: FontAwesome;
    color: red;
    font-weight:900;
}

.input-validation-error::before {
    /*content: "！";
    position: absolute;
    display: block;
    background: red;
    width: 1.5em;
    height: 1.5em;
    margin-top:-1.5em;
    border-radius: 50%;
    z-index: 99999999999999;
    color: #fff;*/
}


/** エラー表示用クラス **/
span[data-errmsg]:hover::before {
    content: attr(data-errmsg);
    position: absolute;
    margin-top: 26px;
    min-width: 150px;
    border: 1px #aaaaaa solid;
    border-radius: 5px;
    background-color: #ffffcc;
    padding: 5px;
    color: #000000;
    font-size: 11px;
    white-space: pre;
    z-index: 99999;
    text-align:left;
}

/* インフォメーション用クラス */
span[data-attention]:hover::before {
    content: attr(data-attention);
    position: absolute;
    margin-top: 35px;
    margin-left: -75px;
    min-width: 150px;
    border: 1px #aaaaaa solid;
    border-radius: 5px;
    background-color: #ffffcc;
    padding: 5px;
    color: #000000;
    font-size: 11px;
    white-space: pre;
    z-index: 99999;
    text-align:left;
}

.has_error {
    color: red !important;
}

span.main_error_msg {
    font-size: x-large;
    color: red !important;
}

.hidden_object {
    display: none !important;
}
/*** タブエリア ***/
#tabArea {
    padding: 0 0 0;
    display: flex;
    justify-content: space-between;
}

    #tabArea ul {
        display: flex;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        #tabArea ul li {
            display: block;
            background: #d9d9d9;
            border-radius: 20px 20px 0 0;
            border: 1px solid #adadad;
            min-width: 240px;
            text-align: center;
        }

            #tabArea ul li a {
                display: block;
                padding: 7px 15px;
                color: #fff;
                font-weight: 900;
            }

                #tabArea ul li a:hover {
                    text-decoration: none;
                    cursor: pointer;
                }

            #tabArea ul li.tab_selected {
                cursor: pointer;
                box-shadow: none;
                cursor: default;
                background-color: #FFF;
            }

                #tabArea ul li.tab_selected a {
                    color: black;
                }
.tabpattern_info_table {
    width: 100%;
    border: solid 1px #BDBDBD;
}

    .tabpattern_info_table td {
        font-size: 1em;
        padding: 5px;
        margin: 10px auto;
    }

    .tabpattern_info_table .line {
        border-bottom: solid 2px #C1E5DC;
    }

    .tabpattern_info_table .blue_button {
        margin: 10px auto;
    }

/*F2画面用*/
tr.f2basis {
    font-size: 10pt;
    font-family: "メイリオ",sans-serif;
    color: #000000;
}

tr.f2list_title {
    font-size: 10pt;
    font-family: "メイリオ",sans-serif;
    color: #FFFFFF;
    background-color: #3B9DBD;
    border: solid 1px #BDBDBD;
    height: 30px
}

tr.f2list_data_kisu {
    font-size: 10pt;
    font-family: "メイリオ",sans-serif;
    color: #000000;
    background-color: #ffffff;
    height: 20px;
    border: solid 1px #BDBDBD;
}

tr.f2list_data_gusu {
    font-size: 10pt;
    font-family: "メイリオ",sans-serif;
    color: #000000;
    background-color: #F0F0F0;
    height: 20px
}

.f2button_wrap {
    width: 95%;
    padding: 0px;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
}

.f2button_wrap input,
.button_wrap a {
    font-size: 10pt;
    background-color: #FFF;
    outline: none;
    text-decoration: none;
}

.f2button_wrap_left {
    width: 95%;
    padding: 0px;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    font-size: 10pt;
}

.f2condition_title {
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
    vertical-align: middle;
    margin-right: 10px;
}
.f2blue_td {
    background-color: #FFF !important;
    color: #000000;
    font-size: 10pt;
    font-weight: bold;
}
input.f2button_small {
    padding: 5px;
    border-radius: 7px;
    margin: 0px 2px;
    width: 70px;
    background-color: #4f81bd;
    color: #FFF;
    font-weight: bold;
    font-size: 10pt;
    font-family: "メイリオ",sans-serif;
}
input.f2button {
    width: 150px;
    font-size: 10pt;
    font-family: "メイリオ",sans-serif;
}
.f2blue_button {
    padding: 4px;
    border-radius: 7px;
    margin: 0px 2px;
    cursor: pointer;
    width: 150px;
    background-color: #4f81bd;
    box-shadow: 0px 3px 1px #4f7ba4;
}
.f2blue_button label {
    color: #FFF;
    line-height: 0.9em;
    font-weight: bold;
    display: block;
    text-align: center;
    cursor: pointer;
}
.f2delete_button {
    padding: 4px;
    border-radius: 7px;
    margin: 0px 2px;
    cursor: pointer;
    width: 110px;
    background-color: #ffb073;
    box-shadow: 0px 3px 1px #ffa077;
}
.f2delete_button label {
    color: #FFF;
    line-height: 0.9em;
    font-weight: bold;
    display: block;
    text-align: center;
    cursor: pointer;
}

/** 査証関連 >> **/
.error_marker {
    color: red;
}

.condition_title .error_marker {
    font-size: 0.8em;
}

.green_button.in_table {
    line-height: 1em;
    text-align: center;
    float: left;
    margin-top: 3px;
    cursor: pointer;
}
.green_button label:hover {
    cursor: pointer;
}

div.checkbox_inline div.checkbox_list,
td.radio_inline div.radio_buttons {
    display: -webkit-box; /*Android4.3*/
    display: -moz-box; /*Firefox21*/
    display: -ms-flexbox; /*IE10*/
    display: -webkit-flex; /*PC-Safari,iOS8.4*/
    display: flex;
    /* 査定画面のラジオボタンに黒の枠線が出るため追加しました */
    outline: none;
}

    div.checkbox_inline div.checkbox_list div + div,
    td.radio_inline div.radio_buttons div + div {
        margin-left: 10px;
    }

    div.checkbox_inline div.checkbox_list input[type=checkbox] + label,
    td.radio_inline div.radio_buttons input[type=radio] + label {
        margin-left: 3px;
        margin-top: 1px;
    }

div.checkbox_inline.first_row span + input[type="text"] {
    margin-left: 25px;
}

div.checkbox_inline.second_row span + input[type="text"] {
    margin-left: 10px;
}

td.radio_inline > span{
    margin-right: 25px;
}

tr.search_menu input[type="text"]:read-only,
tr.search_menu textarea:read-only {
    width: 95%;
    background-color: silver;
    ime-mode: disabled;
}

div.dynamic_tab {
    margin-left: 20px;
}

    div.dynamic_tab div.tab_area {
        float: left;
        width: 140px;
        height: 2.5em;
        border-top: solid 1px #ccc;
        border-left: solid 1px #ccc;
        border-right: solid 1px #ccc;
        background-color: #F2F2F2;
        text-align: center;
        border-collapse: collapse;
        border-radius: 20px 20px 0px 0px;
        text-align: center;
        vertical-align: middle;
        display: -webkit-box;
        -webkit-box-align: center;
    }

    div.dynamic_tab div.tab_area:hover,
    div.dynamic_tab div.tab_area label:hover {
        cursor: pointer;
    }

    div.dynamic_tab div.unselect {
        background-color: #D9D9D9;
    }

    div.dynamic_tab + label.dummy_radius_top {
        background-color: #FFF;
        padding: 10px 0 0;
        margin: 5px 0 0;
        border-radius: 0px;
        border-top-left-radius: 10px;
        border-bottom: none;
        display: block;
        clear: both;
    }

    div.dynamic_tab + label.dummy_radius_top + div.dynamic_body {
        border-top: none;
        margin-top: -10px;
        border-top-right-radius: 0px !important;
    }

    div.dynamic_tab .font_weight_bold {
        font-weight: bold;
        padding: 0px 5px;
        display: block;
        margin: 0px auto;
    }

    div.dynamic_body .font_weight_bold {
        font-weight: bold;
    }

div.dynamic_body {
    background-color: #F2F2F2;
    border: solid 1px #ccc;
}

    div.dynamic_body > div.dynamic_contents {
        margin-left: 20px;
    }

div.dynamic_contents span + input[type=radio] {
    margin-left: 25px;
}

div.dynamic_contents textarea {
    width: 100%;
    margin-bottom: 20px;
}

div.dynamic_contents table td {
    padding-top: 10px !important;
}

div.notice_mark {
    width: 8%;
    display: inline-block;
    vertical-align: middle;
}

span.last_upd_date {
    padding: 8px;
    background-color: lightyellow;
    font-weight: bold;
}

div.modal_window_area#divSetNationality {
    position: fixed;
    top: calc(((100% - 585px) /2));
    left: calc(((100% - 1000px) /2));
    min-height: 300px;
    width: 1000px;
    background-color: #f0f0f0;
    z-index: 20100;
    padding: 20px;
    border: solid 1px #000000;
}

div.modal_window_area#divAddTabContent,
div.modal_window_area#divSetRemainDate,
div.modal_window_area#divSetRemPage {
    position: fixed;
    top: calc(((100% - 300px) /2));
    left: calc(((100% - 600px) /2));
    min-height: 200px;
    width: 600px;
    background-color: #f0f0f0;
    z-index: 20100;
    padding: 20px;
    border: solid 1px #000000;
}

div.modal_window_area#divSetReqdDoc {
    position: fixed;
    top: calc(((100% - 550px) /2));
    left: calc(((100% - 1000px) /2));
    min-height: 300px;
    width: 1000px;
    background-color: #f0f0f0;
    z-index: 20100;
    padding: 20px;
    border: solid 1px #000000;
}

.visa_postback_cover {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 20000;
    background: rgba(45,45,45, 0.4);
}

table.add_tab_area td.title_area div {
    width: 95%;
    margin: 5px auto;
}

    table.add_tab_area td.title_area div label {
        font-weight: bold;
        font-size: 20px;
    }

        table.add_tab_area td.title_area div label + label {
            margin-left: 20px;
        }

table.add_tab_area td.item_area div.checkbox_list {
    width: 95%;
    display: flex;
    flex-wrap: wrap;
    background-color: white;
    border: solid 1px #ccc;
    margin: 5px auto;
}

    table.add_tab_area td.item_area div.checkbox_list div {
        width: 13%;
        box-sizing: border-box;
        margin:5px 0px 5px 3px;
    }

    table.add_tab_area td.item_area div.checkbox_list input[type=checkbox] + label {
        margin-left: 4px;
        margin-top: 1px;
    }

div.country_items {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    max-height:130px;
    overflow: auto;
    border: 1px solid #ccc;
}

    div.country_items div.country_item {
        box-sizing: border-box;
        border: 1px solid #ccc;
        margin: 0;
        padding: 5px;
        width: 33.33333333%;
        background-color: white;
    }

div.noCountryMessage {
    text-align: center;
    display: none;
}    

div.del_nationality {
    text-align: center;
}

    div.del_nationality img {
        width: 20px;
        height: 20px;
        cursor: pointer;
    }

div.sel_nationality_wrap {
    overflow-y: auto;
    max-height: 187px;
}

    div.sel_nationality_wrap table {
        border: 1px solid #BDBDBD;
    }

        div.sel_nationality_wrap table thead td {
            border: 1px solid #BDBDBD;
            background-color: #3397bd;
        }

        div.sel_nationality_wrap table tbody td {
            border: 1px solid #BDBDBD;
            background-color: white;
        }

table.set_nationality_table span.font_weight_bold {
    font-weight: bold;
}

table.set_nationality_table span.font_size_middle {
    font-size: 16px;
}

table.set_nationality_table span.font_size_large {
    font-size: 20px;
}

table.set_nationality_table tr.search_country_area > td {
    text-align: right;
}

    table.set_nationality_table tr.search_country_area > td span {
        margin-right: 15px;
    }

    table.set_nationality_table tr.search_country_area > td + td input[type=text] {
        width: 100%;
    }

    table.set_nationality_table tr.search_country_area > td + td + td div {
        margin: auto 10px !important;
    }

.visa_info_wrapper .font_weight_bold {
    font-weight: bold;
}

.visa_info_wrapper input[type="text"]:read-only,
.visa_info_wrapper textarea:read-only {
    background-color: silver;
}

.visa_info_wrapper div.visa_free_box {
    position: relative;
    border: 1px solid #ccc; /* 枠の太さ・種類・色 */
    border-radius: 4px; /* 枠の丸み */
    margin: 1.8em 1em; /* 枠外の余白 */
    padding: 5px 15px;
}

.visa_info_wrapper div.visa_free_box_title {
    position: absolute;
    padding: 0 0.5em;
    left: 20px;
    top: -10px; /* タイトルの位置を調整 */
    color: #000; /* タイトルの文字色 */
    font-weight: bold;
    background-color: #ffffff;
}

.visa_info_wrapper div.menu_tab div.tab_area {
    float: right;
    width: 160px;
    height: 2.5em;
    border-top: solid 1px #CCC;
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    background-color: #FFF;
    text-align: center;
    border-collapse: collapse;
    border-radius: 20px 20px 0px 0px;
    text-align: center;
    vertical-align: middle;
    display: -webkit-box;
    -webkit-box-align: center;
}

    .visa_info_wrapper div.menu_tab div.tab_area:hover,
    .visa_info_wrapper div.menu_tab div.tab_area label:hover {
        cursor: pointer;
    }

    .visa_info_wrapper div.menu_tab div.tab_area.unselect {
        background-color: #D9D9D9;
    }

    .visa_info_wrapper div.menu_tab div.tab_area label {
        padding: 0px 5px;
        display: block;
        margin: 0px auto;
    }

.visa_info_wrapper div.menu_tab + label.dummy_radius_top {
    background-color: #FFF;
    border: solid 1px #CCC;
    padding: 10px 0 0;
    margin: 5px 0 0;
    border-radius: 0px;
    border-top-left-radius: 10px;
    border-bottom: none;
    display: block;
    clear: both;
}

.visa_info_wrapper div.visa_content_area {
    border-top: none;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: -10px;
    border-top-right-radius: 0px !important;
}

.visa_info_wrapper div.common_head {
    margin: 0.8em 1em;
}

.visa_info_wrapper div.visa_free_stay_cond div {
    display: flex;
    align-items: center;
    /* 査定画面のラジオボタンに黒の枠線が出るため追加しました */
    outline: none;
}

.visa_info_wrapper div.visa_free_stay_cond span {
    margin-right: 10px;
}

    .visa_info_wrapper div.visa_free_stay_cond span.remain_date {
        min-width: 10%;
    }

.visa_info_wrapper div.visa_free_stay_cond div.remain_start_cond {
    max-width: 30%;
}

    .visa_info_wrapper div.visa_free_stay_cond div.remain_start_cond select {
        width: 100%;
    }

.visa_info_wrapper div.visa_free_stay_cond div.remain_time_cond {
    max-width: 40%;
}

    .visa_info_wrapper div.visa_free_stay_cond div.remain_time_cond select {
        width: 100%;
    }

.visa_info_wrapper div.visa_common_setting {
    padding: 20px 15px;
}

    .visa_info_wrapper div.visa_common_setting table table,
    .visa_info_wrapper div.visa_common_setting table table tr {
        border: 0.5px solid #ccc;
    }

    .visa_info_wrapper div.visa_common_setting table th {
        text-align: left;
    }

    .visa_info_wrapper div.visa_common_setting div.title_row {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        margin-bottom: 7px;
    }

    .visa_info_wrapper div.visa_common_setting div.trash_box_area,
    .visa_info_wrapper div.visa_detail div.trash_box_area,
    .visa_info_wrapper div.dynamic_contents div.trash_box_area {
        cursor: pointer;
    }

.visa_info_wrapper div.visa_detail table,
.visa_info_wrapper div.visa_detail table tr {
    border: 1px solid #777;
}

    .visa_info_wrapper div.visa_detail table tr th {
        text-align: left;
    }

    .visa_info_wrapper div.visa_detail table tr td select,
    .visa_info_wrapper div.visa_detail table tr td input[type="text"],
    .visa_info_wrapper div.visa_detail table tr td textarea {
        width: 95%;
    }

.visa_info_wrapper hr.content_text_line {
    height: 2px;
    background-color: #6cbaa4;
    border: none;
}

.visa_info_wrapper div.dynamic_contents div.cont_upd_date {
    display: flex;
    align-items: flex-end;
}

    .visa_info_wrapper div.dynamic_contents div.cont_upd_date label,
    .visa_info_wrapper div.dynamic_contents div.cont_upd_date span {
        display: block;
        margin-right: 25px;
    }

        .visa_info_wrapper div.dynamic_contents div.cont_upd_date label:first-child {
            margin-left: auto;
        }

table.remain_date_area label.font_weight_bold,
table.rem_page_area label.font_weight_bold,
table.reqd_doc_area label.font_weight_bold {
    font-weight: bold;
}

table.remain_date_area label.remain_date_title,
table.rem_page_area label.rem_page_title,
table.reqd_doc_area label.reqd_doc_title {
    font-size: 20px;
}

table.remain_date_area div.remain_start_cond select {
    width: 140px;
}
table.remain_date_area div.remain_time_cond select {
    width: 210px;
}

table.reqd_doc_area div.reqd_doc_info {
    margin: 20px 0 0 30px;
}

    table.reqd_doc_area div.reqd_doc_info div.title_area,
    table.reqd_doc_area div.reqd_doc_info div.doc_area {
        padding-bottom: 20px;
    }

table.reqd_doc_area div.doc_area table,
table.reqd_doc_area div.doc_area table tr,
table.reqd_doc_area div.doc_area table th,
table.reqd_doc_area div.doc_area table td {
    border: 1px solid #ccc;
}

    table.reqd_doc_area div.doc_area table th {
        background-color: #4682B4;
        color: #fff;
    }

    table.reqd_doc_area div.doc_area table td {
        background-color: #fff;
    }

        table.reqd_doc_area div.doc_area table td.button_col{
            text-align:center;
        }

        table.reqd_doc_area div.doc_area table td input[type="button"] {
            margin:2px 0;
        }

table.reqd_doc_area div.input_area {
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 20px 20px 0 20px;
}

table.reqd_doc_area div.input_area td {
    padding-bottom: 20px;
}

label.country_name {
    display: block;
    float: right;
    width: 65%;
}

input.add_visa_detail_button {
    margin-right : 17px !important;
}

/* << 査証関連 */

/*モーダル画面用*/
div.modal_window {
    position: fixed;
    top: calc(((100% - 500px) /2));
    left: calc(((100% - 1000px) /2));
    min-height: 500px;
    width: 1000px;
    background-color: #f0f0f0;
    z-index: 20100;
    padding: 20px;
}

    div.modal_window.small {
        position: fixed;
        top: calc(((100% - 200px) /2));
        left: calc(((100% - 500px) /2));
        min-height: 200px;
        max-height: 450px;
        width: 500px;
        overflow: auto;
    }


    div.modal_window.large {
        position: fixed;
        top: calc(((100% - 600px) /2));
        left: calc(((100% - 1200px) /2));
        min-height: 600px;
        width: 1250px;
    }


    div.modal_window.long {
        top: calc(((100% - 700px) /2));
        min-height: 700px;
    }
.postback_cover {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 20000;
    background: rgba(45,45,45, 0.4);
}
.name_info_table tr td table.sub_info_table {
    border: none;
    width: 85%;
    margin-top: 3px;
}

    .name_info_table tr td table.sub_info_table tr {
        line-height: 1.5em;
        border: none;
    }

    .name_info_table tr td table.sub_info_table td {
        border: none;
    }

        .name_info_table tr td table.sub_info_table td.blue_td {
            background-color: #FFFFFF !important;
        }


.master_maintenance table.name_info_table tr.section_title {
    line-height: 1.5em;
}

    .master_maintenance table.name_info_table tr.section_title td {
        background-color: #2bbcb7 !important;
        color: #FFF;
    }

.master_maintenance input[type="checkbox"][disabled] {
    background-color: #DCDCDC;
}

    .master_maintenance input[type="checkbox"][disabled] + label {
        background-color: #aaa !important;
        color: #ddd !important;
    }

input.modal_window table {
    background-color: white;
}

table.report_select {
    border: none;
    width: 100%;
}

    table.report_select tr {
        border: none;
    }

    table.report_select td {
        border: #666 solid 1px;
        ;
        text-align: center;
    }

        table.report_select td.title {
            text-align: left;
            font-weight: normal;
        }

    table.report_select th {
        border: solid 1px #666;
        border-top-style: none;
        text-align: center;
        background-color: #1A0DAB;
        color: #fff;
    }

select.middle {
    width: 75%;
}


table.layout_table {
    width: 100%;
    border: none;
}

    table.layout_table tr {
        border: none;
    }

    table.layout_table td.layout_table {
        vertical-align: top;
        border: none !important;
    }

.row_box {
    display: inline-block;
    width: 30%;
    border: solid 1px #bdbdbd;
    padding: 5px;
    border-radius: 10px;
}

    .row_box span.title {
        display: block;
    }

    .row_box table {
        float: left;
    }

        .row_box table td {
            border: none !important;
        }

        .row_box table + table {
            margin-left: 2%;
        }

        .row_box table td input + span {
            margin-left: 5px;
        }

input.numeric {
    text-align: right;
}

div.date input[type="text"] {
    width: 100px;
}

div.from_to div {
    float: left;
}

    div.from_to div + span {
        margin: 0 10px;
    }

    div.from_to div + div {
        margin: 0 0 0 10px;
    }

.div_line_up div {
    display: inline-block;
    width: 24%;
}

.non_float {
    float: none !important;
    display: inline-block;
}

.fixed_center {
    position: fixed;
    top: calc(((100% - 100px) /2));
    left: calc(((100% - 100px) /2));
}


div.mini_button {
    width: 60px;
    padding: 2px 4px;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
}

.modal_window div.modal_list_wrapper {
    width: 100%;
    height: 290px;
    overflow: auto;
    margin-bottom: 20px;
}

.modal_window.large div.modal_list_wrapper {
    height: 230px;
}

.modal_window.long div.modal_list_wrapper {
    height: 450px;
}
div.checkbox_list,
div.radio_buttons {
    display: -webkit-box; /*Android4.3*/
    display: -moz-box; /*Firefox21*/
    display: -ms-flexbox; /*IE10*/
    display: -webkit-flex; /*PC-Safari,iOS8.4*/
    display: flex;
}

    div.checkbox_list div + div,
    div.radio_buttons div + div {
        margin-left: 10px;
    }

    div.checkbox_list input[type=checkbox] + label {
        margin-left: 3px;
        margin-top: 1px;
    }

    div.radio_buttons input[type=radio] + label {
        margin-left: 3px;
        margin-top: 1px;
    }
.green_button.in_table {
    line-height: 1em;
    text-align: center;
    float: left;
}

.green_button label:hover {
    cursor: pointer;
    -webkit-appearance: button;
}
div.fixed_header_table table {
    width: 100%;
}

div.fixed_header_table div.separate_head table,
div.fixed_header_table div.separate_head table th {
    border-bottom: none;
}

div.separate_head {
    width: 100%;
}

div.separate_body {
    width: 100%;
}

div.has_scroll {
    width: calc(100% - 17px) !important;
}

div.separate_body {
    overflow: auto;
}
div.modal_input_part {
    background-color: white;
    border: solid 1px #bdbdbd;
    padding: 5px;
}

.modal_input_part .name_info_table input[type=text] {
    height: 1.9em
}

table.input_list input[type=text] {
    height: 1.9em;
}

input[type=file].with_thumbnail + div.upload_thumbnail,
label.img_title + div.upload_thumbnail {
    position: absolute;
    padding: 5px 3px;
    background: rgba(0,0,0, 0.4);
    display: none;
}

input[type=file].with_thumbnail:hover + div.upload_thumbnail.uploaded,
label.img_title:hover + div.upload_thumbnail.uploaded {
    display: block;
}

/* 進捗設定 */
div.board {
    clear: both;
    padding: 15px 20px;
    border-radius: 20px;
    background-color: #E6E6E6;
    margin-bottom: 10px;
    box-shadow: 2px 2px 2px #696969,-2px 0px 2px #696969,0px 3px 0px #ffffff inset;
}

div.board + div.board {
    margin-top: 40px;
}

div.drawer + div.drawer {
    margin-top: 20px;
}

div.drawer_inner {
    padding: 0px 2.5%;
}

.drawer i {
    padding: 0 0.5em;
}

table.progress_setting_list{
    border:none;
    width:100%;
}
table.progress_setting_list tr{
    border: none;
    background-color:transparent;
}
table.progress_setting_list tr.progress_setting_list_item + tr.progress_setting_list_title th{
    padding-top:20px;
}
table.progress_setting_list tr th {
    background-color: transparent;
    text-align: left;
}
table.progress_setting_list tr td {
    background-color: white;
}

span.progress_setting:before {
    margin: 0 5px;
    content: ' ';
    width: 1.7rem;
    vertical-align: sub;
    display: inline-block;
    content: url('../Content/images/icon/icon_peraichi_blue.svg');
}

.div_line_up {
    display:flex;
    flex-wrap: wrap;
}

.div_line_up div {
    margin-left: 10px;
    margin-right: 25px;
    max-width:max-content;
    min-width:100px;
}

div.roundBox {
    clear: both;
    border-radius: 10px;
    border: solid 1px #ccc;
    padding: 10px 15px 10px 15px;
    background-color: #f5f5f5;
}

div.roundBox.white {
    background-color:#FFFFFF;    
}

div.roundBox.white div.inner {
    background-color: #f5f5f5;
}
div.roundBox + div.title_block {
    margin-top: 20px;
}

div.roundBox.blue {
    background-color:#b6e2e2;    
}

div.progress_detail_head span{
    font-weight:bold;
}
div.progress_detail_head span.title + span {
    margin-left: 30px;
}
div.progress_detail_head span + span.title {
    margin-left: 100px;
}

div.progress_details {
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

div.checkbox_list.progress_details div {
    width: 30%;
    margin-left: 0px;
}

div.progress_grid.progress_setting div.item input.request_button {
    min-width: 120px;
    font-weight: bold;
}

div.progress_setting_title {
    width: 150px;
    float: left;
}

/* ボタングラデーション(拾い物を修正。白方向のグラデーションを濃くした) */
.soft-gloss {
    /*　色が見にくいためコメントアウト
    background-image: -webkit-linear-gradient(rgba(255,255,255,.7) 0%,transparent 50%,transparent 50%,rgba(0,0,0,.1) 100%);
    background-image: linear-gradient(rgba(255,255,255,.7) 0%,transparent 50%,transparent 50%,rgba(0,0,0,.1) 100%);*/
    box-shadow: 0 2px 2px 0 rgba(255,255,255,.1) inset,0 2px 10px 0 rgba(255,255,255,.2) inset,0 -2px 2px 0 rgba(0,0,0,.1) inset;
    border: 1px solid rgba(0,0,0,.2);
}

div.item {
    text-align: center;
}

.progress_grid span {
    font-weight: bold;
}

    .progress_grid span.blue,
    .progress_grid span.is_done {
        color: #6666ff;
    }

    .progress_grid span.red,
    .progress_grid span.not_ordered {
        color: #e2041b;
    }

    .progress_grid span.green,
    .progress_grid span.in_working {
        color: #32cd32;
    }

#AllProgressInfo {
    width: 95%;
    min-width: 1000px;
    margin: 0 auto;
}

span.in_use:not(.hidden_object) + span.has_select {
    display: none !important;
}

input[type="button"].request_button {
    min-width: 90px;
    padding: 7px 7px;
    border-radius: 8px;
    color: #ffffff;
    background-color: #aaaaaa;
}

    input[type="button"].request_button.gray,
    input[type="button"].request_button.customer_unuse {
        background-color: #b8b8b8;
    }

    input[type="button"].request_button.blue,
    input[type="button"].request_button.is_done {
        background-color: #6666ff;
    }

    input[type="button"].request_button.red,
    input[type="button"].request_button.not_ordered {
        background-color: #e2041b;
    }

    input[type="button"].request_button.green,
    input[type="button"].request_button.in_working {
        background-color: #32cd32;
    }

input.disabled,
textarea.disabled,
select.disabled {
    background-color: #d9d9d9;
    color: black;
    cursor: default !important;
}

table.progress_setting_list tr.progress_setting_list_item td div.div_line_up div {
    max-width: 22%;
}

input.customer_code {
    width: 100px;
    font-weight: normal;
    ime-mode: inactive;
}

/* >> Add 2021.12.27 */
.div_line_up.apec_country div {
    display: inline-block;
    width: 24%;
}

.div_line_up.apec_country div {
    max-width: 21%;
}
/* << Add 2021.12.27 */