@CHARSET "UTF-8";

.user_display_area {
	width: 1070px;
	margin: 0 auto;
}

/*******************
	登録ユーザ一覧
********************/
.disp_user_info {
	margin-top: 25px;
}

.user_info_table {
	padding: 5px;
	margin: 0 auto;
	width: 1070px;
}

.user_info_table thead {
	color: White;
	background-color: dimgray;
	font-weight: bold;
	display: block;
}

.user_info_table thead tr:first-child th {
	text-align: center;
	padding: 10px;
	border: none;
	border-right: 1px solid dimgray;
	font-size: 18px;
}

.user_info_table th {
	border-top: 1px solid Gray;
	padding: 5px;
	text-align:center;
}

.user_info_table .th_privilege {
	width: 70px;
	border-right: 1px solid Gray;
}

.user_info_table .th_user_id {
	width: 310px;
	border-right: 1px solid Gray;
}

.user_info_table .th_user_name1 {
	width: 130px;
	border-right: 1px solid Gray;
}

.user_info_table .th_user_name2 {
	width: 130px;
	border-right: 1px solid Gray;
}

.user_info_table .th_tempo {
	width: 130px;
	border-right: 1px solid Gray;
}

.user_info_table .th_edit_user {
	width: 100px;
	border-right: 1px solid Gray;
}

.user_info_table .th_delete_user {
	width: 100px;
	border-right: 1px solid Gray;
}

.user_info_table .th_password {
	width: 99px;
	border-right: 1px solid Gray;
}

.user_info_table tbody {
	display: block;
	overflow-y: scroll;
	max-height: 400px;
	border: 1px solid Gray;
	border-left: none;
}

.user_info_table tbody tr {
	background-color: white;
}

.user_info_table tbody tr:hover {
	background-color: #d7d7d7;
}

.user_info_table td {
	padding: 5px;
	border: 1px solid Gray;
}

.user_info_table .td_privilege {
	text-align: center;
	width: 70px;
}

.user_info_table .td_user_id {
	width: 310px;
}

.user_info_table .td_user_name1 {
	width: 130px;
}

.user_info_table .td_user_name2 {
	width: 130px;
}

.user_info_table .td_tempo {
	width: 130px;
}

.user_info_table .td_edit_user {
	width: 100px;
	text-align: center;
}

.user_info_table .td_delete_user {
	width: 100px;
	text-align: center;
}

.user_info_table .td_password {
	width: 78px;
	text-align: center;
}

.user_info_table td>a {
	color: limegreen;
}

.user_info_table td>a:hover {
	color: Green;
}

.btn_create_user {
	float: right;
	padding: 15px 30px;
	margin: 15px 0px 0 0;
}

/*******************
	リクエストモーダル基本
********************/

.modal_simple .modal_request footer {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 15px;
}

.modal_simple .modal_request footer button {
	float:left;
	width: 120px;
	height: 60px;
	font-size: 16px;
	margin-left: 10px;
}


/*******************
	フォーム基本
********************/

.modal_form {
	
}

.modal_form table {
	width: 100%;
	margin-bottom: 10px;
}

.modal_form tr {
	border: 1px solid gray;
}

.modal_form th {
	background-color: #b1b1b1;
	color: white;
	text-shadow: 1px 1px 0 #979797;
	padding: 10px 15px;
	width: 155px;
}

.modal_form td {
	padding: 8px;
}

.modal_form input[readonly]{
	background-color: #dfdfdf;
}

.modal_form button {
	font-size: 15px;
	padding: 10px 20px;
}


/*******************
	ユーザー新規登録
********************/
.modal_simple .modal_create_user {
	display: none;
}

/*******************
	ユーザー情報編集
********************/

.modal_simple .modal_edit_user {
	display: none;
}

.form_edit_user .update_user_id{
	background-color: #dfdfdf;
}

.table_password th{
	background-color:#4b4b4b;
}

.table_password{
	margin-top: 60px;
}

/*******************
	ユーザー削除
********************/

.modal_simple .modal_delete_user{
	display: none;
}


/*******************
	パスワード更新
********************/
.modal_simple .modal_update_password{
	display: none;
}

/*******************
	処理完了メッセージ
********************/
.modal_simple .modal_message{
	height: 200px;
}

.modal_simple .modal_message footer {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 15px;
}