@charset "UTF-8";
/*
 * W e b  P e r f o r m e r
 *
 * Copyright (c) 2003-2004 Canon Software Inc. All rights reserved.
 *
 */

/*
 * Mistテーマ
 */


* {
	font-family: 'ＭＳ Ｐゴシック', sans-serif;
}

/* アンカー */
a {
	text-decoration: none;
	outline-style: none;
}
a:link {
	color: #333333;
}

a:visited {
	color: #333333;
}

a:active	{
	/*color:#333333;*/
}

a:hover	{
	background-color:bisque;
	text-decoration: underline;
}

.datalink {
	text-decoration: underline;
}

/* 見出し１ */
h1 {
	color: #333333;
	font-size: 1.4em;
	border-top: solid 1pt #666666;
	border-bottom: solid 1pt #666666;
	padding: 5pt;
	padding-left: 20pt;
	margin-top: 10pt;
	margin-top: 18pt;
	white-space: nowrap;
}
/* レイアウト枠 */
table {
	border-style: none; border-width: 2pt;
}
/* 一覧タイトル */
th {
	color: #333333;
	background-color: lavender;
/*	border: solid 1pt #330000; */
	padding: 3pt;
}
/* 一覧のアンカーの色をオーバーライド */
th a:link {
	color: #333333;
}
th a:visited {
	color: #333333;
}
th a:hover	{
	text-decoration: underline;
}

/* 一覧の奇数行 */
tr.odd {
	background: whitesmoke;
	height:1em;
}
/* 一覧の偶数行 */
tr.even {
	background: white;
	height:1em;
}
/* スクロール一覧の奇数行 */
tr.scrollodd {
	background: whitesmoke;
	min-height:1em;
}
/* スクロール一覧の偶数行 */
tr.scrolleven {
	background: white;
	min-height:1em;
}
/* マトリックス表示用 */
td.cell {
	border: solid 1pt ;
}
.cell table {
	width: 100%;
}
td.sumItem {
	text-align: center;
}
/* ラベル */
.label {
	display:inline-table;
	width:100%;
	padding: 3pt;
	font-weight: bold;
	text-align: right;
	color: #333333;
	background-color: lavender;
	border: solid 1pt lavender;
	word-break: keep-all;
	white-space: nowrap;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
/* エラーフィールドより上に記述する.CSSの仕様で同じ属性は後の定義が強いため */
.RICHTEXTFIELD {
	border : 1px solid black;
	padding : 3px;
	background-color : #DCDCDC;
	display: inline-block !important;
	display: inline;
	zoom: 1;
}
/* フィールド */
div.field {
/*	border: solid 1pt red; */
}
/* エラーフィールド */
div.error_field input, div.error_field textarea, div.error_field select{
	background-color: #ffcccc;
}
span.error_field{
	background-color: #ffcccc;
}
/* エラー表示フィールド */
.errors {
	color : red;
	font-weight: bold;
}
/* Infomation表示フィールド */
.info {
	color : blue;
	font-weight: bold;
}
/* Warning表示フィールド*/
.warn {
	color :  tomato;
	font-weight: bold;
}
/* 著作権表示 */
.copyright {
		text-align: right;
		font-size: 9pt;
		font-family: sanserif;
		color:gray;
}
/* アクティブタブ */
.tab_active {
	float: left;
	color: #333333;
	background-color: lavender;
	border-top: solid 2px silver;
	border-left: solid 2px silver;
	border-right: solid 2px silver;
	border-bottom: solid 0px lavender;
	padding: 2px 5px 2px 5px;
	margin: 0px 2px 0px 0px;
}
/* インアクティブタブ */
.tab_inactive {
	float: left;
	background-color: whitesmoke;
	border-top: solid 1pt lightgrey;
	border-left: solid 1pt lightgrey;
	border-right: solid 1pt lightgrey;
	border-bottom: solid 1pt lightgrey;
	padding: 2px 5px 2px 5px;
	margin: 0px 2px 2px 0px;
}
.tab_line {
	padding-bottom: 2px;
	border-bottom: 1px solid silver;
	margin: 0px;
}
.tab_context {
	border-style: solid;
	border-color: silver;
	border-width: 1px 2px 2px 2px;
}
.tab_active a {
	margin-left:2pt;
	color: #333333;
	font-weight: bold;
	font-size: 0.9em;
}
.tab_active a:visited {
	color: #333333;
}

.tab_inactive a {
	color: gray;
}
.tab_inactive a:visited {
	color: gray;
}

.tab_table {
	border-width: 0pt;
}
.tab_label {
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
}

/* 数字項目 */
.NUM {
	text-align : right;
}
/* 金額項目 */
.CURRENCY {
	text-align : right;
}
select.NUM, select.CURRENCY {
	text-align : left;
}

/* ブール項目 */
.BOOL {
	text-align : center;
}

/* アクション */
.IoAction {
	white-space : nowrap;
	word-break : keep-all;
}

/* コメント */
.COMMENT {
	font-size: 0.8em;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
}
/* メッセージ表示領域 */
.BASE_MSG {
	position : absolute;
	z-index : 99; /* MSGの後ろ */
	margin : 10px;
	padding :10px;
	display : none;
	border-width: 1px;
}
/* 送信メッセージ */
.SEND_MSG {
	position : absolute;
	font-weight : bold;
	white-space : nowrap;
	z-index : 100; /* 一番手前 */
	margin : 10px;
	padding :10px;
	display : none;
	background-color: #ffffcc;
	border-color: #006633;
	border-width: 1px;
	border-style : dotted;
	text-align : center;
	background-image : url(../image/msg_send.gif);
	background-repeat : no-repeat;
	padding-left:36px;
}
/* 受信メッセージ */
.RECV_MSG {
	position : absolute;
	font-weight : bold;
	white-space: nowrap;
	z-index : 100; /* 一番手前 */
	margin : 10px;
	padding :10px;
	display : none;
	background-color: #ffffcc;
	border-color: #006633;
	border-width: 1px;
	border-style : dotted;
	text-align : center;
	background-image : url(../image/msg_recv.gif);
	background-repeat : no-repeat;
	padding-left:36px;
}
/* スクリーンロック */
.SCREEN_LOCK {
	white-space: nowrap;
	z-index : 200; /* MSGより手前 */
	display : none;
	background-color : white;
	filter: alpha(opacity=0);
	opacity: 0.1;
	position:absolute;
	width: 100%;
	height: 100%;
}
.NOMDFY {
	width : 0px;
	text-align : center;
	background-image : url(../image/rec_nomod.gif);
	background-position : center center;
	background-repeat : no-repeat;
	vertical-align : middle;
	height : 20px;
}
.INSERT {
	width : 20px;
	text-align : center;
	background-image : url(../image/rec_ins.gif);
	background-position : center center;
	background-repeat : no-repeat;
	vertical-align : middle;
	height : 20px;
	display: inline-block;
}
.UPDATE {
	width : 20px;
	text-align : center;
	background-image : url(../image/rec_upd.gif);
	background-position : center center;
	background-repeat : no-repeat;
	vertical-align : middle;
	height : 20px;
	display: inline-block;
}
.DELETE {
	width : 20px;
	text-align : center;
	background-image : url(../image/rec_del.gif);
	background-position : center center;
	background-repeat : no-repeat;
	vertical-align : middle;
	height : 20px;
	display: inline-block;
}
/* SORT 昇順*/
.SORT_ASC {
	width : 20px;
	text-align : center;
	background-image : url(../image/sort_asc.gif);
	background-position : center center;
	background-repeat : no-repeat;
	vertical-align : middle;
	height : 20px;
	display: inline-block;
}
/* SORT降順 */
.SORT_DESC {
	width : 20px;
	text-align : center;
	background-image : url(../image/sort_desc.gif);
	background-position : center center;
	background-repeat : no-repeat;
	vertical-align : middle;
	height : 20px;
	display: inline-block;
}

/* SORTなし */
.SORT_NONE {
	display : none;
}
/* 行選択領域 */
.SELECTED {
	text-align : center;
}
/* 行選択のラベル */
.SELECTED_LABEL {
	text-align : center;
	width: 40px;
	background-image : url(../image/rec_sel.gif);
	background-repeat : no-repeat;
}
/* 追加削除ボタン */
.SELECTED_BTN_LABEL {
}
/* ページナビゲーションバー */
th.PAGE_NAVI {
}
div.PAGE_NAVI {
	white-space:nowrap;
}
/* ページナビゲーションボタン */
.PAGE_NAVI input {
	color: orangered;
	font-weight: bold;
	background-color: lavender;
	border-top: solid 1pt white;
	border-left: solid 1pt white;
	border-right: solid 1pt #666666;
	border-bottom: solid 1pt #666666;
}
.PAGE_NAVI input[disabled] {
	color: gray;
}

/* 件数表示 */
.PAGE_COUNT {
	font-size: 0.8em;
}
/* 一番最初へボタン */
.BTN_PAGE_FIRST {
}
/* 一番最後へボタン */
.BTN_PAGE_LAST {
}
/* 前のページ */
.BTN_PAGE_PREV {
}
/* 次のページ */
.BTN_PAGE_NEXT {
}
/* 10ページ先 */
.BTN_PAGE_PREV10 {
}
/* 10ページ前 */
.BTN_PAGE_NEXT10 {
}

/* 行追加ボタン */
.BTN_ADDLINE {
	color: orangered;
	font-weight: bold;
	background-color: lavender;
	border-top: solid 1pt white;
	border-left: solid 1pt white;
	border-right: solid 1pt #666666;
	border-bottom: solid 1pt #666666;
}
/* 行削除ボタン */
.BTN_DELLINE {
	color: orangered;
	font-weight: bold;
	background-color: lavender;
	border-top: solid 1pt white;
	border-left: solid 1pt white;
	border-right: solid 1pt #666666;
	border-bottom: solid 1pt #666666;
}

/* ダイアログボタン */
.BTN_DIALOG {
	margin-left: 1em;
}
/* メニュー幅 */
div.menu_bar {
	width: 15em !important;
	height: 100%;
	overflow: hidden;
}

/* 区切り全体のクラス */
div.part {
}
/* 区切り線:NONE */
div.part_none {
}
/* 区切り線:LINE */
div.part_line {
	border-bottom: 2px groove silver;
}
/* 区切り線:BOX */
fieldset.part_box {
	padding: 0px;
}
/* 区切り線:BOXのタイトル */
.part_box legend {
}

/* 合計のタイトル */
.TOTAL_TITLE {
	text-align : right;
	font-weight : bold;
	background-color : lightgrey;
}
/* 小計のタイトル */
.SUBTOTAL_TITLE {
	text-align : right;
	font-weight : bold;
	background-color : lightgrey;
}
/* 合計のアイテム */
.TOTAL_ITEM {
	font-weight : bold;
}
/* 小計のアイテム */
.SUBTOTAL_ITEM {
	font-weight : bold;
}
/* 小計のセパレータ */
.SUBTOTAL_SEP {
	border-top: solid lightgrey;
}

/* 組み込みスタイル・エラーフィールド */
.item__ERROR{
	background-color: #ffcccc !important;
}

span .item__ERROR{
	display: inline-block;
}

/* 組み込みスタイル・必須項目 */
.item__REQUIRED{
	background-color: #ffffcc;
}
/* 組み込みスタイル・プラス/マイナス */
.item__PLUS{
	color: black;
}
.item__MINUS{
	color: red;
}
/* 組み込みスタイル・強調 */
.item__EMPHASIS{
	font-weight: bold;
}
.label__EMPHASIS{
	text-decoration: underline;
}
/* 組み込みスタイル・表示/非表示 */
.item__SHOW{
	visibility: visible;
}
.item__HIDE{
	visibility: hidden;
}
/* 組み込みスタイル・有効化/無効化 */
.item__ENABLE{
}
.item__DISABLE{
}
.item__EDITABLE{
	color: black;
}
.item__NONEDITABLE{
	color: gray;
}
.SUGGEST_AREA {
	position:absolute;
	display: none;
	background-color: #FFFFFF;
	border: 1px solid blue;
}
.SUGGEST_AREA_NONE {
	position:absolute;
	display: none;
}
.SUGGEST_AREA_DISP {
	position:absolute;
	display: block;
	background-color: #FFFFFF;
	z-index: 90;
	border: 1px solid blue;
	padding-right: 16px;
	overflow-y: scroll;
}
.SUGGEST_AREA_CHILD {
	padding: 1px;
	background-color: #FFFFFF;
	white-space: nowrap;
	overflow: hidden;
}
.SUGGEST_AREA_CHILD_SELECT {
	padding: 1px;
	background-color: #6699FF;
	white-space: nowrap;
	overflow: hidden;
}
.SUGGEST_AREA_CHILD_UNSELECT {
	padding: 1px;
	background-color: #FFFFFF;
	white-space: nowrap;
	overflow: hidden;
}
.SUGGEST_BACK{
	position : absolute;
	display : none;
	z-index: 89;
	border-width: 1px;
}
.SUGGEST_POSITION_DIV {
	position: relative;
    z-index:auto;　/* サジェスト+Left時対応 */
}
.SUGGEST_POSITION_DIV_DISP {
	position: relative;
	z-index: 88;
}
.RICHTEXT_TOOLBAR {
	background-color : #DCDCDC;
}
.RICH_TOOLBAR_IMG {
	margin-top : 2px;
	margin-left : 2px;
	border: 1px solid #DCDCDC;
}
.RICH_TOOLBAR_IMG_OVER {
	margin-top : 2px;
	margin-left : 2px;
	border: 1px solid blue;
}
.SEND_MSG_RICHTEXT {
	position : absolute;
	font-weight : bold;
	white-space : nowrap;
	z-index : 100; /* 一番手前 */
	margin : 10px;
	padding :10px;
	display : none;
	text-align : center;
	background-image : url(../image/msg_send.gif);
	background-repeat : no-repeat;
	padding-left:36px;
}

textarea {
	font-size: 10pt;
}
textarea[wrap="off"] {
	overflow: scroll;
}
textarea[wrap="soft"], textarea[wrap="hard"] {
	overflow-x: hidden;
	overflow-y: scroll;
}
.STATUSBAR {
	position: fixed !important;
	position: absolute;
	z-index: 999;
	right: 0;
	bottom: 0;
	background-Color : #DDEEFF;
	filter: alpha(opacity=90);
	opacity: 0.9;
	padding: 3px 6px;
	border: 1px solid gray;
	font-size: x-small;
	cursor: pointer;
	white-space: nowrap;
}
.ERR_STATUSBAR {
	position: fixed !important;
	position: absolute;
	z-index: 999;
	right: 0;
	bottom: 0;
	background-Color : #ffcccc;
	filter: alpha(opacity=90);
	opacity: 0.9;
	padding: 3px 6px;
	border: 1px solid gray;
	font-size: x-small;
	cursor: pointer;
	white-space: nowrap;
}

/* ドキュメント
--------------------------------------------------------- */
.DOC_LINK_FIELD {
	text-align: right;
	margin: 3px 20px 2px;
}
a.DOC_LINK {
	color: #bbb;
}

