@CHARSET "UTF-8";

/* --------------------------------------------
 * ページ基本設定 css
 * -------------------------------------------- */

html                                { background-image:url(../images/bg.png); }

div                                 { color: black;
                                      font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace, sans-serif;
                                      font-size: 14px;
                                      white-space: nowrap; }

span                                { color: black;
                                      font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace, sans-serif;
                                      font-size: 14px;
                                      /*white-space: nowrap;*/ }

/* リンクspan */
span.linkSpan                       { color: blue; text-decoration: underline; cursor: pointer;}

/* 太字 */
span.boldSpan                       { font-weight: bold; }

/* アンダーライン */
span.underSpan                      { text-decoration: underline; }

th                                  { color: black;
                                      font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace, sans-serif;
                                      font-size: 14px;
                                      font-weight: bold; text-align: center;
                                      white-space: nowrap; overflow: hidden; line-height: 1em;}

td                                  { color: black;
                                      font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace, sans-serif;
                                      font-size: 14px;
                                      white-space: nowrap; overflow: hidden; line-height: 1em;}

/* table スタイル */
table.tableStyle                    { background-color: #FFFFFF; text-align: center; padding: 2px 2px; border: solid 1px #999;}

.selectedRow td                     { background-color: lightblue; }

/* 基本button タグ */
button.basicButton                  { border-top: solid 1px #ccc; border-right: solid 1px #999;
                                      border-bottom: solid 1px #999; border-left: solid 1px #ccc;
                                      padding: 3px 10px; font-weight: bold; cursor: pointer; color: #666;
                                      -webkit-border-radius: 5px; /* Chrome,Safari */
                                      -moz-border-radius: 5px;    /* Firefox */
                                      border-radius: 5px;         /* CSS3 */
                                      background-color : rgb(236, 233, 216);
                                      font-family: "ＭＳ Ｐゴシック", sans-serif; font-size: 14px;
                                      margin: 0 8px;
                                    }
button.basicButton::-moz-focus-inner
                                    { border-style: none;}

/* 基本button hover時 */
button.basicButton:hover            { border-top: solid 1px #fbcb09; border-left: solid 1px #fbcb09;
                                      border-bottom: solid 1px #c89806; border-right: solid 1px #c89806;
                                      background : #fdf5ce; color: #c77405;
                                    }
/* 基本button active時 */
button.basicButton:active           { background: #999; }

/* 基本button disabled hover時 */
button.basicButton.ui-state-disabled:hover
                                    { border-top: solid 1px #ccc; border-right: solid 1px #999;
                                      border-bottom: solid 1px #999; border-left: solid 1px #ccc; color: #666;
                                      background-color : rgb(236, 233, 216);
                                    }

/* アイコンボタン タグ */
button.iconButton                   { height: 18px; width: 18px; border: solid 1px #999; cursor: pointer;
                                      -webkit-border-radius: 3px; /* Chrome,Safari */
                                      -moz-border-radius: 3px;    /* Firefox */
                                      border-radius: 3px;         /* CSS3 */
                                    }
button.iconButton::-moz-focus-inner
                                    { border-style: none;}

/* 基本button active時 */
button.iconButton:active            { background-color: #999;}

/* リフレッシュ切替ボタン */
button.refleshButton                { padding: 3px 3px 2px 3px; }

.clears                             { clear:both;}

.checkboxLabel                      { margin-top: 4px; }

.noanchor                           { color: black; text-decoration: none;}

/********************************
 * ヘッダエリア
 ******************************** */
/* ヘッダコンテナ */
.headerContainer                    { position: relative; z-index: 3; height: 80px; width: 100%;
                                      background-image:url("../images/zamami_header.gif");
                                      background-repeat: repeat-x;
                                      background-position: left 10px;
                                      overflow: visible;

                                    }

/* ヘッダエリア（左） */
.headerContainerLeft                { position: relative; z-index: 3; height: 80px; width: 700px; float: left;
                                      overflow: visible;}
/* ヘッダエリア（右） */
.headerContainerRight               { position: fixed; z-index: 3; height: 80px; width: 300px; float: left;
                                      top: 0px; right: 0px;}

/* ヘッダエリア（中央） */
.headerContainerCenter              { width: 100%; text-align: center;
                                    }

/* ヘッダエリア（特商法） */
.headerContainerSpec                { width: 100%; text-align: right; text-decoration: none; font-size: 14px; margin: 2px 0;
                                    }

/********************************
 * フッタエリア
 ******************************** */
/* フッタコンテナ */
.footerContainer                    { position: absolute; z-index: 2; height: 16px; width: 100%; background-color: lightblue;
                                      overflow: hidden; bottom: 0;}

/* フッタエリア（左） */
.footerContainerLeft                { position: relative; z-index: 2; height: auto; width: 10%; top: 2px; left: 5px; float: left;
                                      text-align: left; vertical-align: middle; color: white;}

/* フッタエリア（中央） */
.footerContaineCenter               { position: relative; z-index: 2; height: auto; width: 80%; top: 2px; float: left;
                                      text-align: center; vertical-align: middle; color: white;}

/* フッタエリア（右） */
.footerContainerRight               { position: relative; z-index: 2; height: auto; width: 10%; top: 2px; right: 5px; float: right;
                                      text-align: right; vertical-align: middle; color: white;}

/********************************
 * コンテンツエリア
 ******************************** */
/* コンテンツコンテナ */
.contentsContainer                  { position: relative; z-index: 2; /* height: 900px; */
                                      overflow: hidden; text-align: left;
                                      /* background-color: white; */
                                    }

/* 機能エリア内タイトル */
.functionTitle                      { margin-top: 5px; margin-left: 5px; font-size: 14px; font-weight: bold; color: navy; }

/* struts自動タグ */
.wwgrp                              { position: relative; z-index: 2; margin: 0; padding: 0; }
.wwctrl                             { position: relative; z-index: 2; margin: 0; padding: 0; }

/* readonly */
.readOnly                           { background-color: #CCCCCC;}

/* 画面ブロックメッセージ */
.blockUIMessage                     { font-weight: bold; font-size: 18px; padding: 5px; }

.blockUIMessage img                 { vertical-align: -0.0em;}

/********************************
 * 色定義
 ******************************** */
.label_blue                         { color: blue; }

.label_red                          { color: red; }

/********************************
 * 入力規則
 ******************************** */
/* 半角のキー入力が可能 */
input.keyControlHankaku {
    ime-mode: disabled;
}

/* 全角のキー入力が可能 */
input.keyControlZenkaku {
    ime-mode: active;
}
