/* custom.css */

/* 全体的な定義 */
body {
 width            : 760px;                    /* 横幅 */
 font-family      : "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka,sans-serif;
                                              /* フォントの種類 */
 font-size        : 9pt;
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          :  0px  0px  0px  0px;      /* 上・右・下・左の間隔 */
 color            : #333;                     /* 文字の色 */
 background-color : #837560;                  /* バックの色 */
}
.Contents{
 padding: 4px;
}

/* ヘッダ部分 */
div#header {
 width            : 760px;                    /* 横幅 */
 height           : 100px;
 background       : url(img/headbase.jpg) left;
}
div#header *{
 color            : #FFF;                     /* 文字の色 */
}
div#header h1{
 font-size        : 20px;                     /* フォントの大きさ */
 border-style     : none none none none;      /* 上・右・下・左の枠線の種類 */
}
div#headmenu {
 height           : 42px;
 background       : url(img/menu.png) repeat-x;
 padding          :  0px  0px  0px  0px;      /* 上・右・下・左の間隔 */
 text-align       : right;
 color            : #FFF;                     /* 文字の色 */
 vertical-align   : middle;                   /* 文字の縦位置センタリング用 */
 line-height      : 42px;                     /* 文字の縦位置センタリング用 */
}

/* ブロック定義 */
#BlockBody      { float: none ; width: 100%; overflow:hidden; background:#595959;}
 #BlockLeft     { float: left ; width:  20%; overflow:hidden; background:#595959;}
 #BlockRight    { float: right; width:  20%; overflow:hidden; background:#595959;}
 #BlockCenter   { float: left ; width:  80%; overflow:hidden; background:#FFFFFF;}
  #BlockCC      { float: none ; width: 100%; overflow:hidden; background:#FFFFFF;}
  #BlockCL      { float: left ; width:  50%; overflow:hidden; background:#FFFFFF;}
  #BlockCR      { float: left ; width:  50%; overflow:hidden; background:#FFFFFF;}
  #BlockContents{ float: none ; width: 100%; overflow:hidden; background:#FFFFFF;}
#BlockFooter    { float: left ; width: 100%; overflow:hidden; background:#595959;}


/* 左右ブロックのタイトル */
#BlockLeft  .BlockTitle,
#BlockRight .BlockTitle {
 height           : 25px;
 background       : url(img/sidecoltitle.png) repeat-x;
 color            : #595959;                  /* 文字の色 */
 font-weight      : bold;                     /* 文字の太さ */
 padding          :  0px  0px  0px  2px;      /* 上・右・下・左の間隔 */
 vertical-align   : middle;                   /* 文字の縦位置センタリング用 */
 line-height      : 25px;                     /* 文字の縦位置センタリング用 */
}

/* 左右ブロックのコンテンツ */
#BlockLeft  .BlockContent,
#BlockRight .BlockContent {
 width            : 170px;                    /* 横幅 */
 color            : #DBD7D1;                  /* 文字の色 */
}

/* 中ブロックのタイトル */
#BlockCC .BlockTitle,
#BlockCL .BlockTitle,
#BlockCR .BlockTitle {
 height           : 25px;
 background       : url(img/centercoltitle.png) repeat-x;
 color            : #FFFFFF;                  /* 文字の色 */
 font-weight      : bold;                     /* 文字の太さ */
 padding          :  0px  0px  0px  2px;      /* 上・右・下・左の間隔 */
 vertical-align   : middle;                   /* 文字の縦位置センタリング用 */
 line-height      : 25px;                     /* 文字の縦位置センタリング用 */
 width            : 760px;
 display          : block;
}

/* 中ブロックのコンテンツ */
#BlockCC .BlockContent,
#BlockCL .BlockContent,
#BlockCR .BlockContent {
 color            : #666;                     /* 文字の色 */
 background-color : #FFF;                     /* バックの色 */
 border-style     : none solid solid solid;   /* 上・右・下・左の枠線の種類 */
 border-width     :  0px  1px  1px  1px;      /* 上・右・下・左の枠線の太さ */
 border-color     : #666 #666 #666 #666;      /* 上・右・下・左の枠線の色 */
}

/* メニュー */
#mainmenu a,
#usermenu a,
.ListMenu a {
 display          : block;
 height           : 25px;
 width            : 161px;
 background       : url(img/centercoltitle.png) repeat-x;
 color            : #DBD7D1;                  /* 文字の色 */
 font-weight      : normal;                     /* 文字の太さ */
 padding          :  0px  0px  0px  4px;      /* 上・右・下・左の間隔 */
 vertical-align   : middle;                   /* 文字の縦位置センタリング用 */
 line-height      : 25px;                     /* 文字の縦位置センタリング用 */
}

/* メニュー　未訪問 */
#mainmenu a:link,
#usermenu a:link,
.ListMenu a:link {
 color            : #DBD7D1;                  /* 文字の色 */
}

/* メニュー　訪問済み */
#mainmenu a:visited,
#usermenu a:visited,
.ListMenu a:visited {
 color            : #DBD7D1;                  /* 文字の色 */
}

/* メニュー　マウスカーソルが乗っているとき */
#mainmenu a:hover,
#usermenu a:hover,
.ListMenu a:hover {
 background       : #B7B7B7;
 color            : #CE7014;                  /* 文字の色 */
}

/* メニュー　クリックされたとき */
#mainmenu a:active,
#usermenu a:active,
.ListMenu a:active {
 color            : #F90;                     /* 文字の色 */
}

/* メニュー　メインメニュー（「ニュース」など） */
#mainmenu a.menuTop ,
#mainmenu a.menuMain ,
.ListMenu a ,
#usermenu a {
}

/* メニュー　サブメニュー（「ニュース投稿」など） */
#mainmenu a.menuSub {
}

/* メニュー　受信箱に未読があるときの表示 */
td#usermenu a.highlight {
 background-color : #CCC;                     /* バックの色 */
}

/* リンクの設定 */

a, div#link, div#visiter, div#hover, div#active {
 font-weight      : bold;                     /* 文字の太さ */
 text-decoration  : none;                     /* 文字の飾り */
}

/* 未訪問 */
a:link, div#link {
 color            : #066;                     /* 文字の色 */
}

/* 訪問済み */
a:visited, div#visiter {
 color            : #033;                     /* 文字の色 */
}

/* マウスカーソルが乗っているとき */
a:hover, div#hover {
 color            : #099;                     /* 文字の色 */
}

/* クリックされたとき */
a:active, div#active {
 color            : #0FF;                     /* 文字の色 */
}

/* リンクのあるイメージ */
a img {
 border-style     : none;                     /* 枠線の種類 */
}

/* 見出し（汎用的な設定） */
h1 , h2 , h3 , h4 , h5 , h6 {
 margin           :  0px  0px 0.5em 0px;      /* 上・右・下・左の余白 */
 padding          :  5px  0px  2px  5px;      /* 上・右・下・左の間隔 */
 border-style     : none none solid none;     /* 上・右・下・左の枠線の種類 */
 border-width     :  0px  0px  1px  0px;      /* 上・右・下・左の枠線の太さ */
 border-color     : #CAAE90;                  /* 上・右・下・左の枠線の色 */
 color            : #CE7014;
 font-weight      : normal;                   /* 文字の太さ */
}

/* ニュースモジュールのコンテンツ */
/* ニュース以外のモジュールでも使用されています。 */

/* 記事の枠組み */
.item {
 border-style     : solid solid solid solid;  /* 上・右・下・左の枠線の種類 */
 border-color     : #666 #666 #666 #666;      /* 上・右・下・左の枠線の色 */
 border-width     :  1px  1px  1px  1px;      /* 上・右・下・左の枠線の太さ */
}

/* テーブルのタイトル部 */
.itemHead , th {
 color            : #FFF;                     /* 文字の色 */
 background-color : #666;                     /* バックの色 */
 text-align       : left;                     /* 文字の水平位置 */
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          :  5px  5px  5px  5px;      /* 上・右・下・左の間隔 */
}

/* テーブルのタイトル部（リンク部分） */
.itemHead a:link , .itemHead a:visited , .outer th a:link , .outer th a:visited {
 color            : #FFF;                     /* 文字の色 */
}
/* テーブルのタイトル部（マウスカーソルが乗っているとき） */
.itemHead a:hover , .outer th a:hover {
 color            : #DD0;                     /* 文字の色 */
}
/* テーブル　タイトル部（クリックされたとき） */
.itemHead a:active {
 color            : #FF0;                     /* 文字の色 */
}

/* 投稿者などの情報欄 */
.itemInfo {
 color            : #336;                     /* 文字の色 */
 font-size        : x-small;                  /* フォントの大きさ */
 background-color : #DDD;                     /* バックの色 */
 text-align       : right;                    /* 文字の水平位置 */
 padding          :  2px  5px  2px  5px;      /* 上・右・下・左の間隔 */
}

/* 投稿者などの情報欄　投稿者 */
.itemPoster {
}

/* 投稿者などの情報欄　投稿日付 */
.itemPostDate {
}

/* 投稿者などの情報欄　ヒット数 */
.itemStats {
}

/* 記事の内容 */
.itemBody {
 padding          :  2px  5px  2px  5px;      /* 上・右・下・左の間隔 */
 background-color : #FFF;                     /* バックの色 */
}

/* 記事の内容　文面 */
.itemText {
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 line-height      : 1.2;                      /* 行送りの間隔 */
}

/* 記事のフッタ部 */
.itemFoot {
 color            : #336;                     /* 文字の色 */
 font-size        : x-small;                  /* フォントの大きさ */
 background-color : #DDD;                     /* バックの色 */
 text-align       : right;                    /* 文字の水平位置 */
 padding          :  2px  5px  2px  5px;      /* 上・右・下・左の間隔 */
}

/* 記事のフッタ部　[編集][削除] */
.itemAdminLink {
}

/* 記事のフッタ部　「続き...」〜「コメントする」 */
.itemPermaLink {
}

/* ニュースアーカイブなどのテーブル　コンテンツ部 */
tr.even td {
 background-color : #FFF;                     /* バックの色 */
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          :  5px  5px  5px  5px;      /* 上・右・下・左の間隔 */
 border-style     : solid solid solid solid;  /* 上・右・下・左の枠線の種類 */
 border-width     :  1px  1px  1px  1px;      /* 上・右・下・左の枠線の太さ */
 border-color     : #CCC #CCC #CCC #CCC;      /* 上・右・下・左の枠線の色 */
}

/* フォーラムのスレッド一覧などで、行ごとに色を変える奇数行の指定 */
.outer tr.even td {
 background-color : #FFF;                     /* バックの色 */
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          :  5px  5px  5px  5px;      /* 上・右・下・左の間隔 */
 border-style     : solid solid solid solid;  /* 上・右・下・左の枠線の種類 */
 border-width     :  1px  1px  1px  1px;      /* 上・右・下・左の枠線の太さ */
 border-color     : #CCC #CCC #CCC #CCC;      /* 上・右・下・左の枠線の色 */
}

/* フォーラムのスレッド一覧などで、行ごとに色を変える偶数行の指定 */
tr.odd td {
 background-color : #DDD;                     /* バックの色 */
 padding: 5px  5px  5px  5px;
}

/* フォーラムのスレッド一覧などで、カラムごとに色を変える指定 */
/* 奇数カラム */
.even {
 background-color : #EEE;                     /* バックの色 */
 padding          :  5px  5px  5px  5px;      /* 上・右・下・左の間隔 */
}

/* 偶数カラム */
.odd {
 background-color : #FFF;                     /* バックの色 */
 padding          :  5px  5px  5px  5px;      /* 上・右・下・左の間隔 */
}

/* 外枠 */
.outer {
 width            : 100%;                     /* 横幅 */
 border-style     : solid solid solid solid;  /* 上・右・下・左の枠線の種類 */
 border-width     :  1px  1px  1px  1px;      /* 上・右・下・左の枠線の太さ */
 border-color     : #AAA #AAA #AAA #AAA;      /* 上・右・下・左の枠線の色 */
}

/* テーブルのヘッダ部分 */
.head {
 background-color : #EEE;                     /* バックの色 */
 padding          :  5px  5px  5px  5px;      /* 上・右・下・左の間隔 */
 font-weight      : bold;                     /* 文字の太さ */
}

/* テーブルのフッタ部分 */
.foot {
 background-color : #EEE;                     /* バックの色 */
 padding          :  5px  5px  5px  5px;      /* 上・右・下・左の間隔 */
}

/* コメントのタイトル */
.comTitle {
 font-weight      : bold;                     /* 文字の太さ */
 background-color : #FFF;                     /* バックの色 */
 margin           :  0px  0px  5px  0px;      /* 上・右・下・左の余白 */
 padding          :  5px  5px  5px  5px;      /* 上・右・下・左の間隔 */
 border-style     : solid solid solid solid;  /* 上・右・下・左の枠線の種類 */
 border-width     :  0px  0px  1px  0px;      /* 上・右・下・左の枠線の太さ */
 border-color     : #EEE #EEE #EEE #EEE;      /* 上・右・下・左の枠線の色 */
}

/* コメントのテキスト */
.comText {
}

/* コード */
div.xoopsCode {
 font-family      : "monospace";              /* フォントの種類 */
 background-color : #FFF;                     /* バックの色 */
 margin           :  5px  0px  5px  0px;      /* 上・右・下・左の余白 */
 padding          :  0px  0px  0px  5px;      /* 上・右・下・左の間隔 */
 border-style     : solid solid solid solid;  /* 上・右・下・左の枠線の種類 */
 border-width     :  1px  1px  1px  1px;      /* 上・右・下・左の枠線の太さ */
 border-color     : #333 #333 #333 #333;      /* 上・右・下・左の枠線の色 */
}

/* 引用 */
div.xoopsQuote {
 background-color : #FFF;                     /* バックの色 */
 margin           :  5px  0px  5px  0px;      /* 上・右・下・左の余白 */
 padding          :  0px  0px  0px  5px;      /* 上・右・下・左の間隔 */
 border-style     : solid solid solid solid;  /* 上・右・下・左の枠線の種類 */
 border-width     :  1px  1px  1px  1px;      /* 上・右・下・左の枠線の太さ */
 border-color     : #333 #333 #333 #333;      /* 上・右・下・左の枠線の色 */
}
blockquote {
 margin           :  5px  5px  5px  5px;      /* 上・右・下・左の余白 */
}

/* ユーザーステータス（「登録日」などの枠） */
.comUserStat {
 font-size        : xx-small;                 /* フォントの大きさ */
 font-weight      : bold;                     /* 文字の太さ */
 color            : #099;                     /* 文字の色 */
 margin           :  1px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          :  1px  1px  1px  1px;      /* 上・右・下・左の間隔 */
 border-style     : solid solid solid solid;  /* 上・右・下・左の枠線の種類 */
 border-width     :  1px  1px  1px  1px;      /* 上・右・下・左の枠線の太さ */
 border-color     : #AAA #AAA #AAA #AAA;      /* 上・右・下・左の枠線の色 */
}

/* ユーザーステータス（「登録日」などのキャプション部分） */
.comUserStatCaption {
 font-weight      : normal;                   /* 文字の太さ */
}

/* ユーザーランク（「管理人」などの星マークを含めた全体） */
.comUserRank {
 margin           :  0px  0px  15px  0px;     /* 上・右・下・左の余白 */
}

/* ユーザーランク（「管理人」などのテキスト部分） */
.comUserRankText {
 font-size        : xx-small;                  /* フォントの大きさ */
}

/* ユーザーイメージ（アバター） */
.comUserImg {
 margin           :  2px  2px  2px  2px;      /* 上・右・下・左の余白 */
}

/* 投稿日時（日時部分を含む全体） */
.comDate {
 font-size        : x-small;                 /* フォントの大きさ */
 text-align       : right;                   /* 文字の水平位置 */
}

/* 「投稿日時:」の部分 */
.comDateCaption {
 font-weight      : bold;                     /* 文字の太さ */
}

/* エラーメッセージ */
div.errorMsg {
 background-color : #FCC;                     /* バックの色 */
 text-align       : center;                   /* 文字の水平位置 */
 border-style     : solid solid solid solid;  /* 上・右・下・左の枠線の種類 */
 border-width     :  1px  1px  1px  1px;      /* 上・右・下・左の枠線の太さ */
 border-color     : #DDF #AAA #AAA #DDF;      /* 上・右・下・左の枠線の色 */
 font-weight      : bold;                     /* 文字の太さ */
 padding          : 10px 10px 10px 10px;      /* 上・右・下・左の間隔 */
}

/* 確認メッセージ */
div.confirmMsg {
 font-weight      : bold;                     /* 文字の太さ */
 color            : #C33;                     /* 文字の色 */
 background-color : #DDD;                     /* バックの色 */
 text-align       : center;                   /* 文字の水平位置 */
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          : 10px 10px 10px 10px;      /* 上・右・下・左の間隔 */
 border-style     : solid solid solid solid;  /* 上・右・下・左の枠線の種類 */
 border-width     :  2px  2px  2px  2px;      /* 上・右・下・左の枠線の太さ */
 border-color     : #AAA #AAA #AAA #AAA;      /* 上・右・下・左の枠線の色 */
}

/* 結果メッセージ */
div.resultMsg {
 font-weight      : bold;                     /* 文字の太さ */
 color            : #333;                     /* 文字の色 */
 background-color : #CCC;                     /* バックの色 */
 text-align       : center;                   /* 文字の水平位置 */
 padding          : 10px 10px 10px 10px;      /* 上・右・下・左の間隔 */
 border-style     : solid solid solid solid;  /* 上・右・下・左の枠線の種類 */
 border-width     :  2px  2px  2px  2px;      /* 上・右・下・左の枠線の太さ */
 border-color     : #666 #666 #666 #666;      /* 上・右・下・左の枠線の色 */
}

/* フッター部*/
#BlockFooter {
 font-size        : small;                    /* フォントの大きさ */
 color            : #333;                     /* 文字の色 */
 background-color : #CCC;                     /* バックの色 */
 text-align       : center;                   /* 文字の水平位置 */
}

/* フッター内のリンク部*/
#BlockFooter a {
 color            : #999;                     /* 文字の色 */
}
/* マウスカーソルが乗っているとき */
#BlockFooter a:hover {
 color            : #933;                     /* 文字の色 */
}

/* メインメニューなどブロック内にテーブルを置いた場合の調整 */
div.colLeft_Content table ,
div.colCenter_blkCenter_Content table ,
div.colCenter_blkLeft_Content table ,
div.colCenter_blkRight_Content table ,
div.colRight_Content table {
 width            : 90%;                      /* 横幅 */
}