* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}
body {
   font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   font-size:10pt;
   background-color: #f0f0f0;
   margin-left: 10pt;
   color: #000000;
}
.customer_gamen{
   font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   margin: 0px;
   background-color: #b0c4de;
   color: #000000;
}
.body_background_contract {
   position:fixed;
   top:0;
   left:0;
   z-index:-1;
   width:100%;
   height:100vh;
   background-color: #b0c4de;
   background-position: center center;
   background-repeat: no-repeat;
   /* background-attachment: fixed; */
   background-size: cover;
}
h1 {
   font-size:12pt;
   font-weight: normal;
   background-color: #e0e0e0;
   color : #000000;
}
h2 {
   font-size:10.5pt;
   font-weight: normal;
   margin-bottom: 4pt;
}
h2.inline {
   display: inline;
}
table.list{
  border-collapse:collapse;
  border-spacing: 0px;
}
table.list th{
  font-weight: normal;
  border:  1px solid #000000;
  border-bottom: double 3px #000000;
}
table.list td{
  border: 1px solid;
  background-color: #ffffff;
  padding: 0px 3px 0px 3px;  /* 上右下左 */
  color : #000000;
  border: 1px solid #000000;
}
table.list tr.selected td{
  background-color: #ffffa0;
}
.clearboth:after {
    content: "";
    display: block;
    clear: both;
}
input{
    ime-mode: disabled;
}
input.zenkaku{
    ime-mode: auto;
}
.div_buttons button {
   padding: 1px 6px 1px 6px;  /* 上右下左 */
   margin-right:6px;
   margin-bottom:4px;
}
.caltxt {
   width: 80px;
}
/* --------------------------------------------------- */
/* 案件一覧 カスタマイズ対応*/
/* --------------------------------------------------- */
table.table_search_cnd{
	height: 1px;
}
table.table_search_cnd td{
	height: 100%;
}
div.search_cnd{
	display: flex;
    flex-direction: column;
    height: 100%;
    white-space: nowrap;
}
div.search_cnd div{
    margin-bottom: 2px;
    display: flex;
    align-items: center;
}
td.td_align_center{
	text-align: center;
}
td.td_align_right{
	text-align: right;
}
table.list th:not(.th_not_sortable){
	cursor: pointer;
}
div.div_list_link{
	display: flex;
    justify-content: flex-end;
}
span.search_midashi{
   display: inline-block;
   white-space: nowrap;
   margin-left:24px;
   width: 100px;
   overflow: hidden;
   text-overflow: ellipsis;
}
/* --------------------------------------------------- */
#div_p_list .midashi1 {
   display: inline-block;
   white-space: nowrap;
   width: 100px;
}
#div_p_list .midashi2 {
   display: inline-block;
   white-space: nowrap;
   margin-left:24px;
   width: 120px;
}
#div_p_list .div_center {
   float: left;
   white-space: nowrap;
}
#div_p_list .div_center div {
   margin-bottom: 2px;
}
#div_p_list .txt_miseban {
   width: 140px;
}
#div_p_list .txt_cif {
   width: 80px;
}
#div_p_list .txt_toriatsukaino, #div_p_list .txt_keiyakukind, #div_p_list .txt_shouhin {
   width: 120px;
}
#div_p_list .txt_staffcode {
   width: 100px;
}
#div_p_list .txt_kingaku1, #div_p_list .txt_kingaku2 {
   width: 100px;
}
#div_p_list .span_account {
   margin-left: 30px;
   margin-right: 12px;
}
#div_p_list .btn_logout {

}
#div_p_list .btn_search {
   margin-left: 130px;
   margin-top : 20px;
}
#div_p_list .a_itemcsv {
   margin-left: 130px;
   margin-top : 10px;
   display: inline-block;
   /*float : right;*/
}
#div_p_list .btn_regist {
   margin-left: 30px;
   margin-top : 20px;
}
#div_table {
   margin-top:4px;
}
#div_p_list .div_account_menu {
    float:right;
    font-size:10pt;
    position: absolute;
    z-index:50;
    top:12px;
    right:8px
}
#div_p_list .ul_account_menu {
    position: absolute;
    list-style-type : none;
    margin-top:0;
    font-size:10pt;
    padding:0;
    width : 100%;
    border-top :solid  1px;
}
#div_p_list .ul_account_menu li {
    border-bottom :solid  1px;
    padding-right : 12px;
    padding-left : 30px;
    width : 100%;
}
/* --------------------------------------------------- */
div.dvi_list_btns{
    display: flex;
}
div.dvi_list_btn{
    padding-right : 20px;
}
/* --------------------------------------------------- */
#div_p_edit .div_left {
   vertical-align: top;
}
#div_p_edit .div_right {
   vertical-align: top;
   white-space: nowrap;
   margin-left: 20px;
   width: 286px;
}
#div_p_edit .div_buttons {
   margin-top: 12px;
}
#div_p_edit .div_center,
#div_p_app .div_center{
    display: flex;
    justify-content: space-between;
 }
/* --------------------------------------------------- */
#div_p_app .div_left {
   vertical-align: top;
}
#div_p_app .div_right {
   vertical-align: top;
   white-space: nowrap;
   margin-left: 20px;
}
#div_p_app .div_procinfo, #div_p_app .div_buttons, #div_p_app .div_signedinfo {
   margin-top: 12px;
}
.div_pdfbuttons span:not(.span_approved){
    overflow: hidden;
    text-overflow: ellipsis;
}

#div_p_app .div_app_info {
    display: inline-block;
    max-width : 45%;
}

#div_p_app .div_signedinfo {
    position : absolute;
    margin-left :30px;
    max-width : 50%;
}

#div_p_app .tbl_app_info {
    border-collapse: collapse;
    border-spacing: 0px;
    margin-top: 0px;
}
#div_p_app .tbl_app_info td {
    border: solid 1px #c0c0c0;	/* 上右下左 */
    padding: 1px 10px 1px 6px;
}
#div_p_app .tbl_app_info th {
    border: solid 1px #c0c0c0;	/* 上右下左 */
    padding: 1px 10px 1px 6px;
    font-weight: normal;
    text-align: left;
}

#div_p_app .tbl_app_info td:first-child{
    width: 45px;
}
#div_p_app .div_signedinfo td:first-child{
    width: 70px;
}
/* --------------------------------------------------- */
#div_p_signsel .div_keiyakubi {
    margin-top:4px;
    margin-left:4px;
}
#div_p_signsel .div_customer {
    margin-top:12px;
    margin-bottom:6px;
}
#div_p_signsel .div_notice {
    margin-left:610px;
}
/* --------------------------------------------------- */
#div_p_haifu .btn_timestamp {
    margin-top:10px;
    margin-bottom:4px;
}
#div_p_haifu .div_customer {
    margin-top:16px;
    margin-bottom:8px;
}
/* --------------------------------------------------- */
#div_p_chgpass div.row {
   padding: 2px;
}
#div_p_chgpass .midashi {
   text-align:left;
   display: inline-block;
   width: 140px;
}
#div_p_chgpass input[type="text"],#div_p_chgpass input[type="password"] {
  width: 150px;
  font-size:10pt;
  margin-right:4px;
  ime-mode: disabled;
}
#div_p_chgpass input[type="checkbox"] {
  padding-top:2px;
}
/* --------------------------------------------------- */
#div_p_regist .div_msg{
   font-size: 12pt;
}
#div_p_regist .btn_regist{
   width: 200px;
   font-size: 13pt;
   padding: 2px;
   border-radius :8px;
   margin-top: 20px;
   margin-bottom: 4px;
}
#div_p_regist .btn_cancel, #div_p_regist .btn_delete {
   width: 120px;
   font-size: 11pt;
   border-radius :8px;
   margin-top:6px;
}
#div_p_regist .div_center{
   width:800px;
   text-align: center;
}
#div_p_regist input[type=text]{
   padding:2px;
}
#div_p_regist table{
   border-spacing: 0px;
   margin-bottom:8px;
}
#div_p_regist .files_midashi{
   font-size: 11pt;
   display: inline-block;
   width: 160px;
}
#div_p_regist .midashi1{
   font-size: 11pt;
   text-decoration: underline;
   display: inline-block;
   width: 160px;
}
#div_p_regist .midashi3{
   width:120px;
   text-align: center;
   border :solid 1px #808080;
   white-space: nowrap;
   padding:0px;
}
/* --------------------------------------------------- */
button.customer {
   color: #ffffff;
   border-style:none;
   background-color: #191970;
   border-radius :4px;
   cursor: pointer;
   margin-top: 10px;
   margin-bottom: 10px;
}
button.customer:disabled {
    background-image: -ms-linear-gradient(top, #e0e0e0, #e0e0e0);
    background-image: -webkit-linear-gradient(top, #e0e0e0, #e0e0e0);
}
button.customer12 {
   font-size: 12pt;
   width:140px;
   height: 32px;
}
button.customer12_account {
    font-size: 12pt;
    padding: 5px 10px 5px 10px;  /* 上右下左 */
}
button.customer12s {
   font-size: 12pt;
   width:100px;
   height: 32px;
}
button.customer14 {
   font-size: 14pt;
   width:200px;
   height: 40px;
}
button.customer2 {
   font-size: 12pt;
   width: 180px;
   height: 28px;
   color: #ffffff;
   background-color: #c0c0c0;
   border-style:none;
   border-radius :8px;
   cursor: pointer;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
button.btn_pdf_customer {
    width: 300px;
    text-align: left;
    margin-bottom: 2px;
    padding-left: 12px;
}
button.customer_back {
   background-image: url('img/arrow_prev_w2.png');
   background-position: 10px 8px;
   background-repeat: no-repeat;
}
.ui-dialog-title {
    font-weight: normal;
}

/* --------------------------------------------------- */
/* for pc start */

div.div_logo {
    background-color: #ffffff;
    height: 100px;
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: flex-end;
}
div.div_logo_left {
    height: 100%;
    max-width: 70%;
}

@media screen and (min-width:1280px) {
  div.div_logo_left {
      max-width: 79%;
  }
}

@media screen and (min-width:1920px) {
  div.div_logo_left {
      max-width: 85%;
  }
}

div.div_logo_right {
    height: 100%;
    display: flex;
    align-items: flex-end;
}
img.logo {
    height: 100%;
}
div.div_logo_right_child {
    margin-right: 60px;
}
button.icon_book {
    background: transparent;
    border-style: none;
    cursor: pointer;
    font-size: 12pt;
}

div.div_fukidashi {
   position: relative;
   display: inline-block;
   margin: 1.5em 0;
   padding: 14px;
   min-width: 120px;
   max-width: 100%;
   color: #000000;
   font-size: 13pt;
   background: #ffffff;
   border-radius: 15px;
}
/*
.div_fukidashi:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 60%;
    width: 0;
    height: 0;
    border-top: 50px solid #ffffff;
    border-left: 5px solid transparent;
    border-right: 15px solid transparent;
    transform: rotate(60deg);
}
*/
div.div_fukidashi_bottom {
    position: relative;
    display: inline-block;
    margin: 1.5em 0;
    padding: 14px;
    min-width: 400px;
    max-width: 100%;
    color: #000000;
    font-size: 13pt;
    background: #ffffff;
    border-radius: 15px;
}
/*
.div_fukidashi_bottom:before {
    content: "";
    position: absolute;
    left: 48%;
    bottom: -15px;
    width: 0;
    height: 0;
    border-top: 25px solid #ffffff;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}
*/
table.tbl_p_contract {
    table-layout: fixed;
    width: 100%;
}
td.td_p_contract {
    width: 35%;
}
div.div_left_p_contract {
    display: flex;
    justify-content: flex-start;
    position: relative;
}
td.td_p_contract2 {
    width: 65%;
    vertical-align: top;
    position: relative;
}
div.div_right_p_contract {
    position: absolute;
    left: 3%;
    width: 97%;
}

div.div_right_p_contract5 {
    margin-top: 5%;
}
div.div_explain0 {
    text-align: center;
    font-weight: bold;
    padding-bottom: 10px;
}
div.div_explain1 {
    padding-bottom: 10px;
}

div.div_explain2 {
    display: inline-flex;
    font-weight: bold;
}
div.div_explain3 {
    margin: 0px 5px 0px 15px;
}
div.div_explain {
    margin: 3%;
    width: 80%;
    margin: auto;
}
div.div_top_msg {
  font-size: 13pt;
  padding: 6px;
  margin-top: 20px;
  margin-bottom: 20px;
  /* white-space: nowrap; */
}
div.div_explain0_taimen {
    text-align: center;
}
div.div_guide {
    min-width: 150px;
    max-width: 35%;
    margin-top :130px;
}
img.img_guide2 {
    /*min-width: 150px;
    max-width: 35%;
    margin-top :130px; */
    width: 100%;
}
/* --------------------------------------------------- */
button.e_btn_customer {
   color: #000000;
   /* border-style:none; */
   background-color: #e2e2e2;
   /* border-radius :4px; */
   /*  cursor: pointer; */
   /* margin-top: 10px; */
   /* margin-bottom: 10px; */
   border-width: thin;
}
button.e_btn_customer:disabled {
    background-image: -ms-linear-gradient(top, #e0e0e0, #e0e0e0);
    background-image: -webkit-linear-gradient(top, #e0e0e0, #e0e0e0);
    color: #696969;
}

.ui-widget-header {
    background: #e0e0e0;
    color: #000000;
}
.ui-widget {
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

/* 帳票系画面　確認画面対応 */
.div_pdfbuttons{
	display: flex;
    justify-content: space-between;
}
.span_approved{
	margin-left: auto;
}
/* 自動検印フラグ ダイアログ : 赤太文字 */
div.dialog_auto_dts {
    font-weight: bold;
    color : #ff0000;
}

/* ダイアログ用 くるくる スピナー */
div.div_dlg_spinner {
    margin-top: 5px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
span.dlg_spinner {
    width: 40px;
    height: 40px;
    border: 4px #b4b4b4 solid;
    border-top: 4px #f0f0f0 solid;
    border-radius: 50%;
    animation-name: animation_spinner;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes animation_spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/* ローディン用 くるくる スピナー */
#loading_pdf .com_loading_pdf {
    top: 40%;
    left: 40%;
    position: fixed;
}
#loading_pdf .div_loading_pdf {
    /* margin-top: 17px; *//* くるくる 円8version */
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#loading_pdf .loaing_spinner {
    width: 40px;
    height: 40px;
    border: 4px #b4b4b4 solid;
    border-top: 4px #f0f0f0 solid;
    border-radius: 50%;
    animation-name: animation_spinner;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
/* くるくる 円8version
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    box-shadow:
    0 -16px 0 #eee,     //  上
    11px -11px 0 #ddd,   //右上
    16px 0 0 #ccc,      // 右
    11px 11px 0 #bbb,   // 右下
    0 16px 0 #aaa,      //  下
    -11px 11px 0 #999,  // 左下
    -16px 0 0 #666,     //  左
    -11px -11px 0 #000; // 左上
    animation-name: animation_spinner;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-timing-function: steps(8);
*/
}
#loading_pdf .spn_loading_message {
    font-size:12pt;
}
#loading_pdf {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(170,170,170,0.3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}
.div_img_parent .img_disp {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}