@charset "utf-8";


input[type="text"], input[type="tel"], textarea {
    width:98%;
}
.wp44 {
  width: 44%;
}
.wp55 {
  width: 55%;
}
.meisai-table {
  border-collapse: collapse;
}
.meisai-table td {
  margin: 0 !important;
  padding: 0 !important;
  text-align: left;
}
.meisai-table td input {
  margin: 0 !important;
  padding: 1px 0 !important;
  text-align: right;
}
.meisai-table tr.tr-sepa {
  height: 5px !important;
}
.meisai-table tr.tr-sepa td {
  line-height: 5px !important;
  height: 5px !important;
}
.meisai-table .center {
  text-align: center;
}
.meisai-table .left {
  text-align: left;
}
.meisai-table select {
  width:150px;
}
/*===============================================
iPad用
===============================================*/

@media screen and (max-width: 1024px) {
    .wrapper {
        width: 100% !important;
    }
    #loginInfo {
        padding-top: 30px !important;
    }
}
/*===============================================
iPhone用
===============================================*/

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
    body {
        -webkit-overflow-scrolling: touch;
    }
    .indexMenu {
        width: 100% !important;
    }
    .wrapper {
        padding: 60px 0 0 0;
        width: 100% !important;
    }
    #loginInfo {
        padding-top: 10px !important;
    }
    #nandemoKensaku {
        width: 100% !important;
    }
    #user_status span {
        display: block;
        margin: 10px 0 5px;
    }
    #user_status .button {
        display: block;
        float: right;
    }
    .loLeft {
        float: none !important;
        width: 100% !important;
    }
    .loRight {
        float: none !important;
        width: 100% !important;
    }
    #loLeft {
        float: none !important;
        width: 100% !important;
    }
    #loRight {
        float: none !important;
        width: 100% !important;
    }
    .adminModeIndexMenu {
        width: 100%;
    }
    .adminModeIndexMenu a {
        margin-bottom: 20px;
    }
    ._list_inner {
        width: 100%;
        overflow: scroll;
    }
    .wrapper .pagination {
        padding: 0px;
    }
    .wrapper .pagination li {
        list-style: outside none none;
        display: inline-block;
        font-size: 20px;
    }
    .wrapper .pagination li a,
    .wrapper .pagination li span {
        display: block !important;
        margin: 0px 0 3px 0 !important;
        font-size: 17px !important;
        padding: 1em !important;
    }
    #UserStaffEdit table,
    #UserStaffEdit tr,
    #UserStaffEdit th,
    #UserStaffEdit td,
    #UserStaffEdit table,
    #UserStaffEdit table {
        display:block;
    }
}
/*===============================================
汎用
===============================================*/

.button {
    white-space: nowrap;
}

.ajax_shadow {
    background-color: #000000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100000;
}

.confirm_shadow {
    background-color: #000000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
}

#user_status {
    margin-right: 30px;
    float: right;
    display: inline-block;
}

.announce {
    width: 90%;
    text-align: left;
    font-size: 100%;
    color: #1C8401;
    font-weight: bold;
    background-color: #EAFFE5;
    border: 2px solid #3FCA1A;
    padding: 8px 10px 5px 38px;
    background-image: url(../_img/message-bg.gif);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    line-height: 1.5em;
}

.announce:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/

* html .announce {
    height: 1em;
    overflow: visible;
}
/**/

#back_box {
    margin: 4px 0 0 38px;
    float: left;
    width: 200px;
    text-align: left;
}

#back_box .buttonMini {
    font-size: 1em;
    padding: 0.5em 2em;
}

.announce-noimg {
    width: 90%;
    text-align: left;
    font-size: 100%;
    color: #1C8401;
    font-weight: bold;
    background-color: #EAFFE5;
    border: 2px solid #3FCA1A;
    padding: 5px 10px 5px 10px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    line-height: 1.5em;
}

.announce-noimg:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

.announce-noimg .list {
    color: #333333;
    background-color: #FFFFFF;
}
/*\*/

* html .announce-noimg {
    height: 1em;
    overflow: visible;
}
/**/

.error-msg {
    width: 90%;
    text-align: left;
    font-size: 100%;
    color: #990000;
    font-weight: bold;
    background-color: #FFEEFC;
    border: 2px solid #FF0000;
    padding: 8px 10px 5px 38px;
    background-image: url(../_img/error-bg.gif);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
}

.error-msg:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/

* html .error-msg {
    height: 1em;
    overflow: visible;
}
/**/

.error-msg-noimg {
    width: 90%;
    text-align: left;
    font-size: 100%;
    color: #990000;
    font-weight: bold;
    background-color: #FFEEFC;
    border: 2px solid #FF0000;
    padding: 5px 10px 5px 10px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
}

.error-msg-noimg:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/

* html .error-msg-noimg {
    height: 1em;
    overflow: visible;
}
/**/

.error {
    background-color: #FFD3FF;
}

.error-msg li,
.error-msg-noimg li {
    list-style: none;
}

.ajax_html {
    display: none;
}

#loading_box_old {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    color: black;
    text-align: center;
    overflow: auto;
}

#loading_box {
    display: none;
    position: fixed;
    text-align: center;
    overflow: auto;
}

#loading_box img {
    margin-top: 45%;
}

.drag_handle {
    cursor: pointer;
}

.close_button {
    cursor: pointer;
}

.td_center {
    text-align: center !important;
}

.td_right {
    text-align: right !important;
}

.fatal_error {
    margin: 0;
    padding: 20px 10px;
    text-align: center;
    font-size: 2em;
    line-height: 2em;
    width: 100%;
    color: #FF0000;
    background-color: #000000;
}

.auto_w_h {
    width: auto !important;
    height: auto !important;
}

.auto_w_h .igokudoInner {
    width: auto !important;
    height: auto !important;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.ui-autocomplete {
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 20px;
}

.ui-autocomplete a {
    display: block;
}

#jquery-ui-autocomplete label {
    float: left;
    margin-right: 0.5em;
    color: black;
    font-size: 15px;
}
/*
 * jQuery UI over write
 */

.ui-widget {
    font-size: 0.9em;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left;
}

.ui-menu .ui-menu {
    margin-top: -3px;
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: .1em 0;
    line-height: 1.1;
    zoom: 1;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

a {
    outline: none;
}

.otoiawase_msg {
    font-size: 40px;
    text-align: center;
    margin: 150px 0 0 0;
    color: #2C58D1;
    line-height: 1.1em;
}

.otoiawase_tel {
    width: 600px;
    font-size: 60px;
    font-weight: bold;
    text-align: center;
    margin: 20px auto 0 auto;
    padding: 20px 0 20px 0;
    color: #2C58D1;
    background-color: #B5F4F4;
}

.error-msg-noimg .search_msg {
    font-size: 1.3em;
    text-align: center;
    margin: 10px 0 0 0;
    color: #FF0000;
    line-height: 2.3em;
}

.error-msg-noimg .search_tel {
    width: 600px;
    font-size: 60px;
    font-weight: bold;
    text-align: center;
    margin: 20px auto 0 auto;
    padding: 20px 0 20px 0;
    color: #FF0000;
    background-color: #F9CFF2;
}

.absSubMenu {
    margin: 0 0 0 -475px;
    width: 950px;
    font-size: 0.8em;
    position: absolute;
    top: 6px;
    left: 50%;
    white-space: nowrap;
}

.go_logout,
.go_hattyu {
    background-color: #001535;
}

.go_logout a,
.go_hattyu a {
    color: #FFF;
    display: block;
    padding: 2px 0 5px 0;
}

.go_hattyu {
    float: right;
    width: 140px;
    text-align: center;
}

.go_logout {
    float: left;
    width: 70px;
    text-align: center;
}

.sya_name {
    font-size: 11px;
    float: left;
    padding: 2px 5px 5px 5px;
    margin: 0 10px 0 10px;
    background-color: #09F;
    color: #FFF;
    max-width: 690px;
    overflow: hidden;
}

.igokudoInner {
    line-height: 1.2em;
}

.igokudoInner h3 {
    margin: 3px 0px;
}

.table_navy th {
    background-color: #8E7CFF !important;
}

.zaiko-nasi-alert {
    font-weight: bold;
    color: #FF0000;
}
/** 2013/12/20 14:32 **/

.corehen_blue {
    font-weight: bold;
    color: #1000FC;
}

.red {
    color: #FF0000;
}

.big2 {
    height: 2em;
    font-weight: bold;
    font-size: 16px;
}

.get_tyo_pcode {
    color: #00AEFF;
}

.get_tyo_pcode:hover {
    color: #016294;
}

.notibar {
    overflow: hidden;
    position: relative;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    line-height: 21px;
    -moz-box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.8);
    -webkit-box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.8);
    box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.8);
}

.notibar p {
    margin: 15px 30px 13px 55px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    text-shadow: -1px -1px #FFF, 1px -1px #FFF, -1px 1px #FFF, 1px 1px #FFF;
}

.notibar a.close {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 5px;
    right: 5px;
    background-image: url(../_img/close.png);
    background-position: -28px -14px;
    background-repeat: no-repeat;
}

.notibar a.close:hover {
    cursor: pointer;
}

.message_box .notibar {
    margin: 0px !important;
}

.ajaxerrormsg {
    color: #f00;
    display: block;
    text-align: left;
    font-weight: bold;
    position: absolute;
    margin: -13px 0 0 -20px;
    clear: left;
    border: 1px solid #e18b7c;
    background: #fad5cf;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    line-height: 21px;
    -moz-box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.8);
    -webkit-box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.8);
    box-shadow: inset 0 1px 0 rgba(250, 250, 250, 0.8);
}

.ajaxerrormsg p {
    float: left;
    margin: 0 0 0 0;
    font-size: 10px;
    background: none repeat scroll 0 0 transparent;
}

.ajaxerrormsg a.close {
    margin: 3px 0 0 2px;
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    background-image: url(../_img/close.png);
    background-repeat: no-repeat;
}

.ajaxerrormsg a.close:hover {
    cursor: pointer;
}

.igokudo {
    width: 850px;
    height: 670px;
    margin: auto;
    border: 5px solid #2c58d1;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background-color: #FFF;
    color: #000;
    -webkit-box-shadow: 0 0 50px #000;
}

.igokudo .igokudoTsumami {
    background-color: #2c58d1;
    padding: 4px;
    line-height: 1em;
    text-align: right;
    cursor: move !important;
}

.igokudo .igokudoInner {
    height: 573px;
    overflow-y: auto;
    padding: 10px;
}

.igokudo h2 {
    background-image: url(../img/common/h2Bg.png);
    background-repeat: no-repeat;
    height: 21px;
    font-size: 1.4em;
    font-weight: normal;
    padding: 5px 0 5px 30px;
    border-bottom: 3px double #595858;
    margin: 0 0 5px 0 !important;
    padding-bottom: 2px !important;
}

.igokudo .igokudoLeft {
    width: 350px;
    float: left;
}

.igokudo .igokudoRight {
    width: 455px;
    float: right;
}

.igokudo #leftright table {
    width: 130px;
    float: left;
    margin: 5px;
}

.wrapper .leftSearchInput {
    width: 150px;
}

.wrapper .searchButton {
    background-image: url("../img/iconGlassWhite.png");
    background-position: 9px 4px;
    background-repeat: no-repeat;
    background-size: 21px auto;
    height: 31px;
    padding: 5px;
    text-indent: -9999px;
    width: 40px;
}

.wrapper .pagination {}

.wrapper .pagination li {
    list-style: none;
    display: inline-block;
}

.wrapper .pagination li a,
.wrapper .pagination li span {
    margin: 0 3px;
    color: #FFF;
    background: #3376FF;
    padding: 1em 2em;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
    text-align: center;
    font-weight: bold;
    line-height: 1em;
    padding: 0.5em 0.9em;
    font-size: 0.8em;
    ,
}

.wrapper .pagination li span.current {
    background: #FFC300;
}

.wrapper .pagination li span.disable {
    background: #AFCAFF;
}

.wrapper .pagination li a:hover {
    background: #0F4FD3;
    color: #FFF;
    text-decoration: none;
}

.close_button {
    margin: 0 3px;
    color: #555;
    background: #DBDBDB;
    padding: 1em 2em;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
    text-align: center;
    font-weight: bold;
    line-height: 1em;
}

.close_button:hover {
    background: #EFEFEF;
    color: #666;
    text-decoration: none;
}

.hasDatepicker {
    width: 100px;
}

.dp_op {
    margin: 0px;
    display: inline-block;
}

.dp_op li {
    display: inline-block;
    margin-left: 0px;
    list-style-type: none;
}

.dp_op li .btn_dt {
    margin: 0 3px;
    color: #555;
    background: #DBDBDB;
    padding: 3px 5px;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
    text-align: center;
    font-weight: bold;
    line-height: 1em;
    cursor: pointer;
}

.ziploader_box,
.makerloader_box,
.nameloader_box,
.kozmeloader_box,
.loader_box {
    display: none;
}

.autocomp_box div, #zipcodebox div,
#makerbox div {
    margin: 5px 3px;
    color: #555;
    background: #DBDBDB;
    padding: 6px 5px;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
    text-align: left;
    font-weight: bold;
    line-height: 1em;
    cursor: pointer;
}

a.btn_file_trash {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: 0 1px 0 #fff inset;
    cursor: pointer;
    opacity: 0.5;
    font-size: 1px;
    line-height: 1;
    padding: 12px;
    background-image: url(../_img/trash.png);
    background-position: 7px 7px;
    background-repeat: no-repeat;
}

a.btn_file_trash:hover {
    opacity: 1;
}

.documentList td {
    width: 20%;
}

.vbox {
    display: inline-block;
}

.actionArea {
    white-space: nowrap;
}

.no_pad {
    padding: 0 !important;
}

.radio_wide label {
    margin-right: 20px;
}

.radio_wide input {
    margin-right: 5px;
}

.wpx_100 {
    width: 100px !important;
}
.wpx_90 {
    width: 90px !important;
}
.wpx_80 {
    width: 80px !important;
}
.reg_date_status {
    color: #666666;
    text-align: right;
    line-height: 1.5em;
}

#namebox h5,
#kozmebox h5 {
    margin: 2px;
    font-size: 15px;
}

.name_list_box a {
    margin: 5px;
    padding: 8px;
    display: inline-block;
}

#namebox .name_list_box,
#kozmebox .name_list_box {
    background: #fcfcfc none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 1px 1px 3px #ccc;
    line-height: 1em;
    margin: 0 3px 10px;
    padding: 5px;
    text-align: left;
    text-decoration: none;
}

div#uploadForm {
    display: inline-block;
    width: auto;
}

.syazyou_off {
    color: #999999;
}

.kyoten_pkey {
    margin-top: 35px;
    margin-bottom: 35px;
}

.csv_file {}

#result_box table {
    border-collapse: collapse;
    border-left: 1px solid #CCC;
    border-top: 1px solid #CCC;
    color: #333;
}

#result_box table td,
#result_box table th {
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 5px;
    line-height: 1.8em;
    font-size: 0.8em;
    vertical-align: top;
}

#result_box table tr.odd th,
#result_box table tr.odd td {
    background: #EFEFEF none repeat scroll 0% 0%;
}

#result_box .import_result th.col1 {
    width: 7%;
}

#result_box .import_result th.col2 {
    width: 15%;
}

#result_box .import_result th.col3 {
    width: 28%;
}

#result_box .import_result th.col4 {
    width: auto;
}

#result_box .import_result th.col5 {
    width: 15%;
}

#result_box .import_result th.col6 {
    width: 28%;
}

#result_box .import_result td.col1 {
    text-align: right;
}

#result_box .import_result td.col2 {}

#result_box .import_result td.col3 {}

#result_box .import_result td.col4 {
    text-align: center;
    font-weight: bold;
}

#result_box .import_result td.col5 {}

#result_box .import_result td.col6 {}

#result_box .fail_result th.col1 {
    width: 5%;
}

#result_box .fail_result th.col2 {
    width: 18%;
}

#result_box .fail_result th.col3 {
    width: 18%;
}

#result_box .fail_result th.col4 {
    width: 12%;
}

#result_box .fail_result th.col5 {
    width: 10%;
}

#result_box .fail_result th.col6 {
    width: 22%;
}

#result_box .fail_result th.col7 {
    width: auto;
}

#result_box .fail_result td.col1 {
    text-align: right;
}

#result_box .fail_result td.col2 {}

#result_box .fail_result td.col3 {}

#result_box .fail_result td.col4 {}

#result_box .fail_result td.col5 {}

#result_box .fail_result td.col6 {}

#result_box .fail_result td.col7 {
    color: #FF0000;
}

#result_box .nnn {
    background-color: rgba(239, 239, 239, 0.5);
}

.small_list_table {
    font-size: 11px;
}

.small_list_table thead th,
.small_list_table tbody td {
    padding: 2px;
    margin: 0px;
}

.small_list_table tbody tr.status_2 {
    background-color: rgba(0, 255, 0, 0.15);
}

.small_list_table tbody tr.status_6 {
    background-color: rgba(255, 255, 0, 0.15);
}

.small_list_table tbody tr.status_9 {
    background-color: rgba(255, 0, 0, 0.2);
}

.ar {
    text-align: right;
}

.rubi {
    font-size: 9px;
}

table ol,
table li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    list-style: none;
}

table ol li {
    display: inline-block;
}

table ol li div {
    display: inline-block;
}

table ol li div .-word {
    color: #FF0000;
}

#last_csv_row_box table {
    border-collapse: collapse;
    border-left: 1px solid #CCC;
    border-top: 1px solid #CCC;
    color: #333;
}

#last_csv_row_box table td,
#last_csv_row_box table th {
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 5px;
    line-height: 1.8em;
    font-size: 0.8em;
    vertical-align: top;
}

._list_table tbody.neven {
    background-color: #F4F3ED;
}

._list_table tbody.even {
    background-color: #F5F2E4;
}

._list_table th.big_row,
._list_table td.big_row {
    font-size: 22px;
}

._list_table td.big_row {
    line-height: 1.3em;
}

table span.diff_box {
    color: #FF0000;
    font-weight: bold;
}

.search_box .inner {
    margin: 10px 0 10px 0;
    line-height: 1.3em;
}

.search_box .inner h5 {
    margin: 0 0 4px 0;
}

.search_box label {
    white-space: nowrap;
}

.cost_td {
    text-align: right;
}
.pdf_upload input {
  height: 2em !important;
}
.pdf_upload .upload_btn {
  height: 2em !important;
}
.pdf_upload .upload_btn_btn {
  height: 1.3em !important;
}
.pdf_upload .upload_btn_btn span {
  padding: 0 !important;
  font-size: 15px;
}
.blue-tips {
  background-color: rgba(44, 138, 197, 0.1);
  border:2px solid #0B63E8;
}
