@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:300);
label{
	margin:0px;
}
tr.ctl-row-js:hover,tr.ctl-row-js:hover input[readonly],tr.ctl-row-js:hover td {color: orange;}

.wait-area{
	display:none;
}
/* input readonlyのスタイル */
input[readonly]{
	border:none;
	background:none;
    background-color: rgba(0,0,0,0);
    height: 26px;;
}

input[readonly]:focus{
	outline:none;
}
.dropdown-menu{
	font-size:13px;
	padding: 3px 1px;
}
.dropdown-item{
	padding: 1px 10px;
	cursor: pointer;
}
/* ドロップダウンのスタイル */
select.rich{
	background-color: rgba(241,249,255,1);
	border: 2px solid rgba(188,224,253,1);
	height:30px;
	color: rgba(112,112,112,1);
	border-radius: 7px;
	min-width:150px;
	font-size:13px;
}

select.rich:focus{
	border: 2px solid rgba(38,153,251,1);
	outline: 0;
}

/* ラベルのスタイル */
label.rich{
    width: 100%; /*flexの中で100%広げる*/
    border: none; /*枠線非表示*/
    outline: none; /*フォーカス時の枠線非表示*/
    box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
    font-weight: bold;
    font-size: 13px;
    color:rgba(38,153,251,1);
}

/* テキスト（通常）のスタイル */
div.rich{
	background-color: rgba(241,249,255,1);
    border: 2px solid rgba(188,224,253,0.5);
    border-radius: 7px;
    height: 30px;
    display: flex;
}

div.rich:focus-within{
	border: 2px solid rgba(38,153,251,1);
	outline: 0;
}

div.rich::after{
	content: '';
	background-image:url("../image/icon/svg_cross.svg");
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	background-size: contain;
	cursor: pointer;
	margin: auto 4px;
}
div.rich.readonly::after{
	background-image:none;
	cursor: default;
	width: 0px;
	margin: 0;
}

.rich > input[type=text],.rich > input[type=password],.rich > input[type=file]{
	font-size: 13px;
	color: rgba(112,112,112,1);
	width : -webkit-calc(100%) ;
    width : calc(100%) ;
    height: 26px;
/*    margin-left: 3px;*/
	padding-left: 3px;
    border:none;
    border-top-left-radius : 5px;
    border-bottom-left-radius : 5px;

    background-color: rgba(241,249,255,1);
}


 .rich > input[type=text]:disabled
,.rich > input[type=password]:disabled
,.num  > input[type=text]:disabled
,.date > input[type=text]:disabled
,.time > input[type=text]:disabled
{
	background-color: lightgray;
	opacity: 0.5;
}
select.rich:disabled{
	background-color: lightgray;
	opacity: 0.5;
}
div.memo{
	background-color: rgba(241,249,255,1);
    border: 2px solid rgba(188,224,253,0.5);
    border-radius: 7px;
    display: flex;
}
.memo > textarea{
	font-size: 13px;
	color: rgba(112,112,112,1);
    width : 100%;
    border:none;
    border-radius: 5px;
    background-color: rgba(241,249,255,1);
}
.memo > textarea:focus{
	outline: none;
}

.rich > input[type=text]:focus{
    outline:none;
}

/*************************************
  出力項目のスタイル
*************************************/
div.out{
	border: 2px solid rgba(188,224,253,0.5);
	border-radius: 7px;
/*	display: inline-block;*/
}
div.out p.right{
	text-align: right;
}
div.out.right input{
	text-align: right;
}
div.out.center input{
	text-align: center;
}
div.out p{
	font-size: 13px;
	height: 26px;
	margin-bottom: 0;
	min-width:150px;
	padding-top: 2px;
	color: rgba(112,112,112,1);
	padding-left: 3px;
    padding-right: 3px;
	}
p.rich{
	font-size: 13px;
	margin-bottom: 0;
	min-width:150px;
	padding-top: 2px;
	color: rgba(112,112,112,1);
}
input.center,select.center{
	text-align: center;
}
input.right,select.right{
	text-align: right;
}
input.left,select.left{
	text-align: left;
}

/*************************************
  出力ラベル
*************************************/
div.label{
	font-size: 13px;
	height: 26px;
	margin-bottom: 0;
	padding-top: 2px;
	padding-left: 3px;
    padding-right: 3px;
}

/*************************************
  エラー時の背景色
*************************************/
 td.field-error
,div.rich .field-error
,div.memo .field-error
,div.num  .field-error
,div.time .field-error
,div.date .field-error
,a.field-error
,div.rich.readonly input[readonly].field-error
,div.memo.readonly textarea[readonly].field-error
,div.num.readonly  input[readonly].field-error
,div.date.readonly input[readonly].field-error
,div.time.readonly  input[readonly].field-error
/*,input[type=checkbox] ~ label.field-error
,input[type=radio] ~ label.field-error
*/
,select.field-error{
  background-color: #f3d6d6 !important;;
}
td input.field-error
{
  background-color: #f3d6d6 !important;;
}
div.memo .field-error{
 width: 100%;
}
.entry-error{
  color: red;
  font-size: 12px;
}
/*************************************
  エラー時の背景色
*************************************/
 td.field-error.warning{
  background-color:#edd99d !important;
}
 

/*************************************
  警告の文字色
*************************************/
.warn-style{
  font-weight: bold;
  color: rgb(220, 77, 79) !important;
}

/* テキスト（数値）のスタイル */
div.num{
	border: 2px solid rgba(188,224,253,1);
	background-color:rgba(241,249,255,1);
	width:100%;
	position: relative;
	height:30px;
}
div.date:focus-within,
div.rich:focus-within,
div.memo:focus-within,
div.num:focus-within{
	border: 2px solid rgba(38,153,251,1);
	outline: 0;
}
div.date.readonly:focus-within,
div.rich.readonly:focus-within,
div.memo.readonly:focus-within,
div.num.readonly:focus-within
{
	border:2px solid rgba(188,224,253,0.5);
	outline: 0;
}
div.readonly{
	border:2px solid rgba(188,224,253,0.5);
	background: none!important;
}
div.num.readonly  input[readonly]
{
	background: none;
	opacity:1;
}
div.date.readonly  input[readonly],
div.memo.readonly  textarea[readonly],
div.rich.readonly input[readonly]
{
	background: none;
	opacity:1;
/*
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
*/
}
div.num.readonly  input[readonly]:disabled,
div.date.readonly input[readonly]:disabled,
div.memo.readonly textarea[readonly]:disabled,
div.rich.readonly input[readonly]:disabled
{
	background-color: lightgray;
	opacity: 0.5;
}
div.num input{
/*	margin-left: 5px;*/
	height:26px;
	padding-left: 3px;
	padding-right: 3px;

/*	width: calc(100% - 0.5em);*/
	background-color:rgba(241,249,255,1);
	outline:0px;
	text-align: right;
	border:none;
	color: rgba(112,112,112,1);
	font-size: 13px;
}
td input:not([type='button'],[type='submit']){
	width:100%;
}

td input.num{
	text-align: right;
}

/* テキスト（日付）のスタイル */
div.date{
	border: 2px solid rgba(188,224,253,1);
	background-color:rgba(241,249,255,1);
/*	width:200px;*/
	position: relative;
	border-radius: 10px;
	height: 30px;
	display: flex;

}

div.date:focus-within{
	border: 2px solid rgba(38,153,251,1);
	outline: 0;
}
div.date.readonly:focus-within{
	border: 2px solid rgba(188,224,253,1);
	outline: 0;
}
div.date.readonly input[readonly]{
	background: none;
	opacity:1;
}

div.date input{
/*	margin-left: 5px; */
	height:26px;
	width : -webkit-calc(100%) ;
    width : calc(100%) ;
	background-color:rgba(241,249,255,1);
	outline:0px;
	text-align: center;
	border:none;
	color: rgba(112,112,112,1);
	font-size: 13px;
    border-top-left-radius : 8px;
    border-bottom-left-radius : 8px;
}

div.date:not(.clear)::after{
	content: '';
	background-image:url("../image/icon/calendar.svg");
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	background-size: contain;
	cursor: pointer;
	margin: auto 4px;
}
div.date.clear span.calendar-icon{
	background-image:url("../image/icon/calendar.svg");
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	background-size: contain;
	cursor: pointer;
	margin: auto 4px;
	}
div.date.clear span.clear-icon{
	background-image:url("../image/icon/svg_cross.svg");
	background-repeat: no-repeat;
	width: 12px;
	height: 12px;
	background-size: contain;
	cursor: pointer;
	margin: auto 4px;
}
div.date.readonly::after{
	background:none;
	cursor: default;
}

/* テキスト（時間）のスタイル */
div.time{
	border: 2px solid rgba(188,224,253,1);
	background-color:rgba(241,249,255,1);
	position: relative;
	border-radius: 10px;
	height: 30px;
	display: flex;

}

div.time:focus-within{
	border: 2px solid rgba(38,153,251,1);
	outline: 0;
}
div.time.readonly:focus-within{
	border: 2px solid rgba(188,224,253,1);
	outline: 0;
}
div.time.readonly input[readonly]{
	background: none;
	opacity:1;
}

div.time input{
/*	margin-left: 5px; */
	height:26px;
	width : -webkit-calc(100%) ;
    width : calc(100%) ;
	background-color:rgba(241,249,255,1);
	outline:0px;
	text-align: center;
	border:none;
	color: rgba(112,112,112,1);
	font-size: 13px;
    border-radius : 8px;
}


.rich > input:focus{
    outline:none;
}

/* ラジオボタンのスタイル */
input[type=radio] {
	position: absolute;
	opacity: 0;
}

input[type=radio] ~ label {
	padding:4px 0px 0px 0px;
}
.tbl-s input[type=radio] ~ label {
	padding:0px 0px 0px 0px;
}
input[type=radio] ~ label:before {
	content: "";
	background: url(../image/icon/radio_off.svg);
	display: inline-block;
	width: 20px;
	height: 20px;
	position: relative;
	top: -0.2em;
	margin-right: 3px;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	transition: all 250ms ease;
	margin-top:5px;
}
input[type=radio]:checked ~ label:before {
	background: url(../image/icon/radio_on.svg);
}
input[type=radio]:focus ~ label:before {
	outline: none;
	border-color: #3197EE;
}
input[type=radio]:disabled ~ label:before {
	background: url(../image/icon/radio_disabled_off.svg);
}
input[type=radio]:disabled:checked ~ label:before {
	background: url(../image/icon/radio_disabled_on.svg);
}
input[type=radio].field-error ~ label:before {
	background: url(../image/icon/radio_error_off.svg);
}
input[type=radio]field-error:checked ~ label:before {
	background: url(../image/icon/radio_error_on.svg);
}
input[type=radio] + label:empty:before {
	margin-right: 0;
}

/* チェックボックスのスタイル
input.rich[type=checkbox]:checked + label:before {
*/
input[type=checkbox] {
  position: absolute;
  opacity: 0;
}

input[type=checkbox] ~ label {
	padding:4px 0px 0px 0px;
}
input[type=checkbox] ~ label:before {
	content: "";
	background: url(../image/icon/checkbox_off.svg);
	display: inline-block;
	width: 20px;
	height: 20px;
	position: relative;
	top: -0.2em;
	margin-right: 3px;
	vertical-align: top;
	cursor: pointer;
	text-align: center;
	transition: all 250ms ease;
	margin-top:5px;
}
input[type=checkbox]:checked ~ label:before {
	background: url(../image/icon/checkbox_on.svg);
}
input[type=checkbox]:focus ~ label:before {
	outline: none;
	border-color: #3197EE;
}
input[type=checkbox]:disabled ~ label:before {
	background: url(../image/icon/checkbox_disabled_off.svg);
}
input[type=checkbox]:disabled:checked ~ label:before {
	background: url(../image/icon/checkbox_disabled_on.svg);
}
input[type=checkbox].field-error ~ label:before {
	background: url(../image/icon/checkbox_error_off.svg);
}
input[type=checkbox].field-error:checked ~ label:before {
	background: url(../image/icon/checkbox_error_on.svg);
}
input[type=checkbox] ~ label:empty:before {
	margin-right: 0;
}

/* ボタンのスタイル */
input[type="submit"],input[type="button"],button,a.button{
	background: rgba(38, 153, 251, 1);
	color: white;
	height: 30px;
	border-radius: 5px; /*ボックス角の丸み*/
	border: 1px solid rgba(255, 255, 255, 1); /*枠線*/
	font-weight: bold;
	font-size: 13px !important;
	min-width: 120px;
	padding:0px;
}
input[type="button"][value="検索"],input[type="button"][value="再検索"]{
	background: rgba(28, 167, 45, 1)!important;
}
input[type="button"][value="削除"],button[name="doDelFlg"]{
	background: rgba(210, 66, 74, 1)!important;
}
/* ボタンのスタイル */
input[type="submit"]:disabled,input[type="button"]:disabled,button:disabled{
	color: rgba(230,230,230);
	border: 1px solid gray; /*枠線*/
}
/* ボタンのスタイル */
input[type="submit"].foot-btn:disabled,input[type="button"].foot-btn:disabled,button.foot-btn:disabled{
	color: rgba(170,170,170);
	border: 1px solid gray; /*枠線*/
}

input[type="submit"]:hover,input[type="button"]:hover,button:hover, a.button:hover {
  opacity       : 0.8;         /* カーソル時透明度 */
}
input[type="submit"]:hover:disabled,input[type="button"]:hover:disabled,button:hover:disabled, a.button:hover:disabled{
  opacity       : 0.65;         /* カーソル時透明度 */
}

input[type="submit"]:focus,input[type="button"]:focus,button:focus, a.button:focus{
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
/* バッジ */
.badge {margin-left:5px;}
button:disabled .badge {background-color:gray;}

/* クリアボタン キャンセルボタン */
.btn-c{
	background: rgba(191, 188, 188, 1) !important;
	border: 1px solid rgba(191, 188, 188, 1) !important;
}

/*************************************
  テーブル middle
*************************************/
table.tbl-m{
	margin-top: 20px;
	margin-bottom: 20px;
}

table.tbl-m th,table.tbl-m td{
	border: 1px solid rgba(188,224,253,0.5);
}

table.tbl-m th{
	color: rgba(38, 153, 251, 1);
	background: rgba(241, 249, 255, 1);
	text-align: center;
}

table.tbl-m td .out{
	border:none;
}
table.tbl-m td .out p{
	padding-left: 7px;
    padding-right: 7px;
}

/*************************************
  テーブル small
*************************************/
.tbl-s{
  font-size: 12px;
  width: 100%;
  border-spacing: 0px;
  color: rgba(112,112,112,1);
}
.tbl-s input[type="submit"],.tbl-s input[type="button"],.tbl-s a.button {
	min-width: 50px;
    height: 23px;
    padding: 0px;
}

.tbl-s th:first-child{
  border-radius: 5px 0 0 0;
}

.tbl-s th:last-child,.tbl-s th.last{
  border-radius: 0 5px 0 0;
  border-right: 1px solid rgba(171, 183, 188, 1);
}

.tbl-s th{
  text-align: center;
  background: rgba(241, 249, 255, 1);
  border-left: 1px solid rgba(171, 183, 188, 1);
  border-bottom: 1px solid rgba(171, 183, 188, 1);
  border-top:1px solid rgba(171, 183, 188, 1);
  box-shadow: -1px 0px 10px -5px rgba(171, 183, 188, 1);
  padding: 0px 0px;
  color:rgba(38, 153, 251, 1);
  height: 22px;
}
.tbl-s th.left, .tbl-s td.left{
  text-align: left;
  padding-left: 5px;
}
.tbl-s th.right, .tbl-s td.right{
  text-align: right;
  padding-right: 5px;
}
.tbl-s td{
  text-align: center;
  border-left: 1px solid rgba(171, 183, 188, 1);
  border-bottom: 1px solid rgba(171, 183, 188, 1);
  border-top:none;
  box-shadow: -1px 0px 10px -5px rgba(171, 183, 188, 1);
/*  height: 36px;*/
}

.tbl-s td input[type=checkbox] + label:before{
	margin-top: 5px;
}

.tbl-s td:last-child,.tbl-s td.last{
  border-right: 1px solid rgba(171, 183, 188, 1);
}

.tbl-s tbody tr.slip-red {background:rgba(250,230,230,1);}

.tbl-s tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

.tbl-s tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}

.tbl-s tr.selected {
 background-color: #dffeaf;
}
.tbl-s thead tr.selected {
display: none;
 background-color: #dffeaf;
}

.tbl-s tbody tr.disabled {background-color:rgba(230,230,230,1);;}
.tbl-s tbody td.disabled {background-color:rgba(230,230,230,1);;}

/*************************************
  テーブル内コントロール
*************************************/
.tbl-s div.date,
.tbl-s div.time,
.tbl-s div.num,
.tbl-s div.rich,
.tbl-s div.memo{
	border:none;
	background-color: rgba(0,0,0,0);
	border-radius: 0px;
	height: auto;
}
.tbl-s div.date{
	min-width: 120px;
}
.tbl-s div.time{
	min-width: 36px;
}
.tbl-s div.date.readonly{
	min-width:100px;
}

.tbl-s div.date input,
.tbl-s div.time input,
.tbl-s div.num  input,
.tbl-s div.rich input,
.tbl-s div.memo textarea{
/*	background-color: rgba(0,0,0,0);*/
	height: 24px;
	min-height: 24px;
	border:1px solid rgba(171, 183, 188, 1);
	border-radius: 0px;
    font-size: 12px;
}
.tbl-s div.num  input.field-error[readonly]{
	background-color: #f3d6d6;
}
.tbl-s div.num.readonly   input[readonly],
.tbl-s div.date.readonly  input[readonly],
.tbl-s div.time.readonly  input[readonly],
.tbl-s div.rich.readonly  input[readonly],
.tbl-s div.memo.readonly  textarea[readonly]
{
	border:none;
	background:none;
}
.tbl-s div.num.readonly   input.field-error[readonly],
.tbl-s div.date.readonly  input.field-error[readonly],
.tbl-s div.time.readonly  input.field-error[readonly],
.tbl-s div.rich.readonly  input.field-error[readonly],
.tbl-s div.memo.readonly  textarea.field-error[readonly]
{
	background-color: #f3d6d6;
}
.tbl-s div.memo.readonly  textarea[readonly]
{
	resize:none;
}
.tbl-s div.num.readonly:focus-within,
.tbl-s div.date.readonly:focus-within,
.tbl-s div.time.readonly:focus-within,
.tbl-s div.rich.readonly:focus-within,
.tbl-s div.memo.readonly:focus-within
{
	border:none;
	outline: 0;
}
.tbl-s div.date.readonly::after,
.tbl-s div.rich::after
{
	content: none;
}

.tbl-s div.date input:focus,
.tbl-s div.time input:focus,
.tbl-s div.num  input:focus,
.tbl-s div.rich input:focus,
.tbl-s div.memo textarea:focus,
.tbl-s select.rich:focus{
	border: 2px solid rgba(38,153,251,1);
}

.tbl-s div.date.readonly input:focus[readonly],
.tbl-s div.time.readonly input:focus[readonly],
.tbl-s div.num.readonly  input:focus[readonly],
.tbl-s div.rich.readonly input:focus[readonly],
.tbl-s div.memo.readonly textarea:focus[readonly]{
	border: none;
}

.tbl-s select.rich{
	border-radius: 0px;
	height: 24px;
/*	background-color: rgba(0,0,0,0);*/
	border:1px solid rgba(171, 183, 188, 1);
	min-width:20px;
	width:100%;
	font-size: 12px;
	position: inherit;
}

.tbl-s input[type=checkbox] ~ label {
	padding: 0px 0px 0px 0px;
}
/*************************************
  テーブル sticky
*************************************/
/*
.search-result.sticky .with-title-header{
	position: sticky;
}

.modal-content form .search-result.sticky .with-title-header{
	position: sticky;
	top: 0;
    z-index: 1000;
}

table.tbl-s.sticky thead tr th {
	position: sticky!important;
    outline: 1px solid #ccc;
    border: none;
    border-radius: unset;
}
*/
/*************************************
  行間のマージン
*************************************/
/*.r-container{
	margin-top: 10px;
}
*/
/*************************************
  リンクをボタン表示する
*************************************/
a.link-btn {
/*  padding: 0.7em; */
  margin: 0;
  display: inline-block;
  background: rgba(38, 153, 251, 1);
  color: rgba(255,255,255,1) !important;
  text-decoration: none;
  font-size:13px;
  border-radius: 5px;
  font-weight: bold;
  text-align:center;
  min-width: 80px;
  height: 28px;
  padding-top: 3px;

}

a.link-btn:hover {
    opacity       : 0.8;         /* カーソル時透明度 */
}

/*************************************
  リスト内リンクをボタン表示する
*************************************/
a.list-link-btn {
  padding: 0.1em;
  margin: 10px 0;
  display: inline-block;
  background: rgba(38, 153, 251, 1);
  color: rgba(255,255,255,1) !important;
  text-decoration: none;
  font-size:13px;
  border-radius: 5px;
  font-weight: bold;
  text-align:center;
  text-decoration:none !important;
  min-width: 50px;
  height: 23px;
}

a.list-link-btn:hover {
    opacity       : 0.8;         /* カーソル時透明度 */
}

a.btn-print:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: -3px 15px 0 0;
  background-size: contain;
  vertical-align: middle;
  background: url("/image/icon_btn_16.png") no-repeat !important;
}

td a.list-link-btn {
  margin: 0 0;
}


/*************************************
  div内の横並び
*************************************/
.h-box{
  display : -webkit-box;     /* old Android */
  display : -webkit-flex;    /* Safari etc. */
  display : -ms-flexbox;     /* IE10        */
  display : flex;
  align-items: flex-end;

}

.box{
  -webkit-flex-direction: row;             /* Safari etc. */
  -ms-flex-direction    : row;             /* IE10        */
  flex-direction        : row;
  margin-right: 10px;
}
td .box{
  margin-right: 0px;
}

.box.right{
  display: inline-block;
  font-size: 16px;
  margin-right: 10px;
  width:97%;
}

/*ボタン右寄せ*/
.btn-r{
	display: block;
    margin: 0 0 0 auto;
}

/**************************************
  情報表示領域
*************************************/
.with-title-area .with-title-header{
	background: rgba(214 232 245);
	color: rgba(38,153,251,1);
	font-size: 15px;
	padding: 3px 15px;
    text-align: left;
    position: relative;
    cursor: pointer;
    transition-duration: 0.2s;

}

.with-title-area .with-title-inner{
    padding: 7px 20px;
    border-left: 2px solid rgba(214 232 245);
    border-right: 2px solid rgba(214 232 245);
    border-bottom: 2px solid rgba(214 232 245);
    box-sizing: border-box;
}

/**************************************
  情報表示領域（赤伝）
*************************************/
.slip-red .with-title-area .with-title-header{
	background: rgba(250,150,150,1);
	color: rgba(150,80,80,1);
}

.slip-red .with-title-area .with-title-inner{
	border-left  : 2px solid rgba(250,150,150,1);
	border-right : 2px solid rgba(250,150,150,1);
	border-bottom: 2px solid rgba(250,150,150,1);
}
/*************************************
  検索画面
*************************************/

.with-title-area{
margin-bottom: 10px;
margin-top: 10px;
}

.with-title-area.search > .with-title-header,.with-title-area.search-result .with-title-header {
	background: rgba(127,196,253,1);
	color: rgba(255,255,255,1);;
	font-size: 16px;
	padding: 4px 4px;
    text-align: center;
    position: relative;
    cursor: pointer;
    transition-duration: 0.2s;
    border-top-left-radius: 10px;
  	border-top-right-radius: 10px;
}

.with-title-area.search > .with-title-inner,.with-title-area.search-result .with-title-inner {
    padding: 5px 20px 10px 20px;
    border-left: 2px solid rgba(127,196,253,1);
    border-right: 2px solid rgba(127,196,253,1);
    border-bottom: 2px solid rgba(127,196,253,1);
    box-sizing: border-box;
    border-bottom-right-radius: 10px;
 	border-bottom-left-radius: 10px;

}

.accordion.r-container{
	margin-top: 10px;
}
.with-title-area.search .with-title-inner .accordion-header.stay{
	background: rgb(187 198 208);
}

.with-title-area.search .with-title-inner .accordion-inner.stay{
	border-left: 2px solid rgba(187 198 208);
    border-right: 2px solid rgba(187 198 208);
    border-bottom: 2px solid rgba(187 198 208);
}

.search-cond{
	margin-bottom: 10px;
}

/*************************************
  モーダルのスタイル
*************************************/
.modal-header{
    padding: 7px 10px;
}
/* モーダルボタンのスタイル */
.modal-header .close{
	min-width:0px;

}
.modal-body{
	padding:0px;
}
.modal-content form{
	margin-top:0px;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 90vh;
}

.modal-content form .search-result .with-title-header{
	position: sticky;
    top: -1px;
    z-index:1000;
}
.modal-content form .search-result .pager-top{
    position: sticky;
    z-index:1000;
    top: 31px;
    background-color: white;
	padding-top: 5px;
    padding-bottom: 1px;
}

.modal-content form .search-result table.tbl-s thead:not(.no-pager) tr:first-child th {
    top: 69px;
}
.modal-content form .search-result table.tbl-s thead tr th{
	position: sticky;
    z-index:1000;
    outline: 1px solid #ccc;
    border: none;
    border-radius: unset;
}

.modal-footer{
	margin-top: 5px;
	position: sticky;
    bottom: 0;
	background:white;
}
.modal-footer input[type="submit"], .modal-footer input[type="button"]{
	border:0px;
}

.foot-btn.danger{background: rgba(210, 66, 74, 1)!important;}

/*
.btn{
font-size: 14px !important;
}

.modal-body .with-title-area .with-title-header{
font-size: 14px;
padding: 5px;
}
.modal-body .with-title-area .with-title-inner {
padding: 5px 5px 10px 5px;
}
.modal-body .with-title-inner label.rich{
font-size: 12px;
margin-bottom: 3px;
}
.modal-body .with-title-inner div.rich{
height: 30px;
}
.modal-body .with-title-inner .rich > input[type=text]{
font-size: 12px;
height: 26px;
}
.modal-lg{
max-width: 85% !important;
}
*/
/* 閉じるボタンの位置 */


/*************************************
  アコーディオン
*************************************/
.accordion .accordion-header {
  background: rgba(127,196,253,1);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #fff;
  font-size: 16px;
  padding: 5px 10%;
  text-align: center;
  position: relative;
  z-index: 1;
  cursor: pointer;
  transition-duration: 0.2s;
}
.accordion .accordion-header:hover {
  opacity: .8;
}
.accordion .accordion-header .i-box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 2%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
}
.accordion .accordion-header.stay .i-box {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.accordion .accordion-header.stay .i-box {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.accordion .accordion-header .i-box .a-icon {
  display: block;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
.accordion .accordion-header.stay .i-box .a-icon {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.accordion .accordion-header.stay.open .i-box .a-icon {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.accordion .accordion-header.open .i-box {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.accordion .accordion-header.stay.open .i-box {
  -webkit-transform: rotate(315eg);
  transform: rotate(315deg);
}
.accordion .accordion-header .i-box .a-icon:before, .accordion .accordion-header .i-box .a-icon:after {
  display: flex;
  content: '';
  background-color: #fff;
  border-radius: 10px;
  width: 18px;
  height: 4px;
  position: absolute;
  top: 7px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
}
.accordion .accordion-header .i-box .a-icon:before {
  width: 4px;
  height: 18px;
  top: 0;
  left: 7px;
}
.accordion .accordion-header.stay .i-box .a-icon:before {
  content: none;
}
.accordion .accordion-header.open .i-box .a-icon:before {
  content: none;
}
.accordion .accordion-header.stay.open .i-box .a-icon:before {
  content: "";
}
.accordion .accordion-header.open .i-box .a-icon:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.accordion .accordion-header.stay.open .i-box .a-icon:after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.accordion .accordion-inner {
  display: none;
  padding: 5px 15px 10px 15px;
  border-left: 2px solid rgba(127,196,253,1);;
  border-right: 2px solid rgba(127,196,253,1);;
  border-bottom: 2px solid rgba(127,196,253,1);;
}
.accordion .accordion-inner.stay {
  display: block;
}

.accordion .accordion-inner .box_one {
  height: 300px;
}
.accordion .accordion-inner p.txt_a_ac {
  margin: 0;
}

/*************************************
  ページャーの表示件数ドロップダウン
*************************************/

.cp-ipselect {
/*	overflow: hidden;*/
	width: 120px;
	text-align: center;
}
.cp-ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	color:rgba(38, 153, 251, 1) !important;
	height:25px;
}
.cp-ipselect select::-ms-expand {
    display: none;
}
.cp-ipselect.cp-sl05 {
	position: relative;
    border-radius: 7px;
	background: #fff;
	border: 1px solid rgba(38, 153, 251, 1);
    /*margin-top: 3px;*/
}
.cp-ipselect.cp-sl05::before {
	position: absolute;
	top: 0.8em;
	right: 0.8em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid rgba(38, 153, 251, 1);
	pointer-events: none;
}
.cp-ipselect.cp-sl05 select {
	padding: 5px 38px 5px 7px;
}

/*************************************
  ページャー
*************************************/
.pagination-ul{
	padding-inline-start: 5px;
    margin-block-start: 0.3em;
    margin-block-end: 0.3em;
   /* height: 30px;*/
}
.pagination-ul li {
	list-style: none;
	display: inline-block;
	margin-right: 10px;
}

.pager .pagination {
  text-align: center;
}

.pager .pagination li {
  display: inline;
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  min-width: 18px;
  height: 22px;
  text-align: center;
  position: relative;
  border-radius: 6px;
/*  font-size: 10px; */
  font-size: 13px;
}


.pager .pagination li a{
	white-space: nowrap;
	text-align: center;
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
/* 	font-size: 13px;*/
 	color: rgba(38,153,251,1);
 	text-decoration: none;
}
/*
.pager .pagination li a span{
  display:table-cell;
 vertical-align:middle;
}
*/
.pager .pagination li a:hover,
.pager .pagination li a.active{
  color: #000;
}



/* ページャコンテンツの位置 */
.pager-position{
	display: inline-flex;
/*	margin-right: 15px;*/
	
    vertical-align: middle;
	
}

/* トータルページの表示 */
.pager-position.pager-count{
	font-size: 12px;
	color: rgba(38,153,251,1);
/*	vertical-align: top;
    margin-top: 10px;*/
}
/*************************************
  入力領域の幅
*************************************/
.entry{
	width: 100%;
}

.entry-child{
	width: 70%;
}

/*************************************
  ドキュメントリンク
*************************************/
.dlink{
	background: rgba(241,249,255,1);
	border: 1px solid rgba(112,112,112,1);
}

.dlink a{
	line-height: 40px;
	margin-left: 10px;
	color: rgba(112,112,112,1);
}

/*************************************
  ハンバーガーメニュー
*************************************/

.head-style {
  width: 100%;
  background: #fdfdfd;
  font-weight: 600;
  letter-spacing: .03em;
  color: rgba(38,153,251,1);
  margin-bottom: 50px;
}

.nav-container {
  position: fixed;
  height: 100vh;
  width: 100%;
  pointer-events: none;
  z-index: 10;
  display: inline-flex;
}
.nav-container .bg {
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  height: calc(100% - 70px);
  visibility: hidden;
  opacity: 0;
  transition: .3s;
  background: #000;
}
.nav-container:focus-within .bg {
  visibility: visible;
  opacity: .6;
}
.nav-container * {
  visibility: visible;
}

.menu-button {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
  -webkit-appearance: none;
  border: 0;
  background: transparent;
  border-radius: 0;
  height: 50px;
  width: 30px;
  cursor: pointer;
  pointer-events: auto;
  margin-left: 25px;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  outline: none;
}
.icon-bar {
  display: block;
  width: 100%;
  height: 3px;
  background: #fff;
  transition: .3s;
}
.icon-bar + .icon-bar {
  margin-top: 5px;
}

.nav-container:focus-within .menu-button {
  pointer-events: none;
}
.nav-container:focus-within .icon-bar:nth-of-type(1) {
  transform: translate3d(0,8px,0) rotate(45deg);
}
.nav-container:focus-within .icon-bar:nth-of-type(2) {
  opacity: 0;
}
.nav-container:focus-within .icon-bar:nth-of-type(3) {
  transform: translate3d(0,-8px,0) rotate(-45deg);
}

#nav-content {
  overflow-y: auto;
  margin-top: 51px;
  padding: 10px 10px;
  width: 80%;
  max-width: 300px;
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% - 70px);
  background: rgba(38,153,251,1);
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  transform: translateX(-100%);
  transition: transform .5s;
  will-change: transform;
  contain: paint;
  color: #fff;
  outline: none;
}

#nav-content ul {
/*  height: 100%; */
  display: flex;
  flex-direction: column;
}
#nav-content li div.title {
	font-size: 105%;
	border-radius: 5px;
	margin-top:5px;
	margin-bottom:5px;
    background-color: #083f6e;
    padding: 2px 5px;
}
#nav-content li a {
  color: white;
  padding: 0px 10px;
  display: block;
  text-transform: uppercase;
  transition: color .1s;
}

#nav-content li a:hover {
  color: #BF7497;
}

#nav-content li:not(.small) + .small {
  margin-top: auto;
}

.small {
  display: flex;
  align-self: center;
}

.small a {
  font-size: 12px;
  font-weight: 400;
  color: #888;
}
.small a + a {
  margin-left: 15px;
}

.nav-container:focus-within #nav-content {
  transform: none;
}

.nav-container:focus-within .icon-bar:nth-of-type(1) {
  transform: translate3d(0,8px,0) rotate(45deg);
}
.nav-container:focus-within .icon-bar:nth-of-type(2) {
  opacity: 0;
}
.nav-container:focus-within .icon-bar:nth-of-type(3) {
  transform: translate3d(0,-8px,0) rotate(-45deg);
}

* {
  box-sizing: border-box;
  margin: 0;
}

/*************************************
  ログインメニュー
*************************************/

/* ログインアイコン */
.login-button{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
  -webkit-appearance: none;
  border: 0;
  background: rgba(38, 153, 251, 1);
  border-radius: 0;
  cursor: pointer;
  pointer-events: auto ;
  height: 50px;
/*  padding-top: 23px;*/
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  outline: none;

}

.login-button:hover{
  cursor: pointer;
}

.login-button img{
	width: 40px;
    height: 40px;
    margin: 0 0 0 auto;
    transform: scale(0.8,0.8);
}

.login-button p{
	color: #fff;
    font-size: 0.5em;
    text-align: center;
    margin: 0 0 0 auto;
}

.login-info{
	background: #FFFFFF;
}

/* ログアウトボタン */
.logout{
	font-size: 12px;
	border: 1px solid rgba(255, 255, 255, 1);
	border-radius: 5px;
	padding: 6px;
}

.logout:hover{
	opacity: 0.7;
}

/* ログインメニュー一覧 */
.dropmenu{
  list-style-type: none;
  padding: 0;
}

.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  padding: 6px 0px 0px 30px;
  background: rgba(38, 153, 251, 1);;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  width:150px;
  height:50px;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
  padding: 20px 0 0 10px;
  border-top: 1px solid rgba(127,196,253,1);
  background: rgba(38, 153, 251, 1);
  text-align: left;
}
.dropmenu li:hover > a{
  background: rgba(38, 153, 251, 1);
}
.dropmenu li a:hover{
  background: rgba(38, 153, 251, 1);
}

#fade-in li ul{
  display: none;
}

#fade-in li:hover ul{
  display: block;
}
/*************************************
  カレンダー祝日対応
*************************************/
.ui-datepicker-calendar .day-sunday > a,
.ui-datepicker-calendar .day-holiday > a {
  background: #ffc0c0;
}
.ui-datepicker-calendar .day-saturday > a {
  background: #c0d0ff;
}

/*************************************
  ファイルアップロード
*************************************/
.drop_area.active{
	border: 5px solid rgba(188,224,253,1);
}
.drop_area hr{
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
}
.drop_area .empty-info{
	font-size:1.3em;
	font-weight: 700;
}
.drop_area div.file{
    font-size: 50%;
    padding: 3px;
    text-align: center;
    word-break: break-all;
	border:1px solid #808080;
	background:honeydew;
	max-width: 200px;
}

.drop_area div.file.excluded{
	border:1px solid red;
	color:red;
	background: antiquewhite;
}
.drop_area div.excluded p{
	font-weight:bold;
}

.drop_area div.file div.fileInfo.dropping{
    display: inline-grid;
    width: calc(100% - 16px);
	vertical-align: middle;
}

.drop_area div.file span.delIcon{
    display: inline-grid;
    width: 15px;
    cursor: pointer;
    border-left: 1px solid #808080;
    vertical-align: middle;
    height: 30px;
}

/*************************************
  商品規格テーブル
*************************************/
table.item-variation td{
	border: 1px solid;
	padding:5px;
	min-width:50px;
	text-align: center;
}
table.item-variation tbody tr:first-child{
	background-color: #cccccc;
}
table.item-variation tbody tr td:first-child{
	background-color: #cccccc;
}
#excel > hr{
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

/*************************************
  項目エラー
*************************************/
.tooltip .tooltip-inner{padding:0px;}
.tooltip .tooltip-inner div{padding:0.25rem 0.5rem;background-color:red;}
.tooltip .tooltip-inner div.warning{background-color:gold;color:#444444;}
.field-message {display:none;}

/*************************************
  共通メッセージ領域
*************************************/
.global-error li{
	color:red;
}
.info-messages li{
	color:black;
}

/*************************************
  隠し行の罫線を非表示
*************************************/

.ctl-hiddenItems {
	border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
}
/*************************************
  アコーディオンボタン
*************************************/

/** アコーディオンタイトル　機能領域*/
.title-func {
	position: absolute;
	display: inline-flex;
	top: 5px;
	right: 70px;
}

/** アコーディオンタイトル　出力*/
.title-func .out {
	padding: 2px 5px;
	min-width: 20px;
	height: 0px;
	border-radius: 0px;
	border:0px;
	margin-right: 5px;
}


/** アコーディオンタイトル　ボタン*/
.title-func input[type="submit"],
	 .title-func input[type="button"],
	 .title-func button {
  		padding: 2px 10px;
  		min-width:20px;
  		height:25px;
  		margin-right:5px;
}


/** アコーディオンタイトル　左領域*/
.title-func.left{
  		left:10px;
  		padding: 0px 0px;
  		margin-left:5px;
}

/** アコーディオンタイトル　左領域出力*/
.title-func.left .out{
	margin-right:0px;
	margin-left:2px;
}
/** アコーディオンタイトル　左ボタン*/
.title-func.left input[type="submit"],
	 .title-func.left input[type="button"],
	 .title-func.left button {
	margin-right:0px;
	margin-left:2px;
}

/*************************************
  テーブル制御
*************************************/
/** テンプレート行 */
tr.template-row{display:none;}
.hide{display:none !important;}

tr.selection{display:none;}

.d-flex.hide{display:none !important;}
/*************************************
  商品画像
*************************************/
.thumbnail > hr{
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.thumbnail > .title + hr {
	margin-top: 0rem;
	margin-bottom: 0.5rem;
}

.item_image{
    margin: 3px 1px;
	width:calc((100% / 8) - 3px);
	display: inline-block;
    position: relative;
}
.item_image label{
	width:100%;
}
.item_image select{
	width: calc(100% - 29px);
}
.item_image input{
	width: 100%;
	text-align: center;
}
.item_image input[type="button"]{
	min-width: 25px;
	width: 25px;
	height: 25px;
}

.item_image img {
	border: 2px solid rgba(188,224,253,1);
	opacity: 0.4;
}
.item_image i {
    background: url(../image/icon/checkbox_on.svg);
	width: 22px;
	height: 22px;
  	}
.item_image input[type=checkbox]{
    opacity: 0;
}
.item_image input[type=checkbox]:checked ~ .checked{
    display:flex;
}

.item_image input[type=checkbox] ~ .checked{
    position: absolute;
    display:none;
    width: 22px;
    height: 22px;
    cursor: pointer;
	justify-content: center;
    align-items: center;
    top:3px;
    right:3px;
}
.item_image input[type=checkbox]:checked ~ img{
	opacity: 1.0;
}

/**
 * テーブル固定
 */

div.sticky{overflow-x: auto;}
div.sticky table{width: max-content;}
.sticky-left.left30{left:30px;}
.sticky-left.left40{left:40px;}
.sticky-left.left50{left:50px;}
.sticky-left.left60{left:60px;}
.sticky-left.left70{left:70px;}
.sticky-left.left80{left:80px;}
.sticky-left.left90{left:90px;}
.sticky-left.left100{left:100px;}
.sticky-left.left110{left:110px;}
.sticky-left.left120{left:120px;}
.sticky-left.left130{left:130px;}
.sticky-left.left140{left:140px;}
.sticky-left.left150{left:150px;}
.sticky-left.left190{left:190px;}
.sticky-left.left200{left:200px;}
.sticky-left.left210{left:210px;}
.sticky-left.left220{left:220px;}
.sticky-left.left230{left:230px;}
.sticky-left.left240{left:240px;}
.sticky-left.left250{left:250px;}

.sticky-right.right60{right:60px;}
.sticky-right.right70{right:70px;}
.sticky-right.right75{right:75px;}
.sticky-right.right80{right:80px;}
.sticky-right.right100{right:100px;}
.sticky-right.right120{right:120px;}
.sticky-right.right125{right:125px;}
.sticky-right.right130{right:130px;}
.sticky-right.right140{right:140px;}
.sticky-right.right150{right:150px;}
.sticky-right.right175{right:175px;}
.sticky-right.right180{right:180px;}
.sticky-right.right200{right:200px;}

/** 左固定 */
.sticky-left{
	position: sticky;
	left:0px;
}
/** 右固定 */
.sticky-right{
	position: sticky;
	right:0px;
}

.tbl-s .sticky-right input[type="submit"],
.tbl-s .sticky-right input[type="button"]
{
    content: "";
    display: inline-block;
    position: relative;
    cursor: pointer;
}
.tbl-s caption{
	display:none;
}
/** 固定セル共通形状 */
th.sticky-left,th.sticky-right,
td.sticky-left,td.sticky-right
{
	background: rgba(241, 249, 255, 1);
    color: rgba(38, 153, 251, 1);
    z-index:1;
}

/** 固定セル枠 */
th.sticky-left:before,th.sticky-right:before,
td.sticky-left:before,td.sticky-right:before
{
	content: "";
	position: absolute;
	top: -1px;
	left: -1px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	border: 1px solid #ccc;
}

/** 左固定最終セル枠 */
th.sticky-left.end:before,
td.sticky-left.end:before
{
	border-right: 3px double rgba(171, 183, 188, 1);
}
/** 右固定最終セル枠 */
th.sticky-right.end:before,
td.sticky-right.end:before
{
	border-left: 3px double rgba(171, 183, 188, 1);
}

/** AJAX待ち状態 */
#spinners{
	width:100%;
	height:100%;
	z-index:1060;
	position:fixed;
	background:rgba(255,255,255,1);
	opacity:0.7
}

/** grid表示のスタイル */

div.container > div.row>.col{
		border: 1px solid rgba(188,224,253,0.5);
	}

div.container .title{
	background: rgba(241, 249, 255, 1);
	text-align: center;
	color: rgba(38, 153, 251, 1);
	font-weight: bold;
}


div.container > div.row > div.col > input[readonly]{
	text-align: right;
    color: rgba(112,112,112,1);
    font-size:13px;
    width: 120px;
}

.modal-dialog-fluid {
  max-width: inherit;
  width: 98%;
  margin-left: 15px;
  max-height: inherit;
  height:90%;
}

.sub-status{
	font-size: 80%;
    color: rgba(171, 183, 188, 1);
}


/*************************************
  行ソート
*************************************/
table.tbl-s th div.sorter{
    cursor: pointer;
    position: relative;
    top: 0;
    left: 0;
    padding:0;
    display: flex;
/*    height: 100%;*/
    width:100%;
    justify-content: center;
    align-items: center;

}

table.tbl-s th.sticky-left.end div.sorter{
    width: calc(100% - 2px);
}

table.tbl-s th div.sorter span.arrow{
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    font-size: 12px;
    margin-top: -10px;
    color: #bfbfc1;
    border-color: #ccc transparent transparent transparent;
}

table.tbl-s th div.sorter span.arrow.down{
    border-style: solid;
    border-width: 5px;
    font-size: 0;
    border-color: #ccc transparent transparent transparent;
    line-height: 0;
    height: 0;
    width: 0;
    margin-top: -2px;

}

table.tbl-s th div.sorter span.arrow.up{
border-style: solid;
    border-width: 5px;
    font-size: 0;
    border-color: transparent transparent #ccc transparent;
    line-height: 0;
    height: 0;
    width: 0;
    margin-top: -7px;
}

table.tbl-s th div.sorter span.sort-title{
   display: flex;
/*    height: 100%;*/
    width: 100%;
    justify-content: center;
    align-items: center;
}
table.tbl-s th.sticky-left.end span.sort-title{
    width: calc(100% - 2px);
}

table.tbl-s th div.sorter span.sort-title.active{
	background-color:rgb(241 255 252);
}

/*************************************
  グレイ、ブラック受注
*************************************/
td.juchu-gray{
	background-color:rgb(150,150,150);
	color:white;
}
td.juchu-black,td.juchu-black.juchu-gray{
	background-color:rgb(50,50,50);
	color:white;
}
td.juchu-gray  textarea,
td.juchu-gray  input[type='text'],
td.juchu-black textarea,
td.juchu-black input[type='text']
{
	color:white;
}

/*************************************
  ダイアログ関連
*************************************/
.modal-70{
	max-width:80%;
}