* {
	margin:0;
	padding:0;
	list-style:none;
	box-sizing: border-box;
}

body {
	background-color: #191970; /* ミッドナイトブルー */
	color: #FFFFFF; /* 白色のテキスト */
	padding: 1rem;
}

input::placeholder {
	color: rgba(0, 0, 0, 0.35); /* 半透明の黒色 */
}

table {
	margin: 1rem;
	border: 3px double gray;
	min-width: 40em;
}

table th {
	padding: 0 0.3em;
	width: 6em;
}

table td {
	padding: 0 0.3em;
	text-align: center;
}

table input {
	width: 6em;
	margin: 0.2em;
	padding: 0.1em;
	text-align: center;
	border: 2px solid gray;
}

table button {
	margin: 0.2em;
	width: 4em;
}

#tblSetting, #tblRange {
	min-width: auto;
}

#tblRadix {
	border: 3px solid chocolate;
	width: 40em;
	table-layout: fixed;
}

#tblAspectRxR td, #tblAspectPT td {
	display: flex;
	flex-wrap: wrap;
}

#tblMask td {
	display: flex;
}

#tblMask div {
	width: 3em;
	margin: 3px;
	border: 1px solid grey;
}

#tblMask div.selected {
	cursor: pointer;
}

#tblMask tr.month div.selected {
	background-color: #445555;
}

#tblMask tr.planet div.selected {
	background-color: #444455;
}

#tblMask tr.aspect div.selected {
	background-color: #554444;
}