@charset "Shift_JIS";

/* rrbbs.css */

/* --------------------------- [ 共通設定 ] --------------------------- */

body {
  color: black;
  background: white url("./background_w.jpg") no-repeat fixed right top;
  line-height: 1.5;
  font-family: "MS UI Gothic", sans-serif;
  margin-bottom: 0;
  font-size:x-small;
  scrollbar-base-color: #FFCCCC;
}

/* [この記事は Date に修正されました。] の部分 */
ins {
  color: #111;
  background: #ffffbf;
}

/* 管理画面の各項目を囲むブロック */
div.admin {
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
  border-left: 1px solid silver;
  margin-left: 2%;
  margin-bottom: 2em;
  padding: 1em;
}

/* 管理画面の各項目のタイトル */
div.admin h2 {
  color: #344;
  border-left: 20px solid;
  padding-left: .4em;
}

input[type="text"] { line-height: 1 }

div.banner{
  text-align:lfet;
  margin:0px 0px 5px 20px;
}

a:link, a:visited { color: #555 }

a:hover, a:active { color: blue }

/* 掲示板のタイトル */
h1 { font: bold 3em "Times New Roman", serif }

/* 親記事のタイトル */
div.thread h2 {
  color: #006;
  font-size: 1.3em;
  border-left: 25px solid;
  padding-left: 1em;
}

/* レス記事のタイトル */
div.thread h3 {
  color: #006;
  font-size: 1.2em;
  border-left: 0px solid;
  padding-left: 1em;
}

form, table { margin: auto 2% }

table, th, td { border: 1px solid silver }

dt {
  font-weight: bold;
  border-left: 10px solid #FF9999;
  border-bottom: 1px ridge green;
  width: 16em;
  padding-left: .8em;
}

dd { padding-top: .2em }

em {
  font-style: normal;
  font-weight: bolder;
}

/* > 又は ＞ から始まる引用部分 */
q {
  color: #777;
  border-bottom: 1px dashed;
}

hr { display: none }

img { border-style: none }

/* ----------------------------- [ Class ] ---------------------------- */

/* 親記事・レス全体を囲むブロック */
div.thread {
  background: url("./back6.gif") #FFFFFF right top;
  border: 2px outset silver;
  margin: 2em 2%;
  padding: 1em;
  width: 700px;
}

/* レスを個別に囲むブロック */
div.res {
  border-top: 1px ridge teal;
  margin-left: 2%;
}

/* 投稿されたメッセージが表示されるブロック */
div.message {
  background: #FDEEEE;
  border: 1px dashed #777;
  width: 96%;
  margin: 1em 0 1em 2%;
  padding: 1em;
  overflow: hidden;
}

div.message em { color: red }

/* << 前の○件を表示 | 次の○件を表示 >> の段落 */
p.move { text-align: center }

/* ▲ページ○番目のスレへ | ▼ページ○番目のスレへ の段落 */
p.jump {
  text-align: right;
  margin: 0;
}

/* 日付を表示する段落 */
p.date { text-align: right }

/* [ この記事を修正する | この記事を削除する | この記事にレスする | この記事を引用してレスする ] の段落 */
p.action { text-align: right }

/* ページを選択して移動: 1 | 2 | 3 | 4 | 5 の段落 */
p.page { text-align: left;
         margin: 0px 0px 0px 20px; }

/* 検索でヒットした単語の部分 */
em.hit { background: yellow }

/* 〜さん、〜様の引用部分 */
span.to {
  color: #11f;
  background: #eef;
  font-weight: bolder;
  padding: .1em;
}

/* 各メッセージに表示されるアイコン画像 */
img.icon {
  margin: .2em 2em;
  float: left;
}

/* -----------------------------  [ ID ]  ----------------------------- */

/* ページ上部のナビゲーションの段落 */
#navi { text-align: left;
        margin:20px 0px 0px 20px; }

/* アイコン画像選択メニューの横に表示されるアイコン画像のサンプル */
#image {
  vertical-align: middle;
  margin: .5em;
}

/* 「▲ページ先頭へ戻る」の段落 */
#gototop { text-align: left;
         margin: 0px 0px 0px 20px; }

/* 著作権表示部の <address> 要素 */
#copyright {
  font-style: normal;
  text-align: center;
  border-top: double silver;
  padding-top: .4em;
}

/* ---------------------------- [ 文字色 ] ---------------------------- */

.aqua { color: aqua }

.black { color: black }

.blue { color: blue }

.chocolate { color: #d2691e }

.fuchsia { color: fuchsia }

.gray { color: gray }

.green { color: green }

.lime { color: lime }

.maroon { color: maroon }

.navy { color: navy }

.olive { color: olive }

.orange { color: #ffa500 }

.purple { color: purple }

.red { color: red }

.silver { color: silver }

.teal { color: teal }

.tomato { color: #ff6347 }

.white { color: white }

.yellow { color: yellow }