/*
 * MosP - Mind Open Source Project    http://www.mosp.jp/
 * Copyright (C) MIND Co., Ltd.       http://www.e-mind.co.jp/
 * 
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 2
 * of the License, or (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
 */
/* === タイプ毎の定義 === */
/* ************************************************************************** */
body {
	margin: 0px;
	padding: 0px;
	background-color: white;
	text-align: center;
}

div {
	font-family: monospace;
	font-size: 13px;
	font-weight: normal;
}

table {
	margin: 0px auto;
	font-family: monospace;
	font-size: 13px;
	font-weight: normal;
	border-collapse: collapse;
}

th {
	text-align: left;
	vertical-align: middle;
	padding: 0px;
	height: 25px;
}

td {
	text-align: left;
	vertical-align: middle;
	padding: 0px;
	height: 25px;
	/*
	border: 1px solid black;
	*/
}
input {
	height: 20px;
	font-family: monospace;
	vertical-align: middle;
	font-size: 13px;
	border: 1px solid black;
	margin: 0px;
}

input[type="radio"]{
	height: 18px;
	border: none;
	vertical-align: middle;
	margin: 0px;
}

select {
	height: 20px;
	font-family: monospace;
	font-size: 13px;
	vertical-align: middle;
	border: 1px solid black;
	margin: 0px;
}

button {
	font-family: monospace;
	cursor: pointer;
}
/* ************************************************************************** */

/* === ページレイアウトの定義 === */
/* ************************************************************************** */
.Header {
	width: 980px;
	margin: 0px auto;
	text-align: center;
}

.Body {
	width: 980px;
	margin: 0px auto;
	text-align: center;
}

.Footer {
	width: 980px;
	margin: 0px auto;
	text-align: center;
}
/* ************************************************************************** */

/* === タイトルバーの定義 === */
/* ************************************************************************** */
/* タイトルバー */
.TitleBar {
	margin: 0px auto 20px;
	border: none;
	background-color: #e6e6fa;
	color: #2c6b5a;
	text-align: left;
	padding: 5px 0px;
}

/* メニュータイトルバー */
.MenuTitleBar {
	margin: 0px auto;
	border: none;
	background-color: #0033ff;
	padding: 5px 0px;
	text-align: center;
	color: white;
	font-size: 15px;
	font-weight:bold;
}

/* サブタイトルバー */
.SubTitleBar {
	margin: 0px auto;
	border: none;
	background-color: navy;
	padding: 5px;
	text-align: left;
	color: white;
	font-size: 15px;
	font-weight:bold;
	margin-bottom: 20px;
}

/* メニューボタンバー */
.MenuButtonBar {
	text-align: right;
	vertical-align: middle;
	float: right;
}

/* ロゴバー */
.LogoBar {
	text-align: left;
	vertical-align: middle;
	float: left;
}

.TitleBar #lblTitle {
	font-size: 38px;
	font-family: sans-serif;
	margin: 2px 10px;
}
.TitleBar #lblVersion {
	font-size:15px;
	font-family: sans-serif;
	margin: 2px 0px;
}

/* メニューボタンバー */
.MenuButtonBar button {
	height: 25px;
	font-size: 13px;
	font-weight:bold;
	margin-right: 5px;
}

/* メニューボタンバー */
.MenuButtonBar #btnLogout {
	color: red;
}

/* ロゴ */
.Logo {
	height: 25px;
}

/* ************************************************************************** */

/* === サブメニューの定義 === */
/* ************************************************************************** */
/* サブメニュー */
.SubMenu {
	width: 980px;
	margin: 2px auto;
}

.SubMenu table {
	table-layout: fixed;
}

.SubMenu td {
	width: 124px;
	height: 30px;
	text-align: center;
}

.SubMenu #tdFirst {
	width: 118px;
	text-align: left;
}

.SubMenu #tdLast {
	width: 118px;
	text-align: right;
}

.SubMenu button {
 	font-size: 13px; 
	color: blue;
	font-family: monospace;
	font-weight:bold;
	background-color: #bde9ba; 
	width: 116px;
	height: 25px;
	padding: 0px;
}

.SubMenu #btnCurrent {
	color: red;
}

.ModeLabel {
	width: 40px;
	margin: 4px;
	float: right;
}
/* ************************************************************************** */

/* === 一覧画面のスタイル === */
/* ************************************************************************** */
/* 検索条件 */
.Search {
	margin-bottom: 10px;
}

.Search table {
	table-layout: fixed;
	border-collapse: collapse;
	border: 1px solid black;
	background-color: #eeeeee
}

.Search td {
	padding: 2px 4px;
	border: 1px solid black;
	vertical-align: middle;
	font-size: 13px;
}

.Search .ButtonTd {
	text-align: center;
	width: 120px;
	padding: 2px 4px;
}

.Search button {
	width: 110px;
 	height: 22px;
 	font-size: 13px;
}


/* 一覧情報 */
.ListInfo {
	margin-bottom: 5px;
}

.ListInfo table {
	width: 600px;
	table-layout: fixed;
	border-collapse: collapse;
}

.ListInfo td {
	text-align: center;
	padding: 2px 4px;
	font-size: 13px;
}

.ListInfo button {
	width: 60px;
 	height: 22px;
 	font-size: 13px;
}
.ListPageInfo {
	margin-bottom: 5px;
}
/*	2009/02/25	m.yoshida	ページボタン対応 */
.ListPageInfo table {
	width: 600px;
}

.ListPageInfo td {
	text-align: center;
	padding: 2px 4px;
	font-size: 13px;
}

.ListPageInfo button {
	width: 60px;
 	height: 22px;
 	font-size: 13px;
}

.ListPageInfo .ButtonListPage {
	width: 35px;
 	height: 22px;
 	font-size: 13px;
}	

/* 一覧 */
.List table {
	table-layout: fixed;
	border-collapse: collapse;
	border: 1px solid black;
}

.List th {
	border: 1px solid black;
	vertical-align: middle;
	background-color: #e6e6fa;
	color: #003333;
	text-align: center;
	font-size: 13px; 
	font-weight: normal;
}

.List td {
	padding: 2px 4px;
	border: 1px solid black;
	vertical-align: middle;
	font-size: 13px;
}

.List .CenterTd {
	text-align: center;
}

.List button {
	width: 60px;
 	height: 22px;
 	font-size: 13px;
}

.List .ButtonTd {
	text-align: center;
}
/* ************************************************************************** */

/* === 詳細画面のスタイル === */
/* ************************************************************************** */
.Card table {
	table-layout: auto;
	border-collapse: collapse;
	border: 1px solid black;
}

.Card td {
	padding: 2px 2px;
	vertical-align: middle;
	font-size: 13px;
	background-color: #eeeeee
}

.Card .TitleLabel {
	text-align: right;
}
/* ************************************************************************** */

/* === その他共通項目の定義 === */
/* ************************************************************************** */
/* コピーライト */
.CopyLabel {
	padding-top:0px;
	padding-bottom:0px;
	font-size:11px;
	text-align:center;
}

/* 必須マーク */
.RequiredLabel {
	font-size:13px;
	color:red;
}

/* メッセージ */
.MessageLabel {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: blue;
	margin: 5px auto;
}

/* エラーメッセージ */
.ErrorMessageLabel {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: red;
	margin: 5px auto;
}
/* ボタン領域 */
.ButtonDiv {
	text-align: center;
	margin: 0px auto;
}

.CenterTd {
	text-align: center;
}

.RightTd {
	text-align: right;
}
/* ************************************************************************** */

/* === フィールド共通項目の定義 === */
/* ************************************************************************** */
.ExecuteButton {
 	width: 80px;
	height: 25px;
 	font-size: 13px;
	margin: 10px;
}

.TextBox {
	ime-mode: active;
}

.CodeTextBox {
	ime-mode: disabled;
}

.NumberTextBox {
	text-align: right;
	ime-mode: disabled;
}

.UserIdText {
	width: 80px;
	ime-mode: disabled;
}

.AuthoritySelect {
	width: 160px;
}

.DeleteFlagSelect {
	width: 60px;
}

.BooleanSelect {
	width: 40px;
}

.CheckBox {
	height: 18px;
	border: none;
	vertical-align: middle;
	margin: 0px;
}
/* ************************************************************************** */

/* === エラー画面のスタイル === */
/* ************************************************************************** */
#error {
	margin-top: 40px;
	text-align: center;
}
/* ************************************************************************** */

/* === オプションのスタイル === */
/* ************************************************************************** */

.cautionTd {
	background-color: yellow;
}

.warningTd {
	background-color: #cc0000;
	color: white;
}

/* ************************************************************************** */
