@charset 'UTF-8';
/***************************************************************
    SYSTEM   : こだま製作所
    TITLE    : スタイルシートの定義
    SHEET    : style.css
    VERSION  : Ver1.2.5
    LANGUAGE : CSS level2
    CODESET  : UTF-8
    EXPLAIN  : サイト共通の色や形状を定義する。
    AUTHOR   : yap
    CREATED  : 2009/01/10  //as Ver1.2.1
    UPDATED  : 2009/06/25  //as Ver1.2.5
***************************************************************/

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

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

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

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

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

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

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

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

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

/* ブロック段落の定義 */
blockquote {
    margin: 24px 4px 12px 24px;
}

/* リンクデザイン */
a:link {
    color: #3D5499;
    text-decoration: none;
}
a:visited {
    color: #3D5499;
    text-decoration: none;
}
a:hover {
    color: #FF7F00;
    text-decoration: none;
}
a:active {
    color: #3D5499;
    text-decoration: none;
}

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

/* 壁紙部の定義 */
#wall {
    background-color: #A1C3E5;
}

/* ページ部の定義 */
#page {
    margin: auto;
    width: 866px;
    background: #FFFFFF url('../images/wall.gif') repeat-y;
}

/* サイト説明部の定義 */
#desc {
    margin: auto;
    padding: 0px 8px;
    width: 850px;
    height: 80px;
}

/* ロゴ部の定義 */
#logo {
    float: left;
    width: 304px;
    height: 80px;
    background: url('../images/logo.gif') no-repeat;
}

/* ロゴ部リンクの定義 */
#logo a {
    float: left;
    width: 200px;
    height: 80px;
    display: block;
}

/* ロゴ部文字の定義 */
#logo h1 {
    float: left;
    margin: 12px 0px 0px;
    font-size: 9pt;
    font-weight: normal;
}

/* パン屑リスト部の定義 */
#trace {
    float: right;
    margin: 40px 8px 0px;
    padding: 0px;
    list-style-type: none;
}

/* パン屑リスト部項目の定義 */
#trace li {
    float: left;
}

/* パン屑リスト部リンクの定義 */
#trace li a {
    color: #4D4945;
}

/* パン屑リスト部マウスオンの定義 */
#trace li a:hover {
    color: #FF0000;
}

/* サブタイトル部の定義 */
#sub {
    float: right;
    width: 200px;
    height: 64px;
    margin-top: 8px;
    text-indent: -9999px;
    background: url('../images/subtitle.gif') no-repeat;
}

/* ヘッダ部の定義 */
#head {
    margin: auto;
    padding: 0px 8px;
    width: 850px;
}

/* ナビ部の定義 */
#navi {
    padding: 12px;
    width: 826px;
    height: 16px;
    background: url('../images/navi.jpg') no-repeat;
}

/* ナビ部リストの定義 */
#navi ul {
    float: right;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

/* ナビ部項目の定義 */
#navi li {
    float: left;
}

/* ナビ部リンクの定義 */
#navi li a {
    color: #4D4945;
}

/* ナビ部マウスオンの定義 */
#navi li a:hover {
    color: #FF0000;
}

/* キャッチ部の定義 */
#catch {
    clear: both;
    width: 850px;
    height: 80px;
    background: url('../images/catch.jpg') no-repeat;
}

/* キャッチ部文字の定義 */
#catch h2 {
    margin: 0px;
    font-size: 6pt;
    text-indent: -9999px;
}

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

/* ボディ部の定義 */
#body {
    float: left;
    margin: auto;
    padding: 0px 8px;
    width: 850px;
}

/* メニュー部の定義 */
#menu {
    float: left;
    padding: 6px 14px;
    width: 172px;
}

/* インフォメーション部の定義 */
#info {
    margin: 4px 0px 0px;
    padding: 6px;
    width: 158px;
    color: #666666;
    font-size: 7.5pt;
    line-height: 1.5em;
    border: solid 1px #999999;
    background-color: #FFFFFF;
}

/* メニュー部リストの定義 */
#menu ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

/* メニューボタンの定義 */
#menu li {
    margin: 4px 0px;
    width: 170px;
    height: 30px;
    color: #FFFFFF;
    text-indent: 6px;
    line-height: 30px;
    border: solid 1px #999999;
    background-color: #666666;
}

/* メニューボタン画像の定義 */
#menu li img {
    text-indent: 0px !important;
}

/* メニューボタンリンクの定義 */
#menu li a {
    display: block;
    width: 170px;
    height: 30px;
    color: #4D4945;
    background-color: #FFFFFF;
}

/* メニューボタン選択の定義 */
#menu li a:hover {
    color: #FFFFFF;
    background-color: #666666;
}

/* 管理人紹介部の定義 */
#admin {
    margin: 4px 0px 0px;
    width: 170px;
    color: #4D4945;
    background: url('../images/admin.jpg') right bottom no-repeat;
}

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

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

/* フッタ部の定義 */
#foot {
    clear: both;
    margin: auto;
    padding: 12px 8px 0px;
    width: 850px;
    height: 24px;
    background: url('../images/foot.gif') no-repeat;
}

/* 著作権表記の定義 */
#copy {
    padding-left: 24px;
    color: #FFFFFF;
}

/* 注釈部の定義 */
#note {
    margin: auto;
    width: 850px;
}

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

/* リンク部項目の定義 */
#link li {
    float: left;
}

/* リンク部リンクの定義 */
#link li a {
    color: #4D4945;
}

/* リンク部マウスオンの定義 */
#link li a:hover {
    color: #FF0000;
}

/* 連絡先部の定義 */
#contact {
    clear: both;
    padding-left: 24px;
    color: #666666;
}

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

/* バナー部の定義 */
.bann {
    margin: 4px 0px 0px;
    border: solid 1px #999999;
}

/* タイトル部の定義 */
.title {
    clear: both;
    margin: 16px 0px 0px;
    width: 592px;
    height: 40px;
    background: url('../images/title.gif') no-repeat;
}

/* タイトル部文字の定義 */
.title h3 {
    margin: 0px;
    padding: 8px 16px;
    color: #FFFFFF;
    font-size: 12pt;
    font-weight: bold;
    line-height: 1.5em;
}

/* 見出し部の定義 */
.capt {
    clear: both;
    margin: 8px 0px;
    width: 592px;
    height: 64px;
    background: url('../images/caption.gif') no-repeat;
}

/* 見出し部文字の定義 */
.capt h4 {
    margin: 0px;
    padding: 8px 16px;
    font-size: 12pt;
    font-weight: bold;
    line-height: 1.5em;
}

/* 説明部の定義 */
.expl, .summ {
    padding: 8px 10px 8px 16px;
    line-height: 1.8em;
}

/* アタッチ部の定義 */
.attach {
    margin: 0px 0px 4px 8px;
}

/* アタッチ写真部の定義 */
.pics {
    margin: 8px;
}

/* アタッチコメント部の定義 */
.comm {
    margin: 0px 8px 8px;
    line-height: 1.3em;
}

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

/* 表見出しの定義 */
th.list, th.first, th.last {
    padding: 4px 8px;
    color: #E0E0E0;
    white-space: nowrap;
    border: solid 1px #666666;
    background-color: #664C33;
}

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

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

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

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

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

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

/* 左段組みの定義 */
.leftcol {
    float: left;
}

/* 右段組みの定義 */
.rightcol {
    float: right;
    margin-left: 8px;
}

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