.table_basic02 li table th div.cmnPadding01, .table_basic02 li table td div.cmnPadding01 {
	padding-top: 16px;
	padding-bottom: 16px;
}

.loginTableTit01 {
	background: left bottom;
	padding-bottom: 1px;
}
.loginTableTit01 h3 {
  position:relative;
  background-color: #979ba5;
  padding:8px 12px 8px 12px;
  color: #fff;
  font-weight: bold;
  font-size: 117%;
  line-height:1;
}

.loginCheckbox01 {
    width: 16px;
    height: 16px;
    border: 1px solid #969696;
	margin-right: 8px;
}

.loginInput01 {
	width: 240px;
	border: 1px solid #969696;
	margin-right: 8px;
}
.loginInput02 {
	width: 156px;
	height: 26px;
	border: 1px solid #969696;
	margin-right: 8px;
}
.loginInput03 {
	width: 60px;
	border: 1px solid #969696;
	margin-right: 8px;
}
.loginInput04 {
	width: 480px;
	border: 1px solid #969696;
	margin-right: 8px;
}
.loginInput05 {
    width: 240px;
    border: 1px solid #969696;
    margin-top: 7px;
    margin-right: 8px;
    float: left;
}
.loginInput06 {
	width: 50px;
	height: 26px;
	border: 1px solid #969696;
	margin-right: 8px;
	margin-bottom: 8px;
}
.loginInput07 {
	width: 320px;
	border: 1px solid #969696;
	margin-right: 8px;
}

.loginConfirmBtn01 {
	border: 1px solid #cfd3db;
	background-color: #f6f6f6;
	padding:16px;
	text-align: center;
}

#error_msg_box {
	border: 2px solid #de5959;
	background-color: #fff3f3;
	padding: 18px 20px 10px;
	margin-bottom: 10px;
}

#error_msg_box ul li {
	color: #cc0000;
	font-weight: bold;
	margin-bottom: 8px;
}

.menuBack {
  background-color: #002b99;
}

.menuButton, .menuButtonBlank{
  background-color: #002b99;
  color: #FFFFFF;
  padding: 10px;
  text-align: center;
  width: 100%;
  height:50px;
  border: 2px solid #002b99;
  font-weight:bold;
}

.button_area {
	padding-bottom: 20px;
}
.button_area_left {
	float:left
}
.button_area_right {
	float:right
}

.loginInfo {
  text-align:right;
}

.funcButton {
  background-color: #002B99;
  color: #FFFFFF;
  width: 150px;
  height:35px;
  border: 2px solid #002B99;
  font-weight:bold;
  margin: 0px 5px;
}
.funcButton:active {
  background-clip: padding-box;
  border: 2px solid rgba(0,43,153,0);
  font-size: 90%
}

.activity_loginInput02 {
	width: 156px;
	height: 26px;
	border: 1px solid #969696;
	margin-right: 8px;
}

.activity_loginInput06 {
	margin-right: 3px;
}

.sort_button_area {
	padding-bottom: 5px;
	float: left;
}
	.sort_button_area > span:nth-child(n + 2) {
		padding-left: 50px;
	}
.sort_button_area2 {
	padding-bottom: 5px;
	float: right;
}

.activity_funcButton {
  background-color: #002B99;
  color: #FFFFFF;
  width: 150px;
  height:25px;
  border: 2px solid #002B99;
  font-weight:bold;
  margin: 0px 5px;
}
.activity_funcButton:active {
  background-clip: padding-box;
  border: 2px solid rgba(0,43,153,0);
  font-size: 90%
}

.toggleButton {
	background-color: #F2F2F2;
	color: #898989;
	width: 100px;
	height:25px;
	border: 1px solid #A5A5A5;
	border-radius:5px;
	font-weight:bold;
	margin: 0px 5px;
}
	.toggleButton.on {
		background-color: #2E75B6;
		color: #FFFFFF;
	}

.slideToggleButton_on {
	background-color: #4472C4;
	color: #FFFFFF;
	width: 105px;
	height:25px;
	border: 0px;
	font-weight:bold;
	margin: 0px;
}
.slideToggleButton_off {
	background-color: #F2F2F2;
	color: #898989;
	width: 105px;
	height:25px;
	border: 0px;
	font-weight:bold;
	margin: 0px;
}
.customer_toggle_button_on {
	background-color: #4472C4;
	color: #FFFFFF;
	width: 105px;
	height:25px;
	border: 0px;
	font-weight:bold;
	margin: 0px;
}
.customer_toggle_button_off {
	background-color: #F2F2F2;
	color: #898989;
	width: 105px;
	height:25px;
	border: 0px;
	font-weight:bold;
	margin: 0px;
}
.date_toggle_button_on {
	background-color: #4472C4;
	color: #FFFFFF;
	width: 40px;
	height:25px;
	border: 0px;
	font-weight:bold;
	margin: 0px;
}
.date_toggle_button_off {
	background-color: #F2F2F2;
	color: #898989;
	width: 40px;
	height:25px;
	border: 0px;
	font-weight:bold;
	margin: 0px;
}
.search_result {
	padding: 1px 17px;
	font-weight: bold;
	font-size: 15px;
	color: #0000FF;
	height: 22.5px;
}

.h2_basic ul li p {
  font-size: 130%;
  text-align: right;
  padding: 8px 0 0 15px;
}

.modal_list_table, .saved_list_table {
	border: 1px solid;
	border-color: #ffffff;
}

.modal_list_table thead tr,
.saved_list_table thead tr {
	background-color:#c5c5c5;
}

.modal_list_table tbody tr:nth-child(odd),
.saved_list_table tbody tr:nth-child(odd) {
	background-color:#ffffff;
}

.modal_list_table tbody tr:hover,
.saved_list_table tbody tr:hover {
	background-color:#e4f0fe;
}

.saved_list_table tbody tr.saved_list_deleted {
	color:#a9a9a9;
}

.modal_list_table thead tr th:nth-of-type(1),
.saved_list_table thead tr th:nth-of-type(1) {
	width: 20px;
  color: #696969;
}

.modal_list_table thead tr th:nth-of-type(2),
.saved_list_table thead tr th:nth-of-type(2) {
	width: 110px;
  color: #696969;
}

.modal_list_table thead tr th:nth-of-type(3),
.saved_list_table thead tr th:nth-of-type(3) {
	width: 175px;
  color: #696969;
}

.modal_list_table thead tr th:nth-of-type(4),
.saved_list_table thead tr th:nth-of-type(4) {
	width: 180px;
  color: #696969;
}

.modal_list_table thead tr th:nth-of-type(5),
.saved_list_table thead tr th:nth-of-type(5) {
	width: 175px;
  color: #696969;
}

.modal_list_table thead tr th:nth-of-type(6),
.saved_list_table thead tr th:nth-of-type(6) {
	width: 70px;
  color: #696969;
}

.modal_list_table thead tr th:nth-of-type(7),
.saved_list_table thead tr th:nth-of-type(7) {
	width: 50px;
  color: #696969;
}

.modal_list_table thead tr th:nth-of-type(8),
.saved_list_table thead tr th:nth-of-type(8) {
	width: 80px;
  color: #696969;
}

.modal_list_table thead tr th:nth-of-type(9),
.saved_list_table thead tr th:nth-of-type(9) {
	width: 80px;
  color: #696969;
}

.modal_list_table thead tr th:nth-of-type(10),
.saved_list_table thead tr th:nth-of-type(10) {
	width: 60px;
  color: #696969;
}

.popup_window {
	display: none;
	position: absolute;
	padding: 16px;
 	left: 35%;
	width: 500px;
	background: #ffffff;
	color: #000000;
	border: 1px solid transparent;
	border-color: #000000;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	pointer-events: none;
	word-break: break-all;
}

.popup_window:after {
  position: absolute;
  bottom: 100%;
  left: 35%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border: solid transparent;
  border-color: rgba(51, 51, 51, 0);
  border-bottom-color: #333333;
  border-width: 10px;
  pointer-events: none;
}

.guidance-message{
  background: #fff;
  height: 40px;
  padding-top: 10px;
}

.button_area_left2 {
  float:left;
	margin: 0px 20px;
}

.savedFileTitle h3 {
  background-color: #eaeaea;
  padding: 8px 12px 8px 12px;
  font-weight: bold;
  line-height: 1;
}

.saved_list_table tr {
  margin: 0;
  padding: 7px 3px;
  border-right: 1px solid #eaeaea;
  border-bottom: 1px solid #c5c5c5;
}

.table_basic02 .saved_list_table tr th {
  border-right: 1px solid #d3d3d3;
}
.saved_list_table tr th {
  height:40px;
  padding-left: 10px;
}

.saved_list_table tr td {
  height:24px;
  padding: 0px 5px;
  border-right: 1px solid #d3d3d3;
}

.customRegisterButton {
  background-color: #eaeaea;
  color: #555;
  width: 150px;
  height: 35px;
  border: 2px solid #aaa;
  font-weight: bold;
  margin: 0px 5px;
}

.customDeleteButton {
  background-color: #ffffff;
  color: #555;
  width: 40px;
  height: 20px;
  border: 1px solid #aaa;
  font-weight: bold;
  margin: 0px 5px;
}

.modal-container{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,50%);
  padding: 40px 20px;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  box-sizing: border-box;
}
.modal-container.active{
  opacity: 1;
  visibility: visible;
}
.modal-body{
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  max-width: 1500px;
  width: 90%;
  height: 100%;
  margin: auto;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 5px 10px rgba(0,0,0,.5);
}
.modal-header {
  flex-grow: 0;
	flex-shrink: 0;
  line-height: 40px;
  background-color: #979ba5;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.modal-contents {
  flex-grow: 1;
	flex-shrink: 1;
  overflow: auto;
  padding: 20px;
}
.modal-footer {
  flex-grow: 0;
	flex-shrink: 0;
  border-top: solid 1px #D0D3DA;
  background-color: #eaeaea;
}
.modal-footer .modal-actions {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 10px;
}

.modal-body .table_basic02 li table td {
  background-color: #fff;
}

.modal-body .table_basic02 li table .bgPink {
  background: #fff3f3;
}

.modal-funcButton {
  background-color: #002B99;
  color: #FFFFFF;
  width: 150px;
  height: 35px;
  border: 2px solid #002B99;
  font-weight: bold;
  margin: 0px 5px;
}

.modal-title {
  font-weight: bold;
  background-color: #fff;
  text-align: left;
  padding-top: 5px;
  padding-left: 10px;
}

.modal-sub-title {
  padding-left: 15px;
}

.table_basic02 li table td .modal-extract-line-all {
  padding: 10px 0px 3px 25px;
}

.table_basic02 li table td .modal-extract-area-line-top {
  padding: 3px 0px 3px 25px;
}

.table_basic02 li table td .modal-extract-category-all {
  padding: 3px 0px 3px 25px;
}

.table_basic02 li table td .modal-extract-category-line-top {
  padding: 3px 0px 3px 40px;
}

.table_basic02 li table td .modal-extract-category-textarea {
  padding: 3px 0px 3px 25px;
}

.modal-extract-category-title {
  font-weight: bold;
  font-size: 11px;
  padding-left: 15px;
}

.error-modal-header {
  background: #fff3f3;
  height: 40px;
  padding-top: 10px;
  color: #cc0000;
  text-align: center;
}

.saved_list_table tbody tr td .saved-file-list-div01 {
  padding: 5px 0px;
  line-height: 1.5;
}

.saved_list_table tbody tr td .saved-file-list-div02 {
  padding: 0px 0px 5px;
  line-height: 1.5;
}

.saved_list_table tbody tr td .input-radio-div {
  padding: 1px 1px;
  align-items: center;
  display: flex;
}

.ddls-checkbox-div {
  display: flex;
  gap: 1ch;
  align-items: baseline;
}

.ddls-checkbox-center {
  align-items: center;
}

.ddls-loginCheckbox01 {
  width: 16px;
  height: 16px;
  border: 1px solid #969696;
  margin-right: 3px;
}

.ddls-loginCheckbox02 {
  width: 18px;
  height: 18px;
  border: 1px solid #969696;
  margin-right: 3px;
}

.ddls-loginRadiobox01 {
  margin-right: 8px;
}

.ddls-loginRadiobox02 {
  margin-right: 5px;
  top: 2px;
  position: relative;
}

.ddls-form {
  position: relative;
}

.input-center-div {
  align-items: center;
  display: flex;
}

.input-checkbox-div {
  align-items: center;
  display: flex;
	padding-bottom: 3px;
}

.ddlsInputDate01 {
  width: 60px;
  border: 1px solid #969696;
  margin-left: 1px;
}

.ddlsCheckboxLabel {
  font-size: 11px;
  margin-top: 3px;
}

.ddls-visible-loginCheckbox01 {
  width: 16px;
  height: 16px;
  border: 1px solid #969696;
  margin-right: 3px;
}

.tooltipCopyButton {
  background-color: #ffffff;
  color: #555;
  width: 50px;
  height: 20px;
  border: 1px solid #aaa;
  font-weight: bold;
  margin: 0px 5px;
}

#ddls-fieldset ul li table tbody tr td div label, .modal-contents ul li table tbody tr td div label {
  cursor: text;
}