/*------------------------------------------------------------
ブラウザ固有のCSSをリセット
-------------------------------------------------------------*/

html {
    -webkit-text-size-adjust: none;
    overflow: auto;
    /*	overflow-x: hidden; */
}

body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, p, blockquote, table, th, td {
    margin: 0;
    padding: 0;
}

body {
    background-color: #F0F8FF;
    line-height: 160%;
    /*	font-family: 'ヒラギノ角ゴ Pro W5', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'sans-serif';*/
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

input[type="text"], textarea, select {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

textarea {
    resize: none;
}
/*Firefox対策*/
html {
    overflow-y: scroll;
}

body, x:-moz-broken {
    margin-left: -1px;
}

ul {
    list-style-type: none;
}

table {
    /*
	border-collapse: collapse;
*/
    border-spacing: 0;
}

address, caption, cite, code, dfn, h1, h2, h3, h4, th, var {
    font-style: normal;
    font-weight: normal;
}

fieldset, img, abbr {
    border: 0;
}

caption, th {
    text-align: left;
}

q:before, q:after {
    content: '';
}

a {
    /*text-decoration: none;*/
    color: #0099cc;
}

img {
    border: none;
    vertical-align: bottom;
}

span {
    vertical-align: top;
}

    /*------------------------------------------------------------
ラベルボックス
-------------------------------------------------------------*/
    span.label-blue {
        height: 100%;
        background-color: blue;
        padding: 5px 5px 5px 5px;
        font-weight: normal;
        color: white;
    }

    span.label-red {
        height: 100%;
        background-color: red;
        padding: 5px 5px 5px 5px;
        font-weight: normal;
        color: white;
    }

/*------------------------------------------------------------
入力ボックス
-------------------------------------------------------------*/
input[type="text"], input[type="password"], select, textarea {
    border: 1px solid #888888;
}

input.disabled {
    color: #333333;
    background-color: #DDDDDD;
}

textarea.disabled {
    color: #333333;
    background-color: #DDDDDD;
}

input.readonly, textarea.readonly, select.readonly {
    color: #307030;
    background-color: #DFDFE7;
    border: solid 1px #D0D0EF;
}

textarea.readonly {
    color: #307030;
    background-color: #DFDFE7;
    border: solid 1px #D0D0EF;
}

select.readonly {
    color: #307030;
    background-color: #DFDFE7;
    border: solid 1px #D0D0EF;
}

textarea.input_text {
    width: 100%;
}

input.list_text {
    width: 95%;
}

/*------------------------------------------------------------
入力ボックス（フォーカス）
-------------------------------------------------------------*/
input:focus {
    background-color: #F0FFF0;
    color: #000000;
}

input[type="text"]:focus {
    background-color: #F0FFF0;
    color: #000000;
}

input[type="text"].readonly:focus {
    color: #307030;
    background-color: #DFDFE7;
    border: solid 1px #D0D0EF;
}

input[type="checkbox"]:focus {
    background-color: #F0FFF0;
    color: #000000;
    border: solid 1px #D0D0EF;
}

input[type="password"]:focus {
    background-color: #F0FFF0;
    color: #000000;
    border: solid 1px #D0D0EF;
}

input[type="file"]:focus {
    background-color: #F0FFF0;
    color: #000000;
    border: solid 1px #D0D0EF;
}

textarea:focus {
    background-color: #F0FFF0;
    color: #000000;
    border: solid 1px #D0D0EF;
}

textarea.readonly:focus {
    color: #307030;
    background-color: #DFDFE7;
    border: solid 1px #D0D0EF;
}

input[readonly="readonly"]:focus {
    color: #307030;
    background-color: #DFDFE7;
    border: solid 1px #D0D0EF;
}

input[readonly="readonly"] {
    color: #307030;
    background-color: #DFDFE7;
    border: solid 1px #D0D0EF;
}

/*------------------------------------------------------------
ime-mode・・・ime-mode定義
-------------------------------------------------------------*/
input.imeon {
    ime-mode: active;
}

input.imeoff {
    ime-mode: disabled;
}

input.imealpha {
    ime-mode: inactive;
}

/*------------------------------------------------------------
エラーメッセージ
-------------------------------------------------------------*/
.err_msg_s {
    color: red;
    font-weight: bold;
    font-size: 10px;
}

.err_msg_m {
    color: red;
    font-weight: bold;
    font-size: 12px;
}

.err_msg_l {
    color: red;
    font-weight: bold;
    font-size: 16px;
}

/*------------------------------------------------------------
エラーメッセージ
-------------------------------------------------------------*/
.error_area input {
    background-color: #FFEFD5;
}

/*------------------------------------------------------------
行カラー変更
-------------------------------------------------------------*/
/*
 * 1行おきに色を変更
 */
.even-row {
    background-color: #F0F8FF;
}
/*
 * 行選択時のカラー指定用
 */
.selectTrColor:hover {
    background-color: #4682B4;
    color: #FFFFFF;
    cursor: pointer;
}

/*
 * 行選択時のカラー指定用（複数行対応）
 */
.selectMultiTbodyColor {
    background-color: #4682B4;
    color: #FFFFFF;
    cursor: pointer;
}

/*
 * セル選択時のカラー指定用
 */
.selectTdColor:hover {
    background-color: #4682B4;
    color: #FFFFFF;
    cursor: pointer;
}

.selectedTdColor {
    background-color: #330099;
    color: #FFFFFF;
}

/*
.selectTrColor {
    background-color: #87ceeb;
    color: #FFFFFF;
}
.selectedTrColor {
    background-color: #87ceeb;
    color: #000000;
}
.selectTrColor a {
    color: #FFFFFF;
}
.selOverTrColor:hover {
    background-color: #330099;
    color: #FFFFFF;
}
*/

/*------------------------------------------------------------
ボタンをCSSで
-------------------------------------------------------------*/
/*
 * 共通ボタン
 * ※ベースボタン
 */
.bt_base_ss {
    background: url("../image/button/bt_blue_orange_ss.png") 0 0 no-repeat;
    width: 90px;
    height: 1em;
    line-height: 24px;
    cursor: pointer;
    display: block;
    border: none;
    color: #FFFFFF;
}

    .bt_base_ss:hover {
        background: url("../image/button/bt_blue_orange_ss.png") 0 -27px no-repeat;
    }

.bt_base_s {
    background: url("../image/button/bt_blue_orange_s.png") 0 0 no-repeat;
    width: 100px;
    height: 1em;
    line-height: 24px;
    cursor: pointer;
    display: block;
    border: none;
    color: #FFFFFF;
}

    .bt_base_s:hover {
        background: url("../image/button/bt_blue_orange_s.png") 0 -27px no-repeat;
    }

.bt_base_m {
    background: url("../image/button/bt_blue_orange_m.png") 0 0 no-repeat;
    width: 150px;
    height: 1em;
    line-height: 24px;
    cursor: pointer;
    display: block;
    border: none;
    color: #FFFFFF;
}

    .bt_base_m:hover {
        background: url("../image/button/bt_blue_orange_m.png") 0 -27px no-repeat;
    }

.bt_base_l {
    background: url("../image/button/bt_blue_orange_l.png") 0 0 no-repeat;
    width: 200px;
    height: 1em;
    line-height: 24px;
    cursor: pointer;
    display: block;
    border: none;
    color: #FFFFFF;
}

    .bt_base_l:hover {
        background: url("../image/button/bt_blue_orange_l.png") 0 -27px no-repeat;
    }

/*
 * 共通ボタン
 * ※システムボタン
 */
.bt_system_xs {
    background: url("../image/button/bt_gray_orange_ss.png") 0 0 no-repeat;
    width: 40px;
    height: 1em;
    line-height: 20px;
    cursor: pointer;
    border: none;
    color: #FFFFFF;
}

    .bt_system_xs:hover {
        background: url("../image/button/bt_gray_orange_ss.png") 0 -22px no-repeat;
    }

.bt_system_s {
    background: url("../image/button/bt_gray_orange_s.png") 0 0 no-repeat;
    width: 80px;
    height: 1em;
    line-height: 20px;
    cursor: pointer;
    border: none;
    color: #FFFFFF;
}

    .bt_system_s:hover {
        background: url("../image/button/bt_gray_orange_s.png") 0 -22px no-repeat;
    }

.bt_system_m {
    background: url("../image/button/bt_gray_orange_m.png") 0 0 no-repeat;
    width: 90px;
    height: 1em;
    line-height: 24px;
    cursor: pointer;
    border: none;
    color: #FFFFFF;
}

    .bt_system_m:hover {
        background: url("../image/button/bt_gray_orange_m.png") 0 -27px no-repeat;
    }

.bt_system_l {
    background: url("../image/button/bt_gray_orange_l.png") 0 0 no-repeat;
    width: 150px;
    height: 1em;
    line-height: 24px;
    cursor: pointer;
    border: none;
    color: #FFFFFF;
}

    .bt_system_l:hover {
        background: url("../image/button/bt_gray_orange_l.png") 0 0 no-repeat;
    }

/*
 *共通ボタン（トグルボタン）※ラジオボタン
 */
.bt_toggle_xs {
    background: url("../image/button/bt_navy_orange_ss.png") 0 0 no-repeat;
    width: 90px;
    height: 1em;
    line-height: 24px;
    cursor: pointer;
    display: block;
    border: none;
    color: #FFFFFF;
}

.bt_toggle_xs_selected {
    background: url("../image/button/bt_navy_orange_ss.png") 0 -27px no-repeat;
    width: 90px;
    height: 1em;
    line-height: 24px;
    cursor: pointer;
    display: block;
    border: none;
    color: #FFFFFF;
}

.bt_toggle_xs_same {
    background: url("../image/button/bt_navy_orange_ss.png") 0 0 no-repeat;
    width: 90px;
    height: 1em;
    line-height: 24px;
    cursor: pointer;
    display: block;
    border: none;
    color: #FFFFFF;
}

.bt_toggle_xs_same_selected {
    background: url("../image/button/bt_navy_orange_ss.png") 0 0 no-repeat;
    width: 90px;
    height: 1em;
    line-height: 24px;
    cursor: pointer;
    display: block;
    border: none;
    color: #FFFFFF;
}

.bt_toggle_s {
    background: url("../image/button/bt_navy_orange_s.png") 0 0 no-repeat;
    width: 100px;
    height: 1em;
    line-height: 24px;
    cursor: pointer;
    display: block;
    border: none;
    color: #FFFFFF;
}

.bt_toggle_s_selected {
    background: url("../image/button/bt_navy_orange_s.png") 0 -27px no-repeat;
    width: 100px;
    height: 1em;
    line-height: 24px;
    cursor: pointer;
    display: block;
    border: none;
    color: #FFFFFF;
}

.bt_toggle_s_same {
    background: url("../image/button/bt_navy_orange_s.png") 0 0 no-repeat;
    width: 100px;
    height: 1em;
    line-height: 24px;
    cursor: pointer;
    display: block;
    border: none;
    color: #FFFFFF;
}

.bt_toggle_s_same_selected {
    background: url("../image/button/bt_navy_orange_s.png") 0 0 no-repeat;
    width: 100px;
    height: 1em;
    line-height: 24px;
    cursor: pointer;
    display: block;
    border: none;
    color: #FFFFFF;
}

.bt_toggle_m {
    background: url("../image/button/bt_navy_orange_m.png") 0 0 no-repeat;
    width: 150px;
    height: 1em;
    line-height: 24px;
    cursor: pointer;
    display: block;
    border: none;
    color: #FFFFFF;
}

.bt_toggle_m_selected {
    background: url("../image/button/bt_navy_orange_m.png") 0 -27px no-repeat;
    width: 150px;
    height: 1em;
    line-height: 24px;
    cursor: pointer;
    display: block;
    border: none;
    color: #FFFFFF;
}

.bt_toggle_m_same {
    background: url("../image/button/bt_navy_orange_m.png") 0 0 no-repeat;
    width: 150px;
    height: 1em;
    line-height: 24px;
    cursor: pointer;
    display: block;
    border: none;
    color: #FFFFFF;
}

.bt_toggle_m_same_selected {
    background: url("../image/button/bt_navy_orange_m.png") 0 0 no-repeat;
    width: 150px;
    height: 1em;
    line-height: 24px;
    cursor: pointer;
    display: block;
    border: none;
    color: #FFFFFF;
}

.bt_toggle_l {
    background: url("../image/button/bt_navy_orange_l.png") 0 0 no-repeat;
    width: 200px;
    height: 1em;
    line-height: 24px;
    cursor: pointer;
    display: block;
    border: none;
    color: #FFFFFF;
}

.bt_toggle_l_selected {
    background: url("../image/button/bt_navy_orange_l.png") 0 -27px no-repeat;
    width: 200px;
    height: 1em;
    line-height: 24px;
    cursor: pointer;
    display: block;
    border: none;
    color: #FFFFFF;
}

.bt_toggle_l_same {
    background: url("../image/button/bt_navy_orange_l.png") 0 0 no-repeat;
    width: 200px;
    height: 1em;
    line-height: 24px;
    cursor: pointer;
    display: block;
    border: none;
    color: #FFFFFF;
}

.bt_toggle_l_same_selected {
    background: url("../image/button/bt_navy_orange_l.png") 0 0 no-repeat;
    width: 200px;
    height: 1em;
    line-height: 24px;
    cursor: pointer;
    display: block;
    border: none;
    color: #FFFFFF;
}

.button_area {
    width: 100%;
    height: 25px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    /*	background-color: #6090EF;*/
    /*	background-color: #E6E6FA;*/
    font-weight: normal;
    color: #7B869A;
    text-align: center;
}

    .button_area .header_l {
        text-align: left;
    }

    .button_area .header_r {
        text-align: right;
    }

#header {
    cursor: default;
}

.bt_base_m_h {
    width: 80px;
    height: 40px;
    border-radius: 5px 5px;
    border-left: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    border-right: 2px solid #7A7A7A;
    border-bottom: 2px solid #7A7A7A;
}

    .bt_base_m_h:hover {
        background: linear-gradient(to bottom right, #FFAD6D, #D55100);
    }

.bt_base_m_s {
    width: 120px;
    height: 25px;
    width: 11em;
    height: 1.7em;
    /*	border-left: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	border-right: 2px solid #7A7A7A;
	border-bottom: 2px solid #7A7A7A; */
    border: none;
    border-radius: 0.2em 0.2em 0.2em 0.2em / 0.2em 0.2em 0.2em 0.2em;
}

.bt_base_s_s {
    /*	width: 90px;
	height: 25px; */
    width: 7em;
    height: 1.7em;
    border: none;
    border-radius: 0.2em 0.2em 0.2em 0.2em / 0.2em 0.2em 0.2em 0.2em;
}

.bt_base_w_s {
    /*	width: 180px;
	height: 23px; */
    width: 14em;
    height: 1.7em;
    border: none;
    border-radius: 0.2em 0.2em 0.2em 0.2em / 0.2em 0.2em 0.2em 0.2em;
}

.btn_close_cls {
    height: 1.68em;
    border: none;
    width: 25px;
    /*border-radius: 0.2em 0.2em 0.2em 0.2em / 0.2em 0.2em 0.2em 0.2em;*/
    background-image: url('../../image/icon/color/Close_Box_Red.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 96%;
}

    .btn_close_cls:hover {
        color: gray;
    }

.bt_base_w_s2 {
    width: 22em;
    height: 1.7em;
    border: none;
    border-radius: 0.2em 0.2em 0.2em 0.2em / 0.2em 0.2em 0.2em 0.2em;
}

.bt_base_icon_only {
    width: 25px;
    height: 25px;
    border: 1px solid #A0A0A0;
    border-radius: 0.2em 0.2em 0.2em 0.2em / 0.2em 0.2em 0.2em 0.2em;
}

.bt_pager {
    background-color: #D0D0D0;
    width: 2.5em;
    border: none;
    border-radius: 0.2em 0.2em 0.2em 0.2em / 0.2em 0.2em 0.2em 0.2em;
}

.bt_bg_blue {
    background-color: #0000BB;
    color: #FFFFFF;
}

    .bt_bg_blue:disabled {
        background-color: #FAFAFA;
        color: #AEAEAE;
    }

    .bt_bg_blue:hover, .bt_bg_blue:focus {
        background-color: #2525FF;
        color: #FFFFFF;
    }

.bt_bg_right_blue {
    background-color: #20A0A0;
    color: #FFFFFF;
}

    .bt_bg_right_blue:disabled {
        background-color: #FAFAFA;
        color: #AEAEAE;
    }

    .bt_bg_right_blue:hover, .bt_bg_right_blue:focus {
        background-color: #35C0C0;
        color: #FFFFFF;
    }

.bt_bg_red {
    background-color: #BB0000 !important;
    color: #FFFFFF !important;
    color: #FFFFFF !important;
}

    .bt_bg_red:disabled, .bt_bg_red:disabled:hover {
        background-color: #FAFAFA !important;
        color: #AEAEAE !important;
    }

    .bt_bg_red:hover, .bt_bg_red:focus {
        background-color: #FF2020 !important;
        color: #FFFFFF !important;
    }

.bt_bg_green {
    background-color: #00BB00;
    color: #FFFFFF;
}

    .bt_bg_green:disabled {
        background-color: #FAFAFA;
        color: #AEAEAE;
    }

    .bt_bg_green:hover, .bt_bg_green:focus {
        background-color: #20FF20;
        color: #FFFFFF;
    }

.bt_bg_green2 {
    background-color: #44adc3;
    color: #FFFFFF;
}

    .bt_bg_green2:disabled {
        background-color: #FAFAFA;
        color: #AEAEAE;
    }

    .bt_bg_green2:hover, .bt_bg_green2:focus {
        background-color: #4fbed5;
        color: #FFFFFF;
    }

.bt_bg_grey {
    background-color: #C8C8C8;
    color: #000000;
}

    .bt_bg_grey:disabled {
        background-color: #FAFAFA;
        color: #AEAEAE;
    }

    .bt_bg_grey:hover, .bt_bg_grey:focus {
        background-color: #DFDFDF;
        color: #101010;
    }

.bt_bg_yellow {
    background-color: #E86008;
    color: #FFFFFF;
}

    .bt_bg_yellow:disabled {
        background-color: #FAFAFA;
        color: #AEAEAE;
    }

    .bt_bg_yellow:hover, .bt_bg_yellow:focus {
        background-color: #F86D10;
        color: #FFFFFF;
    }

.bt_bg_purple {
    background-color: #8B027E;
    color: #FFFFFF;
}

    .bt_bg_purple:disabled {
        background-color: #FAFAFA;
        color: #AEAEAE;
    }

    .bt_bg_purple:hover, .bt_bg_purple:focus {
        background-color: #CE28D4;
        color: #FFFFFF;
    }

.bt_bg_lightblue {
    background-color: #0081FF;
    color: #FFFFFF;
}

    .bt_bg_lightblue:hover, .bt_bg_lightblue:focus {
        background-color: #00B2FF;
        color: #FFFFFF;
    }

    .bt_bg_lightblue:disabled {
        background-color: #FAFAFA;
        color: #AEAEAE;
    }

.btn_bg_brow {
    background-color: #948A54;
    color: white;
}

    .btn_bg_brow:hover, .btn-background-color-brow:focus {
        background-color: #BE8A54;
        color: white;
    }

    .btn_bg_brow:disabled {
        background-color: #FAFAFA;
        color: #AEAEAE;
    }

.bt_user_m_s {
    width: 90px;
    background: linear-gradient(to bottom right, #D8D8D8, #B0B0B0);
    color: #2868EF;
    cursor: pointer;
    padding: 2px 5px 2px 5px;
    margin: 0px 0px 0px 0px;
    border-radius: 5px 5px;
    border-left: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    border-right: 2px solid #7A7A7A;
    border-bottom: 2px solid #7A7A7A;
}

    .bt_user_m_s:hover {
        background: linear-gradient(to bottom right, #EAEAEA, #BCBCBC);
        color: #4080FF;
    }

.bt_edit_m_h {
    background: linear-gradient(to bottom right, #FA1D1D, #D50000);
    width: 150px;
    height: 50px;
    color: white;
    border-radius: 5px 5px;
    border-left: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    border-right: 2px solid #7A7A7A;
    border-bottom: 2px solid #7A7A7A;
}

    .bt_edit_m_h:hover {
        background: linear-gradient(to bottom right, #80FA80, #207520);
    }

.bt_edit_m_s {
    background: linear-gradient(to bottom right, #1DFA1D, #007500);
    width: 150px;
    height: 25px;
    color: white;
    border-radius: 5px 5px;
    border-left: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    border-right: 2px solid #7A7A7A;
    border-bottom: 2px solid #7A7A7A;
}

    .bt_edit_m_s:hover {
        background: linear-gradient(to bottom right, #80FA80, #207520);
    }

.bt_edit_s_s {
    background: linear-gradient(to bottom right, #1DFA1D, #007500);
    width: 90px;
    height: 25px;
    color: white;
    border-radius: 5px 5px;
    border-left: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    border-right: 2px solid #7A7A7A;
    border-bottom: 2px solid #7A7A7A;
}

    .bt_edit_s_s:hover {
        background: linear-gradient(to bottom right, #80FA80, #207520);
    }

input[type='button'][disabled] {
    background-color: #DFDFDF !important;
}

    input[type='button'][disabled]:hover {
        background-color: #DFDFDF !important;
    }

input[type='submit'][disabled] {
    background-color: #DFDFDF;
}

    input[type='submit'][disabled]:hover {
        background-color: #DFDFDF;
    }

/* ツールチップCSS */
#tooltip {
    position: absolute;
    border: 1px solid #333;
    background: #f7f5d1;
    padding: 2px 5px;
    color: #333;
    display: none;
}

input[type="text"][readonly].title-input_help_only, select[readonly].title-input_help_only, textarea[readonly].title-input_help_only {
    color: #307030;
    background-color: #DFDFE7;
    border: solid 1px #D0D0EF;
}

    input[type="text"][readonly].title-input_help_only :focus, select[readonly].title-input_help_only :focus, textarea[readonly].title-input_help_only :focus {
        color: #307030;
        background-color: #DFDFE7;
        border: solid 1px #D0D0EF;
    }

.title-input_help_only {
    color: #307030;
    background-color: #DFDFE7;
    border: solid 1px #D0D0EF;
}

    .title-input_help_only :focus {
        color: #307030;
        background-color: #DFDFE7;
        border: solid 1px #D0D0EF;
    }

.hide {
    visibility: hidden !important;
}

p.newEmailCnt {
    display: inline-block;
    background-color: yellow;
    color: red;
    min-width: 1.4em;
    height: 1.4em;
    text-align: center;
    vertical-align: middle;
    border-radius: 7px;
    margin-left: 2px;
}