@charset "utf-8";
/* =================================== */

/*@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);*/



/*@import url(https://fonts.googleapis.com/earlyaccess/notosanssc.css);*/

/*@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);*/

/* @import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); */

/*@import url(https://fonts.googleapis.com/earlyaccess/notosansthai.css);*/

body {
    font-family: 'Noto Sans Japanese', 'arial unicode ms', sans-serif;
}

html[lang="ja"] body {
    font-family: 'Noto Sans Japanese', 'arial unicode ms', sans-serif;
}
html[lang="en"] body,
html[lang="fr"] body,
html[lang="de"] body,
html[lang="es"] body,
html[lang="pt"] body,
html[lang="id"] body,
html[lang="vi"] body {
    font-family: 'Noto Sans', 'arial unicode ms', sans-serif;
}

html[lang="th"] body {
    font-family: 'Noto Sans Thai', 'arial unicode ms', sans-serif;
}
html[lang="zh-cn"] body {
    font-family: 'Noto Sans SC', 'arial unicode ms', sans-serif;
}
html[lang="zh-tw"] body {
    font-family: 'Noto Sans TC',"Microsoft JhengHei", "微軟正黑體", 'PMingLiU', 'arial unicode ms', sans-serif;
}
html[lang="ko"] body {
    font-family: 'Noto Sans KR', 'arial unicode ms', sans-serif;
}

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: local("Meiryo");
    unicode-range: U+005c;
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: local("Meiryo");
    unicode-range: U+005c;
}


html {
    margin: 0 auto;
}

* {
    box-sizing: border-box;
}
/* 画像回転用 */
.spin{
    transition:transform 3s;
    -webkit-transition:-webkit-transform 3s;
}

.spin:hover{
    transform: rotate(720deg);
    -webkit-transform: rotate(720deg);
}
.pattern2 {
    width: 400px;
    height: 250px;
    position: relative;
}

.pattern2 img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

body {
    background-color: #ffffff;
    background-size: auto;
    background-image: none;
    margin: 0;
    padding: 0;
    line-height: 1.4;
    color: #333333;
    font-size: 10pt;
    font-style: normal;
}

/* ---------- ベースパネル ---------- */
#cent {
    position: relative;
    margin: 0 auto;
    /* -- 全体の幅指定 -- */
    width: 100%;
    min-width: 1360px;
}
#cent_html { /* 新旧対比表印刷用ページ用 */
    position: relative;
    margin: 0 auto;
    /* -- 全体の幅指定 -- */
    width: 1260px;
}
.div_main {
    width: 100%;
    min-height: 700px;
    margin: 0 auto;
    z-index: 1;
    margin: 48px 0 0 0;
    padding: 24px 45px 45px;
    box-sizing:border-box;
}
.div_main.setting {
    padding: 0 0 45px;
}
.div_fixed {
    position: fixed;
    /*min-width: 1360px;*/
    width:100%;
    background-color: #FFFFFF;
    z-index: 20;
    padding: 0 0 1px;
}
.open .div_main {
    /* -- 全体の幅から調整 -- */
    /*width: calc(100% - 260px);*/
    width: 100%;
    width: -moz-calc(100% - 260px);
}
.div_fixed_w1270 {
    position: fixed;
    right: auto;
    width: calc(100% - 90px);
    background-color: #FFFFFF;
    z-index: 20;
    padding: 0 0 8px;
}
.open .div_fixed_w1270 {
    /* -- 全体の幅から調整 -- */
    width: calc(100% - 350px);
    width: -moz-calc(100% - 350px);
}

/* フッター */
#footer {
    max-width: 810px;
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 10pt;
    color: #8C8C8C;
}

/* アンカー */
a {
    color: #EB7E2A;
    text-decoration: none;
}
a:hover {
    color: #F1A76E;
    text-decoration: underline;
}

/* ツールチップ */
a.tooltip span {
    display: none;
    padding: 5px;
}
a.tooltip:hover span{
    display: inline;
    position: absolute;
    border: 1px solid #CCC;
    border-radius: 5px;
    background: #ffefef;
    color: black;
    font-size: 12px;
    line-height: 1.6em;
}

/* パスワード忘れリンク */
.p_pmessage {
    color: royalblue;
}

/* ボタン ベース*/
.btn {
    border: solid 1px #fff;
    background-color: #fff;
    border-radius: 4px;
    transition-duration: 0.3s;
    cursor: pointer;
    width: 40px;
    height: 40px;
    padding: 2px;
}
.btn:focus {
    outline: none;
}
/* ボタン グレー・フラット・角四角 */
.btn_disabled {
    color: #ffffff;
    border: solid 0px gray;
    background-color: gray;
    cursor: pointer;
}
.btn_disabled:hover {
    opacity: 0.8;
}
/* ボタン 削除 */
.btn_del {
    color: #fff;
    border: solid 1px #ED324F;
    background-color: #ED324F;
}
/* ボタン 編集 */
.btn_edit {
    color: #fff;
/*    border: solid 1px #F57837;
    background-color: #F57837; */
    border: solid 1px #739c73;
    font-size: 10pt;
    font-family: 'Noto Sans Japanese';
}
.btn_list {
    color: #fff;
    border: solid 1px #739c73;
    background-color: #739c73;
}

/* ボタン バーガーメニュー */
.btn_burger {
/*    border: solid 1px #739C73; */
    background-color: #739C73;
}
/* ボタン モーダル内 */
.btn_md_close {
    background-color: #F0F0F0;
    border: none;
    float: left;
    margin: 0 0 0 15px;
}
.btn_md_close.back_white,
.title_none .btn_md_close {
    background-color: #ffffff;
}
.btn_md_update {
    border: solid 1px #739c73;
    float: right;
    margin: 0 0 0 10px;
}
.btn_md_upload {
    border: solid 1px #739c73;
    float: right;
    margin: 0 0 0 10px;
}
.btn_md_history {
    border: solid 1px #739c73;
    float: right;
}
.btn_md_sample {
    border: solid 1px #739c73;
    float: right;
}
.btn_md_link_doc {
    /*    background-color: #F57837;*/
    border: #739c73 1px solid;
    margin: 0 0 0 10px;
}
.btn_ietm_import {
    border: solid 1px #739c73;
    margin: 0 0 0 10px;
}
.btn_v1_import {
    border: solid 1px #739c73;
    margin: 0 0 0 10px;
}
.btn_md_trash {
    /*    background-color: #ED324F;*/
    border: #ED324F 1px solid;
    float: right;
    margin: 0 0 0 10px;
}

.btn_doc_create {
    /*    background-color: #ED324F;*/
    border: #739c73 1px solid;
    float: right;
    margin: 0 0 0 10px;
}

.btn_md_break {
    background-color: #FDEAED;
    border: #ED324F 1px solid;
    color: #ED324F;
    float: right;
    margin: 0 0 0 10px;
}
.btn_md_output {
    /*    background-color: #00bfff; */
    border: #0d6986 1px solid;
    color: #0d6986;
    float: right;
    margin: 0 0 0 8px;
}
.btn_md_base {
    background-color: #f2f2f2;
    border: #cccccc 1px solid;
}
.btn_md_base:hover,
.btn_md_base:focus,
.btn_md_base:active {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    border: #666666 1px solid;
}
.btn_right{
    float: right;
}


/* ---------- ヘッダー ---------- */
/* パンくずリスト（バーガーメニュー含む） */
/* ▼表示領域が1325px以上の場合(デフォルト) */
@media not screen and (max-width: 1325px) {
    div#hd {
        width: 100%;
        height: 72px;
        background-color: #0d773a;
        color: white;
        padding: 21px 16px;
        box-sizing: border-box;
        z-index: 21;
    }
    #hd h1 {
        margin: 0 28px 0 0;
        padding: 0;
        /* width: 345px; */
        cursor: pointer;
        float: left;
        line-height: 1;
    }
    #hd #headmenu {
        position: absolute;
        right: 45px;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #hd #headmenu li {
        float: right;
        margin-left: 20px;
    }

    #disp_target {
        float: left;
        margin-top: 10px;
        margin-left: 30px;
        height: 40px;
        overflow: hidden;
    }

}
/* ▼表示領域が1325px未満の場合 */
@media screen and (max-width: 1325px) {
    div#hd {
        width: 100%;
        height: 72px;
        background-color: #0d773a;
        color: white;
        padding: 21px 16px;
        box-sizing: border-box;
        z-index: 21;
    }
    #hd h1 {
        margin: 0 28px 0 0;
        padding: 0;
        /* width: 345px; */
        cursor: pointer;
        float: left;
        line-height: 1;
    }
    #hd #headmenu {
        float: left;
        left: 200px;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #hd #headmenu li {
        float: right;
        margin-left: 20px;
    }

    #disp_target {
        float: right;
        margin-top: 10px;
        margin-left: 30px;
        height: 40px;
        overflow: hidden;
    }
}
.hd_div_crumb {
    float: left;
    margin-top: 6px;
    padding: 0 20px 0 20px;
    color: white;
    font-size: x-large;
    cursor: pointer;
}
.hd_img_crumb_arrow {
    float: left;
    margin-top: 14px;
    width: 20px;
    height: 20px;
}
.hd_img {
    width: 30px;
    height: 30px;
}
.hd_img_select{
    width: 100%;
    background-color: #ffffff;
    position: fixed;
    z-index: 10;
    height: 72px;
}
/* リフレッシュステータス */
.refresh_status {
    font-size: 12px;
    line-height: 22px;
    position: absolute;
    right: 350px;
    width: 200px;
    height: 22px;
    margin: 5px 0 0 0;
}
.refresh_status div {
    float: left;
    margin: 0 0 0 3px;
}
.refresh_status div.status {
    margin: 0 0 0 30px;
}
.refresh_status ul {
    overflow: hidden;
    list-style: none;
    margin:0; padding:0 0 0 8px;
    width: 105px;
    float: left;
}
.refresh_status ul li {
    display: inline-block;
    margin:8px 0 0 4px; padding:0;
    box-sizing: border-box;
    width: 28px;
    height: 6px;
    border: #FFF 1px solid;
    float: left;
    background-color: #ffffff;
}
.refresh_status ul li.complete {
    background-color: #ED324F;
}

/* 組版ステータス */
.refresh_status_ai {
    font-size: 12px;
    line-height: 22px;
    position: absolute;
    right: 350px;
    width: 270px;
    height: 22px;
    margin: 5px 0 0 0;
}
.refresh_status_ai div {
    float: left;
    margin: 0 0 0 3px;
}
.refresh_status_ai div.status {
    margin: 0 0 0 30px;
}
.refresh_status_ai ul {
    overflow: hidden;
    list-style: none;
    margin:0; padding:0 0 0 8px;
    width: 105px;
    float: left;
}
.refresh_status_ai ul li {
    display: inline-block;
    margin:8px 0 0 4px; padding:0;
    box-sizing: border-box;
    width: 28px;
    height: 6px;
    border: #FFF 1px solid;
    float: left;
    background-color: #ffffff;
}
.refresh_status_ai ul li.complete {
    background-color: #ED324F;
}

/* パンくずリスト */
.topicpath_wrap {
    overflow: hidden;
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 10pt;
}
#info_section .topicpath_wrap {
    overflow: hidden;
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: #CCCCCC 1px solid;
}
.topicpath {
    float: left;
}
.topicpath_dm{
    margin-right: 30px;
    height:27pt;
    overflow: auto;
}
.topicpath_de{
    height:27pt;
    position: fixed;
    overflow: auto;
}
.topicpath ul {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1;
}
.topicpath ul li {
    list-style: none;
    margin: 0 0 0 1em;
    display: inline-block;
    color: #8C8C8C;
}
.topicpath ul li:before {
    content: url(../img/icon/arrow_9.png);
    margin-right: 1em;
    line-height: 13px;
}
.topicpath ul li:first-child {
    margin: 0;
}
.topicpath ul li:first-child::before {
    content: "";
    margin-right: 0;
}
.topicpath ul li a {
    color: #EB7E2A;
    text-decoration: none;
}
.topicpath ul li a:hover {
    color: #F1A76E;
    text-decoration: underline;
}

/* パンくずリスト（バーガーメニュー含む） */
/* ▼表示領域が1380px以上の場合 */
@media screen and (min-width: 1380px) {
    .burger_wrap {
        background-color: #F0F0F0;
        position: relative;
        height: 56px;
        font-size: 10pt;
        margin-top: -10px;
    }
}
/* ▼表示領域が1380px未満の場合 */
@media screen and (max-width: 1379px) {
    .burger_wrap {
        background-color: #F0F0F0;
        position: relative;
        height: 56px;
        font-size: 10pt;
        width: calc( 100vw - 100px);
        min-width: 400px;
        margin-top: -10px;
    }

    .open .burger_wrap {
        background-color: #F0F0F0;
        position: relative;
        height: 56px;
        font-size: 10pt;
        /*width: calc( 100vw - 370px);*/
        width:100%;
        min-width: 400px;
    }

}

.burger_wrap .btn_slide {
    z-index: 2;
    left: 0px;
}
.burger_wrap .topicpath {
    margin: 20px 0 0 90px;
    cursor: pointer;
}
.burger_wrap .slidermenu {
    z-index: 2;
    position: absolute;
    top: 0; right: 0;
    height: 56px;
}
.burger_wrap .slidermenu .btn_drawer {
    width: 30px;
    height: 56px;
    margin: 0; padding: 0;
    background-color: transparent;
    border: none;
    box-sizing: border-box;
}
.btn_drawer:focus {
    outline:none;
}

.burger_wrap .slidermenu .btn_set {
    float: right;
    padding-top: 8px;
    font-size: 0;
}
.burger_wrap .slidermenu .btn_set .btn {
    margin-right: 8px;
}

.block_slidermenu_list {
    height: auto;
    width: 182px;
}

/* 画像・辞書選択 */
.burger_wrap-selects {
    background-color: #F0F0F0;
    position: relative;
    height: 56px;
    font-size: 10pt;
    width: 100%
}

/* ページャー */
.pager {
    width: 45%;
    float: left;
    padding-top: 10px;
}
.pager ul {
    list-style: none outside none;
    margin: 0;
    font-size: 0;
    padding-left: 0;
}
.pager ul li {
    margin: 0 2px;
    display: inline-block;
    border: #CCC 1px solid;
    border-radius: 3px;
    float: left;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}
.pager ul li span,
.pager ul li a {
    display: block;
    font-size: 8pt;
    width: 22px;
    line-height: 22px;
    text-align: center;
    box-sizing: border-box;
}
.pager ul li img {
    line-height: 1;
    margin: 7px 0 6px;
}
.pager ul li.current {
    background: #E5F2E5;
    color: #008000;
    border: #008000 1px solid;
}
.pager ul li a {
    background: #f2f2f2;
    color: #333;
    text-decoration: none;
}
.pager ul li a:hover {
    background: #8c8c8c;
    color: #FFF;
}



/* カウント数 */
.counter_wrap {
    margin: 10px 0 0 0px;
    color:#8C8C8C;
    font-size: 11pt;
    float: left;
}
.counter_wrap img {
    float: left;
    margin-right: 5px;
}

/* 入力テキスト */
.input_text {
    height: 40px;
    border: solid 1px #CCCCCC;
    background-color: #f2f2f2;
    padding: 3px;
    border-radius: 4px;
    color: #333333;
    width: 280px;
    font-family: 'Noto Sans Japanese';
    font-size: 10pt;
}
::-webkit-input-placeholder {
    color: silver;
    font-weight: normal;
}
:-ms-input-placeholder {
    color: silver;
    font-weight: normal;
}
::-moz-placeholder {
    color: silver;
    font-weight: normal;
}
/* 入力テキスト複数行 */
.input_text_multiple {
    border: solid 1px #CCCCCC;
    background-color: #f2f2f2;
    padding: 3px;
    border-radius: 4px;
    color: #333333;
    font-family: 'Noto Sans Japanese';
    font-size: 10pt;
}
/* リストボックス */
.select_list {
    height: 40px;
    border: solid 1px #CCCCCC;
    background-color: #f2f2f2;
    border-radius: 4px;
    color: #8C8C8C;
    padding-right: 0em;
    font-family: 'Noto Sans Japanese';
    font-size: 10pt;
}
.select_list:focus {
    outline: none;
}
@media all and (-ms-high-contrast:none){
    /* IE11 hack */
    .select_list {
        padding-right: 0em;
    }
    .select_list option {
        padding-right: 2em;
    }
}
.custom-combobox-input {
    height: 40px;
    border: solid 1px #CCCCCC;
    background-color: #f2f2f2;
    border-radius: 4px;
    color: #8C8C8C;
    padding-right: 2em;
    width: 400px;
}
.ui-button {
    background-color: #f2f2f2;
    color: #f2f2f2;
    width: 18px;
    height: 38px;
    margin-left: -19px;
    margin-top: -1px;
}
/* 背景アイコン */
.icon_Excel {
    -webkit-appearance:none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 38px;
    background-repeat: no-repeat;
    background-position: 12px center;
    background-image: url('../img/icon/cmc_select.png');
    width: 180px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .icon_Excel {
        -webkit-appearance:none;
        -moz-appearance: none;
        appearance: none;
        padding-left: 38px;
        background-repeat: no-repeat;
        background-position: 12px center;
        background-image: url('../img/icon/cmc_select_2x.png');
        background-size: 19px 19px;
        width: 180px;
    }
}

/* 背景アイコン */
.icon_lang {
    padding-left: 40px !important;
    background-image:
        url(../img/icon/language.png),
        url(../img/icon/select_arrow.png) !important;
    background-repeat:
        no-repeat,
        no-repeat !important;
    background-position:
        5%,
        95% !important;
    background-size:
        auto,
        10px !important;
    /*
    -webkit-appearance:none;
    -moz-appearance: none;
    appearance: none;
    */
    /*padding-left: 38px;*/
    /*background-repeat: no-repeat;*/
    /*background-position: 12px center;*/
    /*background-image: url('../img/icon/language.png');*/
    width: 180px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .icon_lang {
        padding-left: 45px !important;
        background-image:
            url(../img/icon/language_2x.png),
            url(../img/icon/select_arrow_2x.png) !important;
        background-repeat:
            no-repeat,
            no-repeat !important;
        background-position:
            5%,
            95% !important;
        background-size:
            20px,
            10px !important;
    /*
        -webkit-appearance:none;
        -moz-appearance: none;
        appearance: none;
    */
        /*padding-left: 38px;*/
        /*background-repeat: no-repeat;*/
        /*background-position: 12px center;*/
        /*background-image: url('../img/icon/language_2x.png');*/
        /*background-size: 19px 19px;*/
        /*width: 180px;*/
    }
}
.filtered {
    background-color: #cbe8f6;
    border-color: #26a0da;
}
.icon_search {
    -webkit-appearance:none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 38px;
    background-repeat: no-repeat;
    background-position: 12px center;
    background-image: url('../img/icon/search_19_gray.png');
    width: 350px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.icon_book {
    -webkit-appearance:none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 38px;
    background-repeat: no-repeat;
    background-position: 12px center;
    background-image: url('../img/icon/book_19.png');
}
.input_icon {
    padding-left: 38px;
}
.input_control {
    position: relative;
}
.icon_person {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 19px;
    height: 19px;
    z-index: 10;
    margin: auto 0 auto 10px;
}
.icon_key {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 19px;
    height: 19px;
    z-index: 10;
    margin: auto 0 auto 10px;
}
.icon_company {
    -webkit-appearance:none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 38px;
    background-repeat: no-repeat;
    background-position: 12px center;
    background-image: url('../img/icon/company_18.png');
    width: 400px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .icon_company {
        -webkit-appearance:none;
        -moz-appearance: none;
        appearance: none;
        padding-left: 38px;
        background-repeat: no-repeat;
        background-position: 12px center;
        background-image: url('../img/icon/company_18_2x.png');
        background-size: 19px 19px;
        width: 400px;
    }
}
.icon_company_x {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 19px;
    height: 19px;
    z-index: 10;
    margin: auto 0 auto 10px;
}
.icon_company_dl {
    position: absolute;
    top: 32px;
    left: 42px;
    width: 19px;
    height: 19px;
    z-index:10;
}
.icon_calendar {
    -webkit-appearance:none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 38px;
    background-repeat: no-repeat;
    background-position: 92% center;
    background-image: url('../img/icon/calendar_22_gray.png');
    width:172px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .icon_calendar {
        -webkit-appearance:none;
        -moz-appearance: none;
        appearance: none;
        padding-right: 38px;
        background-repeat: no-repeat;
        background-position: 92% center;
        background-image: url('../img/icon/calendar_22_gray_2x.png');
        background-size: 22px 22px;
        width:172px;
    }
}

/**
 * #8436 テキストエリア内クリアボタン関連
 */
.icon_clear {
    position: absolute;
    top: 15px;
    right: 0;
    margin: auto 10px auto 0;
    cursor: pointer;
}

.search_group {
    position: relative;
    width: 350px;
    height: 40px;
}

.input_text_group {
    position: relative;
}

/* ----- チェックボックス装飾// ----- */
@media (min-width: 1px) { /* IE8除外 */
    /*CheckBoxのみ */
    label.checkbox {
        cursor     : pointer;
        width      : 20px;
        height     : 20px;
        border     : 1px solid #CCCCCC;
        background : #fff;
        overflow   : hidden;
        position   : relative;
        display    : inline-block;
        box-sizing : border-box;
    }
    label.checkbox input[type="checkbox"] {
        -moz-appearance: none;
        -webkit-appearance: none;
        margin     : 0;
        padding    : 0;
        position   : absolute;
        left       : 20px;
        width      : 20px;
        height     : 20px;
        left       : -40px;
        box-shadow : 39px 0px #FFF;
        z-index    : 2;
    }
    label.checkbox input[type="checkbox"]:checked {
        box-shadow : none;
    }
    label.checkbox input[type="checkbox"]:checked:focus {
        box-shadow : 39px 0px #666;
        opacity    : 0.1;
    }
    label.checkbox input[type="checkbox"]:focus {
        box-shadow : 39px 0px #EEE;
    }
    label.checkbox:after {
        content           : '';
        position          : absolute;
        top               : 40%;
        left              : 5px;
        display           : block;
        margin-top        : -7px;
        width             : 7px;
        height            : 10px;
        border-right      : 3px solid #000;
        border-bottom     : 3px solid #000;
        transform         : rotate(45deg);
        -webkit-transform : rotate(45deg);
        -moz-transform    : rotate(45deg);
        z-index           : 1;
    }

    /*CheckBoxとText */
    label.checkbox_text {
        cursor       : pointer;
        position     : relative;
        padding-left : 25px;
        margin-right : 20px;
        overflow     : hidden;
        position     : relative;
        padding-left : 25px;
        padding-bottom:5px;
        display      : inline-block;
        box-sizing   : border-box;
    }
    label.checkbox_text:before {
        content  : '';
        position : absolute;
        width    : 20px;
        height   : 20px;
        left     : 0px;
        top      : 0;
        border   : 1px solid #CCCCCC;
        z-index  : 3;
    }
    label.checkbox_text:after {
        content           : '';
        position          : absolute;
        top               : 10px;
        left              : 6px;
        display           : block;
        margin-top        : -7px;
        width             : 7px;
        height            : 10px;
        border-right      : 3px solid #000;
        border-bottom     : 3px solid #000;
        transform         : rotate(45deg);
        -webkit-transform : rotate(45deg);
        -moz-transform    : rotate(45deg);
        z-index           : 1;
    }
    label.checkbox_text input[type="checkbox"] {
        -moz-appearance: none;
        -webkit-appearance: none;
        position   : absolute;
        left       : -40px;
        width      : 20px;
        height     : 20px;
        display    : block;
        box-shadow : 41px 0px #FFF;
        z-index    : 2;
        margin     : 0px;
        padding    : 0px;
    }
    label.checkbox_text input[type="checkbox"]:checked {
        box-shadow : none;
    }
    label.checkbox_text input[type="checkbox"]:checked:focus {
        box-shadow : 40px 0px #666;
        opacity    : 0.1;
    }
    label.checkbox_text input[type="checkbox"]:focus {
        box-shadow : 41px 0px #EEE;
    }
}
/* ----- //チェックボックス装飾 ----- */


/* 対話ブロック */
.interaction_view .caption_left {
    vertical-align: top;
    width: auto;
    float:left;
    padding: 0 1em 0 0;
}
.interaction_view table {
    font-size: 10pt;
    table-layout: fixed;
    border-collapse: collapse;
    cellspacing: 0;
    cellpadding: 0;
    border-top: 1px solid #cccccc;
}
.interaction_view th, .interaction_view td {
    border: 1px solid #cccccc;
    position: relative;
    word-wrap: break-word;
    padding: 2px;
}
.interaction_view .item_box {
    float:left;
}
.interaction_view_text_table {
    border-style: none !important;
    border-collapse: collapse;
}

.interaction_view_text_table tbody tr td {
    border-style: none;
}
/* #11218 */
.interaction_check{
    clear: both;
    float: left;
}
.interaction_label{
    clear: both;
    display: inline-block;
    width: calc(100% - 2em);
}
.interaction_text_label{
    width: 50%;
}


/* テーブル */
.tbl_main {
    font-size: 10pt;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    cellspacing: 0;
    cellpadding: 0;
    border-top: 1px solid #cccccc;
}

.tbl_main_note_list {
    font-size: 10pt;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    cellspacing: 0;
    cellpadding: 0;
    border-top: 1px solid #cccccc;
}
tr.table_head {
    background-color: #F0F0F0;
    height: 45px;
}
.tbl_main tr.grayRow td{
    color: #CCCCCC;
}
.tbl_main tr, .tbl_main_note_list tr {
    border-bottom: 1px solid #cccccc;
}
.tbl_main tr td ,.tbl_main_note_list tr td{
    position: relative;
    word-wrap: break-word;
    padding: 2px;
}
.tbl_main tr td:first-child ,.tbl_main_note_list tr td:first-child {
    padding: 0.3em 0 0.3em 1em;
}
.tbl_main_hover:hover,
.tbl_main_hover:focus,
.tbl_main_hover:active {
    /* タイルマウスオーバーの色：薄黄色 */
    background-color: #FEF7D7;
}
.tbl_main .sort::after ,.tbl_main_note_list .sort::after{
    content: '';
    background: url(../img/icon/edit_sort_arrow.png) no-repeat;
    background-size: contain;
    width: 7px;
    height: 7px;
    display: inline-block;
    margin-left: 1em;
    transform:rotate(-180deg);
    -webkit-transform:rotate(-180deg);
    -moz-transform:rotate(-180deg);
    -ms-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
}
.tbl_main.retina .sort::after ,.tbl_main_note_list .sort::after{
    content: '';
    background: url(../img/icon/edit_sort_arrow_2x.png) no-repeat;
    background-size: contain;
}
.tbl_main .sort.down::after,.tbl_main_note_list .sort.down::after {
    transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
}
.tbl_main th {
    text-align: left;
    font-size: 10pt;
    color: #739C73;
    padding: 0.3em;
}
.tbl_main .date,
.tbl_main .target,
.tbl_main .fromto,
.tbl_main_note_list .date,
.tbl_main_note_list .target,
.tbl_main_note_list .fromto {
    color: #8C8C8C;
}
.tbl_main .fromto::before ,.tbl_main_note_list .fromto::before {
    content: url(../img/icon/top_icon_arrow.png);
    margin-right: 20px;
}
.exMenuTd {
    width: 30px;
    text-align: right;
}

.btn_table_setting_open{
    width: 26px;
    height: 26px;
}


/* ----- TD幅設定 ----- */
.td4p  { width:  4%;}
.td5p  { width:  5%;}
.td6p  { width:  6%;}
.td8p  { width:  8%;}
.td9p  { width:  9%;}
.td7p  { width:  7%;}
.td10p { width: 10%;}
.td12p { width: 12%;}
.td14p { width: 14%;}
.td15p { width: 15%;}
.td16p { width: 16%;}
.td18p { width: 18%;}
.td19p { width: 19%;}
.td20p { width: 20%;}
.td25p { width: 25%;}
.td28p { width: 28%;}
.td30p { width: 30%;}
.td33p { width: 33%;}
.td32p { width: 32%;}
.td34p { width: 34%;}
.td40p { width: 40%;}
.td45p { width: 45%;}
.td50p { width: 50%;}
.td60p { width: 60%;}
.td64p { width: 64%;}
.td72p { width: 72%;}

.td50  { width:  50px !important;}
.td80  { width:  80px !important;}
.td90  { width:  90px !important;}
.td100 { width: 100px !important;}
.td105 { width: 105px !important;}
.td180 { width: 180px !important;}
.td190 { width: 190px !important;}
.td200 { width: 200px !important;}
.td220 { width: 220px !important;}
.td400 { width: 400px !important;}


.point {
    cursor: pointer;
}

.blk_tbl {
    word-break:break-all;
    table-layout: fixed;
}
.blk_tbl tr{
    min-height:1em;
}
.blk_tbl  tr th:empty:before{
    display: block;
    min-height:1em;
    height:1em;
    float: left;
    content: "";
}
.blk_tbl  tr td:empty:before{
    display: block;
    min-height:1em;
    height:1em;
    float: left;
    content: "";
}

.blk_tbl img {
    max-width: 100%;
}


/* ----- 表題連番部 ----- */
.caption_number_text {
    margin-right: 1em;
}
.caption_number_text:empty{
    margin-right: 0;
}


/* ----- ページトップ ----- */
.page-top {
    display: none;
    position: fixed;
    bottom: 0;
    right: 30px;
    padding: 6px 30px;
    background: #739C73;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    z-index: 10;
}
.page-top::after {}
.page-top:hover {
    background: #739C73;
    color: #ffffff;
    text-decoration: none;
    -ms-filter: "alpha(opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}


/* 画像反転 */
.img-flip-h {
    transform:          scale( -1, 1) !important;
    -o-transform:       scale( -1, 1) !important;
    -ms-transform:      scale( -1, 1) !important;
    -moz-transform:     scale( -1, 1) !important;
    -webkit-transform:  scale( -1, 1) !important;
    filter:             fliph() !important;
    -ms-filter:         fliph() !important;
}



/* ----- コンテキストメニュー ----- */
.contextMenu {
    width: auto;
}
#jqContextMenu .sub_menu{
    position: relative;
    left: 160px;
    top: -32px;
    width:100%;
}
#jqContextMenu .sub_menu ul{
    position: absolute;
    width:200px;
    background-color: white;
    border: 1px solid rgb(153,153,153);
    padding: 2px 2px 2px 20px;
    z-index: -1;
}
#jqContextMenu li.hasChild{
    position: relative;
}
#jqContextMenu li.hasChild::after{
    content: url(../img/icon/arrow_9.png);
    position: absolute;
}
#jqContextMenu li.dm::after{
    top:6px;
    right:-15px;
}
#jqContextMenu li.de::after{
    top:8px;
    right:-12px;
}
#jqContextMenu .sub_menu li{
    height: 33px;
}
#jqContextMenu .sub_menu li.open_new{
    background: url(../img/icon/context_line.png) top left no-repeat;
}
/* 表示されるとクラス名がIDに変化する */
#jqContextMenu li {
    margin-left: 25px;
    padding: 3px 0 3px 25px;
    text-indent: -25px;
}
#jqContextMenu img {
    margin-right: 5px;
    vertical-align: middle;
}
#jqContextMenu li.backup {
    /* color: #ed324f; */
    background: url(../img/icon/context_line.png) top left no-repeat;
    padding-top: 5px !important;
}
#jqContextMenu li.delete,
#jqContextMenu li.ex_delete,
#jqContextMenu li.top_delete {
    color: #ed324f;
    background: url(../img/icon/context_line.png) top left no-repeat;
    padding-top: 5px !important;
}
#jqContextMenu li.gtopline {
    background: url(../img/icon/context_line.png) top left no-repeat;
    padding-top: 5px !important;
}

#jqContextMenu li.link_delete,
#jqContextMenu li.org_delete {
    color: #ed324f;
    padding-top: 5px !important;
}

/* ----- ユーザーパネル ----- */
.wwbw{
    word-wrap: break-word;
}

/* ----- オーバーレイ ----- */
#overlay_user,
#overlay_users_send_mail,
#overlay_company,
#overlay_company_set,
#overlay_department,
#overlay_group,
#overlay_category,
#overlay_sb_category,
#overlay_img_category,
#overlay_img_library,
#overlay_new_img_library,
#overlay_img_point_use,
#overlay_img_delete_list,
#overlay_img_light_box,
#overlay_movie,
#overlay_change_log,
#overlay_delete_list,
#overlay_link_error_check_list,
#overlay_dictionary_infomation,
#overlay_dictionary_infomation_point_use,
#overlay_dictionary,
#overlay_garbage_box,
#overlay_notice,
#overlay_doclist,
#overlay_message,
#overlay_notes,
#overlay_notes_edit,
#overlay_translation,
#overlay_translation_pursue,
#overlay_kumihan,
#overlay_title1,
#overlay_title2,
#overlay_title3,
#overlay_text,
#overlay_image,
#overlay_squares,
#overlay_import,
#overlay_wordimport,
#overlay_list,
#overlay_title,
#overlay_files,
#overlay_xml_insert,
#overlay_frame,
#overlay_popup,
#overlay_sb_file_download_confirm,
#overlay_thumb_item,
#overlay_img_inout,
#overlay_image_mihiraki,
#overlay_csv_input,
#overlay_csv_output,
#overlay_sheet_upload,
#overlay_environ_sheet_upload,
#overlay_interaction,
#overlay_status,
#overlay_iframe,
#overlay_comment,
#overlay_library,
#overlay_comparison_edit_notes,
#overlay_comparison_edit_notes_area,
#overlay_cmc_insert,
#overlay_dump_upload,
#overlay_move_doc_upload,
#overlay_dm_xml_insert_dialog,
#overlay_dm_xml_table_dialog,
#overlay_select,
#cross_reference,
#overlay_logs_operation,
#overlay_authenticator_code,
#overlay_authenticator,
#overlay_bo_setting_pass,
#overlay_bo_setting_table,
#overlay_sb_info_edit,
#overlay_categories_sb_comm_auth
{
    display: none;
    width: 100%;
    height:100%;
    text-align: center;
    position: fixed;
    top: 0;
    z-index: 90;
    background: rgba(128,128,128,0.7);
}

#overlay_processing_stopped {
    display: none;
    width: 100%;
    height:100%;
    text-align: center;
    position: fixed;
    top: 0;
    z-index: 100;
}


#overlay_password,
#overlay_password_reminder
{
    display: none;
    width: 1200px;
    height:100%;
    text-align: center;
    position: fixed;
    top: 0;
    z-index: 100;
    background: rgba(128,128,128,0.7);
}

.overlay_area{
    background: white;
    width: 700px;
    height:auto;
    max-height: calc(100% - 90px);
    margin: 50px 0 0 calc((100% - 700px) / 2);
    padding: 0;
}

.overlayHead {
    width: 100%;
    min-width: 500px;
    height: 60px;
    background-color:#F0F0F0;
    margin: 0;
    padding: 10px 30px 22px 10px;
    box-sizing: border-box;
}
.overlayHead.title_none {
    background-color:#ffffff;
}
.overlayHead .title {
    margin: 5px 0 0 30px;
    font-size: 15pt;
    color: #739C73;
    float: left;
}
.overlayHead .title_sp {
    margin: 5px 0 0 0;
    font-size: 12pt;
    color: #739C73;
    float: left;
}
.overlayBody {
    width: 100%;
    min-width: 500px;
    background-color: #ffffff;
    padding: 30px 45px 30px;
    overflow-y: scroll;
    text-align: left;
}
.overlay_area .overlayBody {
    padding-bottom: 0px;
    max-height: calc(100% - 30px);
}
.overlayBody .div_items_row:last-child {
    margin-bottom: 20px;
}
.overlayBody .tbl_main {
    width: 500px;
}
.overlayBody .tbl_main tr {
    border: none;
}
#de_index-overlayBody .tbl_border{
    border : 0px solid #cccccc;
    padding: 2px;
}
.div_items_row {
    margin: 13px 0 0 0;
    padding-top: 5px;
    width: 100%;
    overflow: hidden;
}
.div_title {
    width: 150px;
    padding: 10px 0 1em 0;
    float: left;
}
.div_item_title {
    width: 180px;
    padding: 10px 0 1em 0;
    float: left;
}

.overlayIetmBody {
    position:relative;
    width: 630px;
    height: 300px;
    min-width: 500px;
    background-color: #ffffff;
    padding: 30px 45px 30px;
    text-align: left;
}
.overlayIetmBody .div_items_row:last-child {
    margin-bottom: 50px;
}
.overlayIetmBody .tbl_main {
    width: 500px;
}
.overlayIetmBody .tbl_main tr {
    border: none;
}

#dm_ietm_import-btn_import:disabled {
    background-color: #999;
}

.overlayV1Body {
    position:relative;
    width: 630px;
    height: 300px;
    min-width: 500px;
    background-color: #ffffff;
    padding: 30px 45px 30px;
    text-align: left;
}
.overlayV1Body .div_items_row:last-child {
    margin-bottom: 50px;
}
.overlayV1Body .tbl_main {
    width: 500px;
}
.overlayV1Body .tbl_main tr {
    border: none;
}

#dm_v1_import-btn_import:disabled {
    background-color: #999;
}

/* ---------- ドキュメントプロパティ オーバーレイ ---------- */
#dm_document_property_advanced_setting_toggle {
    padding-top: 20px;
    cursor: pointer;
}
#dm_document_property_advanced_setting {
        margin: 13px 0 0 30px;
}

/* ---------- 第一階層タイトル オーバーレイ ---------- */
#de_title_first_layer_advanced_setting_toggle {
    padding-top: 20px;
    cursor: pointer;
}
#de_title_first_layer_advanced_setting {
    margin: 13px 0 0 30px;
}


/* ---------- Word インポートオーバーレイ ---------- */
/* ▼表示領域が1380px以上の場合(デフォルト) */
@media not screen and (max-width: 1379px) {
    .de_wordimport-overlayBase {
        background: white;
        width: 1102px;
        height: calc( 100vh - 100px );
        margin: 50px auto 30px auto;
        padding:0;
    }

}
/* ▼表示領域が1380px未満の場合 */
@media screen and (max-width: 1379px) {
    .de_wordimport-overlayBase {
        background: white;
        width: calc( 80vw );
        height: calc( 100vh - 100px );
        margin: 50px auto 30px auto;
        padding:0;
    }
}



.div_ietm_row {
    margin: 13px 0 0 0;
    padding-top: 5px;
    width: 600px;
    overflow: hidden;
}
.div_ietm_step {
    width: 70px;
    padding: 5px 0 1em 0;
    float: left;
}
.div_ietm_explanatory_text {
    margin-top: 5px;
    margin-left: 80px;
}
.ietm_preloader {
    width: 100%;
    margin-top: 50px;
}
.ietm_loader {
    width: 100px;
    margin-left: 180px;
}


.div_v1_row {
    margin: 13px 0 0 0;
    padding-top: 5px;
    width: 600px;
    overflow: hidden;
}
.div_v1_step {
    width: 70px;
    padding: 5px 0 1em 0;
    float: left;
}
.div_v1_explanatory_text {
    margin-top: 5px;
    margin-left: 80px;
}
.v1_preloader {
    width: 100%;
    margin-top: 50px;
}
.v1_loader {
    width: 100px;
    margin-left: 180px;
    text-align: center;
}



.div_sub_title {
    color: #739C73;
    font-size: 14px;
    padding: 20px 0 12px;
}
.div_selected_wrap {
    overflow: hidden;
}
.div_selected {
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #008000;
    background-color: #E5F2E5;
    color: #008000;
    cursor: pointer;
    transition: 0.6s;
    float: left;
    width: 200px;
}
.div_filtering_selected {
    height: 40px;
    text-align: center;
    line-height: 15px;
    border: 1px solid #008000;
    background-color: #E5F2E5;
    color: #008000;
    cursor: pointer;
    transition: 0.6s;
    float: left;
    width: 200px;
    display: table;
}
.div_selected_down {
    border-top: 1px solid white;
}
.div_unselected {
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #cccccc;
    background-color: #F2F2F2;
    color: #cccccc;
    cursor: pointer;
    transition: 0.6s;
    float: left;
    width: 200px;
}
.div_filtering_unselected {
    height: 40px;
    text-align: center;
    line-height: 15px;
    border: 1px solid #cccccc;
    background-color: #F2F2F2;
    color: #cccccc;
    cursor: pointer;
    transition: 0.6s;
    float: left;
    width: 200px;
    display: table;
}
.div_selected_wrap .div_unselected:nth-child(1),
.div_selected_wrap .div_unselected:nth-child(4),
.div_selected_wrap .div_unselected:nth-child(7),
.div_selected_wrap .div_unselected:nth-child(10) {
    border-left: 1px solid #cccccc;
}
.scroll_wrap {
    width: 520px;
    height: 135px;
    overflow-y: scroll;
    margin-left: 220px;
}
.img_expanded {
    text-align: center;
    border-bottom: #cccccc 1px solid;
    padding-bottom: 18px;
    width: 100%;
}
.img_caption {
    text-align: center;
    padding-top: 18px;
    width: 100%;
}


/* ------ info_section ----- */
#info_section {
    width: 100%;
}
#info_section .main_panel {
    width: calc(100% - 143px - 45px);
}
#info_section h1 {
    font-size: 16pt;
    color: #739C73;
    line-height: 30px;
    margin-bottom: 32px;
}
#info_section h1 img {
    vertical-align: middle;
    margin-right: 10px;
}
#info_section .left_menu {
    background-color: #F0F0F0;
    width: 143px;
    height: 780px;
    float: left;
    margin: 0;
    position: relative;
}
#info_section .left_menu::after {
    content: "";
    position: absolute;
    top: 25px;
    right: -16px;
    border: 16px solid transparent;
    border-left-color: #F0F0F0;
    border-width: 9px 0 9px 16px;
}
#info_section .left_menu .header {
    width: 105px;
    text-align: center;
    margin: 24px auto;
    padding-bottom: 24px;
    border-bottom:#CCCCCC 1px solid;
    color: #8C8C8C;
    font-size: 14pt;
}
#info_section .left_menu ul {
    list-style: none;
    margin: 0; padding: 0;
    font-size: 12pt;
}
#info_section .left_menu ul li {
    line-height: 32px;
}
#info_section .left_menu ul li.current {
    background-color: #008000;
}
#info_section .left_menu ul li a {
    display: block;
    width: 82px;
    margin: 0 auto;
    text-decoration: none;
    color: #EB7E2A;
    background: url(../img/icon/arrow_9_orange.png) right 13px no-repeat;
}
#info_section .left_menu ul li.current a {
    color: #ffffff;
    background: url(../img/icon/arrow_9_white.png) right 13px no-repeat;
}
#info_section section {
    width: 100%;
    border-bottom: #cccccc 1px solid;
    margin: 0;
    padding: 24px 0;
    font-size: 13px;
}
#info_section section td {
    font-size: 13px;
    line-height: 2;
}
#info_section section .date {
    color: #8C8C8C;
}
#info_section section h2 {
    margin: 0 0 0.5em 0;
    font-size: 18px;
    color: #739C73;
    line-height: 1.4;
}
.alert_mainte,
.alert_caution,
.alert_info {
    width: 107px;
    font-size:11px;
    line-height: 23px;
    text-align: center;
    color: #ffffff;
}
.alert_mainte {
    background-color: #F09AA7;
}
.alert_caution {
    background-color: #E3BC6C;
}
.alert_info {
    background-color: #6CACEB;
}

#info_section section a::after {
    content: url(../img/icon/arrow_9_orange.png);
    display: inline-block;
    margin-top: 0.4em;
    margin-left: 0.5em;
    transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
}
#info_section section a.open::after {
    transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
}
.info_list{
    float: left;
    margin-left: 45px;
    width:calc(100% - 143px - 45px);
}
.info_view{
    float: left;
    margin-left: 45px;
    width:calc(100% - 45px);
}


/* ----- 設定メニュー ----- */
#setting_menu {
    width: 100%;
    height: 54px;
    margin: 24px 0 0 0;
    background-color:#f0f0f0;
}
#setting_menu div {
    width: 62px;
    height: 54px;
    cursor: pointer;
    float: left;
    text-align:center;
    box-sizing:border-box;
    border-bottom:#f0f0f0 3px solid;
}
#setting_menu div.current {
    border-bottom:#008000 3px solid;
}
#setting_menu div a {
    display: block;
    width: 68px;
    height: 51px;
    text-align: center;
    padding-top: 10px;
}


/* ----- プリントサンプル ----- */
#sample_wrap {
}
#sample_wrap ul {
    list-style: none;
    width: 100%;
    margin: 0 0 40px;
    padding: 0 0 40px;
    border-bottom: #cccccc 1px solid;
    display: table;
}
#sample_wrap ul li {
    display: table-cell;
    border-left: #cccccc 1px solid;
    width: 33.333333%;
    text-align: center;
}
#sample_wrap ul li:first-child {
    border: none;
}



/*============================================================================================*/
/* 汎用設定まとめ
==============================================================================================*/

/* clearfix
===============================================*/
.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

/* position系
===============================================*/
.center {
    text-align:center;
}
.left{
    float:left;
}
.right{
    float:right;
}
.left_pict {
    float:left;
    margin-bottom:15px;
    margin-right:15px;
}
.text_right {
    text-align: right;
}
.text_center {
    text-align: center;
}
.text_left {
    text-align: left;
}
.v_align_top {
    vertical-align: top;
}
.v_align_mid {
    vertical-align: middle;
}
.v_align_bot {
    vertical-align: bottom;
}
.clear {
    clear: both;
}
.margin_unset {
    margin: unset;
}

/* フォント系
===============================================*/
.txt_ss{
    font-size:0.5rem;
}
.txt_s{
    font-size:0.8rem;
}
.txt_l{
    font-size: 1.2rem;
}
.txt_org{
    color:#fe6601;
}
.txt_9px {
    font-size: 9px;
}
.txt_30px {
    font-size: 30px;
}
.attention{
    text-indent:-1em;
    padding-left:1em;
}
.txt_9pt {
    font-size: 9pt;
}
.txt_10pt {
    font-size: 10pt;
}
.txt_12pt {
    font-size: 12pt;
}
.txt_14pt {
    font-size: 14pt;
}
em {
//    font-family: "ＭＳ ゴシック";
}

/* マージン系
===============================================*/
/*マージン上
-----------------------------------*/
.mgn_t0 {
    margin-top: 0px;
}
.mgn_t5 {
    margin-top: 5px;
}
.mgn_t8 {
    margin-top: 8px;
}
.mgn_t10 {
    margin-top: 10px;
}
.mgn_t15 {
    margin-top: 15px;
}
.mgn_t20 {
    margin-top: 20px;
}
.mgn_t25 {
    margin-top: 25px;
}
.mgn_t30 {
    margin-top: 30px;
}
.mgn_t40 {
    margin-top: 40px;
}
.mgn_t48 {
    margin-top: 48px;
}
.mgn_t50 {
    margin-top: 50px;
}
.mgn_t70 {
    margin-top: 70px;
}
.mgn_t74 {
    margin-top: 74px;
}
.mgn_t75 {
    margin-top: 75px;
}

.mgn_t90 {
    margin-top: 90px;
}


/*マージン下
-----------------------------------*/
.mgn_b0,
p.mgn_b0,
#container .mgn_b0{
    margin-bottom:0px;
}
.mgn_b5,
p.mgn_b5{
    margin-bottom: 5px;
}
.mgn_b10,
p.mgn_b10 {
    margin-bottom: 10px;
}
.mgn_b15,
p.mgn_b15 {
    margin-bottom: 15px;
}
.mgn_b20,
p.mgn_b20 {
    margin-bottom: 20px;
}
.mgn_b25,
p.mgn_b25 {
    margin-bottom: 25px;
}
.mgn_b50,
p.mgn_b50 {
    margin-bottom: 50px;
}
.mgn_b55,
p.mgn_b55 {
    margin-bottom: 55px;
}
/*マージン左
-----------------------------------*/
.mgn_l0{
    margin-left:0;
}
.mgn_l1em{
    margin-left:1em;
}
.mgn_l5{
    margin-left:5px;
}
.mgn_l8{
    margin-left:8px;
}
.mgn_l10{
    margin-left:10px;
}
.mgn_l13{
    margin-left:13px;
}
.mgn_l15{
    margin-left:15px;
}
.mgn_l16{
    margin-left:16px;
}
.mgn_l20{
    margin-left:20px;
}

.mgn_l25{
    margin-left:25px;
}
.mgn_l30{
    margin-left:30px;
}
.mgn_l35{
    margin-left:35px;
}
.mgn_l40{
    margin-left:40px;
}
.mgn_l45{
    margin-left:45px;
}
.mgn_l50{
    margin-left:50px;
}
.mgn_l60{
    margin-left:60px;
}
.mgn_l80{
    margin-left:80px;
}
.mgn_l100{
    margin-left:100px;
}
.mgn_l110{
    margin-left:110px;
}
.mgn_l130{
    margin-left:130px;
}
.mgn_l150{
    margin-left:150px;
}
.mgn_l155{
    margin-left:155px;
}
.mgn_l170{
    margin-left:170px;
}
.mgn_l195{
    margin-left:195px !important;
}
.mgn_l200{
    margin-left:200px;
}
.mgn_l210{
    margin-left:210px;
}
.mgn_l220{
    margin-left:220px;
}
.mgn_l250{
    margin-left:250px;
}
.mgn_l325{
    margin-left:325px;
}
.mgn_l350{
    margin-left:350px;
}
/*マージン右
-----------------------------------*/
.mgn_r1em{
    margin-right:1em;
}
.mgn_r5{
    margin-right:5px;
}
.mgn_r8{
    margin-right:8px;
}
.mgn_r10{
    margin-right:10px;
}
.mgn_r13{
    margin-right:13px;
}
.mgn_r15{
    margin-right:15px;
}
.mgn_r16{
    margin-right:16px;
}
.mgn_r20{
    margin-right:20px;
}
.mgn_r30{
    margin-right:30px;
}
.mgn_r35{
    margin-right:35px;
}
.mgn_r40{
    margin-right:40px;
}
.mgn_r45{
    margin-right:45px;
}
.mgn_r50{
    margin-right:50px;
}
.mgn_r60{
    margin-right:60px;
}
.mgn_r150{
    margin-right:150px;
}
/*マージン上下
-----------------------------------*/
.mgn_t5b5{
    margin-top: 5px;
    margin-bottom: 5px;
}
.mgn_t10b10{
    margin-top:10px;
    margin-bottom: 10px;
}
.mgn_t10b20{
    margin-top:10px;
    margin-bottom: 20px;
}
.mgn_t10b25{
    margin-top:10px;
    margin-bottom: 25px;
}
/*マージン左右中央
-----------------------------------*/
.mgn_center{
    margin: 0 auto;
}
/*アイコン配置
-----------------------------------*/
.textside_icon {
    vertical-align: middle;
    margin-right: 5px;
}
.textside_icon_1 {
    vertical-align: middle;
}
/*パディング
-----------------------------------*/
.padding_a0 {
    padding: 0px !important;
}
.padding_a5 {
    padding: 5px !important;
}
.padding_t8 {
    padding-top: 8px !important;
}
.padding_t10 {
    padding-top: 10px !important;
}
.padding_t15 {
    padding-top: 15px !important;
}
.padding_t20 {
    padding-top: 20px !important;
}
.padding_t25 {
    padding-top: 25px !important;
}
.padding_t30 {
    padding-top: 30px !important;
}
.padding_t70 {
    padding-top: 70px !important;
}
.padding_t80 {
    padding-top: 80px !important;
}
.padding_t90 {
    padding-top: 90px !important;
}
.padding_t100 {
    padding-top: 100px !important;
}
.padding_t120 {
    padding-top: 120px !important;
}
.padding_t130 {
    padding-top: 130px !important;
}
.padding_t140 {
    padding-top: 140px !important;
}
.padding_t150 {
    padding-top: 150px !important;
}
.padding_t160 {
    padding-top: 160px !important;
}

.padding_t175 {
    padding-top: 175px !important;
}
.padding_t180 {
    padding-top: 180px !important;
}
.padding_t190 {
    padding-top: 190px !important;
}
.padding_t195 {
    padding-top: 195px !important;
}
.padding_t200 {
    padding-top: 200px !important;
}
.padding_t205 {
    padding-top: 205px !important;
}
.padding_t222 {
    padding-top: 222px !important;
}
.padding_l20 {
    padding-left: 20px !important;
}
.padding_l310 {
    padding-left: 310px !important;
}
.padding_l360 {
    padding-left: 360px !important;
}
.padding_r20 {
    padding-right: 20px !important;
}
.padding_r30 {
    padding-right: 30px !important;
}
.padding_r_l5{
    padding: 0px 5px 0px 5px !important;
}
.padding_b20{
    padding-bottom: 20px;
}
.padding_b25{
    padding-bottom: 25px;
}
.padding_b80{
    padding-bottom: 80px;
}

/*  幅指定系
===============================================*/
.w15 {
    width: 15px !important;
}
.w25 {
    width: 25px !important;
}
.w30 {
    width: 30px !important;
}
.w40 {
    width: 40px !important;
}
.w60 {
    width: 60px !important;
}
.w80 {
    width: 80px !important;
}
.w85 {
    width: 85px !important;
}
.w100 {
    width: 100px !important;
}
.w110 {
    width: 110px !important;
}
.w120 {
    width: 120px !important;
}
.w130 {
    width: 130px !important;
}
.w150 {
    width: 150px !important;
}
.w160 {
    width: 160px !important;
}
.w170 {
    width: 170px !important;
}
.w180 {
    width: 180px !important;
}
.w190 {
    width: 190px !important;
}
.w200 {
    width: 200px !important;
}
.w220 {
    width: 220px !important;
}
.w240 {
    width: 240px !important;
}
.w250 {
    width: 250px !important;
}
.w280 {
    width: 280px !important;
}
.w295 {
    width: 295px !important;
}
.w320 {
    width: 320px !important;
}
.w340 {
    width: 340px !important;
}
.w360 {
    width: 360px !important;
}
.w380 {
    width: 380px !important;
}
.w400 {
    width: 400px !important;
}
.w420 {
    width: 420px !important;
}
.w440 {
    width: 440px !important;
}
.w450 {
    width: 450px !important;
}
.w470 {
    width: 470px !important;
}
.w480 {
    width: 480px !important;
}
.w485 {
    width: 485px !important;
}
.w510 {
    width: 510px !important;
}
.w560 {
    width: 560px !important;
}
.w580 {
    width: 580px !important;
}
.w620 {
    width: 620px !important;
}
.w660 {
    width: 660px !important;
}
.w700 {
    width: 700px !important;
}
.w740 {
    width: 740px !important;
}
.w800 {
    width: 800px !important;
}
.w1000 {
    width: 1000px !important;
}
.w1280 {
    width: 1280px !important;
}
.w1400 {
    width: 1400px !important;
}
.w1p {
    width: 1% !important;
}
.w20p {
    width: 20% !important;
}
.w40p {
    width: 40% !important;
}
.w50p {
    width: 50% !important;
}
.w55p {
    width: 55% !important;
}
.w60p {
    width: 60% !important;
}
.w70p {
    width: 70% !important;
}
.w80p {
    width: 80% !important;
}
.w99p {
    width: 99% !important;
}
.w100p {
    width: 100% !important;
}

.minw90 {
    min-width: 90px !important;
}

.minw100 {
    min-width: 100px !important;
}

.minw320 {
    min-width: 320px !important;
}

.minw800 {
    min-width: 800px !important;
}

.minw805 {
    min-width: 805px !important;
}

.maxw90 {
    max-width: 90px !important;
}

.maxw100 {
    max-width: 100px !important;
}

.maxw400 {
    max-width: 400px !important;
}

.maxw420 {
    max-width: 420px !important;
}

/*  高さ指定系
===============================================*/
.h15 {
    height: 15px;
}
.h40 {
    height: 40px;
}
.h45 {
    height: 45px;
}
.h23 {
    height: 23px;
}
.h40 {
    height: 40px;
}
.h50 {
    height: 50px;
}
.h60 {
    height: 60px;
}
.h70 {
    height: 70px;
}
.h75 {
    height: 75px;
}
.h77 {
    height: 77px;
}
.h80 {
    height: 80px;
}
.h120 {
    height: 120px;
}
.h140 {
    height: 140px;
}
.h160 {
    height: 160px;
}
.h240 {
    height: 240px;
}
.h320 {
    height: 320px;
}
.h350 {
    height: 350px;
}
.minh40 {
    min-height: 40px;
}
.minh60 {
    min-height: 60px;
}
.minh80 {
    min-height: 80px;
}
.minh120 {
    min-height: 120px;
}

/* ボックス系
===============================================*/
.box_block {
    display: block;
}
.box_inblock {
    display: inline-block;
}
.box_inline {
    display: inline;
}
.table_layout {
    display: table;
}
.table_layout > div {
    display: table-cell;
}


/* ボーダー系
===============================================*/
.border {
    border: #cccccc 1px solid;
}
.border_top {
    border-top: #cccccc 1px solid;
}
.border_btm {
    border-bottom: #cccccc 1px solid;
}
.border_none {
    border: none;
}

/* カラー系
===============================================*/
/* #9619 */
.ok_msg {
    color: #000000;
    text-shadow: 1px 1px 0 #fff,
             -1px 1px 0 #fff,
             1px -1px 0 #fff,
             -1px -1px 0 #fff;
}
.ng_msg {
    color: #ff0000;
    text-shadow: 1px 1px 0 #fff,
             -1px 1px 0 #fff,
             1px -1px 0 #fff,
             -1px -1px 0 #fff;
}
span.bc_blue {
    background-color:#aed7f2;
    padding: 0.2em 0.5em;
}
span.bc_yellow {
    background-color:#ffe966;
    padding: 0.2em 0.5em;
}
span.bc_red {
    background-color:#ffcfd6;
    padding: 0.2em 0.5em;
}
span.bc_gray {
    background-color:#ababab;
    padding: 0.2em 0.5em;
    color: #ffffff;
}
span.required {
    color: #ff0000;
}
.red {
    color: #ff0000;
}
.orange {
    color: #EB7E2A;
}
.gray {
    color: #8C8C8C;
}
.blue {
    color: #34b0ee;
}
.black {
    color: #333333;
}
.errMsg {
    color: #ff0000;
    margin-left: 220px;
}
.txt_green {
    color: #739C73;
}

.b_gray {
    background-color:#cccccc;
}

.section_number_text:not(:empty):after {
    content: "\00A0\00A0";
}
/*文字期限
==============================================*/
.txt_limited {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/*------------------- テーブルスクロール -------------------*/
/*スクロール用*/
thead.scrollHead,tbody.scrollBody{
    display:block;
}
tbody.scrollBody{
    /*overflow-y:scroll;*/
    height:450px;
}

/*幅調整*/
tbody.scrollBody td, thead.scrollHead th{
    table-layout:fixed;
}

/*------------------- Tool bar -------------------*/
.toolbar, .toolbar-group{
    width: 100%;
    overflow: auto;
}
.toolbar-group{
    padding-top: 10px;
}


.file_selector {
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    border-radius: 3px;
}


/*------------------- 文字装飾効果 -------------------*/
kbd {
    text-decoration: overline;
    font-family: inherit;
    font-size   : 100%;
}

code {
    font-family: Courier, "Courier New", monospace !important;
}

.index_puts_color {
    background-color:#99FF66;
}

.corresponding {
    padding-top: 30px !important;
    margin-left: 20px;
    color: red;
}

.white {
    color: white;
}
.back_red {
    background-color: #ff0000;
}

/*------------------- ツールチップ -------------------*/
/* 内容 */
.tooltip-content {
    position: relative;
    left: -3px;
    top: -3px;
    z-index:999;
    background-color: #ffffe1;
    border: 1px black solid;
    padding: 3px;
}
/* 影 */
.tooltip-shadow {
    position: absolute;
    z-index:999;

    //background-image: url('images/shadow.png');
}
.setToolTip {
    cursor:default;
}
.createLang {
    margin-left: 100px;
    margin-top: -40px;
}

.ac_mark_style {
    width: 32px;
    height: 35px;
    margin-left: 40px;
    padding-top: 20px;
}
.btn_open {
    color: #fff;
    border: solid 1px #F57837;
    background-color: #F57837;
    width: 50%;
    height: 50%;
}

.sample_framing {
    position: absolute;
    margin-left: 300px;
    margin-top: -90px;
    width: 150px;
}
.Rounded_Corners {
    border-radius: 10px;
}

.sb_no_chk {
    display: none;
}
.target_trans {
    color: #F55600;
}
.bk_color {
    color: #333333;
}
.output_error {
    margin-top: -10px;
}
.image_full_flg {
    position: static;
    margin-left: 380px;
}

.pro_color {
    background-color: gainsboro;
}
.index_puts_html {
    overflow-y: scroll;
    height: 300px;
    width: 675px;
}
.open_simple {
    cursor: pointer;
}
.open_title {
    cursor: pointer;
}


.link_error_check {
    background-color: #F2F2F2;
}

/* ---------- excel インポート ---------- */
/* 表エリア */
#ovftbl_wrap {
    overflow-x: auto;
/*    margin-left: 2.5em; */
/*    margin-right: 2.5em; */
    border: solid 1px #F57837;
    width : 890px;
}
/* 表スクロールボタン */
.scrl_btn {
    text-align: center;
    display: inline-block;
    width: 0.5em;
    height: 1.5em;
    background-color: #F57837;
    color: #fff;
    font-size: 21px;
    cursor: pointer;
    line-height: 1.5;
    opacity: 0.1;
}
/* 表スクロール全体 */
#scrl_btn_wrap {
    position: relative;
    margin-top: 50px;
}
/* 戻り */
#scrl_btn_before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 100%;
}
/* 送り */
#scrl_btn_after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 100%;
}
/* 移動モード時の背景色 */
.edit_color {
    background-color: #fdeff2 !important;
}

.mihiraki {
    /*position:  absolute;*/
    margin-left:  100px;
    margin-top:  -35px;
}

.no_left_line {
    border-left-style: none;
}

.no_right_line {
    border-right-style: none;
}

td.compare {
    padding-right: 20px !important;
}
.compare:hover {
    border: 2px solid #ed7d31 !important;
}

.enabled_sec_title {
    background-color: #f2e6ff;
}

.nodisp_sec_title {
    display: none;
}

.hidden {
    visibility: hidden;
}

/* クリアボタン IEの自動補完を切る */
input::-ms-clear {
    display: none;
}

.compareTable{
    border: 1px black solid;
    padding: 2px;
}
.compareTable tbody tr td:first-child{
    padding: inherit;
}

.note_icon {
    color: #F55600;
}
.mini_close {
    position: fixed;
    margin-top: 2px;
    height: 15px;
    width: 15px !important;
}

.tree_inline_img {
    width: 12px;
    height: 10px;
}
.ui-autocomplete {
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: fixed;
}
/* イメージライブラリ　不要画像一覧ソート用 */
th[role=columnheader]:not(.no-sort) {
    cursor: pointer;
}

th[role=columnheader]:not(.no-sort):after {
    content: '';
    float: right;
    margin-top: 4px;

    border-bottom: none;
    border-width: 6px 4px 0;

    border-style: solid;
    border-color: #202020 transparent;
    visibility: hidden;
    opacity: 0;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

th[aria-sort=ascending]:not(.no-sort):after {
    border-width: 0 4px 6px;
}

th[aria-sort]:not(.no-sort):after {
    visibility: visible;
    opacity: 0.4;
}

th[role=columnheader]:not(.no-sort):hover:after {
    visibility: visible;
    opacity: 0.4;
}


.ref_btn {
    width: 32px;
    height: 32px;
}

#btn_delete {
    background-color: #999 !important;
}

#btn_list_delete {
    background-color: #999 !important;
    border: 1px solid #999;
    /* color: #fff; */
    cursor: default;
    //pointer-events: none;
}

#btn_edit_delete {
    background-color: #999 !important;
    border: 1px solid #999;
    /* color: #fff; */
    cursor: default;
    //pointer-events: none;
}

.noDisp {
    background-color: #999 !important;
    pointer-events: none;
}

.twoTextType {
    cursor: default;
    pointer-events: none;
}

.twoTextType > select {
    background-color: #CCCCCC;
}

.twoTextFrame {
    cursor: default;
    pointer-events: none;
}
.twoTextFrame_do {
    background-color: #CCCCCC;
    color: #8C8C8C;
}
.twoTextFrame_not {
    background-color: #CCCCCC;
}

.no_checked_tsume {
    position: absolute;
    margin-left: 16px;
}
.no_point_eve {
    pointer-events: none;
}
.filter_text {
    width: 157px;
    text-align: left;
    color: #F55600;
}

.no_note_icon {
    display: none;
}

.top_messages {
    vertical-align:top;
    border-bottom: 1px solid #cccccc;
//border-top: 1px solid #cccccc;
}

.top_messages_table {
    border-collapse: collapse;
    border-top: transparent;
}

.top_messages_icon {
    height: 20px;
    width: 20px;
    margin-bottom: -5px;
}
.all_links_style {
    padding: 10px 0 0 0;
}

.col_filter_link {
    display: block;
    pointer-events: none;
}

.indent {
    margin-top: 0px;
    margin-bottom: 0px;
}

.pdfauth {
    width: 358px;
    height:630px;
    background-color: #F0F0F0;
    text-align: center;
    margin: 0 auto;
}

/* ロゴ */
.pdfauth h1 {
    margin: 0 0 10px;
}

/* 入力テキスト */
.pdfauth input {
    width: 294px;
    height: 40px;
    background-color: #ffffff;
    /*margin-bottom: 40px;*/
}

/* 入力テキスト */
.pdfauth input.form-error{
    width: 294px;
    height: 40px;
    background-color: #ffffff;
    margin-bottom: 0px;
}
/* 入力テキスト */
.pdfauth p.error-message{
    height: 40px;
}

/* 言語選択 */
.pdfauth select{
    width: 294px;
    height: 40px;
    background-color: #ffffff;
    margin-bottom: 40px;
}

/* アイコン位置調整 */
.pdfauth .input_text_group{
    margin-bottom: 40px;
}
.pdfauth form {
    clear: left;
}

/* インライン画像の調整用 */
.inline_img {
    /*vertical-align: text-bottom;*/
    vertical-align: top;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
/* インライン画像の調整用 */
.inline_img_str {
    /*vertical-align: text-bottom;*/
    height: auto;
    max-height: 1em;
    vertical-align: text-bottom;
    position: relative;
    bottom: 0.2em;
}


.transSectionList {
    padding: 10px 0 1em 0;
    margin-left: -20px;
}
.other_text_error {
    margin-left: 170px;
    margin-top: -35px;
}

.other_lang_list {
    /*height: 30px;*/
    margin-top: -8px;
    margin-bottom: -10px;
}#jqContextMenu li.context_adjust {
     background-size: 220px
 }

.item_add_btn {
    margin-bottom: 10px;
    margin-left: 150px;
    color: #F57837;
}

.top_item_add_btn {
    margin-left: 300px;
    color: #F57837;
    margin-top: -8px;
    margin-bottom: -18px
}
.ref_btn_edit {
    width: 32px;
    height: 32px;
    background-color: #F57837;
}

.ref_btn_edit_link {
    width: 32px;
    height: 32px;
    background-color: #cccccc;
}

.comp_note {
    color: #63A5DB;
}

.white_area {
    height: 128px;
    width: 100%;
    background: white;
    //padding-top: 167px;
    position: fixed;
    z-index: 1;
    margin-top: 72px;
}
.white_area_tree {
    height: 100%;
    width: 260px;
    background: white;
    position: fixed;
    z-index: -1;
    margin-top: 72px;
}
.no_form {
    margin: 0px;
    padding: 0px;
    height: 0px;
    display: block;
}

/* ファイル選択 クリアボタン */
.searchFrame{
    position: relative;
    display: inline-block;
}

.searchFrame .clearButton{
    width: 10px;
    height: 10px;
    padding: 0px;
    right: 55px;
    top: 8px;
    cursor: pointer;
    margin-left: -23px;
    margin-right: 5px;
    position: relative;
    z-index: 2;
    margin-left: 32px;
    margin-right: -50px;
    margin-bottom: 7px;
}

#preloader {
    position: fixed;
    top: 0px;
    left:0px;
    Width: 100%;
    height: 100%;
    background-color: rgba(238,238,238,0.8);
    z-index: 100;
}
#preloader_clone {
    position: fixed;
    top: 0px;
    left:0px;
    Width: 100%;
    height: 100%;
    background-color: rgba(238,238,238,0.8);
    z-index: 100;
}
#loader {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    text-align: center;
    z-index: 101;
}

.btn_get_office_addin {
    margin-top: 5px;
    text-align: right;
    text-decoration: underline;
    cursor: pointer;
}
.btn_get_symform_client {
    margin-top: 5px;
    text-align: right;
    text-decoration: underline;
    cursor: pointer;
}

.btn-menu {
    display: table;
    padding: 5px;
    text-decoration: none;
    background-color: #739C73;
    border: solid 2px #739C73;
    border-radius: 3px;
    transition: .4s;
    width: 220px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0 10px 3px;
    cursor: pointer;
    line-height: 17px;
}
.btn-menu-noation {
    display: table;
    padding: 5px;
    text-decoration: none;
    background-color: #a0a0a0;
    border: solid 2px #a0a0a0;
    border-radius: 3px;
    transition: .4s;
    width: 220px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0 5px 3px;
}
.btn_menu_text {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
.btn_menu_description {
    margin-top: 2px;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
    width: 154px;
}
.btn_menu_icon {
    display: table-cell;
    vertical-align: middle;
    width: 52px;
    height: 70px;
    cursor: hand;
}
.top_menu_table {
    display:table;
    height:450px;
    padding: 10px;
}
.top_menu_row {
    display:table-row;
}
.top_menu_cell {
    display: table-cell;
    width:240px;
    border:solid #eeeeee 1px;
    vertical-align: top;
    padding: 0 5px;
}
.select_list_wrap {
    overflow: hidden;
    padding-top: 8px;
    padding-bottom: 10px;
    font-size: 10pt;
}

.blocker {
    z-index: 100 !important;
}
.modal {
    z-index: 100 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
}
.modal_contents {
    margin: auto;
    width: 100%;
    height: 100%;
}
.close-modal  {
}
.btn_kumihan_request {
    background-color: #739C73;
}

.simpleEdit {
    border: solid 1px;
    white-space: pre-wrap;
}
.simpleEdit:focus{
    outline: none;
}
.simpleEditBtn {
    margin-top: 0px;
    width: 24px;
    height: 24px;
    border: solid 1px #a9a9a9;
}
.simpleEditBtn_x {
    vertical-align: inherit;
    margin-top: 0px;
    width: 24px;
    height: 24px;
    border: solid 1px #a9a9a9;
    background-color: #fff;
    border-radius: 4px;
    transition-duration: 0.3s;
    cursor: pointer;
    padding: 0px;
}
.simpleEditBtnIcon {
    margin-top: 2px;
    width: 16px;
    height: 16px;
}

#edit_btn_list {
    background: #eee;
    width: 100%;
    height: 32px;
    display: inline-block;
    vertical-align: top;
    padding-top: 0px;
    padding-bottom: 0px;
}

.de_note-delete {
    background-color: #FFFFFF !important;
}
.comparison_edit_note-delete {
    background-color: #FFFFFF !important;
}
#sys_error ~ .validate_message {
    margin: 0px !important;
    margin-bottom: -18px !important;
}
/*
.validate_message{
    margin: 0px !important;
    margin-bottom: -18px !important;
}
*/
.list_table {
    border: 1px;
    border-collapse: separate !important;
    border-spacing: 0;
}
.list_table > thead > tr > th {
    border-bottom: 1px solid #ccc;
}
.list_td > tr > td {
    border-top:0px !important;
}
.link_id_select_error {
    width: 150px;
    height: 1px;
    margin-left: 170px;
}
.de_file-delete {
    background-color: #FFFFFF !important;
}
.right_click_disabled {
    pointer-events: none;
}
.file_name {
    font-size: 10pt;
    height: 40px;
    width: 300px;
}

.ws {
    white-space: pre-wrap;
}
.funcimg{
    width : 1em;
    height : 1em;
}

.confirmOverlay{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background: rgba( 33, 33, 33, 0.6 );
    /*background: url('../images/ie.png');*/
    z-index: 100000;
}

#confirmBox{
    width:  520px;
    margin: -90px 0 0 -260px;
    border: 180px;
    padding: 3px 3px 10px 3px;
    position:fixed;
    left:50%;
    top:50%;
    background-color: white;
}

#confirmButtons a {
    margin: 3px;
    width: 21%;
    padding: 2px 5px;
}

#confirmBox p{
    margin: 10px;
}

#confirmBox h6 {
    background-color: cornflowerblue;
    margin: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    padding-left:   5px;
    color:  white;
}

#info_section .disp-close-text{
    max-height:6.4em;
    overflow:hidden;
}
/* 全文表示ボタン(のbefore) #5627 にて不要となったため削除
#info_section .disp-close::before{
    content: attr(data-item);
    position: absolute;
    left: 15px;
    bottom: 8px;
} */

/* Froala Editor */
.fr-wrapper.show-placeholder .fr-placeholder{display:block;position:absolute;}

.fr-element {
    padding: 3px !important;
    font-family: 'Noto Sans Japanese', 'arial unicode ms', serif;
    font-size: 16px;
}

.fr-wrapper {
    min-height: 70px;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
}

.fr-box.fr-basic .fr-element{
    font-family: 'Noto Sans Japanese', 'arial unicode ms', sans-serif;
    white-space: pre-wrap;
}

.second-toolbar {
    display: none;
}

.fr-toolbar .fr-command.fr-btn i, .fr-toolbar .fr-command.fr-btn svg, .fr-popup .fr-command.fr-btn i, .fr-popup .fr-command.fr-btn svg, .fr-modal .fr-command.fr-btn i, .fr-modal .fr-command.fr-btn svg {
    margin: 4px 4px !important;
}

.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn {
    height: 32px !important;
    width: 32px !important;
}

.fr-view {
    font-family: 'Noto Sans Japanese', 'arial unicode ms', sans-serif;
    white-space: pre-wrap;
}

.fr-view p {
    font-family: 'Noto Sans Japanese', 'arial unicode ms', sans-serif;
    margin-block-start: 0.1em;
    margin-block-end: 0.1em;
}
.fr-view pre {
    margin: 0px;
    font-family: 'Noto Sans Japanese', 'arial unicode ms', sans-serif;
}

.fr-view pre:empty:before{
    display: block;
    min-height:1em;
    height:1em;
    float: left;
    content: "";
}

.fr-command.fr-btn.fr-disabled {
    color: #bdbdbd;
    -webkit-opacity: 0.1 !important;
    -moz-opacity: 0.1 !important;
    opacity: 0.1 !important;
}

.fr-popup{
    white-space: normal;
    word-break: normal;
}

div.fancytree-drag-helper {
    pointer-events: none;
}

.wordWrap {
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word;
}
.wordBreakAll {
    word-break: break-all;
}
.interaction_view_text_table tbody tr td label{
    display: inline-block;
}
.interaction_view tr
{
    border: none;
}

.noInlinkBlock {
    /*display: inline-block !important;*/
    border: none !important;
}

#delete_dialog {
    display: none;
    width: 100%;
    height:100%;
    text-align: center;
    position: fixed;
    top: 0;
    z-index: 90;
    /*background: rgba(128,128,128,0.7);*/
}

#delete_dialog_div {
    border: solid 1px #F0F0F0;
    width: 500px;
    height:170px;
    text-align: center;
    margin: auto;
    background: rgba(255, 255, 255, 1.7);
}

.delete_dialog_btn {
    height: 40px;
    border-radius: 4px;
    transition-duration: 0.3s;
    cursor: pointer;
    padding: 2px;
}

#bo_trashe_dialog {
    display: none;
    width: 100%;
    height:100%;
    text-align: center;
    position: fixed;
    top: 0;
    z-index: 90;
    background: rgba(128,128,128,0.7);
}

#bo_trashe_dialog_div {
    border: solid 1px #F0F0F0;
    width: 550px;
    height:220px;
    text-align: center;
    margin: auto;
    background: rgba(255, 255, 255, 1.7);
}

#bo_trashe_dialog_restore {
    min-width: 130px;
}

#bo_trashe_dialog_restore_other {
    min-width: 130px;
}

.bo_trashe_btn {
    height: 40px;
    border-radius: 4px;
    transition-duration: 0.3s;
    cursor: pointer;
    padding: 2px;
}

.interaction_addrow_show {
    margin-top: -20px;
}

.interaction_addrow_hide {
    margin-top: 8px;
    margin-bottom: 2px;
}

.slider_bef {
    display: none;
    content: "";
    position: absolute;
    top: 63px;
    right: 18px;
    border: 16px solid transparent;
    border-bottom-color: #739C73;
    border-width: 0 9px 16px 9px;
}

/* #8735 */
select:not([multiple])  {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    content: '';
    background: url(../img/icon/select_arrow.png) no-repeat;
    background-color: #f2f2f2;
    background-size: 6px 7px;
    background-position: right 8px center;
    padding: 0 20px 0 5px;
}
select:not([multiple])::-ms-expand {
    display: none;
}
select:not([multiple]).retina {
    content: '';
    background: url(../img/icon/select_arrow_2x.png) no-repeat;
    background-color: #f2f2f2;
    background-size: 6px 7px;
    background-position: right 8px center;
    padding: 0 20px 0 5px;
}

.hoverTarget {
    background-color: #FEF7D7;
}

.sortIcon {
    cursor: pointer;
    width: 7px;
    height: 7px;
}

.sortIconAsc {
    -webkit-transform: rotate(-180deg)
}

#No_Open_Frame_Message {
    display: none;
}

#No_Rounded_Corners_Message {
    display: none;
}

.deactivate {
    display: none !important;
}

.of_unset {
    overflow: unset;
}

.edit_count_tooltips {
    position: absolute;
    left: 5px;
    z-index: 9999;
    text-align: left;
    min-width: 165px;
    background-color:#fff;
    border:1px solid;
    padding:3px;
}

.interaction_old_log td:first-child:before {
    content: '├ ';
}
.interaction_repeat_latest_log td:first-child:before {
    content: '├ ';
}
.interaction_repeat_old_log td:first-child:before {
    content: '　├ ';
}

.info_type_list{
    padding-bottom: 24px;
    width: 105px;
    margin:24px auto;
    border-bottom: #CCCCCC 1px solid;
}
.info_type_list_sp{
    width: 107px;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: #CCCCCC 1px solid;
}

.repeatBtnIcon {
    margin-top: 2px;
    margin-bottom: -2px;
    width: 16px;
    height: 16px;
}
.authenticator_code_redo_triangle {
    display: inline-block;
    transform: rotate( -180deg );
    -moz-transform:    rotate( -180deg );  /* Firefox用 */
    -webkit-transform: rotate( -180deg );  /* Chrome,Safari,新しいOpera用 */
    -o-transform:      rotate( -180deg );  /* 古いOpera用 */
    -ms-transform:     rotate( -180deg );  /* IE9用 */
}

.disp_none {
    display: none;
}


/* chrome用 */
_:lang(x)::-internal-media-controls-overlay-cast-button, .vtext{
    font-family: '@Noto Sans Japanese';
}

/* safari用 */
_::-webkit-full-page-media, _:future, :root .vtext{
    font-family: '@Noto Sans Japanese';
}

/* Firefox用 */
@-moz-document url-prefix() {
  .vtext{
    font-family: Yu Gothic, sans-serif;
    font-weight: 600;
  }

  .vtext strong{
    font-family: 'Yu Gothic Bold', sans-serif;
    font-weight: 800;
  }

}
.del_information_file_btn {
    border: none;
    padding: 5px;
    background-color: white;
    margin: 2px;
    cursor: pointer;
    width: 3em;
}

.green_title {
    font-size: 15pt;
    color: #739C73;
    float: left;
}

.set_th{
    padding: 0.3em 0 0.3em 1em;
}

.delete_blk_target{
    position: absolute;
    left: 5px;
    bottom: 0;
}

.comment_manager_sb_selected {
    background-color: #cbe8f6 !important;
}

.cursor_def {
    cursor:default;
}



.reply_note_text::before {
    content: '';
    margin-left: -40px;
    margin-top: -10px;
    /* position: absolute; */
    display: inline-block;
    /* width: 0; */
    /* height: 0; */
    left: -10px;
    top: 10px;
    border-bottom: 20px solid transparent;
    border-top: solid transparent;
    border-right: 40px solid #eee;
    transform: rotate(15deg);
}

.btn_bo_setting_close {
    background-color: #F0F0F0;
    border: none;
    float: left;
    margin: 0 0 0 15px;
}
.btn_bo_setting_pass {
    background-color: #739C73;
}

.bo_setting_table_head {
    text-align: center;
    background-color: #F0F0F0;
    border: 1px solid #ccc;
}

.bo_setting_table_body_green {
    background-color: #eeffee;
    border: 1px solid #ccc;
}
.bo_setting_table_body_white {
    background-color: white;
    border: 1px solid #ccc;
}
.bo_setting_table_td {
    border: 1px solid #ccc;
    padding-left:10px;
}

.fs_tri{
    font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
    font-style: italic;
    font-weight: bold;
}
.fs_tr{
    font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
    font-weight: bold;
}
.fs_mspgi{
    font-family: MS PGothic;
    font-style: italic;
}
.fs_mry{
    font-family: Meiryo;
}


.de_file_table_head {
    text-align: center;
    background-color: #F0F0F0;
    border: 1px solid #ccc;
}

.de_file_table_body {
    border: 1px solid #ccc;
}
.de_file_table_td {
    border: 1px solid #ccc;
    padding-left:10px;
}

.filterInput {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

input.filtering {
    background-color: #FEF7D7 !important;
}
img.filtering {
    filter: grayscale(100%);
}

.docListMoveToTop {
    position: absolute;
    right: -25px;
    top: 0px;
    cursor: pointer;
}
.docListMoveUp {
    position: absolute;
    right: -25px;
    top: 25px;
    cursor: pointer;
}
.docListMoveDown {
    position: absolute;
    right: -25px;
    bottom: 25px;
    cursor: pointer;
}
.docListMoveToBottom {
    position: absolute;
    right: -25px;
    bottom: 0px;
    cursor: pointer;
}

td.thumbItemNoHighLight {
    background-color: #ababab;
}
td.thumbItemHighLight {
    background-color: #ED324F;
}
span.thumbItemNoHighLight{
    color: #ffffff;
}

span.thumbItemHighLight{
    color: #ffffff;
}

