@charset "utf-8";
.hidden {
	height: 0px;
	width: 0px;
	border-radius: 0px;
	box-shadow: none;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.input_table, .input_table_freeform {
	width: 100%;
	margin-top: 12px;
	border: 1px solid #9293A7;
	border-spacing: 2px;
}
.input_table tr td, .input_field {
	padding: 5px;
	background-color: #FFF;
}
.input_table tr td:first-child, .input_label {
	font-size: 13px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	background-color:  rgba(0, 0, 0, 0.1);
	width: 20%;
}
.input {
	font-family: Arial, Helvetica, "ＭＳ Ｐゴシック","Meiryo UI","メイリオ", sans-serif;
	font-size: 13px;
	color: #000000;
	background-color: #F4F4F4;
	height: 18px;
	font-style: normal;
	overflow: hidden;
	border: 1px solid #9293A7;
	border-radius: 11px;
	vertical-align: middle;
	padding-left: 10px;
	-webkit-transition: background-color, border-color 3s;
	-moz-transition: background-color, border-color 3s;
	-ms-transition: background-color, border-color 3s;
	-o-transition: background-color, border-color 3s;
	transition: background-color, border-color 3s;
}
.input:focus {
	outline: none;
	background-color: #F0EFFA;
	border: 1px solid #A9A4DD;
	-webkit-transition: background-color, border-color 1s;
	-moz-transition: background-color, border-color 1s;
	-ms-transition: background-color, border-color 1s;
	-o-transition: background-color, border-color 1s;
	transition: background-color, border-color 1s;
}
.input.long {
	width: 400px;
}
.input.med {
	width: 200px;
}
.input.small {
	width: 110px;
}
.input.short {
	width: 38px;
}
.input.menu {
	font-size: 12px;
	margin-top: 3px;
	margin-bottom: 3px;
}
option:checked, option[selected] {
	background-color: #A9A4DD;
	color: #000;
}
option {
	/*background-color: #AFAFAB;*/
	background-color: #F4F4F4;
}
.input.text {
	font-family: "Courier New", Courier, monospace;
	height: 400px;
	width: 750px;
	line-height: 18px;
	overflow: auto;
}
.input.small_text {
	font-family: "Courier New", Courier, monospace;
	height: 120px;
	width: 400px;
	line-height: 18px;
	overflow: auto;
}
.input.list {
	height: 120px;
	overflow: auto;
	border-top-right-radius: 0%;
	border-bottom-right-radius: 0%;
}
.file_upload_body {
	font-family: Arial, Helvetica, "ＭＳ Ｐゴシック","Meiryo UI","メイリオ", sans-serif;
	padding: 5px;
	background-color: #FDFDFD;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	color: #000;
	margin: 0px;
}
.input_filename {
	font-family: "Courier New", Courier, monospace;
	font-size: 13px;
	color: #666666;
	background-color: #FFFFFF;
	width: 300px;
	font-style: normal;
	line-height: 13px;
	padding-left: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: inline;
}
.input_filename:focus {
	outline: none;
}
.input_toggle {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 22px;
	vertical-align: middle;
}
.input_flip {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #F4F4F4;
	-webkit-transition: .4s;
	transition: .4s;
	border: 1px solid #9293A7;
}
.input_toggle:hover input ~ .input_flip {
  background-color: #F0EFFA;
  border: 1px solid #A9A4DD;
}
.input_flip:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 2px;
	bottom: 2px;
	background-color: #F4F4F4;
	-webkit-transition: .4s;
	transition: .4s;
}
input:checked + .input_flip:before {
	-webkit-transform: translateX(18px);
	-ms-transform: translateX(18px);
	transform: translateX(18px);
	background-color: #57388F;
}
.input_flip.round {
  border-radius: 20px;
}
.input_flip.round:before {
	border-radius: 50%;
	background-color: #A9A4DD;
}
.input_checkfield {
	display: inline-block;
	position: relative;
	padding-left: 22px;
	margin-bottom: 3px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.input_checkbox {
	position: absolute;
	top: 0;
	left: 0;
	height: 14px;
	width: 14px;
	background-color: #F4F4F4;
	border: 1px solid #9293A7;
}
.input_checkfield:hover input ~ .input_checkbox {
  background-color: #F0EFFA;
  border: 1px solid #A9A4DD;
}
.input_checkfield input:checked ~ .input_checkbox {
  background-color: #57388F;
  border: 1px solid #A9A4DD;
}
.input_checkbox:after {
  content: "";
  position: absolute;
  display: none;
}
.input_checkfield input:checked ~ .input_checkbox:after {
  display: inline-block;
}
.input_checkfield .input_checkbox:after {
  left: 3px;
  top: 0px;
  width: 5px;
  height: 8px;
  border: solid #FFF;
  border-width: 0 3px 5px 0;
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
}
.input_radio {
	position: absolute;
	top: 0;
	left: 0;
	height: 15px;
	width: 15px;
	background-color: #F4F4F4;
	border: 1px solid #9293A7;
	border-radius: 50%
}
.input_checkfield:hover input ~ .input_radio {
  background-color: #F0EFFA;
  border: 1px solid #A9A4DD;
}
.input_checkfield input:checked ~ .input_radio {
  background-color: #F7FDFF;
}
.input_radio:after {
  content: "";
  position: absolute;
  display: none;
}
.input_checkfield input:checked ~ .input_radio:after {
  display: block;
}
.input_checkfield .input_radio:after {
  top: 2px;
  left: 2px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #57388F;
}
.button_file_label {
	display: inline-block;
	position: relative;
	padding-top: 3px;
	padding-bottom: 11px;

}
.button_file {
	font-size: 13px;
	line-height: 13px;
	color: #000;
	background-image: url('/imgs/btn_shine.png');
	background-repeat: repeat-x;
	background-position: center;
	vertical-align: middle;
	border: 1px solid #A9A4DD;
	border-radius: 6px;
	box-shadow: 0px 3px 3px 0px #AAA;
	background-color: #A9A4DD;
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	-ms-transition: background-color 0.5s;
	-o-transition: background-color 0.5s;
	transition: background-color 0.5s;
	padding-top: 7px;
	padding-right: 6px;
	padding-bottom: 8px;
	padding-left: 6px;
}
.button_file:hover {
	background-color: #968ED5;
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	-ms-transition: background-color 0.5s;
	-o-transition: background-color 0.5s;
	transition: background-color 0.5s;
	cursor: pointer;
}
.button_file:focus {
	outline: none;
}
.status {
	background-repeat: no-repeat;
	text-align: left;
	margin-top: 9px;
	margin-bottom: 9px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 9px;
	padding-left: 50px;
	font-size: 13px;
	line-height: 19px;
	font-weight: bold;
	border-radius: 4px;
	background-size: 40px 300px;
}
.status.error {
	background-image: url('/imgs/error.gif');
	border: 3px solid #CA2420;
}
.status.warning {
	border: 3px solid #F88E01;
	background-image: url('/imgs/warning.gif');
}
.status.success {
	border: 3px solid #10B807;
	background-image: url('/imgs/success.gif');
}
.helper {
	font-size: 11px;
	font-style: italic;
	line-height: 12px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-top: 4px;
	color: #7F7E8A;
	display: block;
}
.mandatory {
	background-image: url('/imgs/required.png');
	background-repeat: no-repeat;
	background-size: 19px 13px;
	display: inline-block;
	vertical-align: baseline;
	padding-left: 27px;
}
.hint {
	color: #CC0000;
	text-align: left;
	line-height: 13px;
	background-image: url('/imgs/hint.png');
	background-repeat: no-repeat;
	padding-left: 26px;
	background-size: 21px 14px;
	display: inline;
	margin-left: 1ex;
}

.scrollable_list {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	padding: 3px;
	height: 90px;
	max-width: 750px;
	overflow: auto;
	white-space: pre-wrap;
	color: #000000;
	background-color: #F4F4F4;
	border: 1px solid #9293A7;
	border-radius: 11px;
}
.scrollable_list:focus {
	outline: none;
}
.page_number {
	font-size: 15px;
	font-weight: normal;
	color: #7F7E8A;
	margin-top: 12px;
	text-align: right;
}