@CHARSET "UTF-8";
/**
 * <pre>
 * 共通CSS デフォルト
 * </pre>
 */
/*[上][右][下][左]*/

/*------------------------------------------------------------------------------
	スタイルリセットと初期設定
------------------------------------------------------------------------------*/
/* ul要素の点消し */
ul {
	list-style: none;
}

@CHARSET "UTF-8";
/**
 * <pre>
 * 共通CSS 基本レイアウト関連
 * </pre>
 * create 2018/01/16 H.T
 */
/*[上][右][下][左]*/

/*------------------------------------------------------------------------------
	レイアウト基本形
------------------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	/** min-width: 1600px; **/
	/* zoom: 70%; */
}

/* 表示サイズ拡張表示 */
body#expansion {
	zoom: 100%;
}

/* ヘッダー固定A（height:292px） */
div.headerA {
	z-index: 100;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 292px;
}

div.headerA1 {
	background-color:#fff;
	width: 100%;
	height: 292px;
	/* min-width: 1200px; */
}

div.contentsA {
	padding: 292px 0px 25px 0px;
	width: 100%;
	margin: auto;
}

div.footerA {
	z-index: 100;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 25px;
}

div.footerA1 {
	background-color:#fff;
	width: 100%;
	height: 25px;
}

/* ヘッダー固定B（height:260px） */
div.headerB {
	z-index: 100;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 260px;
}

div.headerB1 {
	background-color:#fff;
	width: 100%;
	height: 260px;
	/* min-width: 1200px; */
}

div.contentsB {
	padding: 260px 0px 25px 0px;
	width: 100%;
	margin: auto;
}

/* ヘッダー固定C（height:314px） */
div.headerC {
	z-index: 100;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 314px;
}

div.headerC1 {
	background-color:#fff;
	width: 100%;
	height: 314px;
	/* min-width: 1200px; */
}

div.contentsC {
	padding: 314px 0px 25px 0px;
	width: 100%;
	margin: auto;
}

/* ヘッダー固定D（height:378px） */
div.headerD {
	z-index: 100;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 378px;
}

div.headerD1 {
	background-color:#fff;
	width: 100%;
	height: 378px;
	/* min-width: 1200px; */
}

div.contentsD {
	padding: 378px 0px 25px 0px;
	width: 100%;
	margin: auto;
}

/* ヘッダー固定E（height:416px） */
div.headerE {
	z-index: 100;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 416px;
}

div.headerE1 {
	background-color:#fff;
	width: 100%;
	height: 416px;
	/* min-width: 1200px; */
}

div.contentsE {
	padding: 416px 0px 25px 0px;
	width: 100%;
	margin: auto;
}

/*------------------------------------------------------------------------------
	ヘッダ・コンテンツ・フッタの基本構成要素
------------------------------------------------------------------------------*/

/* エラーメッセージ */
ul.errorMessage {
	color: #d9534f;		/* bootstrapのtext-danger */
	padding-inline-start: 0;
}
/* ブラウザ未対応用エラーメッセージ */
ul.notSupportedMsg {
	color: #d9534f;		/* bootstrapのtext-danger */
	padding-inline-start: 0;
}

/* ヘッダー情報(ユーザー情報など)-ベース */
div.headerInfo {
	float: right;
	font-size: .9em;
	text-align: center;
	border: 0px;
	padding: 3px 2px;
	margin: 5px 2px 2px 2px;
}
/* ヘッダー情報(ユーザー情報など)-パラメータ値 */
div.headerInfoValue {
	background-color: #caead5;
	border: 1px dotted #339966;
	border-radius: 5px;
	padding: 2px;
	margin: 4px 2px 2px 2px;
}
/* ヘッダー情報(ユーザー情報など)-ボタン */
div.headerInfoBtn {
	padding: 2px;
	margin: 3px 2px 2px 2px;
}

div.footerLeft {
	margin: 5px;
	float: left;
}

div.footerRight {
	margin: 5px;
	float: right;
}

/* ------------------------------------------------------- */
/* -- メッセージエリア構造定義                          -- */
/* ------------------------------------------------------- */
/* メッセージ内容がない状態 */
div.messageArea.close {
	display: none;
}
/* メッセージ内容がある状態 */
div.messageArea.open {
	max-height: 500px;
	overflow: auto;
}

/* モーダルメッセージ内容 */
div#modal-messageArea {
	color: #d9534f;		/* bootstrapのtext-danger */
}

/* ------------------------------------------------------- */
/* -- ダイアログ                                        -- */
/* ------------------------------------------------------- */
.dialogText {
	font-size: 1.2em;
}

/*------------------------------------------------------------------------------
	構成要素、ブロックなど
------------------------------------------------------------------------------*/
/* 水平位置中央 */
div.hCenter {
	margin: 0 auto;
}
/* 垂直位置中央 */
div.vMiddle {
	display: table-cell;
	vertical-align: middle;
}
/* テキスト水平位置：中央寄せ */
.txtAlCenter {
	text-align: center;
}

/* テキスト水平位置：左寄せ */
.txtAlLeft {
	text-align: left;
}

/* テキスト水平位置：右寄せ */
.txtAlRight {
	text-align: right;
}

/* ------------------------------------------------------- */
/* -- テーブル構造定義
/* ------------------------------------------------------- */
th {
	text-align:center;
	vertical-align:middle;
}
td {
	text-align:center;
	vertical-align:middle;
}

.cancelTr {
	background-color:gray;
}


/* ------------------------------------------------------- */
/* -- モーダルダイアログ構造定義
/* ------------------------------------------------------- */
.ui-dialog {
	z-index: 2500 !important;
}
.ui-widget-overlay {
	z-index: 1999 !important;
}

/* ------------------------------------------------------- */
/* -- エラー用フィールド定義
/* ------------------------------------------------------- */
.errorField {
	border: 2px #ff0080 solid;
}

/* ------------------------------------------------------- */
/* -- 必須入力項目表現
/* ------------------------------------------------------- */
.required {
	background-color: #ffff7f;
}

/* ------------------------------------------------------- */
/* -- モーダル画像表示用
/* ------------------------------------------------------- */
img.popupImage {
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: 75%;
	max-height: 75%;
	transform: translateY(-50%) translateX(-50%);
}

/* ------------------------------------------------------- */
/* --  共通CSS
/* ------------------------------------------------------- */

.hCenterPadding {
	padding: 200px 0px;
}

.txtAlCenterPadding {
	padding:20px;
}

/* タイトルバー：マージン */
.rowMargin {
	margin-top:-10px;
	margin-bottom:-10px;
}

/* タイトルバー：テキスト配置 */
.titlePadding {
	padding-top:7px;
	padding-bottom:4px;
}

/* 右列に線を入れる */
.borderRight {
	border-right: 1px solid black !important;
}

/* hr：太線 */
hr.bold {
	border: 0.25px #ddd solid;
}

/* データグリッド */
table#details {
	display:none;
	width:99.9% !important;
}

/* インライン項目 */
.inline {
	display:inline;
}

/* テーブル幅を固定 */
.tableFixed {
	table-layout:fixed;
	word-wrap: break-word;
}

/* 画像サイズ固定(width:100px) */
img.imageA {
	width: auto;
	height: auto;
	max-width: 100px;
	max-height: 54px;
}



/* ------------------------------------------------------- */
/* --  新画面構成CSS 課題#486_画面グリッド問題にて適用  -- */
/* ------------------------------------------------------- */

/* ------------------------------------------------------- */
/* --  基本構成要素
/* ------------------------------------------------------- */

/* ヘッダー標準 */
div.header_std {
	z-index: 100;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color:#fff;
	width: 100%;
	/* min-width: 1200px; */
}

/* 一覧画面系 */
div.header_std + div.contents_1row {
	padding: 232px 0px 25px 0px;
	width: 100%;
	margin: auto;
}
div.header_std + div.contents_2row {
	padding: 281px 0px 25px 0px;
	width: 100%;
	margin: auto;
}
div.header_std + div.contents_2row_hr {
	padding: 306.5px 0px 25px 0px;
	width: 100%;
	margin: auto;
}
div.header_std + div.contents_3row {
	padding: 330px 0px 25px 0px;
	width: 100%;
	margin: auto;
}

/* 詳細画面系 */
div.header_std + div.contents_2row_d {
	padding: 246px 0px 25px 0px;
	width: 100%;
	margin: auto;
}
div.header_std + div.contents_1table {
	padding: 304.5px 0px 25px 0px;
	width: 100%;
	margin: auto;
}
div.header_std + div.contents_1table_tab {
	padding: 361.5px 0px 25px 0px;
	width: 100%;
	margin: auto;
}
div.header_std + div.contents_2table {
	padding: 424px 0px 25px 0px;
	width: 100%;
	margin: auto;
}

/* ------------------------------------------------------- */
/* --  レイアウト基本形
/* ------------------------------------------------------- */

/* 初期表示 */
#doc_loading {
	visibility: hidden;
}

/* パネル項目 */
div.header_std .navbar,
div.header_std + div .navbar,
div.header_std .panel,
div.header_std + div .panel {
	margin-bottom: 10px;
}

/* 条件部分の行 */
.panel-body .row {
	min-height:34px;
	margin-right: 0px;
	margin-left: 0px;
}
/* ダイアログ部分の行 */
.modal-body .row {
	margin-bottom: 15px;
}
/* 行内の項目 */
.row .row_item,
.table>tbody>tr>td .td_item {
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
/* 行内の右揃え項目 */
.row .right_items,
.table>tbody>tr>td .right_items {
	float: right;
}
/* 行内の左揃え項目 */
.row .left_items,
.table>tbody>tr>td .left_items {
	float: left;
}
/* 項目名ラベル */
.row .row_item .title_label {
	background-image: linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);
	min-width: 120px;
	height: 28px;
	margin: 3px 0px 0px 0px;
	padding: 5px 10px 3px 6px;
	color: #31708f;
	float: left;
	font-weight: normal;
	border-radius: 4px;
	border: 1px solid #bde;
}
/* 項目名ラベル小 */
.row .row_item .title_label_min {
	background-image: linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);
	min-width: 60px;
	height: 28px;
	margin: 3px 0px 0px 0px;
	padding: 5px 10px 3px 6px;
	color: #31708f;
	float: left;
	font-weight: normal;
	border-radius: 4px;
	border: 1px solid #bde;
}

/* 表示ラベル */
.row .row_item .item_label_s,
.row .row_item .item_label_m,
.row .row_item .item_label_l,
.row .row_item .item_label_2l,
.row .row_item .item_label_3l,
.row .row_item .item_label_4l {
	background-color: #f9f9f9;
	height: 28px;
	margin: 3px 0px 0px 5px;
	padding: 3px 6px 1px 4px;
	border: 2px solid #ddd;
	color: black;
	float: left;
	overflow: hidden;
}

/* 透明ボックス */
.row .row_item .item_clear_s,
.row .row_item .item_clear_m,
.row .row_item .item_clear_l,
.row .row_item .item_clear_2l,
.row .row_item .item_clear_3l,
.row .row_item .item_label_4l,
.row .row_item .item_clear_min {
	background-color: transparent;
	height: 28px;
	margin: 3px 0px 0px 5px;
	padding: 5px 10px 3px 6px;
	float: left;
}

/* 項目のサイズ設定 */
/* サイズ極小 */
.row .row_item .item_label_ss,
.row .row_item .item_clear_ss,
.row .row_item .disp_size_ss,
.table>tbody>tr>td .td_item .disp_size_ss {
	width: 80px;
}
/* サイズ小 */
.row .row_item .item_label_s,
.row .row_item .item_clear_s,
.row .row_item .disp_size_s,
.table>tbody>tr>td .td_item .disp_size_s {
	width: 110px;
}
/* サイズ中 */
.row .row_item .item_label_m,
.row .row_item .item_clear_m,
.row .row_item .disp_size_m,
.table>tbody>tr>td .td_item .disp_size_m {
	width: 180px;
}
/* サイズ大 */
.row .row_item .item_label_l,
.row .row_item .item_clear_l,
.row .row_item .disp_size_l,
.table>tbody>tr>td .td_item .disp_size_l {
	width: 300px;
}
/* サイズ大2 */
.row .row_item .item_label_2l,
.row .row_item .item_clear_2l,
.row .row_item .disp_size_2l,
.table>tbody>tr>td .td_item .disp_size_2l {
	width: 420px;
}
/* サイズ大3 */
.row .row_item .item_label_3l,
.row .row_item .item_clear_3l,
.row .row_item .disp_size_3l,
.table>tbody>tr>td .td_item .disp_size_3l {
	width: 515px;
}
/* サイズ大4 */
.row .row_item .item_label_4l,
.row .row_item .item_clear_4l,
.row .row_item .disp_size_4l,
.table>tbody>tr>td .td_item .disp_size_4l {
	width: 850px;
}

/* 入力項目 */
.row .row_item input,
.row .row_item textarea,
.row .row_item select,
.row .row_item file,
.table>tbody>tr>td .td_item input,
.table>tbody>tr>td .td_item textarea,
.table>tbody>tr>td .td_item select {
	display: inline-block;
	margin: 0px 0px 0px 5px;
}
.row .row_item input.form-control {
	padding: 2px 5px 1px 5px;
}
.row .row_item select.form-control {
	padding: 2px 12px 1px 4px;
}
.row .row_item input[type=checkbox].form-control,
.row .row_item input[type=radio].form-control {
	width: 28px;
	height: 28px;
	margin: -5px -10px -3px -6px;
}

 /* 大きいチェックボックス */
.box .box-size input[type=checkbox].form-control,
.box .box-size input[type=radio].form-control {
	width: 20px;
	height: 20px;
	margin: auto;
}

/* 項目名ラベルの色指定(デフォルト青) */
.row .row_item .title_label.label_success {
/* 	background-color: #9c8; */
	background-image: linear-gradient(to bottom,#dff0d8 0,#d0e9c6 100%);
	color: #3c763d;
	border: 1px solid #dec;
}
.row .row_item .title_label.label_info {
/* 	background-color: #19d; */
	background-image: linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);
	color: #31708f;
	border: 1px solid #bde;
}
.row .row_item .title_label.label_warning {
/* 	background-color: #ed7; */
	background-image: linear-gradient(to bottom,#fcf8e3 0,#faf2cc 100%);
	color: #8a6d3b;
	border: 1px solid #feb;
}
.row .row_item .title_label.label_danger {
/* 	background-color: #e54; */
	background-image: linear-gradient(to bottom,#f2dede 0,#ebcccc 100%);
	color: #a94442;
	border: 1px solid #fba;
}

/* DIVのテキストをスクロールにして表示 */
div.div_scroll_text {
	padding: 0px !important;
}
.div_scroll_text textarea {
	margin: 0px !important;
	width: 100%;
	border: none;
	background-color: transparent;
	white-space: nowrap;
	overflow-x: scroll;
}

/* ------------------------------------------------------- */
/* --  共通CSS
/* ------------------------------------------------------- */

/* 行間 */
.row_interval {
	margin-top: 15px;
}

/* 項目間 */
.input_interval {
	margin-top: 5px;
}

/* テーブル項目を垂直位置中央揃え */
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>th {
	padding: 8px;
	vertical-align:middle;
}
.table>tbody>tr>td,
.table>tfoot>tr>td,
.table>thead>tr>td {
	padding: 6px 8px;
	vertical-align:middle;
}

/* 見出し行項目 */
.table-bordered > thead > tr > th.head_th{
	border-bottom-width: 0px;
}

/* 上揃え項目 */
.align_top,
.table>tbody>tr>td.align_top,
.table>tfoot>tr>td.align_top,
.table>thead>tr>td.align_top,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td.align_top,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td.align_top {
	vertical-align: top;
	position: relative;
}

/* 備考項目 */
.noticeDisplay{
	white-space : pre;
	text-align:left;
	overflow: auto;
/* 	height: 50px; */
/* 	max-height: 60px; */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* 備考ダイアログ */
#inputNotice {
	display:none;
	padding-top:30px;
}

/* 条件部分のテーブル項目 */
.panel-body .row .table {
	margin-bottom: 0px;
}
.panel-body .row .table>tbody>tr>td,
.panel-body .row .table>tfoot>tr>td,
.panel-body .row .table>thead>tr>td {
	min-height: 66px;
}

/* 小ボタン1個分の余白 */
.row .margin_btn_s {
	margin-right: 84px;
}

/* パネル外項目にパネル分の余白 */
.row .margin_panel_outside {
	margin-right: 31px;
	margin-left: 31px;
}

/* 左パディング取り消し */
.row_item.cancell_padding_left,
.table>tbody>tr>td .td_item.cancell_padding_left {
	padding-left: 0px;
}

/* alert項目 */
div.alert {
/* 	display: table-cell; */
/* 	vertical-align: middle; */
/* 	text-align: center; */
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0px;
	padding: 0px;
	height: 50px;
	min-width: 40px;
}
.alert-none {
	background-image: linear-gradient(to bottom,transparent 0,rgba(0, 0, 0, 0.02) 100%);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.07);
	color: #3c3c3c;
	background-color: rgba(0, 0, 0, 0.01);
}

/* ロゴ画像 */
img.logo {
	margin-top:-15px;
}

/* スクロール有、スクロールバー非表示項目 */
.hide_scrollbar {
	overflow-x: scroll;
	white-space: nowrap;
	float: left;
	margin: 0 5px;

	/* スクロールバー非表示 */
	-ms-overflow-style: none; /* IE、Edge */
	scrollbar-width: none; /* Firefox */
}

/* スクロールバー非表示 */
.hide_scrollbar::-webkit-scrollbar {
	display: none; /* Chrome */
}

/* サイズ変更あれば追加してください */
/* hide_scrollbarのサイズ(大) */
.hide_scrollbar.size_l {
	max-width: 250px;
}


/* ------------------------------------------------------- */
/* --  その他
/* ------------------------------------------------------- */
/* 未実装項目の不可視設定 */
.unimplement {
	display: none !important;
}

/*利用者名のフォント変更*/
td.emphasize {
	font-size: 20px;
	font-weight: bold;
}