@charset 'UTF-8';
/***************************************************************
    SYSTEM   : studio yap
    TITLE    : 共通スタイルシートの定義
    SHEET    : style.css
    VERSION  : Ver1.2.5
    LANGUAGE : CSS level2
    CODESET  : UTF-8
    EXPLAIN  : 画面共通の色や形状を定義する。
    AUTHOR   : yap
    CREATED  : 2006/12/01  //as Ver1.0.1
    UPDATED  : 2010/06/14  //as Ver1.2.5
***************************************************************/

/***************************************************************
    ページ全体の定義
***************************************************************/

/* 文字色・フォントの定義 */
body, table, input, button, textarea, select {
    color: #000000;
    font-size: 10.5pt;
    font-weight: normal;
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Osaka', Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    line-height: 1.2em;
}

/* 背景色の定義 */
body {
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
}

/* テーブルの定義 */
table {
    border: none;
    border-spacing: 0px;
}

/* イメージの定義 */
img {
    border: none;
}

/* フォームの定義 */
form {
    margin: 0px;
    padding: 0px;
}

/* リンクデザイン */
a {
    text-decoration: none;
    outline: none;
}
a:link    {color: #000033;}
a:visited {color: #000033;}
a:hover   {color: #CC0033;}
a:active  {color: #FF0066;}

/***************************************************************
    ヘッダ部の定義
***************************************************************/

/* ページ部の定義 */
#page {
    margin: auto;
    width: 728px; /* ページ幅 */
}

/* ヘッダ部の定義 */
#head {
    height: 48px;
    background: url('../image/head.gif') no-repeat;
}

/* ホーム部の定義 */
#home {
    float: left;
    padding: 12px 0px 0px 8px;
    width: 212px;  /* (ページ幅-288)/2-8 */
    height: 36px;
}

/* タイトル部の定義 */
#title {
    float: left;
    margin: auto;
    padding-top: 12px;
    width: 288px;
    color: #333333;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
}

/* サブタイトル部の定義 */
#sub {
    float: right;
    margin: 12px 0px 12px;
    width: 160px;
    height: 16px;
    overflow: hidden;
}

/***************************************************************
    ボディ部の定義
***************************************************************/

/* ボディ部の定義 */
#body {
    float: left;
    width: 728px; /* ページ幅 IE6用 */
    background: #FFFFFF url('../image/body.gif') repeat-y;
}

/* コンテンツ部の定義 */
#cont {
    padding: 16px 16px 8px;
    width: 696px;  /* ページ幅-32 */
}

/***************************************************************
    フッタ部の定義
***************************************************************/

/* フッタ部の定義 */
#foot {
    clear: both;
    padding-top: 16px;
    height: 28px;
    background: url('../image/foot.gif') no-repeat;
}

/* 著作権の定義 */
#copy {
    float: left;
    margin: 4px 0px 0px 16px;
    width: 296px; /* ページ幅-432 */
    color: #666666;
    font-size: 9pt;
    display: inline;
}

/* ナビボタンの定義 */
#gate, #base, #back, #ptop {
    float: left;
    margin-right: 4px;
    width: 100px;
    height: 24px;
    line-height: 24px;
    text-align: center;
}

/* ナビボタンリンクの定義 */
#gate a, #base a, #back a, #ptop a {
    width: 100px;
    height: 24px;
    display: block;
}

/* ナビボタンリンク選択の定義 */
#gate a:hover, #base a:hover, #back a:hover, #ptop a:hover {
    color: #000000;
    background: url(../image/active.gif) no-repeat;
}

/* 注釈部の定義 */
#notes {
    margin: 16px 0px;
    padding: 8px;
    line-height: 1.5em;
    border-top: solid 2px #999999;
    border-left: solid 2px #999999;
    border-right: solid 2px #CCCCCC;
    border-bottom: solid 2px #CCCCCC;
    background-color: #E5E5E5;
}

/***************************************************************
    クラスの定義
***************************************************************/

/* エラー部の定義 */
.err {
    margin-bottom: 16px;
    padding: 8px;
    color: #FF0000;
    border-top: solid 2px #999999;
    border-left: solid 2px #999999;
    border-right: solid 2px #CCCCCC;
    border-bottom: solid 2px #CCCCCC;
    background-color: #F2F2F2;
}

/* プロンプト部の定義 */
.prompt {
    margin: 0px 0px 16px 16px;
}

/* プロセス部の定義 */
.proc {
    position: relative;
    top: -8px;
    margin: 0px 16px 0px;
    padding: 0px;
    list-style: none;
}

/* プロセス部項目の定義 */
.proc li {
    float: left;
    width: 128px;
    height: 20px;
    text-align: center;
    line-height: 22px;
    background: url(../image/proc.gif) no-repeat;
}

/* プロセス部項目の定義 */
.proc li a {
    display: block;
}

/* プロセス部項目現在位置の定義 */
.proc .curr {
    color: #CC0000;
    background: url(../image/curr.gif) no-repeat;
}

/* 必須項目の定義 */
.ess {
    color: #FF0000;
    font-size: 8pt;
    font-weight: bold;
}

/* 除外データの定義 */
.omit {
    color: #666666;
    text-decoration: line-through;
}

/***************************************************************
    表クラスの定義
***************************************************************/

/* 表の定義 */
table.list {
    margin: auto;
}

/* 表見出しの定義 */
th.list {
    padding: 4px;
    color: #FFFFFF;
    border-top: solid 2px #999999;
    border-left: solid 2px #999999;
    border-right: solid 2px #333333;
    border-bottom: solid 2px #333333;
    background-color: #666666;
}

/* 表明細の定義 */
td.list {
    padding: 4px;
    vertical-align: top;
    border-top: solid 2px #999999;
    border-left: solid 2px #999999;
    border-right: solid 2px #CCCCCC;
    border-bottom: solid 2px #CCCCCC;
    background-color: #E5E5E5;
}

/* 入力枠の定義 */
.input {
    padding: 0px;
    vertical-align: top;
    border-top: solid 2px #999999;
    border-left: solid 2px #999999;
    border-right: solid 2px #CCCCCC;
    border-bottom: solid 2px #CCCCCC;
    background-color: #E5E5E5;
}

/***************************************************************
    フォームクラスの定義
***************************************************************/

/* テキスト入力の定義 */
.form {
    margin: 0px 2px;
    height: 18px;
}

/* ボックス入力の定義 */
.box {
    margin: 0px 2px;
}

/* ボタンエリア部の定義 */
.btnarea {
    margin-top: 16px;
    text-align: center;
}

/* ボタン部の定義 */
.button {
    height: 26px;
    cursor: pointer;
}

/***************************************************************
    その他クラスの定義
***************************************************************/

/* 警告文字の定義 */
.notice {
    color: #FF0000;
    font-weight: bold;
}

/* 左寄せの定義 */
.left {
    text-align: left;
}

/* 中央寄せの定義 */
.center {
    text-align: center;
}

/* 右寄せの定義 */
.right {
    text-align: right;
}

/* 大きめ文字の定義 */
.large {
    font-size: larger;
}

/* 小さめ文字の定義 */
.small {
    font-size: smaller;
}

/* 段組みクリアの定義 */
.clear {
    clear: both;
}