html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     height: 100%;
}

body {
    margin: 0px;
    font-family: BMWGroupTNCondensed-Regular, "ＭＳ Ｐゴシック", "MS PGothic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", Arial, "Microsoft YaHei", Helvetica, sans-serif;
    font-size: 14px;
    color: rgb(53, 58, 65);
    display: flex;
    height: 100%;
}

::selection {
    background-color: rgb(3, 89, 112);
    color: rgb(255, 255, 255);
}

form {
    display: flex;
    flex-basis: auto;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    overflow-y: hidden;
    overflow-x: auto;
    height: 100%;
}

.scroll_auto {
    overflow-y: auto;
}

.invisible {
    display: none !important;
}

@font-face {
    font-family: BMWGroupTNCondensed-Regular;
    font-display: swap;
    font-style: normal;
    src: local("BMWGroupTN Condensed Regular"),local("BMWGroupTNCondensed-Regular"),url(/css/BMWGroupTNCondensed-Regular.otf) format("otf")
}

@font-face {
    font-family: BMWGroupTNCondensed-Regular;
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    src: local("BMWGroupTN Condensed Bold"),local("BMWGroupTNCondensed-Bold"),url(/css/BMWGroupTNCondensed-Bold.otf) format("otf")
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-family: BMWGroupTNCondensed-Regular, "ＭＳ Ｐゴシック", "MS PGothic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", Arial, "Microsoft YaHei", Helvetica, sans-serif;
  color: rgb(160, 160, 160);
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-family: BMWGroupTNCondensed-Regular, "ＭＳ Ｐゴシック", "MS PGothic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", Arial, "Microsoft YaHei", Helvetica, sans-serif;
  color: rgb(160, 160, 160);
}

::-ms-input-placeholder { /* Microsoft Edge */
  font-family: BMWGroupTNCondensed-Regular, "ＭＳ Ｐゴシック", "MS PGothic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", Arial, "Microsoft YaHei", Helvetica, sans-serif;
  color: rgb(160, 160, 160);
}

[type=radio] { 
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

[type=radio]:checked {
    
}

a.link_manual:link, a.link_manual:visited, a.link_manual:active {
    box-sizing: border-box;
    color: rgb(53, 58, 65);
    display: flex;
    line-height: 14px;
    max-width: 100%;
    min-height: 1px;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    text-decoration: none;
}

a.link_manual:hover{
    color: rgb(3, 89, 112);
}

a.link_detail:link, a.link_detail:visited, a.link_detail:active {
    box-sizing: border-box;
    color: rgb(53, 58, 65);
    display: block;
    line-height: 16px;
    max-width: 100%;
    min-height: 1px;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    text-decoration: none;
    cursor: pointer;
}

a.link_detail:hover{
    color: rgb(3, 89, 112);
}

a.link_jump:link, a.link_jump:visited, a.link_jump:active {
    box-sizing: border-box;
    color: rgb(53, 58, 65);
    display: inline;
    line-height: 16px;
    min-height: 1px;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    text-decoration: none;
    cursor: pointer;
    padding-top: 18px;
}

a.link_jump:hover{
    color: rgb(3, 89, 112);
}

a.link_previous_no:link, a.link_previous_no:visited, a.link_previous_no:active {
    box-sizing: border-box;
    color: rgb(53, 58, 65);
    display: flex;
    line-height: 16px;
    min-height: 1px;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    text-decoration: none;
    cursor: pointer;
    padding-top: 18px;
}

a.link_previous_no:hover{
    color: rgb(3, 89, 112);
}

div.page_header_container {
    border-bottom-color: rgba(0, 0, 0, 0.06);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display:block;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    font-feature-settings: "tnum","tnum";
    font-variant-numeric: tabular-nums;
    height: 60px;
    line-height: 14px;
    padding: 0px;
    min-width: 1500px;
}

div.page_header_content {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 59px;
    line-height: 14px;
    padding-bottom: 9.6px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 9.6px;
}

div.content {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: block;
    line-height: 14px;
    max-width: 100%;
    min-height: 1px;
    position: relative;
}

div.content_end {
    box-sizing: border-box;
    color: rgb(53, 58, 65);
    display: flex;
    line-height: 14px;
    max-width: 100%;
    min-height: 1px;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
}

div.divider {
    border-color: rgb(216, 216, 216);
    border-left-style: solid;
    border-left-width: 1px;
    border-top-style: none;
    border-top-width: 0px;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: inline-block;
    height: 16px;
    line-height: 22.001px;
    margin-bottom: 0px;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 0px;
    padding: 0px;
    position: relative;
    top: -0.84px;
    vertical-align: middle;
    width: 1px;
}

div.tag {
    border-color: rgb(216, 216, 216);
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: rgb(53, 58, 65);
    display: inline-block;
    height: 22px;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0px;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 1px;
    padding-bottom: 0px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 0px;
    position: relative;
}

div.system_name {
    box-sizing: border-box;
    color: rgb(111, 111, 111);
    display: block;
    height: 14px;
    line-height: 14px;
    max-width: 100%;
    min-height: 1px;
    min-width: 150px;
    position: relative;
    text-size-adjust: 100%;
    width: 250px;
}

a.brand_logo {
    align-items: center;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(/images/logo.svg);
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    box-sizing: border-box;
    color: rgb(53, 58, 65);
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: right;
    line-height: 22px;
    max-width: 100%;
    min-height: 1px;
    outline-color: rgb(53, 58, 65);
    outline-style: none;
    outline-width: 0px;
    position: relative;
    touch-action: manipulation;
    width: 260px;
}

div.page_content_container {
    display: flex;
    flex-basis: auto;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    height: 100%;
}

div.page_content {
    background-attachment: scroll;
    background-color: rgb(240, 242, 245);
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: flex;
    flex-basis: auto;
    flex-direction: row;
    flex-grow: 1;
    flex-shrink: 1;
    min-height: 0px;
    min-width: 1500px;
    height: 100%;
}

div.menubar_container {
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: block;
    flex-basis: 230px;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 230px;
    min-width: 230px;
    padding-bottom: 48px;
    position: relative;
    text-size-adjust: 100%;
    width: 230px;
}

div.menubar_container_hidden {
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: block;
    flex-basis: 230px;
    flex-grow: 0;
    flex-shrink: 0;
    max-width: 0px;
    min-width: 0px;
    padding-bottom: 48px;
    position: relative;
    text-size-adjust: 100%;
    width: 0px;
}

div.footer {
    background-color: rgb(255, 255, 255);
    bottom: 0px;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
    line-height: 22px;
    position: fixed;
    width: 10px;
    z-index: 1;
}

ul.menu_list {
    background-attachment: scroll;
    background-color: rgb(255, 255, 255);
    border-right-color: rgb(240, 240, 240);
    border-right-style: solid;
    border-right-width: 1px;
    box-shadow: none;
    box-sizing: border-box;
    color: rgb(53, 58, 65);
    display: block;
    line-height: 0px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-block-end: 0px;
    margin-block-start: 0px;
    margin: 0px;
    margin-inline-end: 0px;
    margin-inline-start: 0px;
    outline-color: rgb(53, 58, 65);
    outline-style: none;
    outline-width: 0px;
    padding: 0px;
    padding-inline-start: 0px;
    text-align: left;
    width: 230px;
}

li.menu_item {
    align-items: center;
    border-right: 3px solid rgb(255, 255, 255);
    box-sizing: border-box;
    color: rgb(53, 58, 65);
    cursor: pointer;
    display: flex;
    height: 50px;
    line-height: 50px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0px;
    overflow: hidden;
    padding-bottom: 0px;
    padding-left: 24px;
    padding-right: 16px;
    padding-top: 0px;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    text-size-adjust: 100%;
    text-wrap: nowrap;
    white-space-collapse: collapse;
    width: 230px;
}

li.menu_item:hover span{
    color: rgb(3, 89, 122);
}

li.menu_item_selected {
    border-right: 3px solid rgb(3, 89, 122);
    background-color: rgb(224, 242, 255);
}

li.menu_item_selected span{
    color: rgb(3, 89, 122);
}

span.menu_icon {
    box-sizing: border-box;
    color: rgb(53, 58, 65);
    cursor: pointer;
    display: block;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    height: 18px;
    line-height: 0px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    min-width: 14px;
    text-align: center;
    text-rendering: optimizelegibility;
    text-size-adjust: 100%;
    text-transform: none;
    text-wrap: nowrap;
    vertical-align: -2.25px;
    white-space-collapse: collapse;
    width: 18px;
    -webkit-font-smoothing: antialiased;
}

span.menu_text {
    box-sizing: border-box;
    color: rgb(42, 65, 75);
    cursor: pointer;
    display: block;
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    height: 50px;
    line-height: 50px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-left: 10px;
    opacity: 1;
    text-align: left;
    text-size-adjust: 100%;
    text-wrap: nowrap;
    white-space-collapse: collapse;
    width: 91px;
}

div.main_container {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: block;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    line-height: 22px;
    flex-direction: column;
    overflow-y: auto;
    padding-bottom: 3px;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 64px;
    position: relative;
    height: 100%;
}

div.main_card_container {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: inline;
    height: 50px;
    line-height: 22px;
    text-size-adjust: 100%;
    width: auto;
}

div.main_card_wrapper {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: block;
    height: 44px;
    justify-content: space-between;
    left: 0px;
    line-height: 22.001px;
    position: absolute;
    text-size-adjust: 100%;
    top: 0px;
    width: 100%;
}

div.main_card_border {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(255, 255, 255);
    background-origin: padding-box;
    border-color: rgb(240, 240, 240);
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: block;
    height: 44px;
    line-height: 22px;
    margin: 0px;
    padding: 0px;
    position: relative;
}

div.main_card_body {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: block;
    height: 42px;
    line-height: 22px;
    padding: 0px;
    text-size-adjust: 100%;
    width: 100%;
}

div.main_card_text {
    border-bottom: 3px solid rgb(3, 89, 112);
    box-sizing: border-box;
    color: rgb(3, 89, 112);
    display: inline-block;
    height: 42px;
    line-height: 42px;
    margin-left: 32px;
    min-width: 208px;
    text-align: center;
    text-size-adjust: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

div.main_detail_container {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: inline;
    height: auto;
    line-height: 22px;
    text-size-adjust: 100%;
    width: auto;
}

div.main_detail_wrapper {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: block;
    height: auto;
    line-height: 22px;
    text-size-adjust: 100%;
    width: auto;
}

div.main_section_container {
    background-color: rgb(255, 255, 255);
    border-color: rgb(240, 240, 240);
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: block;
    line-height: 22px;
    margin-top: 0px;
    margin-bottom: 16px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
    position: relative;
}

div.main_section {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: block;
    line-height: 22px;
    padding: 12px;
    text-size-adjust: 100%;
}

div.main_col_container {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    line-height: 22px;
    margin-bottom: 24px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 12px;
    padding: 0px;
}

div.main_col {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    line-height: 22px;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
    text-size-adjust: 100%;
}

div.main_col_1 {
    flex-basis: 100%;
    max-width: 100%;
}

div.main_col_2 {
    flex-basis: 50%;
    max-width: 50%;
}

div.main_col_3 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
}

div.main_col_3x2 {
    flex-basis: 66.66666%;
    max-width: 66.66666%;
}

div.main_col_4 {
    flex-basis: 25%;
    max-width: 25%;
}

div.main_col_4x3 {
    flex-basis: 75%;
    max-width: 75%;
}

div.control_container {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: inline;
    height: auto;
    line-height: 22px;
    text-size-adjust: 100%;
    width: auto;
}

div.control_item {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    line-height: 22px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding: 0px;
    vertical-align: top;
}

div.control_item_label {
    box-sizing: border-box;
    color: rgb(102, 102, 102);
    cursor: default;
    display: block;
    height: 22px;
    line-height: 22px;
    text-align: left;
    text-size-adjust: 100%;
    text-wrap: wrap;
    white-space-collapse: collapse;
    min-width: 100%;
    max-width: 100%;
}

span.item_label {
    display: block;
    color: rgb(102, 102, 102);
    font-weight: 700;
}

span.item_value {
    display: block;
    color: rgb(53, 58, 65);
    padding-top: 16px;
}

div.control_item_body {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: flex;
    flex-basis: 0px;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    /* height: 32px; */
    line-height: 22px;
    min-width: 100%;
    max-width: 100%;
    min-height: 1px;
    min-width: auto;
    position: relative;
    text-size-adjust: 100%;
}

div.control_item_detail_container {
    align-items: center;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: flex;
    height: 32px;
    line-height: 22px;
    min-height: 32px;
    position: relative;
    text-size-adjust: 100%;
}

div.control_item_detail {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: block;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    height: 32px;
    line-height: 22px;
    max-width: 100%;
    text-size-adjust: 100%;
}

div.control_radio_group {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: flex;
    height: 32px;
    line-height: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    padding: 0px;
}

div.control_textinput_container {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: flex;
    height: 34px;
    line-height: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px solid rgb(216, 216, 216);
}

div.control_textinput_container:hover {
    border: 1px solid rgb(3, 89, 112);
}

div.control_textinput_container_readonly {
    background-color: rgb(240, 240, 240);
    cursor: not-allowed;
}

div.control_textinput_container_error {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: flex;
    height: 34px;
    line-height: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 1px solid rgb(177, 25, 38);
}

div.control_button_container {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: flex;
    line-height: 22px;
    padding-top: 10px;
    text-size-adjust: 100%;
    justify-content: flex-end;
}

div.no_result_container {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: flex;
    line-height: 22px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-size-adjust: 100%;
    justify-content: center;
}

div.nav_header_container {
    display: flex;
    width: 100%;
}

div.detail_header_container {
    margin-top: 24px;
    border-left: 5px solid rgb(3, 89, 112);
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 6px;
    display: flex;
    width: 100%;
}

div.detail_table_container {
    margin-top: 24px;
    display: flex;
    width: 100%;
}

div.nav_header {
    display: block;
    font-size: 16px;
    font-weight: 700;
}

div.detail_header {
    display: block;
    font-size: 16px;
    font-weight: 700;
}

div.nav_devider {
    border-left-color: rgba(0, 0, 0, 0.06);
    border-left-style: solid;
    border-left-width: 1px;
    border-top-color: rgba(0, 0, 0, 0.85);
    border-top-style: none;
    border-top-width: 0px;
    color: rgba(0, 0, 0, 0.85);
    display: block;
    height: 24px;
    line-height: 22.000px;
    margin-bottom: 0px;
    margin-left: 22px;
    margin-right: 20px;
    margin-top: 0px;
    padding: 0px;
    position: relative;
    top: -0.84px;
    vertical-align: middle;
    width: 1px;
}

span.radio_inner {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    left: 0px;
    text-align: center;
    text-size-adjust: 100%;
    z-index: 1;
    background-color: rgb(252, 252, 252)
}

span.radio_inner_checked {
    background-color: rgb(255, 255, 255)
}

label.radio_label {
    align-items: center;
    box-sizing: border-box;
    color: rgb(53, 58, 65);
    cursor: pointer;
    display: block;
    position: relative;
    text-size-adjust: 100%;
    touch-action: manipulation;
    padding: 16px;
    border: 1px solid rgb(216, 216, 216);
}

label.radio_label:hover {
    color: rgb(3, 89, 112);
}

label.radio_label_checked {
    border: 1px solid rgb(3, 89, 112);
    color: rgb(3, 89, 112);
}

label.radio_label_checked::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: transparent!important;
    border: 18px solid transparent;
    border-left-color: #035970;
    transform: translate(18px,18px) rotate(45deg);
}

label.radio_label_checked::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 4px;
    width: 8px;
    border-style: solid;
    border-color: #fff;
    border-right: 2px;
    border-top: 2px;
    transform: translate(-2px,-5px) rotate(-45deg);
}

span.radio_label_text {
    display: block;
    width: 100%;
    text-align: center;
}

input.alpha_textbox {
    outline: none;
    ime-mode : disabled;
    padding: 1px;
    font-family: BMWGroupTNCondensed-Regular, "ＭＳ Ｐゴシック", "MS PGothic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", Arial, "Microsoft YaHei", Helvetica, sans-serif;
    font-size: 14px;
    width: 100%;
    color: rgb(53, 58, 65);
}

input.alpha_textbox_readonly {
    color: rgb(53, 58, 65);
    background-color: rgb(240, 240, 240);
    cursor: not-allowed;
}

input.alpha_textbox:focus {
    outline: none;
}

span.error_message {
    color: rgb(177, 25, 38);
}

button.common_button {
    font-family: BMWGroupTNCondensed-Regular, "ＭＳ Ｐゴシック", "MS PGothic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", Arial, "Microsoft YaHei", Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    align-items: flex-start;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(3, 89, 112);
    border: 1px solid rgb(3, 89, 112);
    box-shadow: rgba(0, 0, 0, 0.043) 0px 2px 0px 0px;
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    height: 34px;
    letter-spacing: normal;
    line-height: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    outline-color: rgb(255, 255, 255);
    outline-style: none;
    outline-width: 0px;
    overflow-x: visible;
    overflow-y: visible;
    padding-bottom: 4px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 4px;
    position: relative;
    text-align: center;
    text-indent: 0px;
    text-rendering: auto;
    text-shadow: rgba(0, 0, 0, 0.12) 0px -1px 0px;
    text-transform: none;
    text-wrap: nowrap;
    touch-action: manipulation;
    user-select: none;
    white-space-collapse: collapse;
    min-width: 96px;
}

button.common_button:hover {
    background-color: rgb(24, 106, 125);
}

span.icon_clear {
    line-height: 29px;
    display: none;
    text-align: center;
    color: rgb(192, 192, 192);
    font-size: 17px;
    cursor: pointer;
    font-family: Arial, sans-serif;
}

span.icon_clear:hover {
    color: rgb(3, 89, 112);
}

#parment_grid_contiainer > div {
    width: 100%;
    display: flex;
    margin-top: 24px;
}

#notification {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.12) 0px 3px 6px -4px, rgba(0, 0, 0, 0.08) 0px 6px 16px 0px, rgba(0, 0, 0, 0.05) 0px 9px 28px 8px;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: block;
    line-height: 22px;
    margin-bottom: 16px;
    margin-left: 0px;
    max-width: 535px;
    opacity: 1;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 20px;
    padding-left: 16px;
    padding-right: 28px;
    padding-top: 20px;
    pointer-events: auto;
    position: absolute;
    top: 38px;
    right: 0px;
    transform: matrix(1, 0, 0, 1, 0, 0);
    width: 400px;
}

#notification_detail {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.85);
    display: block;
    margin-bottom: 4px;
    margin-left: 44px;
    overflow-wrap: break-word;
    padding-right: 24px;
    pointer-events: auto;
    text-size-adjust: 100%;
    font-size: 16px;
}

#notification_close {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.45);
    cursor: pointer;
    display: block;
    height: 22px;
    line-height: 22px;
    outline-color: rgba(0, 0, 0, 0.45);
    outline-style: none;
    outline-width: 0px;
    overflow-wrap: break-word;
    pointer-events: auto;
    position: absolute;
    right: 22px;
    top: 22px;
    width: 16px;
}

span.notification_icon {
    box-sizing: border-box;
    color: rgb(3, 89, 112);
    display: block;
    height: 27px;
    line-height: 24px;
    margin-left: 4px;
    overflow-wrap: break-word;
    pointer-events: auto;
    position: absolute;
    text-align: center;
    text-rendering: optimizelegibility;
    text-size-adjust: 100%;
    text-transform: none;
    vertical-align: -3px;
    width: 24px;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

span.error_icon {
    box-sizing: border-box;
    color: rgb(177, 25, 38);
    display: block;
    height: 27px;
    line-height: 24px;
    margin-left: 4px;
    overflow-wrap: break-word;
    pointer-events: auto;
    position: absolute;
    text-align: center;
    text-rendering: optimizelegibility;
    text-size-adjust: 100%;
    text-transform: none;
    vertical-align: -3px;
    width: 24px;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

tr.grid_header_row{
    background-color: rgb(250, 250, 250);
    border-bottom: 1px solid rgb(240, 240, 240);
    height: 40px;
}

tr.grid_data_row{
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(240, 240, 240);
    border-top: none;
    border-left: none;
    border-right: none;
    height: 40px;
}

tr.grid_data_row > td{
    border: none;
}

tr.grid_footer_row{
    background-color: rgb(250, 250, 250);
    border-bottom: 1px solid rgb(240, 240, 240);
    height: 40px;
}

tr.grid_footer_row > td {
    border: none;
}

tr.grid_data_row:hover{
    background-color: rgb(250, 250, 250);
}

div.pager_row {
    height: 28px;
    background-color: rgb(250, 250, 250);
    border: none;
    gap: 6px;
    padding: 4px 6px 4px 6px;
}

div.pager_row > span {
    min-width: 28px;
    text-align: center;
    color: rgb(3, 89, 112);
    padding: 0px;
    border: 1px solid rgb(3, 89, 112);
}

div.pager_row > span > a:link,
div.pager_row > span > a:visited,
div.pager_row > span > a:active {
    display: flex;
    min-width: 28px;
    padding: 2px 0px 3px 0px;
    justify-content: center;
    background-color: rgb(3, 89, 112);
    text-decoration: none;
    color: rgb(255, 255, 255);
}

div.pager_row > span > a:hover {
    background-color: rgb(24, 106, 125);
}

th.grid_header_cell {
    text-align : left;
    padding-left: 8px;
    border: none;
    position: relative;
    line-height: 16px;
}

td.grid_item_cell, td.grid_item_cell_amount {
    padding-left: 8px;
    border: none;
    line-height: 16px;
}

td.grid_item_cell_amount::after {
    content: " 円";
}

td.parment_grid_total_label {
    padding-right: 8px;
    font-weight: 700;
}


tr > th.grid_header_cell:not(:last-child):before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 24px;
    background-color: rgb(216, 216, 216);
    transform: translateY(-50%);
    transition: background-color .3s;
    content: "";
    display: block;
}

th > a:link, th > a:visited, th > a:active {
    box-sizing: border-box;
    color: rgb(53, 58, 65);
    line-height: 24px;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    text-decoration: none;
    border-bottom: 1px dashed rgb(53, 58, 65);
}

th > a:hover{
    box-sizing: border-box;
    color: rgb(3, 89, 112);
    line-height: 24px;
    position: relative;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    text-decoration: none;
    border-bottom: 1px dashed rgb(3, 89, 112);
}

table.detail_table {
    border-collapse: collapse;
    width: 100%;
}

table.detail_table > tbody > tr > td {
    border: 1px solid rgb(240, 240, 240);
    width: 25%;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 16px;
    padding-bottom: 16px;
    vertical-align: top;
}

/* Loader */
#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 48px;
    height: 48px;
    margin: 0px 0 0 0px;
    border: 2px solid #C0C0C0;
    border-radius: 50%;
    background: #FFFFFF;
    animation: spin_base 1.5s ease-in-out infinite, fade 1.5s linear infinite;
}

#loader2 {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  width: 28px;
  height: 28px;
  margin: -16px 0 0 -16px;
  border-radius: 50%;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-left: 2px solid #C0C0C0;
  border-right: 2px solid #C0C0C0;
  background-color: #FFFFFF;
  animation: spin 3s linear infinite;
}


#loader3 {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 3;
  width: 0px;
  height: 0px;
  margin: -16px 0 0 -16px;
  border-radius: 50%;
  border-top: 16px solid #0066B1;
  border-bottom: 16px solid #0066B1;
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  animation: spin 3s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes spin_base {
  0% { transform: rotate(-45deg); }
  75% { transform: rotate(315deg); }
  100% { transform: rotate(315deg); }
}

@keyframes fade {
  0% { background: #FFFFFF; }
  50% { background: #E7E7E7; }
  100% { background: #FFFFFF; }
}

#fullScreenLoader {
  background-color: rgba(255, 255, 255, 0.8);
  display: none;
  text-align: center;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 99;
}