/*
 * body					ボディータグ
 * .header				ヘッダーエリア
 * .headerUser          ヘッダーエリア(ユーザー情報)
 * .headerTitle         ヘッダーエリア(タイトル)
 * .contents            コンテンツエリア
 * .contentsHeader      コンテンツエリア(ヘッダー)
 * .contentsMain        コンテンツエリア(メイン)
 * .contentsFooter      コンテンツエリア(フッター)
 * .footer				フッターエリア
 * .btnSmall			ボタン部(ボタン小)
 * .btnMiddle			ボタン部(ボタン中)
 * .btnLarge			ボタン部(ボタン大)

 * .inputLeftImeOn		IMEモードオン　左詰め
 * .inputLeftImeOff		IMEモードオフ　左詰め
 * .inputRightImeOff    IMEモードオフ　右詰め
 * .inputCenterImeOff	IMEモードオフ　センター
 * .selectBox150		ドロップダウンリスト　幅150px
 * .selectBox180		ドロップダウンリスト　幅180px
 * .selectBox280		ドロップダウンリスト　幅280px
 * a                    アンカータグ
 * .gridView			GridView
 * .gridViewFx          GridView(列固定)
 * .gridViewRow			GridView行
 * .gridViewHeader		GridViewヘッダー
 * .table				TABLE
 * .trHeader		    TRヘッダー
 * .tdHeader			TDヘッダー
 * .tdReq		        TD必須項目
 * .tdCalculate         テキストボックス(計算項目用)     
 */
 
 
/* エリア */
body {
	margin				:0px;
    height              :100%;
    background-color    :#ffff9d;
}
.header {
	width				:100%;
	color				:#FFFFFF;
	background-color    :#cb2e2e;
}
.headerUnder {
	width				:100%;
	background-color    :#cb2e2e;
}
.headerUser {
	font-family			:"ＭＳ ゴシック";
	font-size			:9pt;
	font-weight			:bold;
}
.headerTitle {
	font-family			:"ＭＳ ゴシック";
	font-size			:16pt;
	font-weight			:bold;
    background-color    :#ffffff;
    color               :#000000;
}
.contents {
	font-family			:"ＭＳ ゴシック";
	font-size			:12pt;
	font-weight			:normal;
    width				:100%;
    height              :100%;
	color				:#000000;
}
.contentsHeader {
	font-family			:"ＭＳ ゴシック";
	font-size			:10.5pt;
	font-weight			:normal;
    width				:100%;
	color				:#FF0000;
	background-color    :#EEEEEE;
}

/* ボタン */
.btnSmall {
	font-family			:"ＭＳ ゴシック";
	font-size			:10.5pt;
	color				:#000000;
	text-align			:center;
}
.btnMiddle {
	font-family			:"ＭＳ ゴシック";
	font-size			:10.5pt;
	color				:#000000;
	text-align			:center;
	width				:90px;
	height				:24px;
}
.btnLarge {
	font-family			:"ＭＳ ゴシック";
	font-size			:10.5pt;
	color				:#000000;
	text-align			:center;
	width				:110px;
	height				:24px;
}
.btnMenu {
	font-family			:"ＭＳ ゴシック";
	font-size			:10pt;
	color				:#000000;
	text-align			:center;
	width				:120px;
	height				:25px;
}
.btnIcon {
	vertical-align		:middle;
	padding-bottom		:2px;
}

/* 入力フィールド */
.inputLeftImeOn {
	font-family			:'ＭＳ ゴシック';
	font-size			:10.5pt;
	text-align			:left;
	vertical-align		:middle;
	ime-mode			:active;
	margin-top			:0px;
	margin-bottom		:0px;
	padding-bottom		:2px;
	padding-top			:2px;
	background-color	:#FFFFFF;
}
.inputLeftImeOff {
	font-family			:'ＭＳ ゴシック';
	font-size			:10.5pt;
	text-align			:left;
	vertical-align		:middle;
	ime-mode			:disabled;
	margin-top			:0px;
	margin-bottom		:0px;
	padding-bottom		:2px;
	padding-top			:2px;
	background-color	:#FFFFFF;
}
.inputRightImeOff {
	font-family			:'ＭＳ ゴシック';
	font-size			:10.5pt;
	text-align			:right;
	vertical-align		:middle;
	ime-mode			:disabled;
	margin-top			:0px;
	margin-bottom		:0px;
	padding-bottom		:2px;
	padding-top			:2px;
	background-color	:#FFFFFF;
}
.inputCenterImeOff {
	font-family			:'ＭＳ ゴシック';
	font-size			:10.5pt;
	text-align			:center;
	vertical-align		:middle;
	ime-mode			:disabled;
	margin-top			:0px;
	margin-bottom		:0px;
	padding-bottom		:2px;
	padding-top			:2px;
	background-color	:#FFFFFF;
}

/*  ドロップダウンリスト*/
.selectBox {
	font-family			:"ＭＳ ゴシック";
	font-size			:10.5pt;
	color				:#000000;
    background-color	:#FFFFFF;
}

.selectBox150 {
	font-family			:"ＭＳ ゴシック";
	font-size			:10.5pt;
	color				:#000000;
    background-color	:#FFFFFF;
	width				:150px;	
}

.selectBox180 {
	font-family			:"ＭＳ ゴシック";
	font-size			:10.5pt;
	color				:#000000;
    background-color	:#FFFFFF;
	width				:180px;	
}

.selectBox280 {
	font-family			:"ＭＳ ゴシック";
	font-size			:10.5pt;
	color				:#000000;
    background-color	:#FFFFFF;
	width				:280px;	
}


/* アンカータグ */
a:link { color: #0000ff; }
a:visited { color: #0000ff; }
a:hover { color: #ff0000; }
a:active { color: #ff8000; }


/* GridView */
.gridView {
    background-color	:#000000;
}
.gridViewFx {
    background-color	:#000000;
    table-layout        :fixed;
}
.gridViewRow {
	font-family			:"ＭＳ ゴシック";
	font-size			:10.5pt;
	color				:#000000;
	text-align			:left;
	background-color	:#FFFF99;
}
.gridViewHeader {
	font-family			:"ＭＳ ゴシック";
	font-size			:10.5pt;
	color				:#000000;
	text-align			:center;
    background-color    :#33CCCC;
}


/* TABLE */
.table {
	font-family			:"ＭＳ ゴシック";
	font-size			:9pt;
	color				:#000000;
	text-align			:left;
	background-color	:#666666;
}
.tableCount {
	font-family			:"ＭＳ ゴシック";
	font-size			:10.5pt;
	color				:#000000;
	text-align			:right;
}

/* TRヘッダー */
.trHeader {
	font-family			:"ＭＳ ゴシック";
	font-size			:10.5pt;
	color				:#000000;
	text-align			:left;
	background-color	:#FFFFAA;
}
.trHeaderPrd {
	font-family			:"ＭＳ ゴシック";
	font-size			:10.5pt;
	color				:#FFFFFF;
	text-align			:left;
	background-color	:#538ED5;
}
.trHeaderRst {
	font-family			:"ＭＳ ゴシック";
	font-size			:10.5pt;
	color				:#FFFFFF;
	text-align			:left;
	background-color	:#FF33CC;
}
.trHeaderSal {
	font-family			:"ＭＳ ゴシック";
	font-size			:10.5pt;
	color				:#000000;
	text-align			:left;
	background-color	:#99CC99;
}
.trHeaderStk {
	font-family			:"ＭＳ ゴシック";
	font-size			:10.5pt;
	color				:#000000;
	text-align			:left;
	background-color	:#F79646;
}
.trHeaderInv {
	font-family			:"ＭＳ ゴシック";
	font-size			:10.5pt;
	color				:#000000;
	text-align			:left;
	background-color	:#CCCCCC;
}
.trHeaderMst {
	font-family			:"ＭＳ ゴシック";
	font-size			:10.5pt;
	color				:#FFFFFF;
	text-align			:left;
	background-color	:#ED6F6F;
}

/* TR */
.tr {
	background-color	:#EEEEEE;
}
.tr1 {
	background-color	:#FFFFFF;
}
.tr2 {
	background-color	:#DDDDDD;
}

/* TDヘッダー */
.tdHeader {
	background-color	:#FFFFAA;
}

/* 必須項目 */
.tdReq {
	background-color	:#FFFFAA;
	color				:#FF0000;
}

/* テキストボックス */
.tdCalculate {
	background-color	:#ccccff;
}