@charset 'UTF-8';
/***************************************************************
    SYSTEM   : 新田塚スポーツクラブ アーク
    TITLE    : スタイルシートの定義
    SHEET    : style.css
    VERSION  : Ver1.0.11
    LANGUAGE : CSS level2
    CODESET  : UTF-8
    EXPLAIN  : 画面共通の色や形状を定義する。
    AUTHOR   : yap
    CREATED  : 2008/07/10 as Ver1.0.1
    UPDATED  : 2010/03/19 as Ver1.0.11
***************************************************************/

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

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

/* 背景色の定義 */
body {
    margin: 0px;
    padding: 0px;
    background: #FFFFFF url('../image/wall.jpg') repeat-x;
}

/* スクロールバーの定義 */
html {
    scrollbar-face-color: #333333;
    scrollbar-highlight-color: #333333;
    scrollbar-shadow-color: #333333;
    scrollbar-3dlight-color: #333333;
    scrollbar-arrow-color: #E0E0E0;
    scrollbar-track-color: #E0E0E0;
    scrollbar-darkshadow-color: #333333;
}

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

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

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

/* 重要文字の定義 */
strong {
    color: #CC3333;
}

/* 強調文字の定義 */
em {
    color: #3333CC;
    font-weight: bold;
    font-style: normal;
}

/* 字下げの定義 */
blockquote {
    margin: 12px 16px 12px 32px;
}

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

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

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

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

/* ヘッダ部文字の定義 */
#head h1, #head h2, #head h3 {
    margin: 0px;
    font-size: 6pt;
    text-indent: -9999px;
}

/* ホーム部の定義 */
#home {
    float: left;
    margin: 0px;
    padding: 26px 0px 4px;
    width: 64px;
    height: 68px;
    list-style: none;
}

/* ホームボタンの定義 */
#home li a {
    width: 64px;
    height: 68px;
    display: block;
}

/* ロゴ部の定義 */
#logo {
    float: left;
    width: 280px;
    height: 98px;
}

/* キャッチ部の定義 */
#catch {
    float: left;
    width: 416px;
    height: 98px;
}

/* メニュー部の定義 */
#menu {
    clear: both;
    margin: 0px;
    padding: 0px;
    width: 760px;
    height: 46px;
    list-style: none;
}

/* メニューボタンの定義 */
#menu li {
    float: left;
    margin: 0px 2px;
    width: 80px;
    height: 24px;
}

/* メニューボタンリンクの定義 */
#menu li a {
    width: 80px;
    height: 24px;
    display: block;
}

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

/* ボディ部の定義 */
#body {
    float: left;
    width: 760px;
    background: url('../image/body.jpg') repeat-y;
}

/* ナビ部の定義 */
#navi {
    float: left;
    padding-left: 8px;
    width: 128px;
}

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

/* 段落の定義 */
#cont p {
    margin: 12px;
}

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

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

/* バナー部の定義 */
#banner {
    float: left;
    width: 252px;
    height: 44px;
}

/* リンク部の定義 */
#link {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 506px;
    list-style: none;
}

/* リンクボタンの定義 */
#link li {
    float: left;
    margin: 0px 2px;
    width: 80px;
    height: 24px;
}

/* リンクボタンリンクの定義 */
#link li a {
    width: 80px;
    height: 24px;
    display: block;
}

/* 著作権表記の定義 */
#copy {
    float: left;
    width: 504px;
    height: 12px;
    font-size: 6pt;
    text-indent: -9999px;
}

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

/* タイトルの定義 */
.title {
    margin: 0px auto 16px;
    width: 256px;
    height: 24px;
    color: #006666;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    background: url('../image/title.gif') no-repeat;
}

/* 見出しの定義 */
.cap {
    clear: both;
    padding: 4px 12px;
    width: 576px;
    height: 24px;
    color: #003366;
    font-size: 10.5pt;
    font-weight: bold;
    background: url('../image/cap.jpg') no-repeat;
}

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

/* 写真の定義 */
.pics {
    float: right;
    margin: 8px 0px 8px 8px;
    padding: 3px;
    border: solid 1px #CCCCCC;
}

/* 説明の定義 */
.expl {
    float: left;
}

/* インデックスの定義 */
.index {
    margin: 12px 8px;
    padding-left: 24px;
    color: #333399;
    font-size: 10.5pt;
    font-weight: bold;
    background: url('../image/qube.gif') no-repeat;
}

/* 注意文字の定義 */
.att {
    margin: 12px 16px 12px 30px;
    padding-left: 24px;
    background: url('../image/ball.gif') no-repeat;
}

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

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

/* 表標識の定義 */
td.sign {
    padding: 4px;
    border: solid 1px #666666;
    background-color: #FFE0E0;
}

/* 表明細の定義 */
td.list {
    padding: 4px;
    border: solid 1px #666666;
}

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

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

/* セレクト入力の定義 */
select.form {
    padding: 1px;
    height: 22px;
}

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

/* 必須入力項目識別子の定義 */
.ess {
    color: #FF0000;
    font-weight: bold;
}

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

/* ボタンの定義 */
.button, .btn_fwd, .btn_rew {
    width: 120px;
    height: 24px;
    outline: none;
    cursor: pointer;
    border: none;
    background: url('../image/button.jpg') no-repeat;
}
.button  {background: url('../image/button.jpg') no-repeat;}
.btn_fwd {background: url('../image/btn_fwd.jpg') no-repeat;}
.btn_rew {background: url('../image/btn_rew.jpg') no-repeat;}

/* リスト明細の定義 */
ul.item {
    list-style: url('../image/icon.gif');
}

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

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

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

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

/* 文字寄せクリアの定義 */
.clear {
    clear: both;
}