/*************************************/
/*                                     */
/*    共通                             */
/*                                     */
/*                                     */
/*************************************/
@charset 'utf-8';
@import url("//netdna.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.css");


*{
    margin:0px;
    padding:0px;
}

/* reset css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,p,blockquote,th,td,button{
    margin:0;
    padding:0;
    font-family : 'Meiryo','メイリオ','ＭＳ Ｐゴシック', Arial, sans-serif;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
}
table{
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;
    font-weight:normal;
}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-size:14px;
    font-weight:normal;
}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
/* reset css end */


html{
    width:100%;
    min-width:780px;
}

body{
    font-size:10.5pt;
    font-size:14px;
    color:#333333;
    width:98%;
    width:100%;
    min-width:1250px;
    text-align:center;
    font-family: 'ＭＳ Ｐゴシック',sans-serif;
    font-family: 'Meiryo','メイリオ',sans-serif;
}

textarea{
    font-family: 'ＭＳ ゴシック',sans-serif;
    font-family: 'Meiryo','メイリオ',sans-serif;
    width:99%;
    max-width:99%;
}

div{
    text-align:left;
}

input,select{
    font-family: 'Meiryo','メイリオ',sans-serif;
}

input[type="checkbox"],
input[type="radio"]{
    margin-top:0px !important;
    margin:2px !important;
    vertical-align:middle;
}
input[type="checkbox"] + label,
input[type="radio"] + label{
    margin-right:8px;
    padding:0 3px;
}

input[type="checkbox"]:checked > label,
input[type="radio"]:checked > label,
input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label{
/*
    font-weight:bold;
    font-size:110%;
    color:#55ac68;
*/
    background-color:#3F6AAB;
    background-color:#55ac68;
    color:#fff;
    padding:0 3px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}


/* テキストのプレースホルダー８の色 */
input::-webkit-input-placeholder{
    color:#999;

}


/* リンク */
a:link{
    color:#00E;
    text-decoration:underline;
}
a:visited{
    color:#00E;
    text-decoration:underline;
}
a:active{
    color:#ff0000;
    text-decoration:underline;
}
a:hover{
    color:#ff0000;
    text-decoration:underline;
}

/* 一覧等での幅高さ固定表示用。widthとheightは仮。  */
.fix_box{
    word-wrap:normal;
    overflow:hidden;
    box-sizing: border-box;
    height:1.3em;
    padding:0;
    margin:0;
    width:100%;

}
/*--------------------------*/
/* ホバー状態                */
/*--------------------------*/
input[type="checkbox"] + label:hover,
input[type="radio"] + label:hover,
label:has(input[type="checkbox"]):hover,
label:has(input[type="radio"]):hover{
    color: rgb(255, 0, 0);
    /* color: #1ba93a; */
}
input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label{
    color: #fff;
}
/*--------------------------*/
/* 無効状態                 */
/*--------------------------*/
/* 無効状態のselect */
input.custom-combobox-input[disabled],
select[disabled] {
    background-color:rgb(238,238,238) !important;
}

/* 無効状態のラジオとチェックボックス */
input[type="checkbox"][disabled] + label,
input[type="radio"][disabled] + label,
label:has(>input[type="radio"][disabled]),
label:has(>input[type="checkbox"][disabled])
{
    color:#999;
}

input[type="checkbox"][disabled]:checked + label,
input[type="radio"][disabled]:checked + label
{
    color:#e0e0e0;
    color:#fff;
    background-color: #9b9b9b;
}


/*--------------------------*/
/* 読み取り専用             */
/*--------------------------*/
/* input */
input[readonly]{
    background-color:#e9e9e9 !important;
    border:1px solid rgb(169, 169, 169);
    padding: 1px;   /* 入力可能時の高さを合わせるため */
    padding-left: 4px;   /* 入力可能時の高さを合わせるため */
}

textarea[readonly]{
    background-color:#e9e9e9 !important;
    border:1px solid rgb(169, 169, 169);
    padding: 1px;   /* 入力可能時の高さを合わせるため */
    padding-left: 4px;   /* 入力可能時の高さを合わせるため */
}


/*--------------------------*/
/* js: multi_select         */
/*--------------------------*/
.ms-drop input[type="radio"],
.ms-drop input[type="checkbox"]{
    position: inherit !important;
}
/* select */
.ms-parent{
/*     min-width: 286px; */
}

.ms-choice{
    border: 1px solid #767676;
    border-radius: 2px;
}

.ms-choice>div.icon-caret{
    width: 7px;
    height: 7px;
    border: 2px #000000 solid;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(-25%) rotate(135deg);
}

.ms-choice>span.placeholder{
    color: #000 !important;
}

/* リスト */
.entry .ms-drop ul{
    margin-left: 0;
}

.ms-drop ul>li label{
    padding-left: 0 !important;
}

/* リスト内フィルター */
.ms-search{
/*     width: 95% !important; */
}


/*--------------------------*/
/* 回り込み解除用            */
/*--------------------------*/
.float_clear{
    clear:both;
    border:0px solid #ffffff;
    padding:0px;
    margin:1px;
    margin:0;
    font-size:1px;
    height:0;
}

/*--------------------------*/
/* 外枠                     */
/*--------------------------*/
.mframe{
    width:100%;
}

/*--------------------------*/
/* ヘッダー                 */
/*--------------------------*/
.header{
    position: relative;

    width:100%;
    height:42px;
    height:70px;
    height:118px;
    height:97px;
    margin-bottom:4px;
    margin-bottom:0px;
    background:url('../images/head_logo.png') no-repeat 6px 10px;
    background-size:auto 36px;
/*
    border-style:solid;
    border-color:#35479D;
    border-width:0px 0px 2px 0px;
*/
    background-color:#35479D;   /* ★テーマカラー：旧青色 */
    background-color:#00A69F;   /* ★テーマカラー：緑色02 */
    background-color:#00549A;   /* ★テーマカラー：新青色01 */
    background-color:#3F6AAB;   /* ★テーマカラー：新青色 案 */

    color:#fff;
}

.hd_title{
    float:left;
    display:block;
    width:220px;
    height:50px;
    font-size:16pt;
    font-size:21px;
    padding:3px 0px 0px 3px;
}
.hd_title .hd_version{
    font-size:10.5px;
    color:#fff;
    position: absolute;
    left:90px;
    left: 80px;
    top:51px;
}
.hd_title .btn_update_link{
    position: absolute;
    top: 52px;
    left: 132px;
    display: block;
    width: 11px;
    height: 11px
}
.hd_title .btn_update_link.no_update{
    display: none;
}
.hd_title .btn_update_link img{
    width: 100%;
    height: 100%;
}
.hd_title .hd_version.logout{
    left:146px;
    top:26px;
}
.hd_description{
    text-align:center;
    width:360px;
    height:26px;
    float:left;
    margin:14px 0px 0px 50px;
    padding:0px 0px 0px 0px;
    color:#333333;
    color:#ffffff;
    font-weight:normal;
}
.hd_description .disp{
    font-size:10pt;
    font-size:14px;
}
.hd_command{
    float:right;
    width:auto;
    height:20px;
    padding:1px 8px 0px 3px; /* aaaaa */
    padding:10px 8px 0px 3px;
    box-sizing:border-box;
    text-align:right;
}
.hd_command a{
    height:13px;
    font-size:9pt;
    font-size:12px;
    font-weight:bold;
    text-align:center;
}
.hd_command a:link,
.hd_command a:visited,
.hd_command a:active,
.hd_command a:hover{
    color:#ffffff;
    text-decoration:none;
}
.hd_command a:hover{
    text-decoration:underline;
}
.hd_command div{
    text-align:right;
}
.hd_command .hd_help{
    font-size:11px;
    margin:1px 0 0 0;
}
.hd_command .hd_help a{
    display:inline-block;
    width:auto;
    height:auto;
    padding:3px 8px 2px 6px;
    background-color:#fff;
    background-color:#eee;
    border-radius:3px;
    margin:30px 8px 0 0;
    margin:0px 8px 0 0;
    color:#000;
    font-size:11px;
    font-size:12px;
    font-weight:normal;
    text-decoration:none;
    line-height:1.1;
}
.hd_command .hd_help a:hover{
    background-color:#fff;
}
.hd_command .hd_help a:hover div{
    text-decoration:underline;
}
.hd_command .hd_help a img{
    float:left;
    width:14px;
    height:14px;
}
.hd_command .hd_help a div{
    float:right;
    margin:1px 0 0 6px;
}


.hd_command .hd_user_block{
    margin:3px 0 0 0;
    margin:8px 0 0 0;   /*aaaaa*/
    font-size:13px;
    line-height:1.9;
    display:flex;
}
.hd_command .hd_user_block .hd_user:before{
    content:"";
    display:inline-block;
    width:18px;
    height:18px;
    vertical-align:middle;
    background-image:url('../images/ico_user.png');
    background-potision:0px -1px;
    background-size:16px 18px;
    background-repeat:no-repeat;
}
/* stop
.hd_command .logout:before{
    content:"";
    display:inline-block;
    width:18px;
    height:19px;
    vertical-align:middle;
    background-image:url('../images/ico_logout.png');
    background-size:15px 19px;
    background-repeat:no-repeat;
}
.hd_command .logout{
    float:right;
    width:126px;
    margin:4px 0 0 0;
    margin:1px 0 0 0;
    padding:0 20px;
    box-sizing:border-box;
    background-color:#aaa;
    border:1px solid #aaa;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
}
*/
.hd_command .hd_user_block .hd_logout{
    margin:0 0 0 6px;
    min-width:23px;
    min-height:23px;
    text-align:center;
    padding:2px 0 0 1px;
    box-sizing:border-box;
    color:#fff;
    background-color:#aaa;
    border:1px solid #aaa;
    border-radius:50px;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
}
.hd_command .hd_user_block .hd_logout img{
    width:14px;
    height:auto;
}


.hd_command_sep{
    float:right;
    padding-left:3px;
    padding-right:3px;
}
.hd_command_item{
    float:right;
}

.hd_command_item a{
    display:block;
    height:13px;
    font-size:9pt;
    font-size:12px;
    font-weight:bold;
    text-align:center;
}
.hd_command_item a:link, .hd_command_item a:visited{
    color:#808080;
    text-decoration:none;
}
.hd_command_item a:active{
    color:#000000;
    text-decoration:none;
}
.hd_command_item a:hover{
    color:#000000;
}

#btn_hd_redisp{
    padding:1px 20px;
    padding: 4px 40px 4px 40px;
}

.hd_site_name{
    color: red;
    float: right;
    font-weight: bold;
    margin: 0px 18px 0px 0;
    font-size: 22px;
}

/*--------------------------*/
/* メニュー                 */
/*--------------------------*/
.menu{
/*
    float:clear;
    background-color:#ffffff;
    background-color:#efefef;
*/
    margin:0px 0px 10px 0px;
    width:100%;
    min-width:1250px;

    position:absolute;
    top:5px;
    top:0;
    left:150px;
    left:0;

    font-size:13px;
}
/*--------------------------*/
/* 上段枠*/
.menu_lv1{
    margin-left:10px;
    margin-left:0px;
/*    width:100%;
*/

    position:absolute;
    left:150px;
}

/* 上段非選択項目*/
.menu_lv1_item{
/* bbbbb
    height:15px;
*/
    width:86px;
    height:78px;
    height:60px;
    float:left;
    padding:0px 10px 5px 10px;
    padding:0 4px;
    box-sizing:border-box;
    margin:0px 1px 0px 1px;
    margin:0 6px 6px 0;
    background-color:#92BDF1;
    background-color:#849CD0;
    background-color:#fff;
/*
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
*/
    border-radius:0 0 10px 10px;
    -webkit-border-bottom-left-radius:10px;
    -webkit-border-bottom-right-radius:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;


/*    vertical-align:bottom;*/
    text-align:center;

    position:relative;  /* ポップアップメニュー表示位置 */
}

.menu_lv1_item a:link{
    display:block;
    color:#0000aa;
    color:#333;
    text-decoration:none;
}
.menu_lv1_item a:visited{
    display:block;
    color:#0000aa;
    color:#333;
    text-decoration:none;
}
.menu_lv1_item a:active,
.menu_lv1_item a:hover{
    display:block;
    color:#000000;
    text-decoration:underline;
}
.menu_lv1_item .menu_icon,
.menu_lv1_selected_item .menu_icon{
    text-align:center;
}
.menu_lv1_item .menu_icon img,
.menu_lv1_selected_item .menu_icon img{
    width:48px;
    height:38px;

    width:39px;
    height:39px;
    margin-top:2px;
}

/* ポップアップメニュー ちらつき防止 */
.menu_lv1_box_block{
    visibility:hidden;
    opacity:0;

    width:220px;
    height:auto;
    height:20px;
    background-color:transparent;

    position:absolute;
    z-index: 9999;
    top:60px;
    left:0;
}
/* ポップアップメニュー */
.menu_lv1_box:before{
    content: "";
    position: absolute;
    top:-20px;
    left:10px;
    border:12px solid transparent;
    border:8px solid transparent;
    border-bottom:12px solid #849CD0;
}
.menu_lv1_box{
/*
    opacity:0;
    visibility:hidden;
*/
    transition:all 0.1s linear;
    -webkit-tramsotopm:all 0.1s linear;
    -moz-transition:all 0.1s linear;
    -o-transition:all 0.1s linear;

    position:absolute;
    z-index: 9999;
    top:70px;
    top:10px;
    left:0;
    width:auto;
    min-width:220px;
    height:auto;
    background-color:#fff;
    border:2px solid #849CD0;
    padding:6px 20px;
    box-sizing:border-box;

    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
}
/**/
.menu_lv1_box ul{
    margin:6px 0 6px 10px;
/*    list-style:disc;
*/
    margin:6px 0 6px 0;
}
.menu_lv1_box ul li{
    border-bottom:1px solid #ccc;
    padding:4px;
    box-sizing:border-box;
    white-space: nowrap;
}
.menu_lv1_box ul li a{
    color:#000000;
    text-decoration:none;
}
.menu_lv1_box ul li a:hover{
    text-decoration:underline;
    text-decoration:none;
    font-weight:bold;
}
/*
.menu_lv1_selected_item:hover > .menu_lv1_box_block > .menu_lv1_box,
.menu_lv1_item:hover > .menu_lv1_box_block > .menu_lv1_box{
*/
.menu_lv1_selected_item:hover > .menu_lv1_box_block,
.menu_lv1_item:hover > .menu_lv1_box_block{
    opacity:1;
    visibility:visible;
    transition:all 0.1s linear;
    -webkit-tramsotopm:all 0.1s linear;
    -moz-transition:all 0.1s linear;
    -o-transition:all 0.1s linear;
}
/* 処理に合わせて文字色変更 */
/* -- オーダー */
.menu_lv1_box.order:before{
    border-bottom-color:#4DA735;
}
.menu_lv1_box.order{
    border-color:#4DA735;
}
.menu_lv1_box.order ul li a:hover{
    color:#4DA735;
}
/* -- スケジュール */
.menu_lv1_box.schedule:before{
    border-bottom-color:#90BC3C;
}
.menu_lv1_box.schedule{
    border-color:#90BC3C;
}
.menu_lv1_box.schedule ul li a:hover{
    color:#90BC3C;
}
/* -- 実績・日報 */
.menu_lv1_box.performance:before{
    border-bottom-color:#D1B327;
}
.menu_lv1_box.performance{
    border-color:#D1B327;
}
.menu_lv1_box.performance ul li a:hover{
    color:#D1B327;
}
/* -- 給与・支払 */
.menu_lv1_box.salary:before{
    border-bottom-color:#D29149;
}
.menu_lv1_box.salary{
    border-color:#D29149;
}
.menu_lv1_box.salary ul li a:hover{
    color:#D29149;
}
/* -- 請求 */
.menu_lv1_box.billing:before{
    border-bottom-color:#D98C6A;
}
.menu_lv1_box.billing{
    border-color:#D98C6A;
}
.menu_lv1_box.billing ul li a:hover{
    color:#D98C6A;
}
/* -- 帳票出力 */
.menu_lv1_box.output:before{
    border-bottom-color:#CB6AA0;
}
.menu_lv1_box.output{
    border-color:#CB6AA0;
}
.menu_lv1_box.output ul li a:hover{
    color:#CB6AA0;
}
/* -- ファイル */
.menu_lv1_box.file:before{
    border-bottom-color:#7A61A3;
}
.menu_lv1_box.file{
    border-color:#7A61A3;
}
.menu_lv1_box.file ul li a:hover{
    color:#7A61A3;
}
/* -- マスタ */
.menu_lv1_box.master:before{
    border-bottom-color:#418DC6;
}
.menu_lv1_box.master{
    border-color:#418DC6;
}
.menu_lv1_box.master ul li a:hover{
    color:#418DC6;
}
/* -- システム */
.menu_lv1_box.system:before{
    border-bottom-color:#75A1C6;
}
.menu_lv1_box.system{
    border-color:#75A1C6;
}
.menu_lv1_box.system ul li a:hover{
    color:#75A1C6;
}


/* 上段選択項目*/
.menu_lv1_selected_item{
    display:block;
/*bbbbb
    height:15px;
*/
    width:86px;
    height:96px;
    height:70px;

    float:left;
    padding:5px 10px 5px 10px;
    padding:0 4px;
    box-sizing:border-box;
    margin:0px 1px 0px 1px;
    margin:4px 6px 0 0;

    background-color:#D7EAF9;
    background-color:#D8E0F1;
    background-color:#f6f6f6;

    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;

    text-align:center;
    font-weight:bold;

    position:relative;  /* ポップアップメニュー表示位置 */
}
.menu_lv1_selected_item a:link,
.menu_lv1_selected_item a:visited,
.menu_lv1_selected_item a:active,
.menu_lv1_selected_item a:hover{
    display:block;
    color:#990099;
    color:#333;
    text-decoration:none;
}
.menu_lv1_selected_item a:active,
.menu_lv1_selected_item a:hover{
    text-decoration:underline;
}

/*--------------------------*/
/* メニュー下段枠*/
.menu_lv2{
/*bbbb
    float:left;
*/
    position:absolute;
    top:84px;
    top:66px;
    padding-left:150px;
    padding-left:10px;
    box-sizing:border-box;

    height:25px;
    height:31px;
    width:1240px;
    width:1254px;
    width:100%;
    min-width:1250px;
    background-color:#D7EAF9;
    background-color:#D8E0F1;
    background-color:#f6f6f6;
}

/* メニュー下段項目*/
.menu_lv2_item,
.menu_lv2_selected_item{
    float:left;
    height:19px;
    padding:5px 10px 5px 10px;
    padding:0 16px;
    margin:6px 4px 0px 4px;
/*    background-color:#e0e0c0; */
/*    vertical-align:bottom;*/

    background-color:#fff;


    border:1px solid #ccc;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;

    position:relative;


}
.menu_lv2_selected_item:before{
    content: "";
    position: absolute;
    top:17px;
    left:43%;
    border:12px solid transparent;
    border:8px solid transparent;
    border-top:12px solid #ccc;
}

.menu_lv2_item a:link,
.menu_lv2_item a:visited,
.menu_lv2_item a:active,
.menu_lv2_item a:hover{
    color:#666;
    text-decoration:none;
}
.menu_lv2_item a:active,
.menu_lv2_item a:hover{
    text-decoration:underline;
}

/* メニュー下段選択項目 */
.menu_lv2_selected_item{
    background-color:#ccc;
    border:1px solid #ccc;
}
.menu_lv2_selected_item a:link,
.menu_lv2_selected_item a:visited,
.menu_lv2_selected_item a:active,
.menu_lv2_selected_item a:hover{
    color:#fff;
    text-decoration: none;
}
.menu_lv2_selected_item a:active,
.menu_lv2_selected_item a:hover{
    text-decoration: underline;
}

/* 処理に合わせて文字色変更 */
/* -- オーダー */
.menu_lv2_item.order{
    border:1px solid #4DA735;
    color:#4DA735;
}
.menu_lv2_item.order a:link,
.menu_lv2_item.order a:visited,
.menu_lv2_item.order a:active,
.menu_lv2_item.order a:hover{
    color:#4DA735;
}
.menu_lv2_selected_item.order{
    background-color:#4DA735;
    border:1px solid #4DA735;
}
.menu_lv2_selected_item.order:before{
    border-top:12px solid #4DA735;
}

/* -- スケジュール */
.menu_lv2_item.schedule{
    border:1px solid #90BC3C;
    color:#90BC3C;
}
.menu_lv2_item.schedule a:link,
.menu_lv2_item.schedule a:visited,
.menu_lv2_item.schedule a:active,
.menu_lv2_item.schedule a:hover{
    color:#90BC3C;
}
.menu_lv2_selected_item.schedule{
    background-color:#90BC3C;
    border:1px solid #90BC3C;
}
.menu_lv2_selected_item.schedule:before{
    border-top:12px solid #90BC3C;
}
/* -- 実績・日報 */
.menu_lv2_item.performance{
    border:1px solid #D1B327;
    color:#D1B327;
}
.menu_lv2_item.performance a:link,
.menu_lv2_item.performance a:visited,
.menu_lv2_item.performance a:active,
.menu_lv2_item.performance a:hover{
    color:#D1B327;
}
.menu_lv2_selected_item.performance{
    background-color:#D1B327;
    border:1px solid #D1B327;
}
.menu_lv2_selected_item.performance:before{
    border-top:12px solid #D1B327;
}
/* -- 給与・支払 */
.menu_lv2_item.salary{
    border:1px solid #D29149;
    color:#D29149;
}
.menu_lv2_item.salary a:link,
.menu_lv2_item.salary a:visited,
.menu_lv2_item.salary a:active,
.menu_lv2_item.salary a:hover{
    color:#D29149;
}
.menu_lv2_selected_item.salary{
    background-color:#D29149;
    border:1px solid #D29149;
}
.menu_lv2_selected_item.salary:before{
    border-top:12px solid #D29149;
}
/* -- 請求管理 */
.menu_lv2_item.billing{
    border:1px solid #D98C6A;
    color:#D98C6A;
}
.menu_lv2_item.billing a:link,
.menu_lv2_item.billing a:visited,
.menu_lv2_item.billing a:active,
.menu_lv2_item.billing a:hover{
    color:#D98C6A;
}
.menu_lv2_selected_item.billing{
    background-color:#D98C6A;
    border:1px solid #D98C6A;
}
.menu_lv2_selected_item.billing:before{
    border-top:12px solid #D98C6A;
}
/* -- 帳票出力 */
.menu_lv2_item.output{
    border:1px solid #CB6AA0;
    color:#CB6AA0;
}
.menu_lv2_item.output a:link,
.menu_lv2_item.output a:visited,
.menu_lv2_item.output a:active,
.menu_lv2_item.output a:hover{
    color:#CB6AA0;
}
.menu_lv2_selected_item.output{
    background-color:#CB6AA0;
    border:1px solid #CB6AA0;
}
.menu_lv2_selected_item.output:before{
    border-top:12px solid #CB6AA0;
}
/* -- ファイル */
.menu_lv2_item.file{
    border:1px solid #7A61A3;
    color:#7A61A3;
}
.menu_lv2_item.file a:link,
.menu_lv2_item.file a:visited,
.menu_lv2_item.file a:active,
.menu_lv2_item.file a:hover{
    color:#7A61A3;
}
.menu_lv2_selected_item.file{
    background-color:#7A61A3;
    border:1px solid #7A61A3;
}
.menu_lv2_selected_item.file:before{
    border-top:12px solid #7A61A3;
}
/* お知らせ */
.menu_lv1_box.news{
    border-color: #61709B;
}
.menu_lv1_box.news:before{
    border-bottom-color: #61709B;

}
.menu_lv2_item.news{
    border:1px solid #61709B;
    color:#61709B;
}
.menu_lv2_item.news a:link,
.menu_lv2_item.news a:visited,
.menu_lv2_item.news a:active,
.menu_lv2_item.news a:hover{
    color:#61709B;
}
.menu_lv2_selected_item.news{
    background-color:#61709B;
    border:1px solid #61709B;
}
.menu_lv2_selected_item.news:before{
    border-top:12px solid #61709B;
}

/* -- マスタ */
.menu_lv2_item.master{
    border:1px solid #418DC6;
    color:#418DC6;
}
.menu_lv2_item.master a:link,
.menu_lv2_item.master a:visited,
.menu_lv2_item.master a:active,
.menu_lv2_item.master a:hover{
    color:#418DC6;
}
.menu_lv2_selected_item.master{
    background-color:#418DC6;
    border:1px solid #418DC6;
}
.menu_lv2_selected_item.master:before{
    border-top:12px solid #418DC6;
}
/* -- システム */
.menu_lv2_item.system{
    border:1px solid #75A1C6;
    color:#75A1C6;
}
.menu_lv2_item.system a:link,
.menu_lv2_item.system a:visited,
.menu_lv2_item.system a:active,
.menu_lv2_item.system a:hover{
    color:#75A1C6;
}
.menu_lv2_selected_item.system{
    background-color:#75A1C6;
    border:1px solid #75A1C6;
}
.menu_lv2_selected_item.system:before{
    border-top:12px solid #75A1C6;
}

/*--------------------------*/
/* メイン                     */
/*--------------------------*/
.main{
    padding:8px 3px 3px 8px;
    padding:2px 3px 3px 0;
    padding:0;
    width:98%;
    width:auto; /* xxxx */
    font-size:small;
    font-size:13px;
    background-color:#F9F9F9;
    background-color:#fff;
}

/*--------------------------*/
/* フッター                 */
/*--------------------------*/
.footer{
    clear:both;
    width:100%;
    height:23px;
    margin-top:10px;
    border-style:solid;
    border-color:#ff6600;
    border-color:#4f4f4f;
    border-color:#3B5998;
    border-width:3px 0px 0px 0px;
    background-color:#f0f0f0;
    text-align:center;
    font-size:small;
    font-size:13px;
}

.ft_link{
    padding:3px;
    text-align:center;
    width:100%;
}

.copyright{
    text-align:center;
    padding-top:2px;
    height:10px;
    color:#606060;
}

/*--------------------------*/
/*     ページタイトル         */
/*--------------------------*/
.page_title{
    clear:both;
    box-sizing:border-box;
    width:97%;    /* xxxx */
    /* max-width:1250px; */
    /*`width:auto; */
    height:auto;
    padding:1px 4px 4px 7px;
    margin:4px 8px 1px 8px;
    font-size:110%;
    font-size:14px;
    font-weight:bold;
    background-color:#e7ebf8;
    background-color:#fff;
    /* overflow:hidden;  helpが途切れるので */
    display:inline-block;
    background:url('../images/ico_title.gif') no-repeat;
    background-position:3px 13px;
    background:url('../images/ico_help.png') no-repeat;     /* ★help */
    /* background-position:0 12px;  2017/1/29del */

    /* 2017/1/29 add */
    background:url('../images/ico_title2.png') no-repeat;
    background-size: 17px auto;
    background-position: 0px 12px;
}

/*
.p_large{
    background-position:4px 15px;
}
.page_title .t_large{
    margin-top:10px;
    margin-bottom:0px;
}
*/

.title_text{
    float:left;
    margin-left:12px;
    font-weight:bold;
    font-size:18px;
    margin-top:8px;
    margin-bottom:0px;
}
.title_text_btn{
    float:left;
    margin-top:10px;
    font-weight:bold;
}
.title_command{
    float:left;
    margin-left:20px;
    margin-top:5px;
    margin-bottom:3px;
}



/*--------------------------*/
/*     ページサブタイトル     */
/*--------------------------*/
.page_subtitle{
    margin:3px 0px 3px 0px;
}

.subtitle_text{
    font-weight:bold;
}

/*-------------------------------*/
/*  画面遷移リンク：アイコンのみ */
/*  （aタグに指定）*/
/*-------------------------------*/
.page_link{
    display:inline-block;
    width:20px;
    height:15px;
    vertical-align:middle;
    background-image:url('../images/ico_sublink2.gif');
    background-size:auto 13px;
    background-repeat:no-repeat;
}
.page_link:hover{
    background-image:url('../images/ico_sublink2_hv.gif');
}

/*------------------------------------*/
/*  画面遷移リンク：○○○＋アイコン  */
/*------------------------------------*/
.page_sublink{
    float:left;
    margin:8px 0 0 40px;
    font-weight:normal;
}

.page_sublink .link{
    float:left;
    margin-right:10px;
    font-weight:bold;
    color:#3F6AAB;
    padding:2px 10px 0 10px;
    background-color:#D7E7F3;
/*
    background-color:#F9FBFD;
    border:2px solid #D7E7F3;
*/

    border-radius:20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
.page_sublink .link:hover{
    background-color:#D7E7F3;
}
.page_sublink .link a{
    color:#3F6AAB;
    text-decoration:none;
}
.page_sublink .link a:hover{
    text-decoration:underline;
}
.page_sublink .link a:before{
    content:"";
    display:inline-block;
    width:14px;
    height:15px;
    vertical-align:middle;
    background-image:url('../images/ico_sublink1.gif');
    background-size:auto 13px;
    background-repeat:no-repeat;
    margin-right:1px;
}
.page_sublink .link a[target="_blank"]{
    margin-left:10px;
}
.page_sublink .link a[target="_blank"]:before{
    content:"";
    display:inline-block;
    width:20px;
    height:15px;
    vertical-align:middle;
    background-image:url('../images/ico_sublink2.gif');
    background-size:auto 14px;
    background-repeat:no-repeat;
    margin-right:4px;
}
.page_sublink .link a[target="_blank"]:hover:before{
    background-image:url('../images/ico_sublink2_hv.gif');
}

/*-- 前のデザイン -- */
.page_sublink .link2{
    float:left;
    margin-right:10px;
    font-weight:bold;
    padding:4px 10px;
    background-color:#f0f0f0;
    background-color:#3F6AAB;   /* ★テーマカラー 青系 */

    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.page_sublink .link2 a{
    color:#35479D;
    color:#fff;
    text-decoration:none;
}
.page_sublink .link2 a:hover{
    color:#FF6600;
    color:#fff;
    text-decoration:underline;
}
.page_sublink .link2 a:before{
    content:'\f0c1';
    margin: 0 3px 0 0;
    font-family: FontAwesome;
    vertical-align: middle;
    font-size:12px;
}
.page_sublink .link2 a[target="_blank"]{
    margin-left:10px;
}
.page_sublink .link2 a[target="_blank"]:before{
    content:'\f08e';
    margin: 0 3px;
    font-family: FontAwesome;
    vertical-align: middle;
    font-size:100%;
    font-size:14px;
}

/*--------------------------*/
/*  新規作成/最終更新 表示  */
/*--------------------------*/
/* 入力画面用 */
.page_update_disp{
    float:right;
    font-weight:normal;
    font-size:11px;
    color:#888;
}

/* 一覧画面用 */
td.update_disp{
    line-height:1.3;
    font-size:11px;
}
td.update_disp span{
    color:#666;
    font-size:10px;
}

/*--------------------------*/
/*  開閉検索フレーム        */
/*--------------------------*/
/*-- 検索条件 --*/
#search_frame{
    margin:0 5px ;
}
/* 検索BOX 上書きCSS*/
.ui-accordion .ui-accordion-header {
    padding:4px 0 4px 2.2em !important;
    background:#efefef;
}
.ui-accordion .ui-accordion-content{
    padding:10px 0 10px 16px !important;
    padding:4px 0 4px 4px !important;
}
.ui-widget-content a{
    color:#00e !important;

    color:#000 !important;
    text-align:left;


}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
    font-family: 'Meiryo','メイリオ',sans-serif !important;
}

#search_frame h3:before{
    content:"";
    display:inline-block;
    width:18px;
    height:18px;
    vertical-align:middle;
    background-image:url('../images/ico_search.png');
    background-size:18px 18px;
    background-repeat:no-repeat;
    margin-right:4px;
}
#search_frame .entry{
    background:#efefef;
    margin:0;
    padding:0;
}
/* 検索テーブル */
#search_frame table{
    background-color:#efefef;
    border-collapse:separate;
    border-spacing:4px;
    border:0;
/*
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
*/
}
#search_frame table th,
#search_frame table td{
    height:28px;
    height:24px;
    padding:0;
    background-color:#efefef;
    border-width:0 1px 0 0;
    border-width:0;
}
#search_frame table th{
/*    border-width:0 0 0 1px;
*/
    text-align:center;

    background-color:#dfdfdf;
    border-radius:6px 1px 1px 6px;
    -webkit-border-radius:6px 1px 1px 6px;
    -moz-border-radius:6px 1px 1px 6px;

}
#search_frame table th:first-child{
    border-width:0;
}
#search_frame table th:nth-last-of-type(0),
#search_frame table td:nth-last-of-type(0){
    border-width:0;
}
#search_frame input,
#search_frame select{
    margin:0;
}

/*--------------------------*/
/*    検索ボックス枠          */
/*--------------------------*/
.searchbox{
    width:1012px;
    margin-bottom:10px;
    padding:0px;
    border:1px solid #999999;
}
.searchbox ul{
    padding:0px;
    margin:6px 0px 6px 24px;
    line-height:130%;
    list-style-type:disc;
}

/*--------------------------*/
/* 検索結果                 */
/*--------------------------*/
.search_summary{
    width:98%;
    width:1000px;
    margin:5px 0px 5px 0px;
    padding:6px;
    background-color:#e7ebf8;
    line-height:120%;
}
.search_summary_caption{
    font-weight:normal;
}
.search_summary_value{
    font-weight:bold;
    font-size: 15px;
}

/*--------------------------*/
/*    一覧                    */
/*--------------------------*/
.list{
    clear:both;
}
.list table{
    table-layout:fixed;
    border-collapse:collapse;
    margin-left:6px;
    color:#000000;
    border:1px solid #c0c0c0;
}
.list th{
    padding:3px;
    box-sizing:border-box;
    border:1px solid #c0c0c0;
    color:#000000;
    font-weight:normal;
    background-color:#ddd;
    background-color:#ecf4ef;   /* ★テーマカラー 緑系02 */
    background-color:#d7e7f3;   /* ★テーマカラー 青系01 */

/*    background:url('../images/grid-blue-hd.gif') repeat-x 4px 5px ;
*/
}
.list td{
    border:1px solid #c0c0c0;
    color:#000000;
    padding:3px;
    box-sizing:border-box;
    word-break:break-all;
}
/* 操作 */
.list a.ico_del:hover,
.list a .ico_edit:hover{
    cursor:pointer;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
/* 操作：削除 */
.list a.ico_del{
    display:block;
}
.list .ico_del{
    /* width:16px;
    height:18px; */
    /* background:url("../images/ico_list_del.png") no-repeat; */
    /* background-size:16px 18px; */

    width:13px;
    height:17px;
    background:url("../images/icon_delete_default.svg") no-repeat;
    background-size:13px 17px;
    background-position:center;
    margin:0 auto;
}
.list div.ico_del{
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
}
/* 操作：編集 */
.list a .ico_edit{
}
.list .ico_edit{
    width:16px;
    height:18px;
    background:url("../images/ico_list_hen.png") no-repeat;
    background-size:16px 18px;
    background-position:center;
    margin:0 auto;
}
/* 操作：参照 */
.list .ico_ref{
    width:16px;
    height:18px;
    background:url("../images/ico_list_hen.png") no-repeat; /* 仮 */
    background-size:16px 18px;
    background-position:center;
    margin:0 auto;

    /* 仮(とりあえず、分かりやすくする為） */
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
}

/* リストの奇数行 */]
.row_odd{
    background-color:#ffffff;
}

/* リストの偶数行 */
.row_even{
    background-color:#f3f3f3;
    background-color:#f6f6f6;
}

/* リストの選択行 */
.row_highlight,
.row_highlight_hv{
    background-color: #D7EAF9 !important;
}
.row_highlight td,
.row_highlight_hv td{
    background-color: #D7EAF9 !important;
    color:#000 !important;
}

.row_highlight td a,
.row_highlight_hv td a{
    color:#fff !important;
}


/* リストのリンク */
.list a:link{
    color:#0066CC;
    color:#000099;
    text-decoration:underline;
}
.list a:visited{
    color:#800080;
    text-decoration:underline;
}
.list a:active{
    color:#ff0000;
    text-decoration:underline;
}
.list a:hover{
    color:#ff0000;
    text-decoration:underline;
}

/* 選択リストの行選択状態 */
#list_data tr.list_hover{
    background-color:#3366ff;
}
#list_data tr.list_hover td{
    color:#fff;
}

/* 一覧の復旧リンク */
.rest_link{
    font-weight:bold;
}

/*--------------------------*/
/* タブ関係                 */
/*--------------------------*/
/* タブメニュー 2016/06/27 add */
.tab_menu{
    margin:0 0 0 10px !important;
    margin:0 !important;
    font-size:0 !important;
}
.tab_menu .tab_item{
    display:inline-block;
    border:1px solid #ddd;
    border:1px solid #A2A7AB;
    border-bottom:0;
    background-color:#ddd;
    background-color:#A2A7AB;
    padding:4px 10px;
    padding:4px 10px 4px 28px;
    box-sizing:border-box;
    letter-spacing:1px;
    font-size:13px;
    font-weight:normal;
    letter-spacing:1px;
    margin-right:4px;
    margin-bottom:-1px;

    background-image:url("../images/ico_tab_kihon.png");
    background-repeat:no-repeat;
    background-size:auto 18px;
    background-position:left 6px center;

    -webkit-border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-radius-topleft:6px;
    -moz-border-radius-topright:6px;
}
.tab_menu .tab_item a{
    text-decoration:none;
    color:#000;
    color:#35479D;
    color:#fff;
}
.tab_menu .tab_item a:hover{
    text-decoration:underline;
/*    color:#FF6600;
*/
}
.tab_menu .tab_item.sel{
    background-color:#f9f9f9;
    background-color:#3F6AAB;       /* ★とりあえず、テーマカラー選択（以下で指定） */
    border:1px solid #3F6AAB;
}
.tab_menu .tab_item.sel a{
    color:#FF6600;
    color:#fff;
}

/* タブブロック */
.tab_block{
    width:1120px;
    padding:4px;
    box-sizing:border-box;
    border:1px solid #ddd;
    border-top:10px solid #3F6AAB;      /* ★とりあえず、テーマカラー選択（以下で指定） */
    border-left:5px solid #3F6AAB;     /* ★とりあえず、テーマカラー選択（以下で指定） */
    background-color:#f9f9f9;
    background-color:#fcfcfc;

}
/* オーダー */
.tab_menu.order .tab_item.sel{
    background-color:#4DA735;
    border:1px solid #4DA735;
}
.tab_block.order{
    border-top:10px solid #4DA735;
    border-left:5px solid #4DA735;
}

/* マスタ */
.tab_menu.master .tab_item.sel{
    background-color:#418DC6;
    border:1px solid #418DC6;
}
.tab_block.master{
    border-top:10px solid #418DC6;
    border-left:5px solid #418DC6;
}


/**/
.tab_disp{
    display:block;
}
.tab_nodisp{
    display:none;
}


/*タブ 共通*/
/* del:2016/06/27
.tab_frame{
    clear:both;
    width:98%;
    height:23px;
    margin:5px 0px 0px 11px;
    border-color:#b6b6b6;
    border-color:#498bf4;
    border-style:solid;
    border-width:0px 0px 2px 0px;
}

.tab_item{
    float:left;
    text-align:center;
    vertical-align:middle;
    margin:0px 3px 0px 0px;
    font-size:10.5pt;

    height:15px;
    padding:3px 10px 5px 10px;
    margin:0px 1px 0px 1px;
    background-color:#92BDF1;
    background-color:#849CD0; /
}
.tab_item a{
    padding:3px 0px 0px 0px;
}
*/
/*タブ アクティブ*/
/*
.tab_active{
    color:#000000;
    color:#fff;
    background-color:#498bf4;
}
*/
/*タブ 非アクティブ*/
/*
.tab_inactive{
    color:#808080;
    color:#666;
}
.tab_inactive a:link , .tab_inactive a:visited {
    color:#808080;
    color:#666;
    text-decoration:none;
}
.tab_inactive a:hover,
.tab_inactive a:active{
    color:#000000;
    text-decoration:none;
}
*/

/*--------------------------*/
/* 1行データ                */
/*--------------------------*/
.line_data{
    padding:6px 0px 6px 8px;
    margin:3px 3px 0px 3px;
    line-height:120%;
}

/*--------------------------*/
/* 説明文                     */
/*--------------------------*/
.explanation{
    padding:8px 0px 8px 8px;
    margin:3px 3px 0px 3px;
    font-size:110%;
    font-size:15px;
    line-height:120%;
}

/*--------------------------*/
/* 注意文                     */
/*--------------------------*/
.caution{
    color:#ff0000 !important;
}

/*--------------------------*/
/* 補足文                     */
/*--------------------------*/
.sup{
    font-size:x-small;
    font-size:11px;
    font-weight:normal;
}

/*--------------------------*/
/* エラーメッセージ            */
/*--------------------------*/
.error{
    color:#ff0000;
    font-weight:bold;
}

/*--------------------------*/
/* 横線                     */
/*--------------------------*/
.hline{
    height:8px;
    color:#9999ff;
}

/*--------------------------*/
/* 入力フォーム             */
/*--------------------------*/
.entry{
    margin-top:8px;
    margin-left:6px;
    margin-bottom:8px;
}

.entry ul{
    padding:0px;
    margin-left:16px;
    margin-bottom:8px;
    font-size:90%;
    font-size:12px;
    font-weight:normal;
}

.entry table{
    clear:both;
    table-layout:fixed;
    border-collapse:collapse;
    color:#000000;
    font-size:small;
    font-size:13px;
    border:1px solid #c0c0c0;
}

/* 縦並びフォーム時 */
.entry .vertical th{
    text-align:right;
}

/* 横並びフォーム時 */
.entry .side th{
    text-align:center;
}

.entry th{
    height:23px;
    border:1px solid #c0c0c0;
    color:#000000;
    background-color:#ffffcc;
    background-color:#D1EEFA;
    background-color:#ecf4ef;   /* ★テーマカラー 緑系02 */
    background-color:#d7e7f3;   /* ★テーマカラー 青系01 */
    padding:2px 3px 2px 3px;
    font-weight:normal;
}
.entry tr{
}

.entry tr.div_row th,
.entry tr.div_row td{
    border-top-width: 3px;
    border-top-color: #b7b7b7;
}



.entry td{
    height:23px;
    border:1px solid #c0c0c0;
    color:#000000;
    background-color:#fff;
    background-color:#F5FCFE;
    background-color:#f6f6f6;   /* ★テーマカラー に合わせて */
    padding:3px;
    line-height:100%;
}
.entry .multi-line{
    line-height:140%;
}

/*
.entry td label{
        line-height:140%;
        padding-right:10px;
        padding-left:2px;
}
*/
.entry .attention{
    font-size:9pt;
    font-size:12px;
    padding-left:8px;
}
.entry .divline{
    border-top-width:2.5px;
}
.entry input{
    margin:2px;
}
.entry select{
    margin:2px;
}
.entry textarea{
    margin:2px;
}

/* フォーム内の見出し */
.entry .subtitle_text{
    font-weight:normal;
    font-size:16px;
    vertical-align:top;
}
.entry .subtitle_text:before{
    content:"";
    display:inline-block;
    width:18px;
    height:19px;
    vertical-align:middle;
    background-image:url('../images/ico_subtitle.png');
    background-size:auto 17px;
    background-repeat:no-repeat;
}
.entry .subtitle_text .ex{
    font-weight:normal;
    font-size:12px;
    vertical-align:text-bottom;
}


/*     必須     */
.nece{
    color:#ff0000;
    font-size:90%;
    font-size:12px;
    font-weight:normal;
}

/* 補足 */
.sup_explanation{
    line-height: 1.4;
    font-size: 97%;
}
.sup_explanation.attention{
    color: #1b54ac;
}

.attention{
    color:#3f6aab

}

/* テーブルの余白を小さくする entryと一緒に指定 */
.tiny table td{
    padding:0px;
    padding:0px 2px 0px 2px;
    height:22px;
}

.tiny table th{
    padding:0px 0px 0px 2px;
    height:22px;
}

/* カラーピッカーテーブルの高さが変わってしまうので */
.evo-palette td{
    height:auto !important;

}


/*--------------------------*/
/* リストページャ            */
/*--------------------------*/
.listpager{
/*
    float:right;
*/
    margin:3px 6px 3px 6px;
    text-align:right;
    font-size:105%;
    width:1000px;
}

.listpager .current{
    color:#cc0000;
    font-weight:bold;
    padding-left:2px;
    padding-right:2px;
}

.listpager .rest{
    padding-left:3px;
    padding-right:3px;
}

/*                        */
/*    日付入力用            */
/*    カレンダー            */
div.cal table td{
    border:0px solid #ffffff;
}



/*--------------------------*/
/* 主要なボタン                */
/*--------------------------*/

/* CSV出力や、新規登録ボタン配置の枠 */
button.command,
input.command{
    height:30px;
    padding-left:10px;
    padding-right:10px;
    font-size:110%;
    font-size:14.3px;
}
.command_frame{
    clear:both;
    width:98%;
    height:30px;
    margin-left:10px;
    margin-top:12px;
    margin-bottom:10px;
}
.command_frame_l{
    float:left;width:200px;
}
.command_frame_r{
    float:left;
}



/*--------------------------*/
/* 入力コントロール            */
/*--------------------------*/

/* 入力コントロール共通 */
.io_item{
/*    behavior: url("css/io_item.htc");
*/
    padding-left:3px;
    ime-mode:active;
}

/* jQuery autocomplate コンボボックス */
.custom-combobox-input{
background: #fff !important;
    padding: 1px 4px 0px 4px !important;
    border-color: #a9a9a9 !important;
    border-radius: 0 !important;
    font-family: 'Meiryo','メイリオ','ＭＳ Ｐゴシック', Arial, sans-serif !important;
    font-size: 14px !important;
    color: #000 !important;
}
.custom-combobox-toggle{
    padding: 6px 0px !important;
    margin-top: -3px !important;
}


/* ラジオボタン */
.io_radio{
    margin-right:3px;
}
/* ボタン */
.io_btn{
}

.io_submit{
}


/* 数字入力 */
.txt_num{
    text-align:right;
    padding-right:3px;
    box-sizing:border-box;
    ime-mode:disabled;
}

/* 数字入力 */
.ime_off{
    ime-mode:disabled;
}

/* サブボタン */
.subbtn{
    padding:3px 8px 2px 8px !important;
    box-sizing:border-box;
    margin-left:4px !important;
    text-align:center;
    font-size:10.5pt;
    font-size:14px;
    line-height:normal;

    overflow:visible;   /* ボタン内help表示用 */
}
.subbtn_mini{
    padding:2px 6px 1px 6px;
    box-sizing:border-box;
    margin-left:4px;
    text-align:center;
    font-size:9pt;
    font-size:12px;
    line-height:normal;

    overflow:visible;   /* ボタン内help表示用 */
/*    width: 50px;
    height: 20px;
*/
}
.subbtn,
.subbtn_mini{
    cursor:pointer;
}
/* 新規追加 */
.btn_add,
.btn_entry,
.btn_update{
/*    border:1px solid #EF7E3A;
*/
    border-width:1px;
    background-color:#EF7E3A;   /* オレンジ系 */
    color:#fff;
    padding:3px 14px 2px 30px !important;

    background-image:url('../images/ico_entry.png');
    background-size:20px 20px;
    background-repeat:no-repeat;
    background-position:6px 3px;

    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}
/* 基本的なボタン（登録以外 等） ：★テーマカラー */
.btn_base,
.btn_download,
.btn_search,
.btn_import{
/*    border:1px solid #00A69F;   /* ★テーマカラー 緑系 */
/*    background-color:#00A69F;
/*    border:1px solid #3F6AAB;   /* ★テーマカラー 青系 */

    border-width:1px;
    background-color:#3F6AAB;
    color:#fff;
}
/* 検索 */
.btn_search{
    float:right;
    padding:4px 14px 3px 28px !important;

    background-image:url('../images/ico_search_w.png');
    background-size:16px 1+px;
    background-repeat:no-repeat;
    background-position:6px 4px;
}
#search_frame .btn_download{
    float:right;
}
/* ダウンロード */
.btn_download{
    padding:4px 14px 3px 28px !important;
    background-image:url('../images/ico_dl2.png');

    background-size:14px 14px;
    background-repeat:no-repeat;
    background-position:8px 5px;
}
/* インポート */
.btn_import{
    padding:4px 14px 3px 28px !important;
    background-image:url('../images/ico_ip.png');

    background-size:16px 16px;
    background-repeat:no-repeat;
    background-position:7px 5px;
}
/* アップデート */
.btn_update{
    padding:4px 14px 3px 28px !important;
    background-image:url('../images/ico_update.png');

    background-size:16px 16px;
    background-repeat:no-repeat;
    background-position:7px 5px;
}

/* 基本的なボタン（検索条件クリア、戻る、キャンセル 等） ：グレー系 */
.btn_clear,
.btn_cancel{
/*    border:1px solid #A5A5A5;
*/
    border-width:1px;
    background-color:#A5A5A5;
    color:#fff;

    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}
/* 検索条件クリア */
.btn_clear{
    float:right;
    padding:4px 14px 3px 14px !important;
}
/* ボタンのシャドウ等の処理 */
.btn_clear,
.btn_add,
.btn_entry,
.btn_cancel,
.btn_base,
.btn_download,
.btn_search,
.btn_import,
.btn_update{
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
/*
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.26);
*/
}
.btn_clear:active,
.btn_add:active,
.btn_entry:active,
.btn_cancel:active,
.btn_base:active,
.btn_download:active,
.btn_search:active,
.btn_update:active{
/*
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2);
    transition-delay: 0s;
*/
}

/* ボタンがdisabled時のデザイン */
.btn_base:disabled, .btn_download:disabled{
    background-color:#ccc;
    border-color:#999;
    color:#666;
}

.btn_notice{
    min-width: 70px;
}


/* ----------------------------- */

.grid_reset{
    margin-top:5px;
    margin-left:100px;
    float:left;
    font-size:75%;
}

/* 幅指定 */
.io_max{
    width:97%;
}
.io_xxs{
    width:50px;
}
.io_xs{
    width:120px;
}
.io_s{
    width:150px;
}
.io_m{
    width:260px;
}
.io_l{
    width:400px;
}
.io_xl{
    width:500px;
}
.io_xxl{
    width:900px;
}

/* 幅指定：郵便番号*/
.io_post{
    width:70px;
}
/* 幅指定：日付*/
.io_date{
    width:86px;
}
/* 幅指定：金額（99,999）*/
.io_money5{
    width:58px;
}
/* 幅指定：金額（999,999）*/
.io_money6{
    width:70px;
}
/* 幅指定：金額（9,999,999）*/
.io_money7{
    width:79px;
}
/* 幅指定：金額（99,999,999）*/
.io_money8{
    width:87px;
}

/* 内容表示領域 */
.span_bg{
    background-color:#eee;
    padding:0 4px;
}

/*--------------------------*/
/* 労働条件通知書関係 */
/*--------------------------*/
/* 幅指定：労働条件PDFに合わせた見出し幅（上部） */
.employ_setting textarea.io_title{
    width:142px;
}
/* 幅指定：労働条件PDFに合わせた見出し幅（勤務詳細） */
.employ_setting textarea.io_title_wd{
    width:100px;
}
/* 初期値共通 */
.employ_setting .io_max{
    width:98%;
    max-width:98%;
}
/* 表示例 */
.employ_setting .ex{
    font-size:12px;
    color:#444;
}
/* 日付 */
.employ_setting .employ_date{
    text-align:right;
    float:right;
}
/* タイトル */
.employ_setting .employ_title{
    text-align:center;
    font-size:18px;
}
/* 雇用者 */
.employ_setting .employer{
    width:300px;
    float:right;
}
/* スタッフ名 */
.employ_setting tr.staff_name span{
    font-size:11px;
}
.employ_setting tr.staff_name .staff{
    text-decoration:underline;
}




/*--------------------------*/
/* カレンダー                */
/*--------------------------*/
.cal{
}

.cal table{
    clear:both;
    border-collapse:collapse;
    color:#000000;
    font-size:small;
    border:1px #c0c0c0 solid;
    width:100%;
}
.cal th{
    height:23px;
    border:1px #c0c0c0 solid;
    color:#000000;
    background-color:#ffffcc;
    padding:2px 2px 2px 5px;
    font-weight:normal;
    text-align:left;
}
.cal tr{
}
.cal td{
    height:23px;
    border:1px #c0c0c0 solid;
    color:#000000;
    padding:3px;
    line-height:100%;
}

/* 本日リンク */
.today_link{
    font-size:x-small;
    color:blue;
}


/*--------------------------*/
/* ラベル                    */
/*--------------------------*/
/* ラベル 2文字*/
.label_str2{
    display:block;
    float:left;
    line-height:140%;
    padding-left:2px;
    width:60px;
}
/* ラベル 3文字*/
.label_str3{
    display:block;
    float:left;
    line-height:140%;
    padding-left:2px;
    width:76px;
}
/* ラベル 4文字*/
.label_str4{
    display:block;
    float:left;
    line-height:140%;
    padding-left:2px;
    width:80px;
}
/* ラベル 5文字*/
.label_str5{
    display:block;
    float:left;
    line-height:140%;
    padding-left:2px;
    width:90px;
}

/* ラベル ラジオボタン*/
.label_radio{
    display:block;
    float:left;
    padding-left:2px;
    padding-right:10px;
}

/* ラベル チェックボックス(縦)*/
.label_chk{
    display:block;
    line-height:140%;
    padding-left:2px;
    padding-right:10px;
}


/*--------------------------*/
/* メッセージ変数リスト     */
/*--------------------------*/

/* 変数ブロック：タイトル */
.frame .variable_title{
    max-width: 224px;
    max-width: 264px;
    font-size: 117%;
    text-align: center;
    font-weight: bold;
    margin-bottom: 9px;

}

/* 変数リスト:タイトル */
.frame .list_box_com{
    margin-bottom: 8px;
}

/* 変数リストボックスの調整 */
.frame .list_box select.variable_list{
    width:265px;
    min-height: 60px;
    max-height: 280px;
    resize: vertical;
}




/****************************************/
/*                                        */
/*    画面個別                            */
/*                                        */
/****************************************/
/* 表示位置 */
.dsp_l{
    text-align:left;
    margin-left:3px;
}
.dsp_r{
    text-align:right;
    margin-right:3px;
}
.dsp_c{
    text-align:center;
}

/* メールアドレス状態 */
.mail_no{
    color:red;
    line-height:140%;
}
.mail_ok{
    color:green;
    line-height:140%;
}

/* 土曜日 */
.day_sat{
    color:#3366cc !important;
}
/* 日曜日 */
.day_sun{
    color:#cc0000 !important;
}

/* 退職データ */
.txt_retire td{
    color:#999 !important;
}

//////////////
/*赤太字 */
.txt_attention{
    font-weight:bold;
    color:#ff0000;
}

/* メールテンプレート選択 */
.link_cate{
    clear:both;
    font-weight:normal;
    margin-top:8px;
    margin-bottom:8px;
    padding:1px 1px 1px 3px;
    background-color:#e7ebf8;
}

.link_item_frame{
    clear:both;
    margin-left:20px;
}


/* IE6にだけ適用 */
* html .link_item{
    width:280px;
}

.link_item{
    height:20px;
    min-width:280px;

    margin-left:8px;
    padding:0px 1px 0px 3px;
    margin:0px 1px 0px 8px;
    float:left;
    word-wrap:normal;
    word-break:keep-all;
    white-space: nowrap;
}


/* スケジュール画面　表下部のサイズ変更バー */


#schedule_order .ui-resizable-s,
#schedule_staff .ui-resizable-s{
    bottom: 0px !important;
    left: 0;
    background-color: #ccc;
    border: 1px solid #999;

    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */

}
/* 右下のリサイズハンドル非表示 */
#schedule_order ..ui-resizable-se,
#schedule_staff ..ui-resizable-se
{
    display:none !important;
}


/*-----スタッフ日報入力設定のテーブル--------*/

/* 階層ありのテーブル：1階層目th
-----------------------------
|1階層目th_1_1
|        ---------------------
|th_1_2  |  2階層目  |

 */
.table_th_1_1{
    border-bottom: none !important;
    text-align: left !important;
    padding-left: 19px !important;
    padding-bottom: 0 !important;
    box-sizing: border-box;
    vertical-align: bottom;
}

.table_th_1_2{
    border-top: none !important;
}



/*  ------------------------------------------ */
/*-- ヘルプツールチップ  --*/
/* タイトル部ヘルプ */
.help.title{
    float:left;
    margin:15px 0 0 10px;
}
/* 項目ヘルプ */
.help:before{
/* 8/25画像に変更
    content:'\f059';
    margin:0 0 0 4px;
    font-family: FontAwesome;
    font-size:13px;
    vertical-align: middle;
    color:#999;
*/
    content:"";
    display:inline-block;
    width:12px;
    height:12px;
    vertical-align:middle;
    background-image:url('../images/ico_help.png');
    background-size:12px 12px;
    background-repeat:no-repeat;
}
.help.ico_info:before{
    background-image:url('../images/ico_info.png');
}
/* キャンセル（解除含む）ボタンにあるhelpアイコンに丸線付与 */
.btn_cancel .help:before{
    border:1px solid #ddd;
    border-radius:20px;
}
.help{
    position:relative;
    font-weight:normal;
}
.help:hover{
    cursor:pointer;

    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}
/* 吹き出しのマウス移動する際に、非表示になるのを防止する為。 add 20230314*/
.help:hover:after{
    content:"";
/*    width:200px;
    border-bottom:30px solid red;*/
    width:60px;
    border-bottom:30px solid transparent;
    position:absolute;
    top:15px;
    left:-20px;
    z-index:100;
}
.help.bottom_l:hover:after{
/*    left:-170px;*/
    left:-30px;
}
.help.top_r:hover:after{
    top:-22px;
}
.help.top_l:hover:after{
    top:-22px;
/*  left:-170px;*/
    left:-30px;
}

.help div{
    display:none;

/* 吹き出し内にアイコン表示
    background-image:url('../images/ico_help2.png');
    background-size:12px 12px;
    background-repeat:no-repeat;
    background-position:6px 11px;
    padding-left:23px !important;
*/
}
/* 基本は右下に配置（吹き出しは左上） */
.help:hover div{
    display:block;
    position:absolute;
    top:38px;
    left:-20px;
    background-color: #51A2C1;
    background-color: orange;
    background-color:#fff;
    color:#000;
    padding: 10px;
    box-sizing:border-box;
    border:2px solid #3F6AAB;
    border-radius:3px;
    line-height:1.3;
    font-size:13px;
    z-index:100;
    z-index:110;

    /* 幅はコンテンツ依存 */
    width:auto;
    white-space: nowrap;
}
/* 左下に配置（吹き出しは右上） */
.help.bottom_l:hover div{
    right:-20px;
    left:auto;
}
/* 左上に配置（吹き出しは右下） */
.help.top_l:hover div{
    top:-58px;
    top:auto;
    bottom:36px;
    right:-20px;
    left:auto;
}
/* 右上に配置（吹き出しは左下） */
.help.top_r:hover div{
    top:-58px;
    top:auto;
    bottom:36px;
    right:auto;
    left:-20px;
}
/* 右横に配置（吹き出しは左横） */
.help.right:hover div{
    top:-10px;
    bottom:auto;
    left:30px;
    right:auto    ;
}

/* フキダシ部分を作成 */
.help:hover div:before{
    content:'';
    display:block;
    position:absolute;
    height:0;
    width:0;
    top:-45px;
    left:20px;
/*
    border:10px transparent solid;
    border-right-width:0;
    border-left-color:#51A2C1;
    border-left-color:orange;
    border-left-color:#3F6AAB;
*/
    border:1px solid transparent;
    border-width:22px 8px;
    border-bottom-color:#3F6AAB;

/*
    border-left-color:#3F6AAB;
    transform:rotate(270deg);
    -webkit-transform:rotate(270deg);
    -o-transform:rotate(270deg);
*/
    z-index:100;
    z-index:110;
}
.help:hover div:after{
    content:'';
    display:block;
    position:absolute;
    height:0;
    width:0;
    top:-38px;
    left:20px;

/*
    border:10px transparent solid;
    border-right-width:0;
    border-left-color:#fff;
*/
    border:1px solid transparent;
    border-width:22px 8px;
    border-bottom-color:#fff;
/*
    border-left-color:#fff;
    transform:rotate(270deg);
    -webkit-transform:rotate(270deg);
    -o-transform:rotate(270deg);
*/
    z-index:100;
    z-index:110;
}
/* フキダシ部分を作成：左下に配置 */
.help.bottom_l:hover div:before{
    left:auto;
    right:13px;
}
.help.bottom_l:hover div:after{
    left:auto;
    right:13px;
}
/* フキダシ部分を作成：左上に配置 */
.help.top_l:hover div:before{
    top:37px;
    top:auto;
    bottom:-22px;
    left:auto;
    right:15px;
    border-top-color:#3F6AAB;
    border-bottom:0;
}
.help.top_l:hover div:after{
    top:31px;
    top:auto;
    bottom:-16px;
    left:auto;
    right:15px;
    border-top-color:#fff;
    border-bottom:0;
}
/* フキダシ部分を作成：右上に配置 */
.help.top_r:hover div:before{
    top:37px;
    top:auto;
    bottom:-22px;
    left:20px;
    right:auto;
    border-top-color:#3F6AAB;
    border-bottom:0;
}
.help.top_r:hover div:after{
    top:31px;
    top:auto;
    bottom:-16px;
    left:20px;
    right:auto;
    border-top-color:#fff;
    border-bottom:0;
}
/* フキダシ部分を作成：右横に配置 */
.help.right:hover div:before{
    top:auto;
    bottom:6px;
    left:-20px;
    right:auto;
    border-top-color:#3F6AAB;
    border-bottom:0;
    transform:rotate(90deg);
}
.help.right:hover div:after{
    top:auto;
    bottom:6px;
    left:-15px;
    right:auto;
    border-top-color:#fff;
    border-bottom:0;
    transform:rotate(90deg);
}



/* ------------------------------------------------*/
/* メールポップアップ */

.icon_mail{
    display:inline-block;
    width:18px;
    height:16px;
    vertical-align:middle;
    background-image:url('../images/ico_mail.png');
    background-size:18px 14px;
    background-repeat:no-repeat;
}
.icon_mail:hover{
    cursor:pointer;

    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;

}

.mail_popup{
    position: absolute;
    font-weight: normal;
    z-index: 99999;
}

.mail_popup  .outside{
    display:block;
}

/* 基本は右下に配置（吹き出しは左上） */
.mail_popup .outside{
    display:block;
    position:absolute;
    top:8px;
    left:1px;
    height:20px;
    width:270px;
}
.mail_popup .outside .frame{
    display:block;
    position:absolute;
    top:38px;
    top:20px;
    left:-20px;
    background-color: #51A2C1;
    background-color: orange;
    background-color:#fff;
    color:#000;
    padding: 10px;
    box-sizing:border-box;
    border:2px solid #3F6AAB;
    border-radius:3px;
    z-index:100;
    line-height:1.3;
    font-size:13px;

    /* 幅はコンテンツ依存 */
    width:auto;
    white-space: nowrap;
}
/* 左下に配置（吹き出しは右上） */
.mail_popup.bottom_l .outside{
    right:7px;
    left:auto;
    bottom:auto;
}
.mail_popup.bottom_l .outside .frame{
    right:-20px;
    left:auto;
}
/* 左上に配置（吹き出しは右下） */
.mail_popup.top_l .outside{
    top:-15px;
    right:1px;
    left:auto;
}
.mail_popup.top_l .outside .frame{
    top:-58px;
    top:auto;
    bottom:36px;
    bottom:20px;
    right:-16px;
    left:auto;
}
/* 右上に配置（吹き出しは左下） */
.mail_popup.top_r .outside{
    top:-15px;
    right:auto;
    left:1px;
}
.mail_popup.top_r .outside .frame{
    top:-58px;
    top:auto;
    bottom:36px;
    bottom:20px;
    right:auto;
    left:-20px;
}

/* フキダシ部分を作成 */
.mail_popup .outside .frame:before{
    content:'';
    display:block;
    position:absolute;
    height:0;
    width:0;
    top:-45px;
    top:-30px;
    left:20px;

    border:1px solid transparent;
    border-width:22px 8px;
    border-width:14px 6px;
    border-bottom-color:#3F6AAB;

    z-index:100;

/*matsumoto
    top: -45px;
    left: 20px;
    border: 1px solid transparent;
    border-width: 14px 7px;
*/
}
.mail_popup .outside .frame:after{
    content:'';
    display:block;
    position:absolute;
    height:0;
    width:0;
    top:-38px;
    top:-25px;
    left:20px;

    border:1px solid transparent;
    border-width:22px 8px;
    border-width:14px 6px;
    border-bottom-color:#fff;

    z-index:100;
}
/* フキダシ部分を作成：左下に配置 */
.mail_popup.bottom_l .outside .frame:before{
    left:auto;
    right:13px;
}
.mail_popup.bottom_l .outside .frame:after{
    left:auto;
    right:13px;
}
/* フキダシ部分を作成：左上に配置 */
.mail_popup.top_l .outside .frame:before{
    top:37px;
    top:auto;
    bottom:-22px;
    bottom:-16px;
    left:auto;
    right:15px;
    border-top-color:#3F6AAB;
    border-bottom:0;

/*matsumoto
    bottom: -14px;
    left: auto;
    right: 16px;
*/
}
.mail_popup.top_l .outside .frame:after{
    top:31px;
    top:auto;
    bottom:-16px;
    bottom:-12px;
    left:auto;
    right:15px;
    border-top-color:#fff;
    border-bottom:0;

/*matsumoto
    bottom: -10px;
*/
}
/* フキダシ部分を作成：右上に配置 */
.mail_popup.top_r .outside .frame:before{
    top:37px;
    top:auto;
    bottom:-22px;
    bottom:-16px;
    left:20px;
    right:auto;
    border-top-color:#3F6AAB;
    border-bottom:0;
}
.mail_popup.top_r .outside .frame:after{
    top:31px;
    top:auto;
    bottom:-16px;
    bottom:-12px;
    left:20px;
    right:auto;
    border-top-color:#fff;
    border-bottom:0;
}


/* メールリスト */
.mail_popup  .outside .frame ul li:before{
    content:"・";
    margin-left:8px;
    line-height:1.5;
}




/* ------------------------------------------------*/
/* メモポップアップ */

.icon_memo{
    display:inline-block;
    width:18px;
    height:16px;
    vertical-align:middle;
/*    background-image:url('../images/ico_mail.png');*/
/*    background-size:18px 14px;*/
/*    background-repeat:no-repeat;*/
}

.icon_memo:before{
    font-family: "Font Awesome\ 5 Free";
    content:"\f303";    /* NG:ペンシル ←　Font Awesome\ 5 Free の指定ならOK！ */
    font-size:13px;
    font-weight: 900;
    color:#333;
}

.icon_memo:hover{
    cursor:pointer;
    text-decoration:none !important;

    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;

}

.memo_popup{
    position: absolute;
    font-weight: normal;
    z-index: 99999;
}

.memo_popup  .outside{
    display:block;
}

/* 基本は右下に配置（吹き出しは左上） */
.memo_popup .outside{
    display:block;
    position:absolute;
    top:8px;
    left:1px;
    height:20px;
    width:270px;
    width:auto;
    min-width:400px;
}
.memo_popup .outside .frame{
    display:block;
    position:absolute;
    top:38px;
    top:20px;
    left:-20px;
    background-color: #51A2C1;
    background-color: orange;
    background-color:#fff;
    color:#000;
    padding: 10px;
    box-sizing:border-box;
    border:2px solid #3F6AAB;
    border-radius:3px;
    border-radius:10px;


    z-index:100;
    line-height:1.3;
    font-size:13px;

    /* 幅はコンテンツ依存 */
    width:auto;
/*    white-space: nowrap; */

    max-width:600px;
    min-width:100px;

}
/* 左下に配置（吹き出しは右上） */
.memo_popup.bottom_l .outside{
    right:7px;
    left:auto;
    bottom:auto;
}
.memo_popup.bottom_l .outside .frame{
    right:-20px;
    left:auto;
}
/* 左上に配置（吹き出しは右下） */
.memo_popup.top_l .outside{
    top:-15px;
    right:1px;
    left:auto;
}
.memo_popup.top_l .outside .frame{
    top:-58px;
    top:auto;
    bottom:36px;
    bottom:20px;
    right:-16px;
    left:auto;
}
/* 右上に配置（吹き出しは左下） */
.memo_popup.top_r .outside{
    top:-15px;
    right:auto;
    left:1px;
}
.memo_popup.top_r .outside .frame{
    top:-58px;
    top:auto;
    bottom:36px;
    bottom:20px;
    right:auto;
    left:-20px;
}

/* フキダシ部分を作成 */
.memo_popup .outside .frame:before{
    content:'';
    display:block;
    position:absolute;
    height:0;
    width:0;
    top:-45px;
    top:-30px;
    left:20px;

    border:1px solid transparent;
    border-width:22px 8px;
    border-width:14px 6px;
    border-bottom-color:#3F6AAB;

    z-index:100;

/*matsumoto
    top: -45px;
    left: 20px;
    border: 1px solid transparent;
    border-width: 14px 7px;
*/
}
.memo_popup .outside .frame:after{
    content:'';
    display:block;
    position:absolute;
    height:0;
    width:0;
    top:-38px;
    top:-25px;
    left:20px;

    border:1px solid transparent;
    border-width:22px 8px;
    border-width:14px 6px;
    border-bottom-color:#fff;

    z-index:100;
}
/* フキダシ部分を作成：左下に配置 */
.memo_popup.bottom_l .outside .frame:before{
    left:auto;
    right:13px;
}
.memo_popup.bottom_l .outside .frame:after{
    left:auto;
    right:13px;
}
/* フキダシ部分を作成：左上に配置 */
.memo_popup.top_l .outside .frame:before{
    top:37px;
    top:auto;
    bottom:-22px;
    bottom:-16px;
    left:auto;
    right:15px;
    border-top-color:#3F6AAB;
    border-bottom:0;

/*matsumoto
    bottom: -14px;
    left: auto;
    right: 16px;
*/
}
.memo_popup.top_l .outside .frame:after{
    top:31px;
    top:auto;
    bottom:-16px;
    bottom:-12px;
    left:auto;
    right:15px;
    border-top-color:#fff;
    border-bottom:0;

/*matsumoto
    bottom: -10px;
*/
}
/* フキダシ部分を作成：右上に配置 */
.memo_popup.top_r .outside .frame:before{
    top:37px;
    top:auto;
    bottom:-22px;
    bottom:-16px;
    left:20px;
    right:auto;
    border-top-color:#3F6AAB;
    border-bottom:0;
}
.memo_popup.top_r .outside .frame:after{
    top:31px;
    top:auto;
    bottom:-16px;
    bottom:-12px;
    left:20px;
    right:auto;
    border-top-color:#fff;
    border-bottom:0;
}

/* 管理メモ枠 */
#memo_popup_memo_text{
    border: 1px solid #999;
    padding: 4px;
    border-radius: 4px;

}

/* 日別枠 */

#memo_popup_daily_frame{
    border: 1px solid #999;
    padding: 4px;
    border-radius: 4px;

}

#memo_popup_daily_frame hr{
    margin:3px 0 3px 0;

}


#memo_popup_schedule_date{

}

#memo_popup_daily_status_text{
    display: inline-block;
    padding: 4px;
}

#memo_popup_schedule_date{
    display:inlie-box;
    font-weight:bold;
}



/*  ------------------------------------------ */
/* コードから取得した名称等の表示欄 */
div.disp_box{

    line-height: 26px;
    background: #e6e6e6;
    padding: 0px 4px;
    min-height:24px;

}

/*----------------------------------*/
/*  一覧スクロールテーブル（4分割） */
/*----------------------------------*/
.all_list{
    width:100%;
    max-width:100%;
    min-width:1280px;
    display:inline-block;
}
.list1,
.list2{
    float:left;
    display:inline-block;
    background-color:#ffffff;
}
.list1{
    border-right:1px solid #828282;    /* 左右区切り線 */
}
.list2{
/*  min-width:個別指定 */
/*  min-height:個別指定 */
}
.list1 table{
/*  width:個別指定 */
    /* overflow-y:hidden;   help表示の為、解除 20161108 */

    margin-left:0;
}
.list2 table{
/*  width:個別指定 */
    overflow-y:scroll;
    margin-left:0;
}

#list2{
/* 幅自動調整の為だけ用意 */
}

#tbl_hd1{
/*  width:個別指定 */
    margin-left:6px;
    /* overflow:hidden; help表示の為、解除 20161108 */
}
#tbl_data1{
/*    margin-top:-1px;  区切り線対応*/
    margin-top:0px;
    margin-left:6px;
/*  width:個別指定 */
    height:100%;
    max-height:100%;
    min-height:80px;
    overflow-y:hidden;
    overflow-x:scroll;
}
#tbl_data1 table tr{
    background-color:#ffffff;
}
#tbl_data1 table td{
}

#tbl_hd2{
/*  width:個別指定 */
/*  min-width:個別指定 */
    overflow:hidden;
}
#tbl_data2{
/*    margin-top:-1px;  区切り線対応*/
    margin-top:0px;

/*  width:個別指定 */
/*  min-width:個別指定 */

    height:100%;
    max-height:100%;
    min-height:80px;
    overflow-y:scroll;
    overflow-x:scroll;
}
#tbl_data2 table tr{
    background-color:#ffffff;
}

/* 区切り線を太くする為の処置 */
#tbl_hd1 table tbody tr,
#tbl_hd2 table tbody tr{
    border-bottom:2px solid #c0c0c0;    /* 上下区切り線 */
}
#tbl_data1 table tbody tr,
#tbl_data2 table tbody tr,
#tbl_data1 th,
#tbl_data2 th,
#tbl_data1 td,
#tbl_data2 td{
    border-top:0;
}

/* 左右区切り線対応 */
#tbl_hd2 table tr,
#tbl_hd2 th,
#tbl_hd2 td,
#tbl_data2 table tr,
#tbl_data2 th,
#tbl_data2 td{
    border-left:0;
}



/*  ------------------------------------------ */
/*-- jQuery UI のデフォルト変更  --*/
.ui-accordion .ui-accordion-content {
/* 2017/1/10:閉じる際に中身が表示されたままになるので、コメントアウト。
    overflow: visible !important;
*/

}


/*  ------------------------------------------ */
/* グリッド */

/* 読み取り専用  ※セルの選択状態よりも強く　*/
table.pq-grid-table tbody tr td.cell_disabled{
    background-color:#e2e1e1 !important;
    text-shadow: 0 1px 0 #fff;

}

/* リッチエディタ2 */
table.pq-grid-table td .btn_edit_richedit{
    margin-bottom:2px;
}
/* リッチエディタ利用セル */
table.pq-grid-table {
    height:1px;
}

table.pq-grid-table td.cell_richedit {
    vertical-align: top;
    height:100%;
}

table.pq-grid-table td.cell_richedit div.content{
    height:100%;


/*
    width: 100%;
    border: 1px solid #d8d8d8;
    min-height: 16px;
    background: #fbfbfb;
    padding: 1px;
*/
}



.pq_grid table td{
    height: auto !important;


}

..pq_grid table{
    clear:both;
    table-layout:aaa;
    border-collapse:collapse;
    color:#000000;
    font-size:small;
    font-size:13px;
    border:1px solid #c0c0c0;
}

.pq_grid table th{
    height:auto;
    border:0;
    color:#000000;
    background-color:#ffffcc;
    background-color:#D1EEFA;
    background-color:#ecf4ef;   /* ★テーマカラー 緑系02 */
    background-color:#d7e7f3;   /* ★テーマカラー 青系01 */

    padding:2px 3px 2px 3px;
    font-weight:normal;
}
.pq_grid table  tr{
}
.pq_grid table  td{
    height:auto;
    border:1px solid #c0c0c0;
    color:#000000;
    background-color:#fff;
    background-color:#F5FCFE;
    background-color:#f6f6f6;   /* ★テーマカラー に合わせて */
    background-color:initial;
    padding:3px;
    line-height:100%;
}


tr.pq-grid-oddRow > td.pq-state-select,
tr.pq-grid-oddRow.pq-state-select{
    background-color:inherit !important;

}

.pq-state-select.ui-state-highlight{
    background-color:inherit !important;


}

/* 読み取り専用セル ※セルの選択状態よりも強く */
table.pq-grid-table tbody tr td.col_readonly{
    /* color: #666; */
    background-color: #e2e1e1 !important;
    text-shadow: 0 1px 0 #fff;

    /* text-shadow: 1px 1px 8px #317af3; */
    /* box-shadow: 1px 1px 3px #d2d2d2 inset; */

}

/* 時刻欄 */
.pq-grid-table .cell_time{
    color: #059500;

}

/* 承認 */
.pq-grid-table .completed{
    color: #059500;
}
/* 未承認 */
.pq-grid-table .uncomplete{
    color: #cc0000;
}

/* オーダー管理 場所情報 */
.pq-grid-table .location_info .js-cell_ritchedit{
    max-height: 120px;
    overflow-y: auto;
}


/* オーダー管理 その他連絡 */
.pq-grid-table .other_connection .js-cell_ritchedit{
    max-height: 120px;
    overflow-y: auto;
}

/* サマリー行 */
.pq-grid-summary table tr td{
    background-color: #e2e1e1 !important;

}

/* 行背景色設定 */
tbody tr.pq-grid-row {
    background: #f5f5f5;
    color: #333;
}

/* 奇数行を背景白へ */
tbody tr.pq-grid-oddRow {
    background: #fff;
}


/* ブロックUIのメッセージ */
.blockUI.blockMsg{
    padding:12px !important;
    border-radius: 8px !important;

}

.blockUI.blockOverlay{
    opacity:0.5 !important;
    /* background-color:#fff !important; */

}
/*-------------------------------------*/
/* ダイアログ                          */
/*-------------------------------------*/
/* gridの全画面モードで背面に行くため設定 */
/*.ui-dialog { z-index: 10000 !important ;} */


/*-------------------------------------*/

/* ダイアログの親要素 */
/* スクロールでズレないようにする為と、グリッドの全画面対応 */
#dialog_parent{
    position:absolute !important ;
    z-index: 1100;
}

.ui-datepicker{
    z-index: 1200 !important ;


}


/*-------------------------------------*/
/* 求人関連　流れ                      */
/*-------------------------------------*/
div.rec_flow{
    display: flex;
    margin-left: 6px;
}
div.rec_flow .item{
    border: 2px solid #eaeaea;
    padding: 5px 10px;
    box-sizing: border-box;
    font-size: 14px;
    min-width: 190px;
    text-align: center;
    letter-spacing: 0.06em;
    margin-bottom: 10px;
}
div.rec_flow .item a{
    color:#000;

}
div.rec_flow .item a:hover{
    color:#f00;
}

div.rec_flow .item.active{
    background: #4da735;
    color: #fff;
    border: #4da735 solid 2px;
}

div.rec_flow .item.active a{
    color: #fff;
    text-decoration:none;
}


div.rec_flow .arrow{
    width: 30px;
    background: url(../images/arrow.png) no-repeat;
    background-size: 10px auto;
    background-position: 17px 13px;
}

/* スタッフのデフォルト画像 */
div.default_staff_key_image{
    width: 100%;
    /* height: 100px; */
    height: 40px;
    background: url(../images/key_default_img.png) no-repeat;
    /* background-size: 100px auto; */
    background-size: contain;
    background-position: center;

}
/* 表示切替ボタン */
#select_mode_area{

}
#select_mode_area{
    display: flex;
    /* gap: 0px 40px; */
    align-items: center;
    margin-bottom: 10px;
}
#select_mode_area input[type=checkbox],
#select_mode_area input[type=radio]{
    display: none;
}
#select_mode_area input[type=checkbox] + label,
#select_mode_area input[type=radio] + label{
    display: inline-block;
    height: 24px;
    box-sizing: border-box;
    text-align: center;
    line-height: 24px;
    border: 1px solid #7fc58e;
    background-color: #f7fffa;
    border-radius: 12px;
    color: #55ac68;
    padding: 0 12px;
    cursor: pointer;
}
#select_mode_area input[type=checkbox]:checked + label,
#select_mode_area input[type=radio]:checked + label{
    color: #fff;
    background: #55ac68;
    border: 0px solid red;
}
/* スタッフ　キー画像 */
.staff_key_img_disp{
    margin: 4px 0;
}
.staff_key_img_disp img,
.staff_key_img_disp .default_staff_key_image{
    display: block;
    margin: 0 auto;
    object-fit: contain;
    max-width: 150px;
    max-width: 100%;
}
/* トグルボタン　見た目（共通） */
/* トグルボタン */
.btn_toggle_title{
    font-size: 12px;
    text-align: center;
    width: 100%;
}
.toggle_container{
    width: fit-content;
    margin: 0;
    /* padding-right: 10px; */
    box-sizing: border-box;
    transition: 0.3s;
    /* border: 1px solid red; */
    /* 右下固定 */
    /* position: fixed;
    bottom: 72px;
    right: 10px;
    z-index: 100;
    opacity: 0.6; */
}
.toggle_container input[type=checkbox]{
  display: none;
}

.toggle_container label>input[type=checkbox]~span{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 49px;
  height: 24px;
  font-size: 13px;
  border-style: none;
  border-radius:12px;
}
/* ONの時 */
.toggle_container label>input[type=checkbox]:checked+.on{
  display: flex;

  padding-left: 11px;
  color: #fff;
  background-color: #B31812;
  background-color: #35479D;
}
.toggle_container label>input[type=checkbox]:checked+.on+.off{
  display: none;
}
/* OFFの時 */
.toggle_container label>input[type=checkbox]+.on{
  display: none;
}
.toggle_container label>input[type=checkbox]+.on+.off{
  display: flex;

  padding-right: 11px;
  color: #fff;
  background-color: #7C7C7C;

}
/* 丸ボタン */
.toggle_container label>input[type=checkbox]:checked+.on::after,
.toggle_container label>input[type=checkbox]+.on+.off::before{
  display: inline_block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin: 3px;
  border-radius: 50%;
  background-color: #fff;
  content: "";

}
.toggle_container .toggle input+ label{
    box-sizing: border-box;
    display: block;
    width: 60px;
    width: 80px;
    width: 72px;
    /* height: 24px; */
    height: 28px;
    background: #858585;
    border-radius: 16px;
    position: relative;
    margin: 0;
}
.toggle_container .toggle label .circle{
    display: inline-block;
    /* width:18px; */
    /* width: 20px; */
    /* height: 18px; */
    /* height: 20px; */
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 50%;

    position: absolute;
    top: 3px;
    top: 4px;
    left: 3px;
    left: 6px;
    transition: 0.2s;
  }

.toggle_container .toggle input[type="checkbox"]{
    /* display: none; */
  }
.toggle_container .toggle input[type="checkbox"] + label .off_on::after{
    /* content: "OFF"; */
    content: "OFF";
    font-size: 12px;
    color: #fff;
    position: absolute;
  /*   bottom: 0px; */
    top: 50%;
    left: 23px;
    left: 21px;
    transform: translateY(-50%);
    padding-top: 1px;
    width: 42px;

    line-height: 32px;
    /* line-height: 29px; */
  }
 .toggle_container .toggle input[type="checkbox"]:checked + label .off_on::before{
    /* content: "ON"; */
    content: "ON";
    font-size: 12px;
    color: #fff;
    position: absolute;
  /*   bottom: 0px; */
    top: 50%;
    transform: translateY(-50%);
    right: 22px;
    right: 11px;
    right: 8px;
    /* right: 32px; */
    padding-top: 1px;
    width: 42px;

    line-height: 32px;
  }
/* ONの時の白●の位置 */
.toggle_container .toggle input[type="checkbox"]:checked + label .circle{
    left: auto;
    right: 22px;
    right: 41px;
}
.toggle_container .toggle input[type="checkbox"]:checked + label .off_on::after{
    display: none;
  }
.toggle_container .toggle input[type="checkbox"]:checked + label{
      background: #B31812;
      background: #35479D;
      background: #3F6AAB;
  }
.toggle_container .toggle input[type="checkbox"]:checked + label span{
     transform      : translateX(36px);
     transition: 0.2s;
  }
  /* 無効時 */
.toggle_container .set_block.disabled .toggle input[type="checkbox"] + label,
.toggle_container .set_block.disabled .toggle input[type="checkbox"]:checked + label{
      background: #c0c0c0;
  }
.toggle_container .toggle.disabled label .circle{
      background: #969696;
  }
.toggle_container .set_block.disabled .toggle input[type="checkbox"] + label .off_on::before,
.toggle_container .set_block.disabled .toggle input[type="checkbox"]:checked + label .off_on::before{
      color: #969696;
  }

  /* スケジュール管理、スタッフスケジュール、スタッフダイアログ */
.btn_key_image_change{
    display: flex;
    align-items: center;
}
.btn_key_image_change .toggle_container .toggle input[type="checkbox"]:checked + label .off_on::before{
    content: '\8868\793A';
    /* 表示 */
}
.btn_key_image_change .toggle_container .toggle input[type="checkbox"] + label .off_on::after{
    content:'\975E\8868\793A';
    /* 非表示 */
}

/* 通知ダイアログ　件名 */
#dlg_send_message .subject_title{
    padding: 8px 0;

}
#dlg_send_message .subject_title #txt-subject{
    background-color: #ececec;
    padding: 2px 4px;
    font-weight: bold;
    color: #333;
}
/* 請求明細登録 */
.subtitle_text .entry.tiny{
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
}

.to_staff .staff_mail_address_icon:before{
    content: "";
    display: inline-block;
    width: 20px;
    /* height: 17px; */
    height: 20px;
    background: url(../images/icon_staff_mail.svg) no-repeat;
    /* background-size: 14px 15px; */
    background-size: 20px 20px;
    background-position: center;
    /* margin: 0 auto; */
   vertical-align: middle;
}
.message_area .template_name{
    margin: 4px 0;
    /* background-color: gray; */
    font-weight: bold;
    opacity: 0.5;
}

.send_staff_result{
    word-break: keep-all;
}
.dlg_send_staff_name_item{
    background-color: #e9e9e9;
    border-radius: 4px;
    padding: 4px 6px;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #d0d0d0
}
.dlg_send_staff_name_item{
    margin: 3px;
}
.dlg_send_staff_name_item:first-child{
    /* margin-left: 0px; */
}

/* 請求書各列設定エリア */
.bill_item_width_setting_area{
    margin-left:10px;
}

/* 請求明細列幅設定枠 */
.bill_item_width{
    width :65px;
}