@charset "utf-8";
@font-face {
    font-family: 'Mplus 1p ExtraBold';
    src: url(font/MPLUS1p-ExtraBold.ttf);
}
* {
margin: 0px;
padding: 0px;
}
html{font-size: 62.5%;}

/* Body */

body {
    background-color: #fff; /* 背景色　*/
    font-family:"Arial", "メイリオ", sans-serif;
    line-height:150%;
    font-style: normal;
    font-weight: 200;
    font-size:1.4rem;
    letter-spacing: 0;
    padding-bottom:30px;
    }

input[type="date"]{
    font-family:"Arial", "メイリオ", sans-serif;
}
a:hover,
.btn:hover{
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}
hr{
    margin:1em 0;
        border:none;
    border-bottom:1px solid rgba(0,0,0,0.5);
    }
/* header,menu,navi,footer */
#mainmenu{position:fixed;
top: 0;
  left: 0;
z-index:99999;}

#mainmenu ._Btn{
    position:fixed;
    top: 0;
  left: 0;
    background:url("../images/bars-solid.svg") no-repeat center #425377;
    width:69px;
    height:69px;
    background-size:auto 32px;
z-index:1;
    box-shadow:  0px 0px 5px 0px rgba(0,0,0,0.4) ;
    text-indent: -9999px;
}
#mainmenu .container{
    position:fixed;
    width:280px;height:100%;margin:0;padding:0;
    top: 0;
  left: -300px;
  right: 0;
  bottom: 0;
  overflow-y: auto;
    background:#425377;
    color:#fff !important;
box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.4) ;
    z-index:2;
    transition: left 0.3s 0s;
}
#mainmenu._Open{background:rgba(0,0,0,0.5);width:100%;height:100%;}
#mainmenu._Open .container{left:0;}

#mainmenu h1.logo{
    height:80px;
    margin:20px;
background:url("../images/logo_white.png") no-repeat left top;
    background-size:contain;
text-indent:-9999px;
}
#mainmenu .txt_username{text-align:center;}
#mainmenu .txt_username:before{content:"";
    background:url("../images/user-circle-solid_white.svg") no-repeat center;height:22px;margin-bottom:1em;display:block;background-size:22px auto;color:#fff !important;
}
.gnavi{
    margin:2em auto;
}
.gnavi h2{
    border-top:1px solid rgba(255,255,255,0.5);
    border-bottom:1px solid rgba(255,255,255,0.5);
    text-align:center;
    font-size:1.8rem;
    line-height:2em;
    margin: 0.5em 0 0.5em !important;
    letter-spacing:0.1em;
}
.gnavi h3{font-size:1.4rem;font-weight:bold;margin:2em 0 1em !important;text-align:center;
    letter-spacing:0.1em;
}
.gnavi h3:before{content:"[";display:inline-block;margin:0 0.5em;}
.gnavi h3:after{content:"]";display:inline-block;margin:0 0.5em;}
.gnavi ul{margin:0 10px !important;list-style:none;}
.gnavi ul a{color:#fff;text-decoration: none;padding:7px 0 7px 20px !important;display:block;line-height:14px;}
.gnavi ul a:before{
    left: 10px;
    width: 4px;
height: 4px;
border-top: 2px solid ;
border-right: 2px solid ;
    border-color:#fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
    position: absolute;
margin: auto;
content: "";
vertical-align: middle;
}


.pagenavi{
    float:right;
    text-align:right;
    margin:1em 0 4px !important;
}
.pagenavi li{
    display:inline-block;
    vertical-align:middle;
    font-size:1.4rem;
    margin:0 0 0 4px;
}

.pagenavi a,
.pagenavi p{
    line-height:32px;
    width:32px;
    display:block;
    text-decoration:none;
    text-align:center;
    background:#d6d9e2;
    color:#000;
}
.pagenavi p{
    background:#ffc166;
}
/* footer ,back */

.main .page_bottom{margin:50px auto;width:1040px;}
.main .page_bottom .btn_back i,
.main .page_top .btn_back i{
    background:url("../images/chevron-left-solid.svg") no-repeat center #425377;background-size: auto 22px;border-radius:2px;margin:1px;
    width:32px;
    height:32px;
    display:inline-block;
    font-weight:bold;
    text-decoration: none;
    position:absolute;left:0;top:0;
}

.main .page_top .btn_back,
.main .page_bottom .btn_back
{position:relative;display:block;padding:32px 0 0;width:32px;font-size:1.0rem;text-align:center !important;text-decoration:none;color:#425377; left:6vw;}


/* current page */
#p-list_order_1 .navi-list_order_1 a,
#p-list_order_2 .navi-list_order_2 a,
#p-list_order_3 .navi-list_order_3 a,
#p-list_order_4 .navi-list_order_4 a,
#p-add_order_1 .navi-list_order_1 a,
#p-add_order_2 .navi-list_order_2 a,
#p-add_order_3 .navi-list_order_3 a,
#p-add_order_4 .navi-list_order_4 a,
#p-add_order_import_1 .navi-list_order_1 a,
#p-add_order_import_2 .navi-list_order_2 a,
#p-add_order_import_3 .navi-list_order_3 a,
#p-add_order_import_4 .navi-list_order_4 a,
#p-update_order_1 .navi-list_order_1 a,
#p-update_order_2 .navi-list_order_2 a,
#p-update_order_3 .navi-list_order_3 a,
#p-update_order_4 .navi-list_order_4 a,
#p-update_order_bulk_unlink_1 .navi-list_order_1 a,
#p-update_order_bulk_unlink_2 .navi-list_order_2 a,
#p-update_order_bulk_unlink_3 .navi-list_order_3 a,
#p-update_order_bulk_unlink_4 .navi-list_order_4 a,
#p-update_order_bulk_delete_1 .navi-list_order_1 a,
#p-update_order_bulk_delete_2 .navi-list_order_2 a,
#p-update_order_bulk_delete_3 .navi-list_order_3 a,
#p-update_order_bulk_delete_4 .navi-list_order_4 a,
#p-update_order_bulk_update_1 .navi-list_order_1 a,
#p-update_order_bulk_update_2 .navi-list_order_2 a,
#p-update_order_bulk_update_3 .navi-list_order_3 a,
#p-update_order_bulk_update_4 .navi-list_order_4 a,
#p-list_result_1 .navi-list_result_1 a,
#p-list_result_2 .navi-list_result_2 a,
#p-list_result_3 .navi-list_result_3 a,
#p-list_result_4 .navi-list_result_4 a,
#p-update_result_1 .navi-list_result_1 a,
#p-update_result_2 .navi-list_result_2 a,
#p-update_result_3 .navi-list_result_3 a,
#p-update_result_4 .navi-list_result_4 a,
#p-list_result_keyplan_1 .navi-list_result_keyplan_1 a,
#p-list_result_keyplan_2 .navi-list_result_keyplan_2 a,
#p-list_result_keyplan_3 .navi-list_result_keyplan_3 a,
#p-list_result_keyplan_4 .navi-list_result_keyplan_4 a,
#p-list_output_1 .navi-list_output_1 a,
#p-list_output_2 .navi-list_output_2 a,
#p-list_output_3 .navi-list_output_3 a,
#p-list_output_4 .navi-list_output_4 a,
#p-list_keyplan_1 .navi-list_keyplan_1 a,
#p-list_keyplan_2 .navi-list_keyplan_2 a,
#p-list_keyplan_3 .navi-list_keyplan_3 a,
#p-list_keyplan_4 .navi-list_keyplan_4 a,
#p-delete_order_keyplan_1 .navi-list_keyplan_1 a,
#p-delete_order_keyplan_2 .navi-list_keyplan_2 a,
#p-delete_order_keyplan_3 .navi-list_keyplan_3 a,
#p-delete_order_keyplan_4 .navi-list_keyplan_4 a,
#p-search_keyplan_code_1 .navi-list_keyplan_1 a,
#p-search_keyplan_code_2 .navi-list_keyplan_2 a,
#p-search_keyplan_code_3 .navi-list_keyplan_3 a,
#p-search_keyplan_code_4 .navi-list_keyplan_4 a,
#p-list_kensa_1 .navi-list_kensa_1 a,
#p-list_kensa_2 .navi-list_kensa_2 a,
#p-list_kensa_3 .navi-list_kensa_3 a,
#p-list_kensa_4 .navi-list_kensa_4 a,
#p-list_kensa_keyplan_1 .navi-list_kensa_1 a,
#p-list_kensa_keyplan_2 .navi-list_kensa_2 a,
#p-list_kensa_keyplan_3 .navi-list_kensa_3 a,
#p-list_kensa_keyplan_4 .navi-list_kensa_4 a,
#p-list_nippo_1 .navi-list_nippo_1 a,
#p-list_nippo_2 .navi-list_nippo_2 a,
#p-list_nippo_3 .navi-list_nippo_3 a,
#p-list_nippo_4 .navi-list_nippo_4 a,
#p-add_nippo_1 .navi-list_nippo_1 a,
#p-add_nippo_2 .navi-list_nippo_2 a,
#p-add_nippo_3 .navi-list_nippo_3 a,
#p-add_nippo_4 .navi-list_nippo_4 a,
#p-list_futai_1 .navi-list_futai_1 a,
#p-list_futai_2 .navi-list_futai_2 a,
#p-list_futai_3 .navi-list_futai_3 a,
#p-list_futai_4 .navi-list_futai_4 a,
#p-list_shinchoku_1 .navi-list_shinchoku_1 a,
#p-list_shinchoku_2 .navi-list_shinchoku_2 a,
#p-list_shinchoku_3 .navi-list_shinchoku_3 a,
#p-list_shinchoku_4 .navi-list_shinchoku_4 a,
#p-list_daisu_1 .navi-list_daisu_1 a,
#p-list_daisu_2 .navi-list_daisu_2 a,
#p-list_daisu_3 .navi-list_daisu_3 a,
#p-list_daisu_4 .navi-list_daisu_4 a,
#p-list_seihin_1 .navi-list_seihin_1 a,
#p-list_seihin_2 .navi-list_seihin_2 a,
#p-list_seihin_3 .navi-list_seihin_3 a,
#p-list_seihin_4 .navi-list_seihin_4 a,
body.master_user .navi-master_user a,
body.master_agent .navi-master_agent a,
body.master_construction .navi-master_construction a,
body.master_category .navi-master_category a,
body.master_kyoten .navi-master_kyoten a,
body.master_kensa .navi-master_kensa a,
body.master_door .navi-master_door a,
body.master_general  .navi-master_general a{color:#ffc166;}

#p-list_order_1 .navi-list_order_1 a:before,
#p-list_order_2 .navi-list_order_2 a:before,
#p-list_order_3 .navi-list_order_3 a:before,
#p-list_order_4 .navi-list_order_4 a:before,
#p-add_order_1 .navi-list_order_1 a:before,
#p-add_order_2 .navi-list_order_2 a:before,
#p-add_order_3 .navi-list_order_3 a:before,
#p-add_order_4 .navi-list_order_4 a:before,
#p-add_order_import_1 .navi-list_order_1 a:before,
#p-add_order_import_2 .navi-list_order_2 a:before,
#p-add_order_import_3 .navi-list_order_3 a:before,
#p-add_order_import_4 .navi-list_order_4 a:before,
#p-update_order_1 .navi-list_order_1 a:before,
#p-update_order_2 .navi-list_order_2 a:before,
#p-update_order_3 .navi-list_order_3 a:before,
#p-update_order_4 .navi-list_order_4 a:before,
#p-update_order_bulk_unlink_1 .navi-list_order_1 a:before,
#p-update_order_bulk_unlink_2 .navi-list_order_2 a:before,
#p-update_order_bulk_unlink_3 .navi-list_order_3 a:before,
#p-update_order_bulk_unlink_4 .navi-list_order_4 a:before,
#p-update_order_bulk_delete_1 .navi-list_order_1 a:before,
#p-update_order_bulk_delete_2 .navi-list_order_2 a:before,
#p-update_order_bulk_delete_3 .navi-list_order_3 a:before,
#p-update_order_bulk_delete_4 .navi-list_order_4 a:before,
#p-update_order_bulk_update_1 .navi-list_order_1 a:before,
#p-update_order_bulk_update_2 .navi-list_order_2 a:before,
#p-update_order_bulk_update_3 .navi-list_order_3 a:before,
#p-update_order_bulk_update_4 .navi-list_order_4 a:before,
#p-list_result_1 .navi-list_result_1 a:before,
#p-list_result_2 .navi-list_result_2 a:before,
#p-list_result_3 .navi-list_result_3 a:before,
#p-list_result_4 .navi-list_result_4 a:before,
#p-update_result_1 .navi-list_result_1 a:before,
#p-update_result_2 .navi-list_result_2 a:before,
#p-update_result_3 .navi-list_result_3 a:before,
#p-update_result_4 .navi-list_result_4 a:before,
#p-list_result_keyplan_1 .navi-list_result_keyplan_1 a:before,
#p-list_result_keyplan_2 .navi-list_result_keyplan_2 a:before,
#p-list_result_keyplan_3 .navi-list_result_keyplan_3 a:before,
#p-list_result_keyplan_4 .navi-list_result_keyplan_4 a:before,
#p-list_output_1 .navi-list_output_1 a:before,
#p-list_output_2 .navi-list_output_2 a:before,
#p-list_output_3 .navi-list_output_3 a:before,
#p-list_output_4 .navi-list_output_4 a:before,
#p-list_keyplan_1 .navi-list_keyplan_1 a:before,
#p-list_keyplan_2 .navi-list_keyplan_2 a:before,
#p-list_keyplan_3 .navi-list_keyplan_3 a:before,
#p-list_keyplan_4 .navi-list_keyplan_4 a:before,
#p-delete_order_keyplan_1 .navi-list_keyplan_1 a:before,
#p-delete_order_keyplan_2 .navi-list_keyplan_2 a:before,
#p-delete_order_keyplan_3 .navi-list_keyplan_3 a:before,
#p-delete_order_keyplan_4 .navi-list_keyplan_4 a:before,
#p-search_keyplan_code_1 .navi-list_keyplan_1 a:before,
#p-search_keyplan_code_2 .navi-list_keyplan_2 a:before,
#p-search_keyplan_code_3 .navi-list_keyplan_3 a:before,
#p-search_keyplan_code_4 .navi-list_keyplan_4 a:before,
#p-list_kensa_1 .navi-list_kensa_1 a:before,
#p-list_kensa_2 .navi-list_kensa_2 a:before,
#p-list_kensa_3 .navi-list_kensa_3 a:before,
#p-list_kensa_4 .navi-list_kensa_4 a:before,
#p-list_kensa_keyplan_1 .navi-list_kensa_1 a:before,
#p-list_kensa_keyplan_2 .navi-list_kensa_2 a:before,
#p-list_kensa_keyplan_3 .navi-list_kensa_3 a:before,
#p-list_kensa_keyplan_4 .navi-list_kensa_4 a:before,
#p-list_nippo_1 .navi-list_nippo_1 a:before,
#p-list_nippo_2 .navi-list_nippo_2 a:before,
#p-list_nippo_3 .navi-list_nippo_3 a:before,
#p-list_nippo_4 .navi-list_nippo_4 a:before,
#p-add_nippo_1 .navi-list_nippo_1 a:before,
#p-add_nippo_2 .navi-list_nippo_2 a:before,
#p-add_nippo_3 .navi-list_nippo_3 a:before,
#p-add_nippo_4 .navi-list_nippo_4 a:before,
#p-list_futai_1 .navi-list_futai_1 a:before,
#p-list_futai_2 .navi-list_futai_2 a:before,
#p-list_futai_3 .navi-list_futai_3 a:before,
#p-list_futai_4 .navi-list_futai_4 a:before,
#p-list_shinchoku_1 .navi-list_shinchoku_1 a:before,
#p-list_shinchoku_2 .navi-list_shinchoku_2 a:before,
#p-list_shinchoku_3 .navi-list_shinchoku_3 a:before,
#p-list_shinchoku_4 .navi-list_shinchoku_4 a:before,
#p-list_daisu_1 .navi-list_daisu_1 a:before,
#p-list_daisu_2 .navi-list_daisu_2 a:before,
#p-list_daisu_3 .navi-list_daisu_3 a:before,
#p-list_daisu_4 .navi-list_daisu_4 a:before,
#p-list_seihin_1 .navi-list_seihin_1 a:before,
#p-list_seihin_2 .navi-list_seihin_2 a:before,
#p-list_seihin_3 .navi-list_seihin_3 a:before,
#p-list_seihin_4 .navi-list_seihin_4 a:before,
body.master_user .navi-master_user a:before,
body.master_agent .navi-master_agent a:before,
body.master_construction .navi-master_construction a:before,
body.master_category .navi-master_category a:before,
body.master_kyoten .navi-master_kyoten a:before,
body.master_kensa .navi-master_kensa a:before,
body.master_door .navi-master_door a:before,
body.master_general .navi-master_general a:before{border-color:#ffc166;}


/* button */
.btn_rad{
    border:none;border-radius: 5px;cursor: pointer;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4) ;
    letter-spacing:0.1em;
    text-decoration:none;
    text-align:center;
    line-height:30px;
    height:30px;
    color:inherit;
}
.btn_rad:hover{filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}
.btn_rad:disabled{
    cursor: default;
    box-shadow: none;
    opacity: 1.0;
}

.login input.btn_login,
.login input.btn_send{
    line-height:60px !important;
    height:60px !important;
    padding:0 !important;
    margin:2em auto !important;
    display:block;
    width:400px;
    background:#425377;
    color:#fff;

}
.login input.btn_send:disabled{
    background:#a9a9a9;
}

input.btn_clear,
input.src_clear {
    background:#fff;
    padding:0 1em !important;
}


.section_bottom .btn_delete{
    background:#b3b3b3;
    padding:0 1em !important;
}
.top{
    position: absolute;
    right: 20px;
    top: 20px;
}
.del_top{
    padding-top: 30px;
}

input.btn_search,
input.btn_submit{
    background:#425377;
    color:#fff;
    width:180px;
    padding:0 1em !important;
}

input.btn_pic{
    background:#425377;
    color:#fff;
    padding:0 1em 0 1em !important;
}

.ref_button{
    background:#425377;
    color:#fff;
    width:80px;
    padding:0 1em !important;
}

.btn_logout{
    line-height:30px !important;
    height:30px !important;
    padding:0 !important;
    margin:1em auto !important;
    width:100px;
    background:#fff;
    color:#000;
    display:block;
}
.toolbar {text-align:right;position:absolute;right:0;top:0;font-size:0;}
.box_result .toolbar{position:relative;float:left;text-align:left;}
.box_result .flat{float:none;}

.toolbar .btn{line-height:32px;color:#fff;background-color:#425377;padding:10px;text-decoration:none;letter-spacing:0.1em;font-size:1.2rem;min-width:180px;text-align:center;cursor:pointer;
    display:inline-block;vertical-align:middle;border-radius: 2px;margin:0 0 0 1em;}
.box_result .toolbar .btn{padding:5px 10px;margin:1em 1em 0 0;min-width:32px;line-height:22px;}
.box_result .toolbar .right{float: right;}


.btn_add i{background:url("../images/plus-circle-solid.svg") no-repeat left center;background-size:contain;width:32px;height:32px;display:block;float:left;}

.btn_addfile i{background:url("../images/addfile.svg") no-repeat left center;background-size:contain;width:30px;height:32px;display:block;float:left;}
.btn_download i{background:url("../images/download-solid.svg") no-repeat left center;background-size:contain;width:32px;height:28px;display:block;float:left;}

.btn_delete i{background:url("../images/trash-alt-solid.svg") no-repeat left center;background-size:18px auto;width:30px;height:30px;display:block;float:left;}
.btn_delete_right i{background:url("../images/trash-alt-solid.svg") no-repeat left center;background-size:18px auto;width:30px;height:30px;display:block;float:right;margin-left: 1rem;}
.btn_delete_white i{background:url("../images/trash-alt-solid-white.svg") no-repeat left center;background-size:18px auto;width:30px;height:30px;display:block;float:left;}
.btn_delete_row i{background:url("../images/trash-alt-solid.svg") no-repeat center center;background-size:18px auto;width:30px;height:30px;display:block;float:left;}

.btn_minus i{background:url("../images/minus-square-solid-white.svg") no-repeat left center;background-size:contain;width:32px;height:32px;display:block;float:left;}

.btn_edit_bulk i{background:url("../images/edit-solid.svg") no-repeat left center;background-size:18px auto;width:30px;height:30px;display:block;float:left;}

table.list .btn_minus{
    /*display:block;width:30px;height:30px;background:url(../images/minus-square-solid.svg) no-repeat center ;text-indent:-9999px; background-size: auto ;margin:1px;*/
    display:block;width:60px;height:30px;background:url(../images/btn_minus.svg) no-repeat center ;text-indent:-9999px; background-size: auto ;margin:1px;
}

.box_result .toolbar .btn i{height:22px !important;}

th .btn_check{background:url("../images/check-square-solid.svg") no-repeat center 2px;background-size:18px auto;padding-top:22px !important;display:block;text-decoration:none;color:#fff;font-size:1.0rem;font-weight:normal;}
.popup .toolbar .btn_close{
    background:url("../images/times-circle-regular.svg") no-repeat center;background-size:32px auto;width:52px;height:52px;display:inline-block;
}

label .btn_sel,
.sectiontitle .btn_sel,
.fieldgroup td .btn_sel,
label .btn_addfile
{line-height:32px;font-size:1.4rem;background:#000;padding:0 1em !important;margin:0 !important;color:#000;color:#fff;letter-spacing:0.1em;cursor:pointer;}


/* main */
.main{
    margin:20px;
    position:relative;
    min-width:1040px;
}
.main .page_top{width:1040px;margin:0 auto;padding-bottom:32px;}
.main .pagetitle{font-size:2.4rem;font-weight:bold;font-family:"Mplus 1p ExtraBold"; letter-spacing:0.1em;
    padding:10px 10px 0px 112px !important;line-height:32px !important;color:#425377;left:0;top:0;}

.popup .main .page_top{padding:0;}
.popup .main .pagetitle{padding:0px 10px 10px 0px !important;position:relative;left:"";top:"";}
.main .page_top .msg{}

.main h2.sectiontitle{
    border-top:2px solid rgba(0,0,0,0.5) !important;
    text-align:left;
    font-size:1.8rem;
    line-height:32px;
    margin:1em 0 0em !important;
    letter-spacing:0.1em;
}
.sectiontitle .btn_sel{float:right;}
/* login */
body.login{
    background-image:url("../images/bg_login.png");
    background-size:24px auto;
    background-repeat:repeat;
    padding-top:1px;
    padding-bottom: 0em;
    height: 100vh;
}
.login .pagetitle{text-align:center;padding:0 1em 0 !important;}
.login .container{display:block;
  width: 550px;
padding:50px 0px;
    box-sizing: border-box;
    margin:100px auto;
background-color: rgba(255,255,255,0.6);
}

.login .container h1.logo{
    display:block;
    margin:0 auto;
background:url("../images/logo_blue.png") no-repeat center top;
    background-size:contain;
    width:150px;height:120px;text-indent:-9999px;
}
.login .container h1.logo_kiyoshi{
    display:block;
    margin:0 auto;
background:url("../images/logo_blue_kiyoshi.png") no-repeat center top;
    background-size:contain;
    width:150px;height:150px;text-indent:-9999px;
}
.login .txt_message {text-align:center;margin:2em 0 2em 0;font-weight:bold;}
.login form label{padding:0px 0px 30px; width:400px;margin:0 auto;display:block;}
.login form label span{display:block;}
.login form input{width:100%;}

#p-login_confidential .container{width:800px;padding:50px;margin:50px auto;}
#p-login_confidential textarea{
    width:700px;
    margin:0 auto;
    overflow-y: scroll;
    height: 200px;
    resize: vertical; /* Remove this if you want the user to resize the textarea */
}


/* field */

body .main  input,
body .main  select{padding:5px 2px;font-size:1.4rem;box-sizing: border-box;line-height:20px;height:30px;margin:0;border:1px solid #b3b3b3;}
body .main  textarea{font-size:1.4rem;line-height:20px;padding:1em;}
label{font-weight:normal;padding:0.2em 0;}
label .fieldname{font-weight:bold;line-height:30px;}
label .totalSum{font-weight:bold;line-height:30px;font-size: 18px;}
table.list td label{display:inline-block;vertical-align: middle;margin:0 0.5em;}
table.list td .fieldname{font-size:1.2rem;font-weight:bold;display:inline-block;
background:#425377;color:#fff;text-align:center;padding:2px;margin-right:0.5em;line-height:20px;vertical-align: middle;}
table.list td .fieldvalue{}
body .main  input[type="radio"],
body .main  input[type="checkbox"]{height:auto;}
body .main  input.num,
body .main td.num{text-align:right;}
body .main td.date{width:10em;}
body .main td.month{width:8em;}
body .main td.rate{text-align:right;width:3em;padding-right:1em;}

body .main  input[size="2"]{width:2em !important;}
body .main  input[size="3"]{width:3em;}
body .main  input[size="4"]{width:4em;}
body .main  input[size="5"]{width:5em;}
body .main  input[size="6"]{width:6em;}
body .main  input[size="7"]{width:7em !important;}
body .main  input[size="8"]{width:8em;}
body .main  input[size="9"]{width:9em;}
body .main  input[size="10"]{width:10em;}
body .main  input[size="11"]{width:11em;}
body .main  input[size="12"]{width:12em;}

body .main input.juchu_number{width:7em;text-align:left;}
body .main input.sekkei_number{width:17em;text-align:left;}
body .main input.hacchu_times{width:4em;text-align:center;}
body .main input.door_num{width:4em;text-align:right;}
body .main input.sekozu_code{width:10em;text-align:left;}
body .main input.sekozu_code_kigo{width:6em;text-align:center;}
body .main input.sekozu_code_bango{width:6em;text-align:center;}
body .main input.sekozu_code_edaban{width:6em;text-align:center;}
ul.list label.sekozu_code{width:10em;}
body .main input.koji_name{width:52em;text-align:left;}
body .main input.gyosha_code{width:10em;text-align:left;}
body .main input.gyosha_name{width:22em;text-align:left;}
body .main input.bunrui_name{width:30em;text-align:left;}
body .main input.bunrui_code{width:10em;}
body .main input.general_text{width:50em;text-align:left;}
body .main input.product_code{width:15em;}
body .main input.user_code{width:10em;text-align:left;}
body .main input.user_name{width:12em;text-align:left;}
body .main input.user_name_kana{width:22em;text-align:left;}
body .main input.email_address{width:40em;text-align:left;}
body .main input.phone_number{width:15rem;text-align:left;}
body .main input.password{width:10em;text-align:left;}
body .main input.authority{width:6em;text-align:left;}

body .main .wGenNm{width:12em;text-align:center;}
body .main .wAddr{width:15em;text-align:center;}
body .main .wId{width:5em;text-align:center;}
body .main .wPass{width:9em;text-align:center;}
body .main .wChkBox{width:6em;text-align:center;}

body .main input.floor{text-align:left;width:4em;margin-right:0.2em;}
body .main input.w{text-align:right;width:6em;}
body .main input.h{text-align:right;width:6em;}
body .main input.dt{width:7em;}
body .main input.price{text-align:right;width:12em;}
body .main input.rate{text-align:right;width:10em;}
body .main input.order{text-align:center;width:10em;}
body .main input.biko{text-align:left;width:30em;}
table.fieldgroup{

}
label .fieldgroup{display:inline-block;vertical-align: top;}
table.fieldgroup tbody td{padding:0 1em 0 0 !important;}
table.fieldgroup thead th{font-weight:bold;text-align:center;}

table.fieldgroup .fieldgrouptitle{background:#425377;color:#fff;text-align:center;padding:0px 10px;line-height:30px;vertical-align: middle;}

td[rowspan] .fieldgroup span{display:block;}

/* list */

table.list{width:100%;}
table.list thead th{background:#425377;color:#fff;text-align:center;padding:2px 1px;border-bottom:1px solid #425377;white-space: nowrap;}


table.list td{background:#fff;padding:0px 1px;margin:0;text-align:center;vertical-align:middle;border-bottom:1px solid #425377;}
table.list.list_rows td{border-bottom:none;}
table.list.list_rows thead th.koji_name[colspan],
table.list.list_rows tbody td.koji_name[colspan]{background-color:#fff8ee;color:#000;font-weight:bold;text-align:left;}
table.list tbody td.koji_name{width:50em;text-align:left;}
table.list tbody td.gyosha_name{width:20em;}
table.list tbody td.gyosha_name.toritsuke_jokyo_data{width:15em;}
table.list tbody td.kojiin_name{width:12em;}
table.list tbody td.bunrui_number{width:3em;}
table.list tbody td.seihin_nm{width:13em;}
table.list tbody td.gyomu_type{width:10rem;}
table.list tbody td.bunrui_name{width:30em;text-align:left;}
table.list tbody td.product_code{width:15em;}
table.list tbody td.ka_code{width:2em;}
table.list tbody td.kaikou_nm{width:3em;}
table.list tbody td.tanto_name{width:12em;}
table.list tbody td.tanto_name[rowspan]{width:10em;text-align: left;}
table.list td.price{text-align:right;padding-right:1em;width:9em;}
table.list tbody td.biko{text-align:left;padding-left:1em;width:10em;}
table.list tbody td.gyomu_type{width:10rem;}
table.list tbody td.kyoten_name{width:6em;}
table.list td.dairi{
    background:url(../images/adjust-solid_grey.svg) no-repeat center;background-size:cotain;
}
table.list thead.total th,
table.list thead.total td{background:#fff;color:#000;line-height:32px;border:none;}
table.list thead.total td.price{font-size:1.6rem;font-weight:bold;}
table.list tbody td[rowspan].toritsuke_jokyo_data{border-left:1px solid #d6d9e2;}

#p-update_result table.list td.toritsuke_jokyo_data {vertical-align: middle;position:relative;height:30px;border-left:1px solid #d6d9e2;}
#p-update_result table.list td.toritsuke_jokyo_data .btn_delete{position:absolute;right:0;bottom:0;}

table.list .btn_delete{background:url("../images/trash-alt-solid.svg") no-repeat  center #b3b3b3;background-size:18px auto;width:30px;height:30px;margin:1px;display:block;float:right;text-indent:-9999px;}

table.list .btn_edit{display:block;width:30px;height:30px;background:url(../images/edit-solid.svg) no-repeat 6px 3px #425377;text-indent:-9999px; background-size: auto 22px;border-radius:2px;margin:1px;
}
table.list .btn_show{display:block;width:30px;height:30px;background:url(../images/show-detail.svg) no-repeat 3px center #425377;text-indent:-9999px; background-size: auto 22px;border-radius:2px;
}
table.list .btn_add{display:block;width:30px;height:30px;background:url(../images/plus-circle-solid.svg) no-repeat center #425377;text-indent:-9999px; background-size: auto 22px;border-radius:2px;margin:1px;
}
/* 20201014 */
table.list .btn_plus{
    /*display:block;width:30px;height:30px;background:url(../images/plus-square-solid.svg) no-repeat center ;text-indent:-9999px; background-size: auto ;margin:1px;*/
    display:block;width:60px;height:30px;background:url(../images/btn_plus.svg) no-repeat center ;text-indent:-9999px; background-size: auto ;margin:1px;
}
table.list .btn_minus{
    /*display:block;width:30px;height:30px;background:url(../images/minus-square-solid.svg) no-repeat center ;text-indent:-9999px; background-size: auto ;margin:1px;*/
    display:block;width:60px;height:30px;background:url(../images/btn_minus.svg) no-repeat center ;text-indent:-9999px; background-size: auto ;margin:1px;
}
table.list .btn_print{display:block;width:30px;height:30px;background:url("../images/print-solid_white.svg") no-repeat  center #425377;text-indent:-9999px; background-size: auto 22px;border-radius:2px;
}
table.list .btn_cut{background:url("../images/cut-solid.svg") no-repeat  center #b3b3b3;background-size:18px auto;width:30px;height:30px;margin:1px;display:block;float:right;text-indent:-9999px;}
table.list .btn_plus_all{
    /*display:block;width:30px;height:30px;background:url(../images/plus-square-solid.svg) no-repeat center ;text-indent:-9999px; background-size: auto ;margin:1px;*/
    display:block;width:60px;height:30px;background:url(../images/btn_plus_all.svg) no-repeat center ;text-indent:-9999px; background-size: auto ;margin:1px;
}
table.list .btn_addfile{display:block;width:30px;height:30px;background:url(../images/addfile.svg) no-repeat center #425377;text-indent:-9999px; background-size: auto 22px;border-radius:2px;margin:1px;margin-left: 5px;
}

table.list tbody input[type="checkbox"],
table.list tbody input[type="radio"]
{margin-right:1em;}
table.list tbody.disabled th,
table.list tbody.disabled td,
table.list tbody.disabled td.koji_name{background:rgba(0,0,0,0.3) !important;}
table.list tbody.disabled .key_data{background:none;}
table.list tbody.disabled .btn_delete{display:none;}

.box_input table.list td{margin:0px !important;border:none;}
.box_input table.list{border:none;}
table.list.list_rows  td.line_b{border-bottom:1px solid #425377 !important;}
table.list td.line_l{border-left:1px solid #d6d9e2;padding-left:0.5em;}
ul.list{font-size:0; margin:0;}
ul.list li{font-size:1.2rem;}
ul.list label{display:inline-block;padding:0 5px;vertical-align:middle;}

ul.list.col3 li{width:33%;box-sizing: border-box;display:inline-block;vertical-align:middle;}
ul.list.col  li{width:320px;box-sizing: border-box;display:inline-block;vertical-align:middle;}

ul.list li a{line-height:20px;display:block;padding:5px 10px;margin:10px 10px 0 10px ;text-decoration:none;color:inherit}
ul.list li.status_0 a{border:4px solid #425377;border-radius:30px;}
ul.list li.status_1 a{border:4px solid #00ffff;border-radius:30px;}
ul.list li.status_2 a{border:4px solid #425377;border-radius:30px; background:#526893; color:#fff;}
ul.list li a .sekozu_code{letter-spacing:0.1em;font-size:1.4rem;}

/* 検索ボックス */
.box_search{background: #d6d9e2;padding:21px 1.5em 21px;}

.box_search label{display:inline-block;vertical-align:top;margin-right:1.5em;margin-bottom:0.5em;}
.box_search label span{display:inline-block;margin-right:0.5em;}
.box_search .section_bottom{text-align:center;position:relative;margin-top:10px;}
.box_search .section_bottom .btn_clear, .box_search .section_bottom .src_clear{position:absolute;left:0;bottom:0;}


.toolbar_search{background:no-repeat 10px 10px #d6d9e2;background-size:24px auto;padding:0.5em 1em 0em 3em;}
.toolbar_search label{display:inline-block;vertical-align:top;margin-right:1.5em;}
.toolbar_search label span{display:inline-block;margin-right:0.5em;}
/* 検索結果ボックス */
.box_result .section_bottom{text-align:center;position:relative;margin-top:10px;}
.box_result .section_bottom .btn_clear, .box_result .section_bottom .src_clear{position:absolute;left:0;bottom:0;}


/* 登録ボックス */
.box_input{padding:0px 0px;margin:0;}
.box_input  label{display:inline-block;vertical-align:top;margin-right:1.5em;margin-bottom:0.5em;}
.box_input  label span{display:inline-block;margin-right:0.5em;}

.box_input .key_data{border:3px double rgba(0,0,0,0.3) !important;margin:0.5em 0;padding:1px 5px;background:#efdde8;position:relative;}
.box_input .key_data .btn_sel{position:absolute;right:0;top:0;}

.box_input table.list .key_data{text-align:left;margin:0;padding:0 5px;line-height:120%;border:3px double rgba(0,0,0,0.3)  !important;}

.box_input .key_data label{margin-right:3em;margin-bottom:0em;}
.box_input .key_data label .value{font-weight:normal;}
.box_input .section_bottom{text-align:center;position:relative;margin:10px 0;}
.box_input .section_bottom .input_data{text-align:left;margin:10px 0;}
.box_input .section_bottom .btn_clear{position:absolute;left:0;bottom:0;}
.box_input .section_bottom .btn_delete{position:absolute;right:0;top:0;}

.toolbar_input{text-align:center;}
.toolbar_input .input_data{text-align:left;display:block;}

.p-page .box_input,
.p-page .box_container,
.p-master .box_input{width:1040px;margin:0 auto;
    background-color: #FFFFFF;
    border:1px solid #eee;
    border-radius:10px;
    padding:20px;
    box-sizing:border-box;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4) ;
    position:relative;}

.koji_info{background-color:#fff8ee;position:relative;}
.p-page .box_input.order {
    width:1150px;
}


/* アコーディオン */
.box_search._searchAcc{position:relative;background: no-repeat 10px 10px #d6d9e2;background-size:24px auto;
-moz-transition:0.2s all;
    -webkit-transition:0.2s all;
    cursor:pointer;
}
.box_search._searchAcc._Open{background-size:44px auto;cursor:auto;}

.box_search._searchAcc ._Btn i{position:absolute;right:0;top:0;margin:0px 0px;height:42px;width:52px;background:url("../images/arrow_down.svg") no-repeat center;
background-size:auto 30px;z-index:100;text-indent:-9999px;
    -moz-transition:0.2s all;
    -webkit-transition:0.2s all;
    cursor:pointer;}
.box_search._searchAcc._Open ._Btn i{-moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);}





._searchAcc ._Dtl{position:relative;z-index:2;}

/* モーダル */

body.popup{background:#444;position:relative;
    height:100% !important;}
body.popup .main{
    background:#fff;
    width:1000px;

    margin:50px auto;
    background-color: #FFFFFF;
    border:1px solid #eee;
    border-radius:10px;
    padding:10px;
    box-sizing:content-box;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4) ;
    position:relative;
}
body.popup.small .main{
    width:600px;
    padding:30px;
}
body.popup.small .main .section_main{
    padding:50px 0;
}

/* map */
.screen{position:relative;
    width:1000px;margin:0 auto;
    overflow:auto;
}
.screen .map{
    width:1000px;
    z-index:1;
    position:relative;
}
.screen .map img{width:100%;}

.screen .mark{position:absolute;
    left:0;top:0;width:100%;
    z-index:2;
}

.fLeft{float:left;}
.fRight{float:right;}
.aLeft{text-align:left !important;}
.aRight{text-align:right !important;}
.center{text-align: center !important;}
.clear{clear:both;}
.vTop{display:inline-block;vertical-align: top;}

.w10{width:10%;}
.w15{width:15%;}
.w20 select,
.w20 input{width:90% !important;}
.w30{width:30%;}
.w20{width:20%;}
.w80{width:80%;}
.w100{width:100%;}
.w_c3{width:300px;margin-right:1em;}

.wCheck{width:32px !important;text-align:center !important;padding:0 1px !important;margin:0 !important;}
.wCheck *{padding:0 !important;margin:0 auto !important;}
.wBtn{width:32px !important;text-align:center !important;padding:0 2px 0  !important;margin:0 !important;}
td.wBtn a{float:none;margin:0 auto;}
/* clearfix */
.box_result .toolbar:after{content: "";
    clear: left;
    display: block;
}
.box_result .pagenavi:after{content: "";
    clear: right;
    display: block;
}


/*print  */
@media print{
.screen,.mark {print-color-adjust:exact;-webkit-print-color-adjust:exact;}
}

/* auth */
[auth='agent'] #mainmenu .box_gnavi-order h3,
[auth='agent'] #mainmenu .box_gnavi-order .navi-list_order,
[auth='agent'] #mainmenu .box_gnavi-keyplan,
[auth='agent'] #mainmenu #box_navi-master,
[auth='agent'] .hidden-agent{display:none;}



/* responsive */
#mainmenu-sp,
#header-sp,
.visible-sp{display:none;}

/* Error */
strong{
    color: #ff0000;
}

.errorTx{
    color: #ff0000;
    font-weight: 700;
}

/* 確認ダイアログ */
.ui-dialog { z-index: 1000 !important ;}
.confirmDialog .ui-dialog-titlebar {
    color: white;
    background: #3bb1f1;
}

/* エラーダイアログ */
.errorDialog .ui-dialog-titlebar {
    color: white;
    background: #dc143c;
}

/* infoダイアログ */
.infoDialog .ui-dialog-titlebar {
    color: white;
    background: #3bb1f1;
}

/* .is-invalidクラス */
input.is-invalid,
select.is-invalid,
textarea.is-invalid,
.customSelect.is-invalid {
    outline: 4px #e3342f solid;
}

/* IME制御 */
input, select, textarea {
    ime-mode: disabled;
}
input.imeOn, textarea.imeOn {
    ime-mode: active;
}

/*--- jQuery UI Datepicker ---*/
/* 日曜日のカラー設定 */
td.ui-datepicker-week-end:first-child a.ui-state-default{
    background-color: #ffecec;   /* 背景色を設定 */
    color: #f00!important;       /* 文字色を設定 */
}
/* 土曜日のカラー設定 */
td.ui-datepicker-week-end:last-child a.ui-state-default{
    background-color: #eaeaff;   /* 背景色を設定 */
    color: #00f!important;       /* 文字色を設定 */
}
/* ホバー時の動作 */
td.ui-datepicker-week-end a.ui-state-hover{
    opacity: 0.8;
}
/* 当日を示す色はそのまま */
td.ui-datepicker-week-end a.ui-state-highlight{
    background-color: #fffa90!important;
}
/* カレンダーアイコン */
.ui-datepicker { z-index: 1000 !important ;}
.ui-datepicker-trigger{
    position:relative;
    top: 2px;
    right: 0px ;
    height: 20px;
}

/* 入力無効 */
input.disabled,
textarea.disabled,
select.disabled,
.customSelect.disabled {
    background-color: #f0f0f0;
    border: 1px solid #cccccc;
    cursor: default;
}
input.disabled:focus,
textarea.disabled:focus,
select.disabled:focus,
.customSelect.disabled:focus {
  outline: 0;
}

/* メニューの中分類に背景色をつける */
.cat-middle{
    background: #777;
}

.icon_check i{background:url("../images/tasks-solid.svg") no-repeat left center;background-size:50px auto;width:18px;height:15px;display:block;float:left;}
td.i_check{
    padding: 10px !important;
}

.date{
    width:100px !important;
}

.policy {
    margin: 0px;
    width: 95%;
    height: 195px;
}

.kouji_nm_row {
    max-width: 30rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.view_nm_row {
    max-width: 60rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 1rem !important;
}

.m2 {
    width: 10rem;
}

.under_line {
    border-bottom: 3px solid #000;
    margin: 10px;
}

div.total {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 29px;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 40px;
}

div.total_dtl {
    padding-top: 10px;
    padding-bottom: 30px;
}

div.total_items {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
div.total_items_row {
    padding-bottom: 5px;
}

input.numeric {
    text-align: right;
}

th.juchu_number {
    width: 14rem;
}
th.floor {
    width: 10rem;
}
th.kyoten_name {
    width: 5rem;
}

/* Acc */
._Acc{margin:2.4vw 0 4.8vw ;}
._Acc ._Btn{
    background:url("../images/arrow_down.svg") no-repeat right center;
    /* background-size:auto 8vw; */
    cursor:pointer;

}
._Acc._Open ._Btn{
    background:url("../images/arrow_up.svg") no-repeat right center;
    /* background-size:auto 8vw; */
}
._Acc ._Dtl{
    margin:0 0 0 1em;
}

ul.list.col3{font-size:0; margin:0;border:none !important;}
ul.list.col3 li{width:31%;box-sizing: border-box;display:inline-block;vertical-align:middle;margin:1%;border:none !important;}


ul.list.col3 li a{
    display:block;
    padding:1.5vw !important;
    margin:0;
    text-decoration:none;
    color:inherit;
    text-align:center;
}
ul.list.col3 .btn{
    line-height:1vw;
    width: 20rem;
    border:0.4vw solid rgba(0,0,0,0.3);
    border-radius:4vw;
    background-repeat:no-repeat;
    background-position:left 1em center ;
    background-size: 2vw auto
}
ul.list.col3 .btn.btn_plus{background-image:url(../images/plus-solid.svg) ;
}
ul.list.col3  .btn_minus{background-image:url(../images/minus-solid.svg) }

table.list .border{background:#fff;padding:0.5em 1px;margin: 0;text-align:center;vertical-align:middle;border-bottom:1px solid #425377 !important;}

input.bunrui_no{
    width:4rem;
}
input.bunrui_name,
input.door_nm {
    width: 30rem !important;
}

input.orange {
    background: #eca217;
}

.mark_layout {
    margin: 0px auto !important;
    width: 90%;
}
.space_wh{
    width: 10em;
}

table.list td.inline{border-bottom:1px dashed #425377;}

.msg_content {
    display: flex;
    justify-content: center;
    align-items: center;
}
.msg_inline {
    display: block;
    font-weight: bold;
}

.headline {
    background: rgba(255,255,255,0.6);
    color: #052b58;
}
.headlinedoor {
    background:rgb(255,255,224);
    color: #052b58;
}
.headlineshutter {
    background: rgb(135,206,250);
    color: #052b58;
}
.headlinepartition {
    background: rgb(221, 255, 207);
    color: #052b58;
}
.headlinefireproof {
    background: rgb(255, 224, 255);
    color: #052b58;
}
.headlinedoor:hover {
    background:rgb(255, 255, 131);
}
.headlineshutter:hover {
    background: rgb(95, 194, 255);
}
.headlinepartition:hover {
    background: rgb(168, 248, 136);
}
.headlinefireproof:hover {
    background: rgb(253, 174, 253);
}

.info_box {
    border: 1px solid #444;
    padding: 1rem;
}

.disp_none{
    display: none !important;
}

.oya_cd {
    width: 10rem;
}

.dekidaka_dt {
    width: 5rem;
}

.btn_fake {
    display : inline-block;
    cursor: pointer;
    font-size : 1.4rem;
    text-align : center;
    padding-top : 0.3em;
    background : #425377;
    color : #fff;
    box-shadow : 0px 0px 5px 0px rgb(0 0 0 / 40%);  /* 影の設定 */
    border : 1px solid #b3b3b3;
    border-radius: 5px;
    width: 180px;
    height: 30px;
    margin: 0;
    letter-spacing: 0.1em;
    text-decoration: none;
    box-sizing: border-box;
    line-height: 20px;
}
.is_important {
    color: #f00;
    font-weight: bold;
}
.kensa_jissun {
    width: 6rem;
}
.copy {
    width: 3rem;
}
.floor_list {
    padding-left: 3rem;
}

.box-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.box {
    width: 100%;
}
.box.half-left {
    width: calc((100% - 10px) / 2 + 100px);
}
.box.half-right {
    width: calc((100% - 10px) / 2 - 100px);
}

/**************************************************************************/
/* アコーディオン
*/
/**************************************************************************/
.acc-item {
    display: block;
    /* padding-top: 0.5rem; */
    padding-bottom: 0.5rem;
    border: 1px solid #beccea;
}
.icon-caret::before {
    color: #0071b3;
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
.icon-caret.toggle::before {
    content: "\f0d8";
}
.acc-content {
    margin-bottom: 1.5em;
}