@charset "utf-8";
:root{
	/*閲覧系*/
	--view-light-color: rgb(221,248,221);
	--view-color: rgb(144,197,63);
	--view-deep-color: rgb(24,132,79);
	/*編集系*/
	--edit-light-color: rgb(251,224,217);
	--edit-color: rgb(232,134,97);
	--edit-deep-color: rgb(244,67,48);
}

/** dojoコンポーネントの装飾用 **/
div.dijitTab{
	color: blue;
}
div.dijitTab.dijitTabChecked{
	background: var(--view-light-color) !important;
	color: black;
}
/*.dijitTabPane {
	background: var(--view-light-color) !important;
}*/

th.dgrid-cell{
	background: var(--view-light-color);
}
div.edit{
	th.dgrid-cell{
		background: var(--edit-light-color);
	}
}
.dojoxCheckedMultiSelect{
	td.dijitStretch{
		padding: 0px;
	}
}
.dojoxCheckedMultiSelectMenu{
	.dijitMenuItemIconCell{
		width: 20px;
	}
}
/** dojoコンポーネントの装飾用 **/

html,body{
	height: 100%;
	min-width: 1200px;
}

html{
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	margin:0;
	padding:0;
	font-size:62.5%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}

body{
	margin:0;
	width:100%;
	height:100%;
	font-size: 1.3rem !important;
	letter-spacing: 1px;
	color: #282828;
	background:rgb(242,242,242);
}

#container{
	width: 100%;
	height: 100%;
	min-width: 1200px;
	min-height: 100%;
	margin: 0 auto;
	background:white;
	overflow-y: auto;
}

#contents{
	height: 100%;
	padding: 0px 10px 30px;
}

.alignRight,
.linkEdit{
	display:flex;
	justify-content: flex-end;
}
.linkEdit{
	font-size: 1.5rem;
	margin-bottom: 5px;
}

#user{
	width: 100%;
	text-align: right;
}

/**タイトル帯*/
div.style,
div.editStyle{
	color: white;
	padding: 5px;
	font-size: 2rem;
	margin-bottom: 10px;
	height: 25px;
	line-height: 29px;
}
div.style{
	background-color: var(--view-deep-color);
	border-bottom: 3px solid var(--view-color);
}
div.editStyle{
	background-color: var(--edit-deep-color);
	border-bottom: 3px solid var(--edit-color);
}
/**タイトル帯*/

/**コメントを囲う枠*/
div.topComment,
body.edit div.topComment,
div.editTopComment
{
	margin-bottom: 10px;
	padding: 3px 10px;

	li{
		list-style-type: "● ";
		list-style-position: inside;
		text-indent: -1em;
		padding-left: 1em;
	}
}

div.topComment{
	border: 3px solid var(--view-color);
}

body.edit div.topComment,
div.editTopComment{
	border: 3px solid var(--edit-color);
}
/**コメントを囲う枠*/

/** テーブルの共通的な定義 
	style: 閲覧表示用
	editStyle: 編集表示用
***/
table.style,
table.editStyle{
	border-collapse: collapse;
	table-layout: fixed;
	th{
		text-align: center;
	}
	th,td{
		background-color: white;
		border: 1px solid black;
		padding: 5px;
	}
	td.noborder,
	th.noborder{
		background-color: transparent !important;
		border:none;
	}
	input,
	textarea,
	select{
		width: 100%;
		line-height:16px;
		box-sizing: border-box;
		padding-left: 2px;
	}
	textarea{
		resize: none;
		display: block;
	}
	select{
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		overflow:hidden;
		cursor:pointer;
		padding-right: 25px;
	}
}

table.style{
	th{
		background-color: var(--view-light-color);
	}
	th.resetColor{
		background-color: transparent;
	}
	select{
		background:#FFF url(../../conf/img/btn_search.png) no-repeat right center;
		margin-right: -1px;
	}
	input[type="checkbox"]{
		width: initial;
		accent-color: var(--view-deep-color);
	}
	input[type="text"]{
		margin-right: -1px;
	}
}
table.editStyle{
	th{
		background-color: var(--edit-light-color);
	}
	th.resetColor{
		background-color: transparent;
	}
	select{
		background:#FFF url(../../conf/img/btn_search_red.png) no-repeat right center;
		margin-right: -1px;
	}
	input[type="checkbox"]{
		width: initial;
		accent-color: var(--edit-deep-color);
	}
	input[type="text"]{
		margin-right: -1px;
	}

}
/** テーブルの共通的な定義 **/

/*ボタンの共通的な指定*/
button.commonBtn,
input[type="button"].commonBtn{
	width: auto;
	min-width: 130px;
	height: 30px;
	cursor: pointer;
	padding: 0px 5px;
}

#searchButtons{
	display: flex;
	justify-content: center;
	gap: 10px;
}

/* 入力系UIの文字フォントが変わってしまう問題の対応 */
input, select, button, textarea {
	font-family: inherit;
}

/**
button{
	border: 0.5em;
	background: var(--view-deep-color);
	border-radius: 3px;
	position: relative;
	max-width: 280px;
	color: #ffffff;
	padding: 10px 0px;
	cursor: pointer;
	line-height: 1;
	height: 34px !important;
	width: 120px !important;
}

button:disabled{
	background: rgb(190, 190, 190);
}
*/

/**
* グリッドの列の幅は自動にしておく。
*/
th[role="columnheader"],
td[role="gridcell"]{
	width: auto;
}