@charset "utf-8";
/*
	general settings
*/
body {
	background-color: #fee;
	padding: 1em;
}
.align_right {
	text-align: right;
}
.indent20em {
	margin-left: 2em;
}
.smaller {
	font-size: smaller;
}
h1 {
	font-size: 2em;
	color: gray;
	font-family: system-ui;
}

/*
	page title & header section
*/
.section_title:hover {
	cursor: pointer;
}
div.top_navi {
	text-align: right;
}

/*
	block definitions
*/
div.signin_user {
	font-size: smaller;
	width: 800px;
	text-align: right;
}
div.outer_block {
	border: solid 1px silver;
	padding: 1em;
	width: 800px;
	background-color: white;
}
div.hidden_block {
	margin: 0.75em 1em 0.75em 1em;
	padding: 1em;
	border: solid 1px silver;
	display: none;
}
div.inner_block {
	margin: 0.75em 1em 0.75em 0;
	padding: 1em;
	border: solid 1px silver;
}
	div.inner_block h5 {
		margin: 1em 0 0 1.5em;
		width: 80%;
		border-bottom: solid 2px green;
	}
div.mailbox {
	border-bottom: solid 1px silver;
//	border: solid 1px red;
}
	div.mailbox li {
		border-bottom: solid 1px silver;
		background-color: #ffe;
	}
	div.mailbox h4.section_title:hover {
		color: darkorange;
	}
	div.mailbox .mailbox_comment:hover,
	div.mailbox .fml_comment:hover {
		color: darkorange;
	}
	ul.cc>li,
	ul.ml>li {
		list-style: none;
	}
	div.feed15em {
		margin-bottom: 1.5em;
	}
	div#status_area01,
	div#status_area02 {
		height: 1.5em;
		color: red;
	}
	div.mailfilter {
		border: solid silver 1px;
		margin-top: 36px;
		padding: 12px;
	}

/*
	table
*/
table.listview th.middle,
table.listview td.middle {
	width: 12em;
}
table.listview th.middle {
	text-align: center;
}
table.listview th.wide {
	text-align: center;
	width: 24em;
}
table.listview th.narrow,
table.listview td.narrow {
	text-align: center;
	width: 3em;
}
table.diff_list {
	border-collapse: collapse;
	border: solid 1px silver;
	background-color: white;
	font-size: 12px;
	width: 600px;
}
table.diff_list td,
table.diff_list th {
	width: 50%;
	padding: 0.3em;
}

/*
	controls
*/
#delete_button {
	margin-right: 2em;
}
span.aiueo_filters {
	margin-right: 2em;
}
a.aiueo_filters,
a.link_button {
	font-size: 12px;
	font-weight: normal;
	height: 1em;
	padding: 0.3em;
	border: solid 1px #66f;
	border-radius: 4px;
	background-color: #fee;
	display: inline-block;
	text-decoration: none;
}
p.link_button:hover {
	cursor: pointer;
}
p.link_button {
	font-size: 12px;
}
.address_list>li {
	list-style: none;
	padding: 0.5em;
	border: solid 1px #66f;
	margin-bottom: 0.5em;
}
ol.listview a {
	font-size: 12px;
	width: 2.5em;
	height: 1em;
	padding: 0.3em;
	border: solid 1px #66f;
	border-radius: 4px;
	background-color: #fee;
	display: inline-block;
	text-decoration: none;
}
li.not_registerated {
	display: none;
}
a.name {
	width: 10em;
	height: 1.2em;
	padding: 0.2em;
//	border-bottom: solid 1px #66f;
	text-decoration: none;
	display: inline-block;
	overflow: hidden;
}
.new_data {
	margin-top: 12px;
}
.listup span {
	display: inline-block;
	font-size: 14px;
	text-align: center;
	margin: 0 3px 0 3px;
	border: 0 !important;
}
.listup input {
	font-size: 14px;
	margin: 0 3px 0 3px;
}
.listup input.true {
	background-color: #ffffa8;
	text-align: center;
}
.listup input.false {
	background-color: #dbffb7;
	text-align: center;
}
span.check {
	width: 3.2em;
	padding: 0.2em;
	border: solid 1px #66f;
}
span.reading,
input.reading {
	width: 8em;
	border: solid 1px #66f;
	padding: 0.2em;
}
span.member,
input.member {
	width: 25em;
	border: solid 1px #66f;
	padding: 0.2em;
}
input.readonly {
	cursor: default;
}
ol.listview button {
	margin-left: 0.5em;
	font-size: 12px;
}
label {
	font-size: smaller;
}
.status_area {
	text-decoration: normal;
	font-weight: normal;
	color: red;
}
ul.ml>li>span:nth-child(1),
ul.cc>li>span:nth-child(1) {
	display: inline-block;
	width: 20em;
}
ul.ml>li>span:nth-child(2),
ul.cc>li>span:nth-child(2) {
	padding-top: 0.2em;
	display: inline-block;
	width: 26em;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
}

/* password */
form#siginin span {
	display: inline-block;
	width: 2em;
}
form#siginin input {
	width: 24em;
}
.input-wrap{
	position: relative;
	width: 24em;
	margin-bottom: 12px;
}
.toggle-pass{
	position: absolute;
	top: 50%;
	right: 2.2em;
	transform: translateY(-50%);
}

tr.db_side_only {
	color: red;
}
tr.server_side_only {
	color: teal;
}
div.mailbox:has( .db_side_only )>h4.section_title,
div.mailbox:has( .server_side_only )>h4.section_title {
	color: red;
}
div.mailbox:has( .db_side_only )>h4.section_title>small::after,
div.mailbox:has( .server_side_only )>h4.section_title>small::after {
	content: "：サーバー／マネージャー不整合";
}
h4.section_title small {
	font-weight: normal;
}

div.copyright {
	font-size: smaller;
	color: silver;
	text-align: right;
	padding-right: 0.5em;
}
div.attention {
	font-size: smaller;
	color: teal;
	padding: 0.5em;
}
small.domain {
	font-weight: normal;
	font-size: 0.8em;
	color: teal;
}
ul.address_list small.domain {
	font-size: 1em;
}