#main {
	max-width: 800px;
	width: 80%;
	margin: 40px auto;
}
#list {
	width: 100%;
	border-collapse: collapse;
}
#list th, #list td {
	padding: 5px 1em;
	border-bottom: 1px solid #e8e8e8;
}
.user_td {
	background: #eee;
	text-align: center;
}
.center {
	text-align: center;
}
#action_button_block {
	margin: 20px;
	text-align: right;
}

.button {
	display: inline-block;
	padding: 5px 10px;
	min-width: 100px;
	-webkit-transition: all .1s;
	transition: all .1s;
	cursor: pointer;
	text-align: center;
	border: 2px solid #000;
	border-radius: 0;
	background: #fff;
	color: #000;
}
.button:hover {
	color: #fff;
	background: #000;
}
.button + .button {
	margin-left: 2em;
}
.mini_button {
	display: inline-block;
	padding: 5px 10px;
	-webkit-transition: all .1s;
	transition: all .1s;
	cursor: pointer;
	text-align: center;
	border: 2px solid #000;
	border-radius: 0;
	background: #fff;
	color: #000;
}
.mini_button:hover {
	color: #fff;
	background: #000;
}
a {
	text-decoration: none;
}
.error_elm {
	display: none;
	color: red;
	margin-left: 1em;
}

/* popup */
.popup-main {
	display: none;
	width: 400px;
	margin: auto;
	padding: 10px;
	background-color: #ffffff;
	color: #666666;
	text-align: center;
	position:fixed;
	top: 100px;
	left: 0;
	right: 0;
	z-index: 200;
	border: 1px solid #BFBFBF;
}
#popup-bg {
	display:none;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	left:0;
	z-index: 199;
}
.popup-button-box {
	display: flex;
	justify-content: space-around;
}
.popup-action-box {
	text-align: center;
	padding-right: 10px;
}
.pointer {
	cursor: pointer;
}
.nodisp {
	display: none;
}
.head_label {
	display: inline-block;
	width: 100%;
}
#list td.user_td.pointer.dark_line {
	border-bottom: 1px solid #917d7d;
}