/* === Scoped CSS for WVKS0100JushinList (bodies untouched, only ".ks-css" added) === */

@media print {
 .ks-css .no-print { display:none; }
 .ks-css .print-contentsArea { overflow:visible !important; }
 .ks-css .btn { display:none; }
 .ks-css .footerArea  { display:none; }
}

/* layout / base */
.ks-css { /* from body */
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	word-break: break-all;
	background-color: #ffffff;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 16px;
	color:  #111111 !important ;
}

/*scroll*/
.contentsArea {
	overflow-x: hidden;
	overflow-y: auto;
	padding-bottom: 18px;
}
.bottom-scroll {
	position: fixed;
	height: 18px;
	overflow-x: auto;
	overflow-y: hidden;
	z-index: 9999;
}
.bottom-scroll > div {
	height: 1px;
}

/* page frame */
.ks-css.baseTable {
	width: 97%;
	height: 97%;
	min-height: 97%;
	padding: 0px;
	margin: auto;
}

/* === neutralize Bootstrap .label inside .ks-css === */
/* 基本形と a[href].label、派生の .label-* をまとめてリセット（.ks-css 範囲のみ） */
.ks-css .label,
.ks-css .label[href],
.ks-css [class*="label-"] {
  /* レイアウト系 */
  display: table-cell;   /* BSの inline を打ち消し、<td class="label"> でも崩れない */
  vertical-align: middle;
  white-space: normal;
  text-align: left;

  /* 余白・タイポ系 */
  padding: 0;
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  color: inherit;

  /* 装飾系 */
  background: none;
  border: 0;
  border-radius: 0;
}

.ks-css table { /* from table */
	border-collapse: separate;
}
.ks-css form { /* from form */
	margin: 0px 0px 0px 0px;
}

/* links */
.ks-css a { /* from a */
	text-decoration: none;
	color: #0000ff;
}
.ks-css a:visited {
	color: #0000ff;
}
.ks-css a:hover,
.ks-css a:active {
	color: #FF7F50;
}

/* utilities */
.ks-css .alignCenter { /* from .alignCenter */
	text-align: center;
}
.ks-css .centerBlock { /* from .centerBlock */
	margin-left: auto;
	margin-right: auto;
}

/* button (anchor with .btn) */
.ks-css .btn { /* from .btn */
	background: #EEE;
	border-right: 3px solid #BBB;
	border-bottom: 3px solid #BBB;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #000000;
	padding: 5px 20px;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	white-space: nowrap;
}
.ks-css .btn:hover {
	background: #eaf4fc;
}
.ks-css .btn:active {
	background: #eaf4fc;
	border-top: 3px solid #BBB;
	border-left: 3px solid #BBB;
	border-right: none;
	border-bottom: none;
}

/* tables (search/list/button) */
.ks-css table.input-table,
.ks-css table.search-table,
.ks-css table.list-table { /* from shared table block */
	margin-top: 10px;
	border: 1px solid #a9a9a9;
	border-collapse: collapse;
}
.ks-css table.full-size { /* from table.full-size */
	width: 100%;
}
.ks-css table.half-size { /* from table.half-size */
	width: 50%;
}

/* search-table */
.ks-css table.search-table .label { /* from table.search-table .label */
	text-align: left;
	border-top: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	padding-right: 5px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	background: #FFFDB0;
	white-space: nowrap;
	width: 15%;
}
.ks-css table.search-table .input { /* from table.search-table .input */
	text-align: left;
	border-top: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 18px;
	padding-right: 5px;
	margin: 0px;
	background-color: #FFFDDA;
	font-size: 100%;
}
.ks-css table.search-table .button { /* from table.search-table .button */
	text-align: left;
	border-top: 1px solid #a9a9a9;
	padding-right: 5px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	background-color: #FFFDDA;
	width: 20px;
}
.ks-css table.search-table tr { /* from table.search-table tr */
	height: 40px;
}

/* list-table */
.ks-css table.list-table .head { /* from table.list-table .head */
	background-color: #2727E2;
	color: #ffffff;
	padding: 4px;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	white-space: nowrap;
	border-top: 1px solid #a9a9a9;
	border-left: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
}
.ks-css table.list-table tr { /* from table.list-table tr */
	height: 20px;
}
.ks-css table.list-table .line { /* from table.list-table .line */
	background-color: #FFFDDA;
	font-size: 100%;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.ks-css table.list-table .nowrap { /* from table.list-table .nowrap */
	width: 1%;
	white-space: nowrap;
	padding-left: 10px;
	padding-right: 10px;
}

/* button-table */
.ks-css table.button-table { /* from table.button-table */
	border: 0px;
	background-color: #ffffff;
	text-align: center;
}

/* feedback (paging nav uses span.feedbackPanelINFO) */
.ks-css span.feedbackPanelINFO { /* from span.feedbackPanelINFO */
	list-style-type: none;
	font-weight: bold;
	color: blue;
}
.ks-css li.feedbackPanelINFO { /* from li.feedbackPanelINFO (for completeness) */
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-weight: bold;
	color: blue;
}

/* === ADD to custom-style.css (scoped with .ks-css; bodies unchanged) === */

/* list-table: 黒ヘッダ */
.ks-css table.list-table .head2 {
	background-color:#000000;
	color:#ffffff;
	padding:4px;
	text-align:center;
	font-size:100%;
	font-weight: bold;
	white-space: nowrap;
	border-top:1px solid #a9a9a9;
	border-left:1px solid #a9a9a9;
	border-bottom:1px solid #a9a9a9;
}

/* list-table: 黄色行 */
.ks-css table.list-table .line2 {
	background-color:#ffff00;
	font-size:100%;
	padding-left:2px;
	padding-right:2px;
	padding-top:5px;
	padding-bottom:5px;
}

/* wicket フィードバック（ERROR/WARNING） */
.ks-css li.feedbackPanelERROR {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-weight: bold;
	color: #ff0000;
}
.ks-css span.feedbackPanelERROR {
	list-style-type: none;
	font-weight: bold;
	color: #ff0000;
}
.ks-css li.feedbackPanelWARNING {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-weight: bold;
	color: #FF9900;
}
.ks-css span.feedbackPanelWARNING {
	list-style-type: none;
	font-weight: bold;
	color: #FF9900;
}

/* base.css の div.name_font を .ks-css 配下にスコープ */
.ks-css div.name_font {
	font-weight:bold;
	color:#ca0319;
	font-size:150%;
}

/* === ADD: WVJS0101JoseiMoshikomi 用（本文は base.css のまま、.ks-css だけ追加） === */

/* input-table: ラベルセル */
.ks-css table.input-table .label {
  text-align:left;
  border-top:1px solid #a9a9a9;
  border-left:1px solid #a9a9a9;
  padding-right:5px;
  padding-left:10px;
  padding-top:5px;
  padding-bottom:5px;
  margin:0px;
  background:#FFFDB0;
  white-space: nowrap;
  width: 20%;
}

/* input-table: 入力セル */
.ks-css table.input-table .input {
  text-align:left;
  border-top:1px solid #a9a9a9;
  border-left:1px solid #a9a9a9;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:18px;
  padding-right:5px;
  margin:0px;
  background-color:#FFFDDA;
  font-size:100%;
}

/* input-table: ヘッダセル */
.ks-css table.input-table .head {
  background-color:#2727E2;
  color:#ffffff;
  padding:4px;
  text-align:center;
  font-size:100%;
  font-weight: bold;
  white-space: nowrap;
  border-top:1px solid #a9a9a9;
  border-left:1px solid #a9a9a9;
  border-bottom:1px solid #a9a9a9;
}

/* ADD: used in WVJS0104（<td class="label2">） */
.ks-css table.input-table .label2 {
  text-align:left;
  border-top:1px solid #a9a9a9;
  border-left:1px solid #a9a9a9;
  padding-right:5px;
  padding-left:10px;
  padding-top:5px;
  padding-bottom:5px;
  margin:0px;
  background:#FFFDB0;
  word-wrap: break-word;
  white-space: normal;
  width: 20%;
}

/* Bootstrapのhrを無効化（.ks-css配下だけ） */
.ks-css hr {
  /* Bootstrapの border:0; border-top:1px solid #eee; margin:20px を上書き */
  border: 1px solid #a9a9a9;
  border-width: 1px 0 0;
  margin: 10px 0;
  height: 0;
  box-sizing: content-box;
}

/* Bootstrapの<label>既定（display:inline-block; margin-bottom:5px; font-weight:bold; …）を無効化 */
.ks-css label {
  display: inline;       /* BS: inline-block → inline */
  max-width: none;       /* BS: 100% → none */
  margin: 0;             /* BS: margin-bottom:5px → 0 */
  font-weight: normal;   /* BS: bold → normal */
  line-height: inherit;  /* 行高は親継承 */
  color: inherit;        /* 色は親継承 */
  padding: 0;            /* 念のためリセット */
}

/* .ks-css配下で、既存の font: inherit; を打ち消す */
@supports (font: revert) {
  .ks-css button,
  .ks-css input,
  .ks-css optgroup,
  .ks-css select,
  .ks-css textarea {
    font: revert !important;
  }
}
@supports not (font: revert) {
  .ks-css button,
  .ks-css input,
  .ks-css optgroup,
  .ks-css select,
  .ks-css textarea {
    font: initial !important;
  }
}

.ks-css tr {
    height: 35px;
}

.floating-label {
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}

.floating-label label {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 12px;
	font-size: 14px;
	color: #999;
	transition: all 0.2s;
	pointer-events: none;
	background: white;
	padding: 0 4px;
}

.floating-label input:focus + label,
.floating-label input:not(:placeholder-shown) + label {
	top: -8px;
	transform: translateY(0);
	left: 8px;
	font-size: 12px;
	color: #007bff;
}