@charset "utf-8";

/**
 * CSS override for jquery-ui v1.13.2
 * 
 * base テーマの一部を書き換える.
 * 必ず base テーマの css の後で読み込むこと.
 */

.ui-widget {
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3",
        "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka",
        Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3",
        "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka",
        Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #808183;
    color: #ffffff;
    font-weight: bold;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    /* border: 1px solid #d8dcdf; */
    background: url("../../img/common/ui-bg_highlight-hard_100_eeeeee_1x100.png")
        50% 50% repeat-x;
    font-weight: bold;
    color: #004276;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: bold;
    color: #111111;
}
.ui-button.ui-state-active:hover {
    border: 1px solid #cccccc;
    background: #007fff;
    font-weight: bold;
    color: #111111;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("../../../node_modules/jquery-ui/dist/themes/base/images/ui-icons_ffffff_256x240.png");
}
.ui-widget-header .ui-icon {
    background-image: url("../../../node_modules/jquery-ui/dist/themes/base/images/ui-icons_ffffff_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("../../../node_modules/jquery-ui/dist/themes/base/images/ui-icons_ffffff_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("../../../node_modules/jquery-ui/dist/themes/base/images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("../../../node_modules/jquery-ui/dist/themes/base/images/ui-icons_ffffff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("../../../node_modules/jquery-ui/dist/themes/base/images/ui-icons_ffffff_256x240.png");
}
.ui-button .ui-icon {
    background-image: url("../../../node_modules/jquery-ui/dist/themes/base/images/ui-icons_ffffff_256x240.png");
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 6px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 6px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 6px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 6px;
}

.ui-widget-header .ui-button {
    background-color: #808183;
    background-image: none;
    border: none;
    border-radius: 4px;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-color: #fff;
    background-image: url("../../img/common/ui-icons_cc0000_256x240.png");
    border-radius: 3px;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #eeeeee;
    background: #ffffff url("../../img/common/ui-bg_flat_65_ffffff_40x100.png")
        50% 50% repeat-x;
    color: #cc0000;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcd3a1;
    background: #fbf8ee url("../../img/common/ui-bg_glass_55_fbf8ee_1x400.png")
        50% 50% repeat-x;
    color: #444444;
}

.ui-widget-content .basicBtn {
    font-size: 16px;
}