/*****************************************************************************/
/*                                                                           */
/* CAMI販売管理システムCSS                                                   */
/*                                                                           */
/* AUTHOR:       TASC Okumura                                                */
/* VERSION:      $Revision$ $Date$                                           */
/*                                                                           */
/*****************************************************************************/

/********** 本文 **********/

/* 通常の本文 */
body {
  background-color: #ffffff;
  border: medium none;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 10pt;
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
}

/********** 横罫線 **********/
HR {
  COLOR: #7cbde8;
  BORDER-TOP-STYLE: none;
  BORDER-BOTTOM-STYLE: none;
  BORDER-RIGHT-STYLE: none;
  BORDER-LEFT-STYLE: none;
  HEIGHT: 1px;
}

/********** リンク **********/

/* 未アクセスのリンク */
a:link {
  font-size: 10pt;
  font-weight: bold;
  color: #4dac26;
}

/* アクセス済みリンク */
a:visited {
  font-size: 10pt;
  font-weight: bold;
  color: #6666ff;
}

/* クリックしたリンク */
a:active {
  font-size: 10pt;
  font-weight: bold;
  color: #3333ff;
}


/********** 入力項目 **********/

/* 通常の入力項目、文字用の入力項目１ */
input.string_imeoff {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  text-align: left;
  ime-mode: disabled;
}
input.string_imeon {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  text-align: left;
  ime-mode: active;
}

/* 数値入力項目１ */
input.number1 {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  text-align: right;
  ime-mode: disabled;
}

/* 日付入力項目１ */
input.date1 {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  text-align: left;
  ime-mode: disabled;
}

/* エラーの文字入力項目１ */
input.string_imeoff-error {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  text-align: left;
  ime-mode: disabled;
}
input.string_imeon-error {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  text-align: left;
  ime-mode: active;
}

/*エラーの数値入力項目１ */
input.number1-error {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  text-align: right;
  ime-mode: disabled;
}

/* エラーの日付入力項目１ */
input.date1-error {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  text-align: left;
  ime-mode: disabled;
}

/* 警告時の文字入力項目１ */
input.string_imeoff-warning {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  text-align: left;
  ime-mode: disabled;
}
input.string_imeon-warning {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  text-align: left;
  ime-mode: active;
}

/* 警告時の数値入力項目１ */
input.number1-warning {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  ime-mode: disabled;
}

/* 警告時の日付入力項目１ */
input.date1-warning {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  text-align: left;
  ime-mode: disabled;
}

/* チェックボックス１ */
input.checkbox1 {
  border-style: none;
}

/* ラジオボタン１ */
input.radio1 {
  border-style: none;
}

/* 選択リスト */
select.select1 {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  background-color: #ffffff;
}

/* テキストエリア */
TEXTAREA.textarea1 {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  background-color: #ffffff;
  border-right: #888888 1px solid;
  border-top: #888888 1px solid;
  border-left: #888888 1px solid;
  border-bottom: #888888 1px solid;
}

/* 表示項目、文字用の入力項目１ */
input.string-readonly {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  text-align: left;
  ime-mode: disabled;
  background-color: #e6e6e6;
  readonly: true;
}

/* 数値表示項目１ */
input.number-readonly {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  text-align: right;
  ime-mode: disabled;
  background-color: #e6e6e6;
  readonly: true;
}

/* 日付表示項目１ */
input.date-readonly {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  text-align: left;
  ime-mode: disabled;
  background-color: #e6e6e6;
  readonly: true;
}

/* テキストエリア表示用 */
TEXTAREA.textarea-readonly {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  background-color: #e6e6e6;
  border-right: #888888 1px solid;
  border-top: #888888 1px solid;
  border-left: #888888 1px solid;
  border-bottom: #888888 1px solid;
}

/* 文字ラベル */
input.string_label {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  text-align: left;
  ime-mode: disabled;
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  border-width: 0;
  readonly: true;
}

/* 数値ラベル */
input.number_label {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  text-align: right;
  ime-mode: disabled;
  background-color: #f5f5f5;
  border-width: 0;
  readonly: true;
}

/* 数値ラベル */
input.number_label2 {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  text-align: right;
  ime-mode: disabled;
  background-color: #e6e6e6;
  border-width: 0;
  readonly: true;
}

/* 日付ラベル */
input.date_label {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  text-align: left;
  ime-mode: disabled;
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  border-width: 0;
  readonly: true;
}

/********** ボタン **********/
/* 実行ボタン */
input.submit {
  font-size: 10pt;
  font-weight: bold;
}

/* クリアボタン */
input.reset {
  font-size: 10pt;
  font-weight: bold;
}

/* ボタン１ */
input.buttonS {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  font-weight: bold;
  width: 76px;
}

/* ボタン２ */
input.buttonM {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  font-weight: bold;
  width: 126px;
}

/* ボタン３ */
input.buttonL {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  font-weight: bold;
  width: 176px;
}

/* ボタン・32px */
INPUT.buttonSS {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: xx-small;
  width: 32px;
}
/* ボタン・40px */
INPUT.buttonSM {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: xx-small;
  width: 40px;
}
/* ボタン・45px */
INPUT.buttonSL {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: xx-small;
  width: 45px;
}



/********** 表 **********/

/* ＃形を整える際にTABLEタグを使用する場合は.textクラスを使用します。 */
table {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
}

/* テーブルヘッダ（列ヘッダー） */
.table-header-col {
  text-align: center;
  color: #ffffff;
  background-color: #162c82;
}

/* テーブルヘッダ（行ヘッダー） */
.table-header-row {
  font-weight: normal;
  text-align: center;
  color: #ffffff;
  background-color: #66cc66;
}

/* テーブルレコード（奇数行） */
.table-record1 {
  font-size: 10pt;
  background-color: #f5f5f5;
}

/* テーブルレコード（偶数行） */
.table-record2 {
  font-size: 10pt;
  background-color: #e6e6e6;
}

/* テーブルレコード（グレー行） */
.table-record-gray {
  font-size: 10pt;
  background-color: #808080;
}

/* テーブルエラーレコード */
.table-record-error {
  font-size: 10pt;
  background-color: #ffcccc;
}

/* テーブル警告レコード */
.table-record-warning {
  font-size: 10pt;
  background-color: Orange;
}


/* サブテーブルヘッダ（列ヘッダー） */
.table-header-sub1-col {
  text-align: center;
  color: #ffffff;
  background-color: #00aa00;
}

/* テーブルヘッダ（行ヘッダー） */
.table-header-sub1-row {
  font-weight: normal;
  text-align: center;
  color: #ffffff;
  background-color: #66cc66;
}

/* テーブルレコード（奇数行） */
.table-record1-sub1 {
  font-size: 10pt;
  background-color: #eeffdd;
}

/* テーブルレコード（偶数行） */
.table-record2-sub1 {
  font-size: 10pt;
  background-color: #ddffdd;
}


/* 孫テーブルヘッダ（列ヘッダー） */
.table-header-sub2-col {
  text-align: center;
  color: #ffffff;
  background-color: #9966cc;
}

/* 孫テーブルヘッダ（行ヘッダー） */
.table-header-sub2-row {
  font-weight: normal;
  text-align: center;
  color: #ffffff;
  background-color: #66cc66;
}

/* 孫テーブルレコード（奇数行） */
.table-record1-sub2 {
  font-size: 9pt;
  background-color: #ddf5ff;
}

/* 孫テーブルレコード（偶数行） */
.table-record2-sub2 {
  font-size: 9pt;
  background-color: #dde6ff;
}

/********** テキスト **********/

/* 画面全体で使用する通常のテキスト */
.text-normal {
  font-size: 10pt;
  background-color: #e6e6e6;
}

/* 見出し */
.text-caption-normal {
  font-size: 10pt;
  text-align: right;
  color: #ffffff;
  background-color: #162c82;
}

/* エラー時の見出し */
.text-caption-error {
  font-size: 10pt;
  text-align: right;
  color: red;
  background-color: #162c82;
}

/* 警告時の見出し */
.text-caption-warning {
  font-size: 10pt;
  text-align: right;
  color: Orange;
  background-color: #162c82;
}

/* 必須な見出し */
.text-caption-necessary-normal {
  font-size: 10pt;
  text-align: right;
  color: yellow;
  background-color: #162c82;
}

/* エラー時の必須な見出し */
.text-caption-necessary-error {
  font-size: 10pt;
  text-align: right;
  color: red;
  background-color: #162c82;
}

/* 警告時の必須な見出し */
.text-caption-necessary-warning {
  font-size: 10pt;
  text-align: right;
  color: Orange;
  background-color: #162c82;
}

/* 必須な見出し（一覧形式時） */
.text-header-necessary-normal {
  font-size: 10pt;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  color: #ffffff;
  background-color: #162c82;
}





/* 文字項目１ */
.text-value-string-normal {
  text-align: left;
}

/* エラー時の文字項目１ */
.text-value-string-error {
  text-align: left;
  background-color: red;
}

/* 警告時の文字項目１ */
.text-value-string-warning {
  text-align: left;
  background-color: #ffff99;
}

/* 数値項目１ */
.text-value-number-normal {
  text-align: right;
}

/* エラー時の数値項目１ */
.text-value-number-error {
  text-align: right;
  background-color: red;
}

/* 警告時の数値項目 */
.text-value-number-warning {
  text-align: right;
  background-color: #ffff99;
}

/* 日付項目１ */
.text-value-date-normal {
  text-align: let;
}

/* エラー時の日付項目１ */
.text-value-date-error {
  text-align: left;
  background-color: red;
}

/* 警告時の日付項目 */
.text-value-date-warning {
  text-align: left;
  background-color: #ffff99;
}


/********** メッセージ **********/

/* 正常メッセージ */
.message-normal {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  font-weight: bold;
  color: #6666ff;
}

/* エラーメッセージ */
.message-error {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  font-weight: bold;
  color: red;
}

/* 警告メッセージ */
.message-warning {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 10pt;
  font-weight: bold;
  color: Orange;
}

/* 注意書き */
.message-attention {
  font-family: 'ＭＳ Ｐゴシック', 'osaka', 'MS Gothic';
  font-size: 8pt;
  text-decoration: underline;
  color: #ff0000;
}


/********** ヘッダ、フッタ **********/

/* ヘッダ */
.header {
  font-size: small;
  text-align: center;
  color: #ffffff;
}

/* フッタ */
.footer {
  font-size: small;
}


/********** タイトル **********/

/* タイトル１ */
.title1 {
  font-size: 12pt;
  font-weight: bold;
  text-decoration: underline;
  color: #000000;
}

/* タイトル２ */
.title2 {
  font-size: 9pt;
  color: #000000;
}

/* サブタイトル１ */
.subtitle1 {
  font-size: 18pt;
  text-align: left;
  text-decoration: underline;
  color: #000000;
}


/********** メニュー **********/

/* メニュー画面で使用するタイトル１ */
.menutitle1 {
  font-family: monospace;
  font-size: 16pt;
  font-weight: bold;
  text-align: left;
  color: #003300;
  border-color: black;
  background-color: #66ff99;
}

/* メニュー画面で使用するタイトル２ */
.menutitle2 {
  font-family: monospace;
  font-size: 14pt;
  font-weight: bold;
  text-align: left;
  color: #003300;
  border-color: black;
  background-color: #99ffcc;
}

/* メニュー画面で使用するタイトル３ */
.menutitle3 {
  font-family: monospace;
  font-size: 12pt;
  font-weight: bold;
  text-align: left;
}

/* メニュー画面のテキスト１ */
.menutext1 {
  text-align: center;
  font-style: italic;
}

/********** リスト **********/

/* 箇条書き１ */
.clause1 {
  list-style: disc inside;
}

/* 箇条書き２ */
.clause2 {
  list-style: decimal outside;
}

/********** 仁位追加要素080128 **********/

/* 本文 */
#main-nii {
background:url(../Image/bg.gif) #eee repeat;
padding:30px;
line-height:18px;
}

#text-nii {
padding:1px 20px 20px 20px;
}

/* 見出し1 */
h1 {
border-left:5px solid #4dac26;
padding:10px 0px 8px 10px;
font-size:30px;
font-weight:bold;
color:#4dac26;
line-height:25px;
}

/* 見出し2 */
h2 {
line-height:30px;
font-size:20px;
font-weight:bold;
text-decoration:underline;
}


a:link {
color: #4dac26;
font-weight:bold;
padding:0px 2px 0px 2px;
text-decoration: none;
}
a:visited {
color: #333333;
font-weight:bold;
padding:0px 2px 0px 2px;
text-decoration: none;
}
a:active {
color: #ff6600;
font-weight:bold;
padding:0px 2px 0px 2px;
text-decoration: none;
}
a:hover {
color: #ff6600;
font-weight:bold;
padding:0px 2px 0px 2px;
text-decoration:underline;
}