@charset "utf-8";
/*
**-- 共通CSS
*/

/*-- 基本設定 -----------------------------------------------*/
* {
	-webkit-print-color-adjust:exact;
	-webkit-text-size-adjust:none;
}
html, body, div, span, table, th, td iframe, ul, li, input, select, textarea, img {
	margin:0;
	padding:0;
}
div, span, table, th, td, iframe, ul, li, input, select, textarea, img {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
body {
	font-size:12px;
	line-height:1;
	text-align:left;
	vertical-align:top;
	background-color:#dddddd;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, arial;
}
table {
	border-collapse:separate;
	border-spacing:0;
	width:100%;
}
th {
	font-weight:normal;
	text-align:center;
}
input[type="button"], input[type="submit"] {
	padding:2px 6px;
	vertical-align:middle;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, arial;
}
input[type="text"], input[type="password"] {
	border:1px solid #999999;
	padding:2px 1px;
	width:100px;
	vertical-align:middle;
}
input[type="checkbox"], input[type="radio"] {
	margin:4px;
	padding:0;
	vertical-align:-2px;
}
select {
	border:1px solid #999999;
	padding:2px 0;
	width:100px;
	vertical-align:middle;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, arial;
}
select + input[type="text"], input[type="text"] + input[type="text"] {
	margin-left:1px;
}
textarea {
	border:1px solid #999999;
	padding:1px;
	width:100%;
	vertical-align:middle;
	line-height:1.2;
	overflow-x:auto;
	overflow-y:scroll;
	resize:none;
	white-space:pre-wrap;
}
textarea::-webkit-scrollbar {
	width:8px;
	height:8px;
}
textarea::-webkit-scrollbar-track-piece {
	border-left:solid 1px #999999;
}
textarea::-webkit-scrollbar-thumb {
	background-color:#999999;
}
textarea::-webkit-scrollbar-corner {
	display:none;
}
img {
	border:none;
	vertical-align:middle;
}
/*-- フォーム -------------------------------------------------*/
.Required {
	background-color:#cff8f6;
}
input[type="checkbox"].Required, input[type="radio"].Required {
	outline:solid 3px #cff8f6;
}
.Invalid {
	background-color:#ffff00;
}
input[type="checkbox"].Invalid, input[type="radio"].Invalid {
	outline:solid 3px #ffff00;
}
input[type="button"].Invalid {
	background-color:#ffff00;
	border-color:#999900;
	border-width:2px;
	border-radius:4px;
}
.Inactive {
	background-color:#dddddd;
	color:#000000;
}
.Active {
	background-color:#ffccff;
}
.MultiInput[required="true"] {
	background-color:#cff8f6;
}
.MultiInput[invalid="true"] {
	background-color:#ffff00;
}
.MultiInput[inactive="true"] {
	background-color:#dddddd;
	color:#000000;
}
.MultiInput {
	border:1px solid #999999;
	padding:1px 1px 1px 2px;
	line-height:1.3;
	background:#ffffff;
	display:inline-block;
	vertical-align:middle;
	font-size:13.4px;font-family:arial, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	white-space:normal;
	word-break:break-all;
	min-height:21px;
	overflow-y:auto;
}
.MultiInput + input {
	vertical-align:top;
}
.MultiInput::-webkit-scrollbar {
	width:8px;
	height:8px;
}
.MultiInput::-webkit-scrollbar-track-piece {
	border-left:solid 1px #999999;
}
.MultiInput::-webkit-scrollbar-thumb {
	background-color:#999999;
}
.MultiInput::-webkit-scrollbar-corner {
	display:none;
}
/*-- モデル --------------------------------------------------*/
.Date > input[type="text"] {
	width:29px;
}
.Date > input[type="text"]:first-child {
	width:40px;
}
.Month input[type="text"] {
	width:29px;
}
.Month input[type="text"]:first-child {
	width:40px;
}
.Zip input[type="text"] {
	width:40px;
}
.Time > input[type="text"] {
	width:29px;
}
.Image > div {
	padding:6px;
	border-radius:5px;
	border:solid 1px #999999;
	min-height:100px;
}
.Image > div:not([class]) {
	background:#ffffff;
}
.Image > div.selected {
	background-color: #cff8f6;
}
.Image > div > img {
	width:auto;
	max-width:100%;
	border:solid 1px #999999;
	display:none;
	margin:auto;
}
/*-- ヘッダー -------------------------------------------------*/
.Header {
	width:100%;
	background-color:#561620;
	color:#ffffff;
	cursor:pointer;
}
.Header > tbody > tr > td {
	height:30px;
	white-space:nowrap;
}
.Header > tbody > tr > td:first-child {
	height:30px;
	padding:0 10px;
	font-family:Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size:15px;
	font-weight:bold;
	white-space:nowrap;
}
.Header > tbody > tr > td:last-child {
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-weight:bold;
	text-align:right;
	white-space:nowrap;
}
.Header > tbody > tr > td > span {
	padding:3px 8px;
	border-radius:5px;
}
.Header > tbody > tr > td > span:hover {
	background-color:#ff99ff;
	cursor:pointer;
}
/*-- フッター -------------------------------------------------*/
.Footer {
	height:20px;
	width:100%;
	border-top:1px solid #999999;
	font-family:Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}
.Footer > tbody > tr > td:first-child {
	padding-left:10px;
	text-align:left;
}
.Footer > tbody > tr > td:last-child {
	padding-right:10px;
	text-align:right;
}
/*-- ボディー -----------------------------------------------*/
.Body {
	width:100%;
}
.Body > tbody > tr > td {
	padding:10px 20px;
}
.Popup {
	width:auto;
	margin:50px auto;
	background-color:#dddddd;
	border-radius:10px;
	border:solid 1px #999999;
	display:table;
}
.ConfBox {
	border:solid 1px #999999;
	background:#dddddd;
	border-radius:5px;
}
.ConfBox > table > tr > th {
	padding:20px;
	padding-bottom:0;
	line-height:1.5;
	white-space:nowrap;
}
.ConfBox > table > tr > td {
	padding:20px 15px 15px 15px;
	text-align:center;
}
.Error {
	margin:0 auto;
	padding:20px;
	border:solid 1px #999999;
	border-radius:5px;
	text-align:center;
	white-space:normal;
	word-break:break-all;
	color:#ff0000;
}
/*-- レイアウト ------------------------------------------------*/
.Layout {
	width:100%;
}
.Layout > tbody > tr {
	vertical-align:top;
}
.Layout > tbody > tr > td {
	padding:0;
	padding-right:5px;
}
.Layout > tbody > tr > td:last-child {
	padding-right:0;
}
.Layout > tbody > tr:last-child > td {
	padding-bottom:0;
}
/*-- タブ ----------------------------------------------------*/
.Tab {
	width:100%;
}
.Tab > ul {
	position:relative;
	z-index:2;
	height:24px;
	white-space:nowrap;
}
.Tab > ul > li {
	position:relative;
	list-style-type:none;
	display:inline-block;
	width:101px;
}
.Tab > ul > li > label {
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:100px;
	height:22px;
	text-align:center;
	line-height:24px;
	border:solid 1px #999999;
	background-color:#bbbbbb;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}
.Tab > div {
	position:relative;
	margin-top:-1px;
	border:solid 1px #999999;
	overflow:hidden;
	border-radius:5px;
	border-top-left-radius:0;
}
.Tab > div > iframe {
	display:block;
	width:100%;
}
.Tab > ul > li > input:checked + label {
	background-color:#ffccff;
	border-bottom:solid 1px #ffccff;
}
.Tab > ul > li > label:hover {
	background-color:#ff99ff;
	cursor:pointer;
}
/*-- タイトル -------------------------------------------------*/
.Title > tbody > tr > td {
	padding:1px 0;
	white-space:nowrap;
}
.Title .Text {
	padding:5px 0;
}
.Title .Input {
	padding:1px 0;
}
/*-- フォーム -----------------------------------------------*/
.Form {
	width:100%;
	border-collapse:separate;
	border-spacing:0;
	border:1px solid #999999;
	border-left:none;
	border-top:none;
	border-radius:5px;
}
.Form > tbody > tr > th,
.Form > tbody > tr > td {
	padding:1px;
	border:1px solid #999999;
	border-right:none;
	border-bottom:none;
	white-space:nowrap;
}
.Form > tbody > tr > th {
	padding:5px;
	text-align:center;
}
.Form > tbody > tr:first-child > th:first-child {
	border-top-left-radius:5px;
}
.Form > tbody > tr:first-child > td:last-child {
	border-top-right-radius:5px;
}
.Form > tbody > tr:last-child > th:first-child {
	border-bottom-left-radius:5px;
}
.Form > tbody > tr:last-child > td:last-child {
	border-bottom-right-radius:5px;
}
.Form .Text {
	padding:5px;
	padding-bottom:6px;
}
/*-- リスト -------------------------------------------------*/
.List {
	width:100%;
	border-collapse:separate;
	border-spacing:0;
	border:1px solid #999999;
	border-left:none;
	border-top:none;
	border-radius:5px;
	background-color:#ffffff;
}
.List > tbody > tr > th,
.List > tbody > tr > td {
	padding:4px;
	border:1px solid #999999;
	border-right:none;
	border-bottom:none;
	white-space:nowrap;
	line-height:1.17;
}
.List > tbody > tr > th {
	background-color:#ffffcc;
	text-align:center;
}
.List > tbody > tr:first-child > th:first-child {
	border-top-left-radius:5px;
}
.List > tbody > tr:first-child > th:last-child {
	border-top-right-radius:5px;
}
.List > tbody > tr:last-child > td:first-child {
	border-bottom-left-radius:5px;
}
.List > tbody > tr:last-child > td:last-child {
	border-bottom-right-radius:5px;
}
.List > tbody > tr > th > span {
	border-radius:5px;
	padding:3px;
}
.List > tbody > tr:hover {
	background-color:#ff99ff;
	cursor:pointer;
}
.List > tbody > tr > th > span:hover {
	background-color:#ff99ff;
	cursor:pointer;
}
.List .Input {
	padding:1px;
}
/*-- スクロールボックス -------------------------------------------*/
.ScrollBox {
	background-color:#ffffff;
	border:solid 1px #999999;
	border-radius:5px;
	overflow-y:scroll;
}
.ScrollBox > table {
	border-right:none;
	border-bottom:none;
}
.ScrollBox > div > table {
	border-right:none;
	border-bottom:none;
}
.ScrollBox > div > table > tbody > tr > th {
	border-top:none;
}
.ScrollBox > div > table > tbody > tr > th:first-child {
	border-left:none;
}
.ScrollBox::-webkit-scrollbar {
	width:8px;
	height:8px;
}
.ScrollBox::-webkit-scrollbar-track-piece:vertical {
	border-left:solid 1px #999999;
}
.ScrollBox::-webkit-scrollbar-track-piece:horizontal {
	border-top:solid 1px #999999;
}
.ScrollBox::-webkit-scrollbar-thumb {
	background-color:#999999;
}
.ScrollBox::-webkit-scrollbar-corner {
	display:none;
}
.ScrollBox > table > tbody > tr > th:first-child,
.ScrollBox > table > tbody > tr > td:first-child {
	border-left:none;
}
.ScrollBox > table > tbody > tr:first-child > th {
	border-top:none;
}
.ScrollBox > table > tbody > tr:first-child > th:last-child {
	border-top-right-radius:0;
}
.ScrollBox > table > tbody > tr:last-child > td:last-child {
	border-bottom-right-radius:0;
}
/*-- バリデーションエラー -----------------------------------*/
.ValidBal1,
.ValidBal2 {
	position:absolute;
	z-index:2000;
}
.ValidBal1 > div:first-child,
.ValidBal2 > div:first-child {
	position:relative;
	padding:3px 5px;
	background-color:#ffffff;
	border:solid 1px #999999;
	color:#ff0000;
	border-radius:8px;
	white-space:nowrap;
}
.ValidBal1 > div:last-child {
	position:relative;
	top:-1px;
	left:8px;
	width:0;
	height:0;
	border-top:3px solid #999999;
	border-bottom:3px solid transparent;
	border-left:3px solid #999999;
	border-right:3px solid transparent;
}
.ValidBal1 > div:last-child > div {
	position:relative;
	top:-3px;
	left:-2px;
	width:0;
	height:0;
	border-top:2px solid #ffffff;
	border-bottom:2px solid transparent;
	border-left:2px solid #ffffff;
	border-right:2px solid transparent;
}
.ValidBal2 > div:last-child {
	position:relative;
	left:8px;
	width:0;
	height:0;
	padding:0;
	border-radius:0;
	border-bottom:3px solid #999999;
	border-top:3px solid transparent;
	border-right:3px solid #999999;
	border-left:3px solid transparent;
}
.ValidBal2 > div:last-child > div {
	position:relative;
	top:0px;
	left:-2px;
	width:0;
	height:0;
	padding:0;
	border-radius:0;
	border-bottom:2px solid #ffffff;
	border-top:2px solid transparent;
	border-right:2px solid #ffffff;
	border-left:2px solid transparent;
}
/*-- Progress ---------------------------------------------*/
.Progress {
	background-color:rgba(0, 0, 0, 0.5);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)";
}
.Progress > div {
	border-radius:5px;
	border:solid 1px #999999;
	padding:10px;
	width:150px;
	background-color:#dddddd;
}
.Progress > div > div {
	padding:4px 0 8px 0;
}
.Progress > div > div:nth-child(2) {
	border-radius:4px;
	border:solid 1px #999999;
	height:18px;
	padding:2px;
}
.Progress > div > div > div {
	border-radius:3px;
	border:solid 1px #999999;
	height:12px;
	background-color:#ffffff;
}
/*-- 文言候補リスト --------------------------------------------*/
.MiniList {
	border:solid 1px #999999;
	background-color:#ffffff;
	padding:0;
	overflow:hidden;
}
.MiniList > table > tbody > tr > td {
	padding:5px;
	max-width:100px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.MiniList > table > tbody > tr[active="1"] {
	background-color:#ff99ff;
}
.MiniList > table > tbody > tr:hover {
	background-color:#ff99ff;
	cursor:pointer;
}
.MiniList > table > tbody > tr:last-child {
	border-top:solid 1px #999999;
}
.MiniList > table > tbody > tr:first-child {
	border-top:none;
}
.MiniList::-webkit-scrollbar {
	width:8px;
	height:8px;
}
.MiniList::-webkit-scrollbar-track-piece {
	border-left:solid 1px #999999;
}
.MiniList::-webkit-scrollbar-thumb {
	background-color:#999999;
}
.MiniList::-webkit-scrollbar-corner {
	display:none;
}
/*-- Ellipsis ---------------------------------------------*/
.Ellipsis {
	max-width:0;
	min-width:auto;
	overflow:hidden;
	text-overflow:ellipsis;
}
/*-- 印刷 -----------------------------------*/
@media print {
	.Header, .Footer {
		display:none;
	}
	* {
		border-radius:0 !important;
	}
	input[type="button"] {
		display:none;
	}
	input[type="text"], input[type="password"], input[type="file"] {
		border:none;
	}
	.Tab > ul > li > label {
		border-radius:0;
	}
	.Tab > div {
		border-radius:0;
	}
	.SubwinFront {
		display:none;
	}
	.AlertFront {
		display:none;
	}
}

/*-- FileBox ----------------------------------------------*/

.FileBox {
	background:#ffffff;
	border:solid 1px #999999;
	border-radius:5px;
	padding:10px;
	min-height:64px;
}
.FileBox[required=true] {
	background:#e1f7f2;
}
.FileBox > * {
	display:inline-block;
	vertical-align:top;
	text-align:center;
	min-width:96px;
	padding:5px;
	margin:0px 5px 5px 0px;
}
.FileBox > * > span {
	display:block;
	text-align:center;
}
.FileBox > * > span:nth-child(3) {
	display:inline-block;
	border:1px solid #eeeeee;
	background-color:#ffffff;
	border-radius:5px;
	padding:4px;
	width:48px;
	height:48px:
}
.FileBox > * > span > img {
	max-width:100%;
	max-height:100%;
	border:1px solid #000000;
}
.FileBox > * > input[type=checkbox] {
	display:none;
}
.FileBox > label {
	cursor:pointer;
}
.FileBox > label * {
	pointer-events: none;
}
.FileBox > label > span:last-child {
	padding:2px 0;
}
.FileBox > label[checked] > span:nth-child(3) {
	border-color:#ff0000;
}
.File {
	display:inline-block;
	padding:5px;
	border-radius:5px;
	text-align:center;
	font-size:12px;
}