@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, pre {
	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:1px;
	width:100px;
	vertical-align:middle;
}
input[type="checkbox"], input[type="radio"] {
	margin:3px;
	padding:0;
	vertical-align:-2px;
}
select {
	border:1px solid #999999;
	padding:1px 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;
}
.Anyrequired {
	background-color:#e7f8db;
}
input[type="checkbox"].Anyrequired, input[type="radio"].Anyrequired {
	outline:solid 3px #e7f8db;
}
.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;
}
/*-- モデル -----------------------------------------------*/
.Date > input[type="text"] {
	width:29px;
}
.Date > input[type="text"]:first-child {
	width:40px;
}
.Time > input[type="text"] {
	width:29px;
}
.Month input[type="text"] {
	width:29px;
}
.Month input[type="text"]:first-child {
	width:40px;
}
.Zip input[type="text"] {
	width:40px;
}
.Canvas {
	display:inline-block;
	text-align:right;
}
.Canvas canvas {
	display:block;
	border:solid 1px #999999;
	background-color:#ffffff;
}
.Canvas textarea {
	display:none;
}
/*-- ヘッダー -----------------------------------------------*/
.Header {
	width:100%;
	background-color:#561620;
	color:#ffffff;
}
.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;
}
.SubwinFront {
	background-color:#dddddd;
	border:1px solid #999999;
	border-bottom:none;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}
.AlertwinFront {
	background-color:#dddddd;
	border:1px solid #999999;
	border-top:none;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
}
.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;
}
.ConfBox {
	border:solid 1px #999999;
	background:#ffffff;
	border-radius:5px;
	max-width:500px;
}
.ConfBox > table {
	width:100%;
}
.ConfBox > table > tr > th {
	padding:20px;
	padding-bottom:0;
	line-height:150%;
	white-space:normal;
	word-break:break-all;
}
.ConfBox > table > tr:first-child > td {
	padding:20px 15px 15px 15px;
	text-align:center;
}
.ConfBox > table > tr:last-child > td {
	padding:5px 15px 15px 15px;
}
/*-- レイアウト ---------------------------------------------*/
.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 {
	border:none;
	width:100%;
}
.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,
.Form > tbody > tr:first-child > td:first-child {
	border-top-left-radius:5px;
}
.Form > tbody > tr:first-child > th:last-child,
.Form > tbody > tr:first-child > td:last-child {
	border-top-right-radius:5px;
}
.Form > tbody > tr:last-child > th:first-child,
.Form > tbody > tr:last-child > td:first-child {
	border-bottom-left-radius:5px;
}
.Form > tbody > tr:last-child > th:last-child,
.Form > tbody > tr:last-child > td:last-child {
	border-bottom-right-radius:5px;
}
.Form .Text {
	padding:5px;
}
.Form .Input {
	padding:1px;
}
/*-- リスト -------------------------------------------------*/
.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:117%;
}
.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;
}

table.List tr.feedback-row-style {
	background-color: #f8b500;
}

.List > tbody > tr:hover {
	background-color:#ff99ff;
	cursor:pointer;
}
.List > tbody > tr > th > span:hover {
	background-color:#ff99ff;
	cursor:pointer;
}
.List .Input {
	padding:1px;
	line-height:100%;
}
/*-- スクロールボックス -------------------------------------------*/
.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;
}
/*-- シート --------------------------------------------------*/
.Sheet {
	border:solid 1px #999999;
	background-color:#ffffff;
	border-radius:5px;
	overflow-y:scroll;
}
.Sheet > table > tbody > tr > td {
	border:1px solid #999999;
	border-right:none;
	border-bottom:none;
	width:50%;
}
.Sheet > table > tbody > tr > td td {
	padding:5px;
}
.Sheet > table > tbody > tr > td th {
	padding:5px;
	padding-right:0;
}
.Sheet > table > tbody > tr > td div {
	padding:5px;
	border-radius:5px;
}
.Sheet > table > tbody > tr > td img {
	display:block;
	min-height:48px;
	min-width:48px;
}
.Sheet > table > tbody > tr:first-child > td {
	border-top:none;
}
.Sheet > table > tbody > tr > td:first-child {
	border-left:none;
}
.Sheet::-webkit-scrollbar {
	width:8px;
	height:8px;
}
.Sheet::-webkit-scrollbar-track-piece {
	border-left:solid 1px #999999;
}
.Sheet::-webkit-scrollbar-thumb {
	background-color:#999999;
}
.Sheet::-webkit-scrollbar-corner {
	display:none;
}
/*-- インプットセット --------------------------------------------*/
.InputSet {
	overflow-y:auto;
}
.InputSet > div > input:first-child {
	display:none;
}
.InputSet > div > input:nth-last-child(1),
.InputSet > div > input:nth-last-child(2) {
	padding-left:2px;
	padding-right:2px;
}
/*-- バリデーションエラー -----------------------------------*/
.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;
	background:none;
	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;
	background:none;
	border-radius:0;
	border-bottom:2px solid #ffffff;
	border-top:2px solid transparent;
	border-right:2px solid #ffffff;
	border-left:2px solid transparent;
}
/*-- Ellipsis ---------------------------------------------*/
.Ellipsis {
	max-width:200px;
	overflow:hidden;
	text-overflow:ellipsis;
}
/*-- LineArea ---------------------------------------------*/
textarea[model="LineArea"] {
	/*padding:4px;*/
}
/*-- 文言候補リスト --------------------------------------------*/
.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;
}
/*-- FileBox ----------------------------------------------*/
.FileBox > div {
	background-color:#ffffff;
	border:solid 1px #999999;
	border-radius:5px;
	padding:10px;
	min-height:42px;
}
.FileBox > div > div {
	display:inline-block;
	white-space:nowrap;
	padding:0;
	border-radius:4px;
}
.FileBox > div > div[download='1']:hover,
.FileBox > div > div[download='1'] > input:hover {
	cursor:pointer;
	background-color:#ff99ff;
}
.FileBox > div > div > span {
	display:inline-block;
	padding:4px;
	padding-left:1px;
}
.FileBox > div > div > span > input[type='file'],
.FileBox > div > div > span > input[type='text'] {
	width:215px;
}
.FileBox > div > div > span > input[type='text'] {
	border:none;
	background-color:transparent;
}
/*-- Label ------------------------------------------------*/
.Label {
	padding:2px 4px;
	border-radius:2px;
	font-size:10px;
	border:solid 1px #999999;
}
/*-- 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;
}
/*-- Loading ----------------------------------------------*/
.Loading {
	border-radius:40px;
	width:80px;
	height:80px;
	border-top:10px solid rgba(255, 255, 255, 0.2);
	border-right:10px solid rgba(255, 255, 255, 0.2);
	border-bottom:10px solid rgba(255, 255, 255, 0.2);
	border-left:10px solid rgba(255, 255, 255, 1);
	animation:loading 1s infinite linear;
}
@keyframes loading {
	0%	 { transform:rotate(0deg); }
	100% { transform:rotate(360deg); }
}
/*-- 印刷 -----------------------------------*/
@media print {
	.Header, .Footer {
		display:none;
	}
	input[type="button"] {
		display:none;
	}
	.Form, .List, .ScrollList, .Sheet {
		border-radius:0;
	}
	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;
	}
	.ScrollBox {
		overflow-y:hidden !important;
		max-height:none !important;
	}
	.ScrollBox > div:last-child {
		display:none !important;
	}
}