/*<%@page pageEncoding="UTF-8" session="false" %>*/

body {
	background-color: #fff;
	margin:0;
	padding:0;
	font-family: ＭＳ Ｐゴシック;
}

.absoluteCenter {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
}

/* 縦書き指定用のクラス。IE対応 */
.writingModeVerticalRl {
	writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode:tb-rl;
}

/* クリックしてもテキストが選択されないように指定するクラス */
.userSelectNone {
	user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
}

.componentHeaderTopHeader {
	width: 100%;
	height: 29px;
	background-color: silver;
}
.componentHeaderTitleHeader {
	width: 100%;
	height: 35px;
	background: linear-gradient(90deg, #83868F, #CECFD8 65%, #9497A0);
	border-style: solid;
	border-width: 1px 0px 2px 0px;
	border-top-color: #cecfd8;
	border-bottom-color: #83868f;
	color: white;
}
.componentHeaderSubtitleHeader {
	width: 100%;
	height: 29px;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-bottom-color: dimgray;
}
.componentHeaderExtraHeader {
	/* ※このクラス不使用かも　*/
	width: 100%;
	height: 35px;
}

.componentHeaderInputArea {
	color: black;
	vertical-align: middle;
}
.componentHeaderInputArea input {
	height: 22px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.componentHeaderInputArea button {
	height: 22px;
	position: relative;
	top: 1px;
}

/* ヘッダ部の前後コンボと日付の前に表示するタイトル */
.componentDatemoverDateMoverTitle {
	text-align: right;
	font-size: 90%;
}

/* ヘッダ部３の手動設定日付(dateString)に対する書式指定 */
div.componentHeaderSubtitleHeader td[data-src="constant.page.header.showDateString"] > span[data-src="dateString"] {
	text-align: right;
	font-size: small;
}


/* chrome用の調整 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.componentHeaderInputArea button {
		top: 2px;
	}
}

/* テスト用 */
.kanrenCombo {
	/* background-color: aliceBlue; */
}


/* ページング用スタイル */
.pagingPreviousChapter, .pagingNextChapter, .pagingPage, .pagingCurrentPage, .pagingSeparator {
	color: white !important;
	display:inline-block;
}
.pagingPreviousChapter, .pagingNextChapter{
	width: 50px;
}
.pagingPage, .pagingCurrentPage{
	width: 36px;
	font-weight: normal;
	color: white  !important;
}
.pagingCurrentPage {
	font-size: 16pt;
	color: fuchsia !important;
}
.pagingSeparator {
	color: white !important;
	width: 6px;
}



/* テーブル用スタイル */

table.basicTable  {
	border-width: 0px 1px 0px 1px;
	border-style: solid;
	border-color: #00f;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	font-size: 9pt;
}

table.basicTable th, table.basicTable td {
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #00f;
	padding: 5px;
}
table.basicTable th {
	/* 表ヘッダ部の背景色 */
	background-color: #F0F0F0;
	border-width: 0px 1px 0px 0px;
	font-weight: normal;
}
table.basicTable th > table{
	width: 100%;
}
table.basicTable > thead {
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #00f;
}
table.basicTable > tbody tr {
	min-height: 14px;
}


table.scrollTable > thead {
	display: block;
}
table.scrollTable > tbody {
	display: block;
	overflow-y: scroll;
	height: 450px;
}

table.basicTable tr.basicTableRow:nth-child(even) {
	/* 表の偶数行の背景色 */
	background-color: #F0F0F0;
	/* background-color: #E7E7E7; */
}
 
table.basicTable tr.basicTableRow:nth-child(odd) {
	/* 表の奇数行の背景色 */
	background-color: white;
}

table.basicTable tr.basicTableRow > td:nth-child(odd) {
	/* 表の奇数列の背景色 */
	background-color: #E5E5E5;
	/* background-color: #D2D2D2; */
}

div.basicTableTitle {
	border: 1px solid #00f;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #36C;
	color: white;
}

div.basicTablePaging {
	border: 1px solid #00f;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #36C;
	color: white;
}


table.basicTable th td.componentTableSortButton {
	padding: 0px ;
	padding-left: 2px;
	width: 1px;
	border: 0px;
	cursor: pointer;
	color: blue;
}

table.basicTable td table.componentTableImageCell td {
	padding: 0px ;
	border: 0px;
	vertical-align: middle;
	text-align:center;
}

table.basicTable td table.componentTableImageCell tr {
	height: 20px;
}

table.componentTableImageCell {
	border-spacing: 0;
}

/* テーブル内多段セルのTD(TDの中にDIVを複数配置して多段にする) ヘッダ(TH)も対象 */
td.multiStepTableCell, th.multiStepTableCell {
	padding: 0px !important;	/* padingを0にする必要がある */
}

/* テーブル内多段セル(TRの内部にあるDIVそれぞれ/必要に応じてline-height指定を推奨) */
div.multiStepTableCellStep {
	padding: 5px;
}

/* テーブル内多段セルの最上段 */
div.multiStepTableCellStepTop {
	--dmy: dummy;
}

/* テーブル内多段セルの中間(段数が3以上の時/必要に応じてheight固定を推奨) */
div.multiStepTableCellStepMiddle {
	border-top: solid 1px blue;
}

/* テーブル内多段セルの最下段 */
div.multiStepTableCellStepBottom {
	border-top: solid 1px blue;
}


/* ダイアログ */
.componentDialogTitle {
	width: 100%;
	height: 29px;
	background-color: silver;
	vertical-align: middle;
	text-align: left;
}
.componentDialogTitle div{
	display:table-cell;
	height:29px;
	vertical-align:middle;
	padding-left: 4px;
	color: black;
}
.componentDialogTitle img{
	position:absolute;
	left:calc(100% - 26px);
	top: 3px;
	cursor:pointer;
}
.componentDialogBody {
	width: 100%;
	height: calc(100% - 29px);
}

/* 介入値設定用 */
div.intvTableTitle {
	border: 1px solid #008000;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #5ED785;
	color: white;
}

/* ボタン全般 */
button {
	cursor: pointer;
	font-family: "Arial", "Meiryo UI", "ＭＳ Ｐゴシック";
}

/* 標準的なボタン */
button.basicButton{
	width: 90px;
	height: 35px;
}

/* 標準的な高さのスリムなボタン */
button.basicSlimButton{
	width: 90px;
	height: 25px;
}

/* inputタグでのボタン */
input[type="button"] { 
	cursor: pointer;
	font-family: "Arial", "Meiryo UI", "ＭＳ Ｐゴシック";
}

/* inputタグの数字用テキストボックスのスピンボタン抑止 */
input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button { 
	-webkit-appearance: none;
	margin: 0;
}
input[type="number"] { 
	-moz-appearance:textfield;
}

/* 日付コンボボックスコンポーネントの、年月日時分コンボ領域 */
.componentDateComboDateTimeCombo {
	vertical-align: middle;
	font-size: small;
	white-space: nowrap;
}

/* 日付コンボボックスコンポーネントの、年月日時分コンボ領域のうち、セレクトボックス要素 */
.componentDateComboDateTimeCombo select {
	margin: 0px 1px 2px 2px;
	vertical-align: middle;
}

/* 日付コンボボックスコンポーネントの、年月日時分コンボ領域のうち、先頭のセレクトボックス要素 */
.componentDateComboDateTimeCombo > select:first-child {
	margin-left: 0px;
}

.componentGridGridRowSelected > td {
	background-color: lightblue !important;
}

/* 他機関情報板文字入力コンポーネントの、表示領域要素 */
.componentKbdInputDisplay {
	background-color:black;
	border:0;
	font-family:'ＭＳ ゴシック';
	height:26px;
	line-height:26px;
	font-size:16px;
}

/* 他機関情報板文字入力コンポーネントの、入力領域要素 */
.componentKbdInputEdit {
	text-align: left;
	height: 16pt;
	padding: 1px;
	font-size: 16px;
	font-family:'ＭＳ ゴシック';
	border: 1px solid;
	overflow: none;
	color:#FFA500;
	border-color:#B5C7DE;
}

.componentContextMenu {
	display:none;
	position:fixed;
	left:0px;
	top:0px;
	border:1px solid #000;
	background-color:#fff;
	overflow: auto;
}

.componentContextMenu option{
	font-size: 16px;
}

.componentContextMenu option:hover {
	background-color: #FFA6A6 !important ;
}

.componentScrollWordSpan {
	font-size: 16px;
}

.componentScrollRowTable {
	position: relative;
	top: 10px;
}

.componentScrollCharTd {
	height: 22px;
	top: 10px;
	white-space: nowrap;
	font-family: "ＭＳ ゴシック";
}

/* スクロールパターン文字入力コンポーネントの表示領域要素 */
.componentScrollPtnInputDisplay {
	background-color:black;
	border:0;
	font-family:'ＭＳ ゴシック';
	height:26px;
	line-height:26px;
	font-size:16px;
}

.componentScrollPtnInputEdit {
	text-align: left;
	background-color: #ffffff;
	padding: 3px;
	border: 1px solid;
	overflow: auto;
	color:#FFA500;
	border-color:#B5C7DE;
	font-size: 16px;
	font-family:'ＭＳ ゴシック';
}

.componentScrollSimpleDisplayBG {
	width: 85px;
	background-color: black;
	overflow: hidden;
	height:26px;
	line-height:26px;
	font-size:16px;
	font-family:'ＭＳ ゴシック';
	text-align: left;
}

/** ここから Edge表示対応調整 */

/* 複数行セレクトボックスの高さをIEに合わせて間延びしないようにする */
option {
	height: 0px;
}

/* テーブル全般の余白を除去して配置をIEと同じにする */
table {
	border-spacing: 0;
}

/* 一覧表ソート用上下矢印の周囲余白を除去して配置をIEと同じにする */
.componentTableSortButtonTable {
	border-spacing: 0;
}

/**
* タブ切り替えがあるグラフ/表形式の画面の「表」の行高さ調整。
* jquery-ui.css の .ui-widget によりフォント指定が変更されてしまっているのが原因なので戻す。
* 尚、IEの場合でもこの指定があった方が良い。
*/
div.tabMain > div.tabBody > div.tableOuterDiv table.basicTable {
	font-family: 'ＭＳ Ｐゴシック';
}

/** IE表示調整 */
@media all and (-ms-high-contrast: none) {
	/* ここに書く */
	.ieFloatRight{
		float: right;
	}
	.ieFloatLeftMargin2px{
		float: left;
		margin: 2px;
	}
}
/** IE以外表示調整(Chromium) */
@media screen and (-webkit-min-device-pixel-ratio:0){
	.edgeHeaderSelectboxOffset{
		position:relative;
		top:-2px;
	}

}

/** ここまで Edge表示対応調整 */