/* Copyright (c) 2001-2014 Tanakajimaru Inc. All rights reserved. */
/* 著作権法により、このコンテンツを無断で転載・改変などすることは禁じられています */

@page {
	margin: 2cm 0.5cm 2cm 0.5cm;
}

/*#region Generic*/
BODY {
	margin: 6px;
	color: black;
	font-family: 'ＭＳ Ｐゴシック', 'MS PGothic', YuGothic, Osaka, sans-serif;
	font-size: 12pt;
	word-break: break-all;
	line-height: 1.1em;
	-webkit-text-size-adjust: none;
}
A {
	color: mediumblue;
	user-select: text;
}
FORM {
	margin: 0px;
}
FORM.Margined {
	margin-top: 3px;
	margin-bottom: 3px;
}
INPUT, BUTTON {
	font-family: 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
	font-size: 10pt;
	margin: 0px;
	vertical-align: baseline;
}
TEXTAREA {
	font-family: 'ＭＳ ゴシック', 'MS Gothic', Osaka-mono, monospace;
	font-size: 10pt;
	margin: 0px;
	padding: 1px 1px 2px 1px;
	vertical-align: baseline;
	white-space: pre-wrap;
}
SELECT {
	font-family: 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, sans-serif;
	font-size: 9pt;
	vertical-align: baseline;
	margin: 0px;
	padding: 1px;
	ime-mode: disabled;
}
INPUT[type="button"], INPUT[type="submit"], INPUT[type="reset"] {
	padding: 1px 3px 1px 3px;
}
.TextBox {
	padding: 1px 1px 2px 1px;
}
INPUT[type="checkbox"] {
	margin: 2px;
}
BUTTON {
	padding: 1px;
}
FIELDSET {
	padding: 4px;
}

.MonospaceText {
	font-family: 'ＭＳ ゴシック' , 'MS Gothic' , Osaka-mono, monospace;
}

.TWE_WaitMask {
	position: fixed;
	background-color: black;
	opacity: 0.15;
	top:0;
	left:0;
	height: 100vh;
	width: 100vw;
}

.TWE_WaitMessageFrame {
	position: fixed;
	width: 100vw;
	bottom: calc(50vh - 5px);
	text-align: center;
}

.TWE_WaitMessage {
	display: inline-block;
	padding: 1em;
	border-radius: 1em;
	background-color: white;
}

#TWE_WaitImg {
	position: fixed;
	top: calc(50vh + 5px);
	left: calc(50vw - 45px);
	height: 100px;
	width: 100px;
	animation: rot 1s linear infinite;
}

@keyframes rot {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}
/*#endregion*/

/*#region Table*/
TABLE {
	font-size: 100%;
	border-spacing: 2px;
}
TABLE[border] {
	font-size: 100%;
	border-spacing: 2px;
	border: solid 1px;
	border-color: #efebed #a0a0a0 #a0a0a0 #efebed;
}
TH, TD {
	line-height: 1.1em;
	padding: 0px 1px 2.35px 1px;
}
TABLE[border] > TBODY > TR > TH, TABLE[border] > THEAD > TR > TH, TABLE[border] > TBODY > TR > TD, TABLE[border] > THEAD > TR > TD {
	padding: 1px 1px 1.35px 1px;
	border: solid 1px;
	border-color: #a0a0a0 #efebed #efebed #a0a0a0;
}

.LayoutTable {
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
	padding: 0px;
}
.LayoutTable > TBODY > TH, .LayoutTable > TBODY > TD {
	padding: 0px;
}
/*#endregion*/

/*#region GenericFormClass*/
.ImeActive {
	ime-mode: active;
}
.ImeInactive {
	ime-mode: inactive;
}
.ImeDisabled {
	ime-mode: disabled;
}
.ImeOff {
	ime-mode: disabled;
}
.NumberBox {
	ime-mode: disabled;
	text-align: right;
}
.MultiNumberBox {
	ime-mode: disabled;
}
.DateBox {
	ime-mode: disabled;
}
.DateBox_Week {
	ime-mode: disabled;
}
.TimeBox {
	ime-mode: disabled;
}
.DateTimeBox {
	ime-mode: disabled;
}
.MonthBox {
	ime-mode: disabled;
}
.DataLinkBox {
	font-size: 10pt;
	background-color: White;
	padding: 1px;
	display: inline-block;
	overflow: auto;
	word-break: break-all;
	white-space: normal;
	vertical-align: middle;
}
.ResizableCtrl {
	background-image: url('../../system/image/sizegrip.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
}
.ResizeGrip {
	background-image: url('../../system/image/sizegrip_ext.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	width: 12px;
	height: 12px;
	margin-bottom: 2px;
	cursor: se-resize;
	display: inline-block;
	vertical-align: bottom;
}
.ColorDisp {
	height: 0.8em;
	width: 0.8em;
	display: inline-block;
	border: 1px outset white;
	vertical-align: -0.1em;
	margin-right: 1px;
	background-color: White;
}

.GridPasteTarget {
	background-color: #afffca !important;
}

@font-face {
	font-family: "PassFont";
	src: url(../../system/font/PasswordFont.woff) format("woff");
}
.PasswordBox {
	font-family: PassFont;
	ime-mode: disabled;
}
/*#endregion*/

/*#region SearchForm*/
.SearchIndexButton {
	width: 1.6em;
}
.SearchIndexButtonA {
	width: 2em;
	font-family: 'ＭＳ ゴシック' , 'MS Gothic' , Osaka-mono, monospace;
}
/*#endregion*/

/*#region ListTable*/
.PageNavigator {
	margin-top: 3px;
	margin-bottom: 3px;
}
.PageMoveButton, .DayMoveButton, .MonthMoveButton, .MonthDayMoveButton, .MonthWeekMoveButton {
	width: 1.7em;
}
.TableHeader, tr.TableHeader th, tr.TableHeader td {
	background-color: lightyellow;
}
.TableRow1 {
	background-color: white;
}
.TableRow2 {
	background-color: lightgray;
}
.TableSelectedRow {
	background-color: pink;
}

tr.FixedRow th, tr.FixedRow td, th.FixedRow, td.FixedRow {
	position: sticky;
	top: 0;
	z-index:1;
}

.FixedCol {
	position: sticky;
	left: 0;
}

TABLE.Printable {
	border: 1px solid black;
	border-collapse: collapse;
	border-spacing: 0px;
}
TABLE.Printable TD, TABLE.Printable TH {
	border: 1px solid black;
	padding: 1px 1px 0px 1px;
	background-color: white;
}
TABLE.Printable > TBODY > TR > TH, TABLE.Printable > THEAD > TR > TH, TABLE.Printable > TBODY > TR > TD, TABLE.Printable > THEAD > TR > TD {
	border: 1px solid black;
	padding: 1px 1px 0px 1px;
	background-color: white;
}

TH[data-list-sort-index], TH[data-list-sort-offset] {
	cursor: pointer;
}
TH.SortedA:after {
	content: " ▲";
	font-size: 70%;
}
TH.SortedD:after {
	content: " ▼";
	font-size: 70%;
}

TH[data-list-sort-colname] {
	cursor: pointer;
	color: #0A5000;
}
TH.SortedA1:after {
	content: " ▲1";
	font-size: 70%;
	font-weight: normal;
	color: blue;
	white-space: nowrap;
}
TH.SortedD1:after {
	content: " ▼1";
	font-size: 70%;
	font-weight: normal;
	color: blue;
	white-space: nowrap;
}
TH.SortedA2:after {
	content: " ▲2";
	font-size: 70%;
	font-weight: normal;
	color: blue;
	white-space: nowrap;
}
TH.SortedD2:after {
	content: " ▼2";
	font-size: 70%;
	font-weight: normal;
	color: blue;
	white-space: nowrap;
}
TH.SortedA3:after {
	content: " ▲3";
	font-size: 70%;
	font-weight: normal;
	color: blue;
	white-space: nowrap;
}
TH.SortedD3:after {
	content: " ▼3";
	font-size: 70%;
	font-weight: normal;
	color: blue;
	white-space: nowrap;
}
TH.SortedAE:after {
	content: " ▲";
	font-size: 70%;
	font-weight: normal;
	color: blue;
	white-space: nowrap;
}
TH.SortedDE:after {
	content: " ▼";
	font-size: 70%;
	font-weight: normal;
	color: blue;
	white-space: nowrap;
}
/*#endregion*/

/*#region Icon*/
.IconFrame {
	margin: 0em;
	vertical-align: baseline;
}

.IconEx, .IconEx21, .IconEx22, .IconEx31, .IconEx32, .IconEx33, .IconEx41, .IconEx42, .IconEx43, .IconEx44, .IconExS1, .IconExS2, .IconExS3, .IconExNum11, .IconExNum21, .IconExNum22 {
	vertical-align: text-top;
}

.IconEx {
	margin: 0em;
	width: 1em;
	height: 1em;
}

.IconEx21, .IconEx22 {
	width: 0.7em;
	height: 0.7em;
}
.IconEx21 {
	margin: 0em;
}
.IconEx22 {
	margin: 0.3em 0em 0em -0.4em;
}

.IconEx31, .IconEx32, .IconEx33 {
	width: 0.6em;
	height: 0.6em;
}
.IconEx31 {
	margin: 0em;
}
.IconEx32 {
	margin: 0.2em 0em 0em -0.2em;
}
.IconEx33 {
	margin: 0.4em 0.3em 0em -0.9em;
}

.IconEx41, .IconEx42, .IconEx43, .IconEx44 {
	width: 0.5em;
	height: 0.5em;
}
.IconEx41 {
	margin: 0em;
}
.IconEx42 {
	margin: 0em 0em 0em 0em;
}
.IconEx43 {
	margin: 0.5em 0.5em 0em -1em;
}
.IconEx44 {
	margin: 0.5em 0em 0em -0.5em;
}

.IconExS1 {
	margin: 0;
	width: 1em;
	height: 1em;
}
.IconExS2 {
	margin: 0.4em 0 0 -0.6em;
	width: 0.6em;
	height: 0.6em;
}
.IconExS3 {
	margin: 0.4em 0.4em 0 -1em;
	width: 0.6em;
	height: 0.6em;
	display: none;
}

.IconExNum11, .IconExNum21, .IconExNum22 {
	width: 0.4em;
	height: 0.4em;
}
.IconExNum11 {
	/*	margin: 0.6em 0em 0em -0.4em; */
	margin: 0em 0em 0em -0.4em;
}
.IconExNum21 {
	/*	margin: 0.6em 0.4em 0em -0.8em; */
	margin: 0em 0.4em 0em -0.8em;
}
.IconExNum22 {
	/*	margin: 0.6em 0em 0em -0.4em; */
	margin: 0em 0em 0em -0.4em;
}

.UserFaceIcon {
	vertical-align: text-top;
	margin: 0em;
	width: 1em;
	height: 1em;
	border-radius: 15%;
}
.UserFaceIcon_Zoom {
	position: absolute;
	border-radius: 15%;
}
.UserFaceIcon_Org:hover {
	vertical-align: middle;
	width: 4em;
	height: 4em;
}
/*#endregion*/

/*#region Help*/
.AppendHelpButton {
	position: absolute;
	top: 4px;
	right: 4px;
}
.ToolTipHelp {
	position: absolute;
	font-size: 75%;
	background-color: lightyellow;
	border: 1px solid black;
	padding: 3px;
}
/*#endregion*/

/*#region Menu*/
.SPMenuFrame {
	display: inline-block;
	vertical-align: text-top;
	text-align: center;
	width: 60px;
	height: 68px;
	margin: 0px 0px 2px 0px;
	cursor: pointer;
	line-height: 1em;
	text-decoration: none;
	color: Black;
}
.SPMenuIcon {
	display: block;
	font-size: 48px;
	text-align: center;
	height: 1em;
	margin-bottom: 1px;
}
.SPMenuCaption {
	font-size: 8pt;
	display: block;
	height: 2.1em;
	text-align: center;
	line-height: 1em;
	overflow: hidden;
}
/*#endregion*/

/*#region Dialog*/
.DialogBody {
	margin: 2px;
}

.DialogTitle {
	margin: -2px -2px 2px -2px;
	padding: 1px;
	font-size: 14pt;
	color: White;
	background-color: Blue;
}
.DialogClose {
	position: absolute;
	font-size: 14pt;
	top: 2px;
	right: 2px;
}
.DialogOpenButton {
	vertical-align: middle;
	font-size: 16pt;
	cursor: pointer;
}

.DialogOverlayFrame {
	position: absolute;
	border-style: none;
	display: none;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
}
.DialogOverlayBaseBody {
	margin: 0px;
	padding: 0px;
}

.DialogInlineFrame {
	position: absolute;
	border-width: 2px;
	border-style: outset;
	display: none;
	top: 0px;
	left: 0px;
	width: 1px;
	height: 1px;
	z-index: 9999;
}
.DialogInlineMask {
	position: absolute;
	background-color: #000000;
	display: none;
	top: 0px;
	left: 0px;
	width: 1px;
	height: 1px;
	z-index: 9998;
	opacity: 0.5;
}
/*#endregion*/

/*#region Panel*/
.PopPanel {
	border: 2px outset white;
	padding: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 6px;
}
.SinkPanel {
	border: 2px inset white;
	padding: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 6px;
}
.PopBorder {
	border-width: 1px;
	border-style: solid;
	border-color: #efebed #a0a0a0 #a0a0a0 #efebed;
}
.SinkBorder {
	border-width: 1px;
	border-style: solid;
	border-color: #a0a0a0 #efebed #efebed #a0a0a0;
}
/*#endregion*/

/*#region Etc*/
.NoWrapItem, .NoWrapItemL, .NoWrapItemR {
	display: inline-block;
	white-space: nowrap;
}
.NoWrapItemL {
	margin-left: 0.7em;
}
.NoWrapItemR {
	margin-right: 0.7em;
}
/*#endregion*/

/*#region Home*/
.HomeBox_Frame {
	border-spacing: 0px;
	border: solid 2px Blue;
	margin: 1px 1px 5px 1px;
	width: 99.7%;
	border-radius: 6px;
	table-layout: fixed;
}
.HomeBox_Title {
	font-size: 140%;
	font-weight: bolder;
	padding: 2px;
	color: White;
	background-color: Blue;
	width: 40%;
	vertical-align: bottom;
}
.HomeBox_Title A {
	color: White;
}
.HomeBox_Control {
	text-align: right;
	vertical-align: top;
	padding: 4px;
}
.HomeBox_Size {
	cursor: pointer;
}
.HomeBox_Content {
	padding: 2px 0px 2px 0px;
}
.HomeBox_Body {
	padding: 2px 4px 2px 4px;
}
.HomeBox_Separator {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 2px;
	background-color: Blue;
	font-size: 1px;
}
.HomeBox_ContentTable {
	width: 100%;
}

.HomeMenu {
	font-size: 150%;
	float: left;
	_width: 4.6em;
	min-width: 4.5em;
	height: 1.1em;
	margin: 0px 0px 0px 2px;
	overflow: visible;
	white-space: nowrap;
	vertical-align: middle;
}
.HomeMenu_Label {
	height: 24px;
	font-size: 70%;
	margin-left: 1px;
	vertical-align: middle;
}
.HomeMenu .IconFrame {
	vertical-align: top;
}
/*#endregion*/

/*#region Option*/
.Option_SettingTitle {
	font-weight: bold;
}
.Option_Link {
}
.Option_SystemMark {
	font-size: small;
	color: Red;
}
.Option_CookieMark {
	font-size: small;
	color: Blue;
}
.Option_SettingFrame TD {
	padding: 3px;
}
.Option_LinkFrame TD {
	padding: 3px;
}
/*#endregion*/

/*#region TreeView*/
.TreeView_Main {
	font-size: 90%;
}
/*#endregion*/

/*#region Localize*/
.Localize_Target {
	border: 1px solid blue !important;
	cursor: pointer;
	background-color: orange !important;
}
/*#endregion*/