/* 業務個別スタイル
----------------------------------------------------------*/


/* メイン
----------------------------------------------------------*/
#main {
	margin: 5px;
	min-height: 626px;
	padding: 5px 10px 15px 10px;
	background-color: #fff;
	border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	border: 1px solid #e0e0e0;
    color: #000000;
}

#main select,
#main input[type="text"],
#main input[type="password"] {
    font-family: "ＭＳ ゴシック", "MS Gothic", "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    color: #000000;
}
/* コンテンツ
----------------------------------------------------------*/
#main .contents-area {
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	padding: 10px 5px 20px 5px;
	font-size: 11pt;
	min-height: 480px;
}
#main .contents-area input {
	font-size: 11pt;
}
#main .contents-area select {
	font-size: 11pt;
}
#main .contents-area .mainmenu-area {
	font-size: 10.5pt;
}
#main .contents-area .mainmenu-area .mainbutton-area {
	vertical-align: middle;
	padding: 3px 5px 10px 10px;
}



/* メイン：テーブル
----------------------------------------------------------*/
#main .contents-area table {
	border: 1px solid #e0e0e0;
}
#main .contents-area table input {
}
#main .contents-area table th {
	background-color: #507cd1;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #e0e0e0;
}
#main .contents-area table td {
	background-color: transparent;
	color: #000000;
	padding: 1px;
	border: 1px solid #e0e0e0;
}
/* メイン：テーブル：メッセージ
----------------------------------------------------------*/
#main .contents-area table .message-field {
    display: block;
    margin: 0 0 0 0;
}
#main .contents-area .message-group .fin-message-field {
	font-weight: bold;
	font-size: 14pt;
	border: medium solid #ff0000;
	padding: 5px;
}
/* メイン：テーブル：デフォルト行
----------------------------------------------------------*/
#main .contents-area table .grid-row{
    background-color: #fffff0;
}
/* メイン：テーブル：追加行
----------------------------------------------------------*/
#main .contents-area table .grid-alternating-row{
    background-color: #f4fbfe;
}
/* メイン：テーブル：選択行
----------------------------------------------------------*/
#main .contents-area table .grid-selected-row{
    background-color: Yellow;
}
/* メイン：テーブル：エラー行
----------------------------------------------------------*/
#main .contents-area table .grid-error-row{
    background-color: #fff7f7;
}








/* ポップアップ
----------------------------------------------------------*/
#popup {
}
#popup .contents-area {
	font-size: 11pt;
}
#popup .contents-area input {
	font-size: 11pt;
}
#popup .contents-area select {
	font-size: 11pt;
}
/* ポップアップ：テーブル
----------------------------------------------------------*/
#popup .contents-area table {
	border: 1px solid #e0e0e0;
}
#popup .contents-area table input {
}
#popup .contents-area table th {
	background-color: #507cd1;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #e0e0e0;
	padding:3px;
}
#popup .contents-area table td {
	background-color: transparent;
	color: #000000;
	padding: 1px;
	border: 1px solid #e0e0e0;
	padding:3px;
}
/* ポップアップ：テーブル：メッセージ
----------------------------------------------------------*/
#main .contents-area table .message-field {
}
/* ポップアップ：テーブル：デフォルト行
----------------------------------------------------------*/
#popup .contents-area table .grid-row{
    background-color: #fffff0;
}
/* ポップアップ：テーブル：追加行
----------------------------------------------------------*/
#popup .contents-area table .grid-alternating-row{
    background-color: #f4fbfe;
}
/* ポップアップ：テーブル：選択行
----------------------------------------------------------*/
#popup .contents-area table .grid-selected-row{
    background-color: Yellow;
}
/* ポップアップ：テーブル：エラー行
----------------------------------------------------------*/
#popup .contents-area table .grid-error-row{
    background-color: #fff7f7;
}





/* 入力エリア
----------------------------------------------------------*/
.editor-area {
}
.editor-area .editor-row {
}
.editor-area .editor-row .editor-group {
	display: inline-table;
	padding: 0px;
	margin: 0px 0px 15px 0px;
	min-width: 300px;
	max-width: 45%;
}
.editor-area .editor-row .editor-group .input-area {
	display: table-row;
}
.editor-area .editor-row .editor-group .input-area .input-group {
	display: table-cell;
}
.editor-area .editor-row .editor-group .input-area .input-group .title {
	display: table-cell;
	background-color: #507cd1;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	padding: 4px;
	margin: 0px;
	width: 150px;
	min-width: 150px;
	max-width: 150px;
	word-wrap: break-word;
}
.editor-area .editor-row .editor-group .input-area .input-group .field {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding: 0px 6px 0px 6px;
	margin: 0px;
	word-wrap: break-word;
}
.editor-area .editor-row .editor-group .message-area {
	display: table-row;
}
.editor-area .editor-row .editor-group .message-area .message-field {
	display: table-cell;
	color: #ff0000;
	text-align: left;
	font-weight: bold;
	vertical-align: middle;
	padding: 0px 0px 0px 13px;
	margin: 0px;
	word-wrap: break-word;
}
input.button-field {
    padding: 5px 30px;
    word-wrap: break-word;
}


/* コマンド
----------------------------------------------------------*/
.command-area {
	display: table;
	width: 100%;
	margin: 10px 0px 0px 0px;
}
.command-area .command-group {
	display: table-row;
}
.command-area .command-group .left-area {
	display: table-cell;
	width: 50%;
	text-align: left;
	padding-left: 20px;
}
.command-area .command-group .right-area {
	display: table-cell;
	width: 50%;
	text-align: right;
	padding-right: 20px;
}





/* 説明
----------------------------------------------------------*/
.description-block {
/*	display: table-cell;	*/
	display: table-row;
	text-align: left;
	vertical-align: bottom;
	padding: 10px 10px 10px 5px;
}
.description-block .description-area {
	display: inline-table;
}
.description-block .description-area .description-group {
	display: table-row;
}
.description-block .description-area .description-group .description-title {
	display: table-cell;
	padding-right: 10px;
}
.description-block .description-area .description-group .description-label {
	display: table-cell;
	width: 70px;
}



/* 単項目項目 コントロール幅幅
----------------------------------------------------------*/
/*受注先コード*/
.editor-area .editor-row .editor-group .input-area .input-group .field .h-ECDJTS {
	width: 55px
}
/*受注先名称*/
.editor-area .editor-row .editor-group .input-area .input-group .field .h-ENMJTS {
	width: 450px
}
/*施設コード*/
.editor-area .editor-row .editor-group .input-area .input-group .field .h-ECDSIST {
	width: 55px
}
/*施設名称*/
.editor-area .editor-row .editor-group .input-area .input-group .field .h-ENMSIST {
	width: 450px
}
/*モデルコード*/
.editor-area .editor-row .editor-group .input-area .input-group .field .h-ECDMODEL {
	width: 40px
}
/*モデル名称*/
.editor-area .editor-row .editor-group .input-area .input-group .field .h-ENMMODEL {
	width: 300px
}
/*販売形態名称*/
.editor-area .editor-row .editor-group .input-area .input-group .field .h-ENMHBKEITAI {
	width: 65px
}
/*お客様注文番号*/
.editor-area .editor-row .editor-group .input-area .input-group .field .h-ENOOKYAKUODR {
	width: 165px
}
/*宛名*/
.editor-area .editor-row .editor-group .input-area .input-group .field .h-ENMATENA {
	width: 310px
}
/*日付（yyyy/MM/dd）*/
.editor-area .editor-row .editor-group .input-area .input-group .field .h-DATE {
	width: 80px
}
/*日付（yyyy/MM/dd）
.main-condition-area .main-condition-block .editor-area .editor-row .editor-group .input-area .input-group .field .h-DATE {
	width: 80px
}
*/