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

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

/* 文字色・フォントの定義 */
body, table, input, button, textarea {
    color: #000000;
    font-size: 9pt;
    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.5em;
}

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

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

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

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

/* 重要文字の定義 */
strong {
    color: #FF0000;
    font-weight: bold;
}

/* 強調文字の定義 */
em {
    color: #000099;
}

/* リンクデザイン */
a:link {
    color: #0000FF;
    font-weight: normal;
    text-decoration: none;
}
a:visited {
    color: #990099;
    text-decoration: none;
}
a:hover {
    color: #FF0000;
    text-decoration: none;
}
a:active {
    color: #FF00FF;
    text-decoration: none;
}

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

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

/* ヘッダ部の定義 */
#head {
    float: left;
}

/* ロゴ部の定義 */
#logo {
    float: left;
    padding-bottom: 4px;
    width: 480px;
}

/* サブタイトル部の定義 */
#sub {
    float: right;
    padding-bottom: 4px;
    width: 160px;
    text-align: right;
}

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

/* ボディ部の定義 */
#body {
    float: left;
    background-color: #FFFFFF;
    border-right: solid 1px #000000;
    border-bottom: solid 1px #000000;
}

/* ナビ部の定義 */
#navi {
    float: left;
    width: 16px;
}

/* コンテンツ部の定義 */
#cont {
    float: left;
    width: 608px;
}

/* コンテンツ部段落の定義 */
#cont p {
    margin: 8px 0px;
}

/* テール部の定義 */
#tail {
    float: right;
    width: 16px;
}

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

/* フッタ部の定義 */
#foot {
    float: left;
    padding: 8px;
    width: 624px;
    text-align: center;
    font-size: 7.5pt;
}

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

/* タイトルの定義 */
.title {
    margin-top: 8px;
    padding: 8px;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
}

/* エラー部の定義 */
.err {
    margin: 0px 12px;
    padding: 8px;
    color: #FF0000;
    font-weight: bold;
    background-color: #E0E0E0;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
}

/* 見出しの定義 */
.capt {
    margin: 16px 0px;
    padding: 0px 0px 0px 12px;
    font-size: 12pt;
    font-weight: bold;
    border-left: solid 8px #999999;
    border-bottom: solid 1px #999999;
}

/* アーティクルの定義 */
.article {
    margin: 16px 0px 16px 16px;
}

/* 矢印の定義 */
.arrow {
    width: 520px;
    text-align: center;
}

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

/* 表見出しの定義 */
th.list {
    padding: 4px;
    color: #CCCCCC;
    background-color: #333333;
    border: 1px solid #666666;
}

/* 表項目の定義 */
td.list {
    padding: 4px;
    background-color: #CCCCCC;
    border: 1px solid #666666;
}

/* 入力枠の定義 */
.input {
    padding: 0px 2px;
    background-color: #CCCCCC;
    border: 1px solid #666666;
}

/* テキスト入力の定義 */
.form {
    height: 20px;
    padding: 0px 2px;
    border: 1px solid #666666;
}

/* ボックス入力の定義 */
.box {
    margin: 2px 0px;
    padding: 0px 1px;
    border: 1px solid #666666;
}

/* オプション部の定義 */
.opt {
    padding-top: 8px;
    text-align: center;
}

/* ボタン部の定義 */
div.button {
    padding: 12px 0px;
    text-align: center;
}

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

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