@charset "shift_jis";

/* 本体 */
body,th,td {
	font-family: Verdana,"MS PGothic","Osaka",Arial,sans-serif;
	font-size: 80%;
	background: #ffffff;
	color: #452815;
}
a {
	text-decoration: none;
}
a: hover {
	text-decoration: underline;
	color: #dd0000;
}

/* 中央寄せ */
.ta-c {
	text-align: center;
}

/* 掲示板タイトル */
h1 {
	font-size: 200%;
	margin-bottom: 0;
	color: #bb0000;
}

/* 投稿フォーム */
table.bbsform {
	margin: 1em auto;
}
span.small {
	font-size: 90%;
	color: green;
}
table.bbsform th, td {
	font-size: 100%;
	padding: 1.5px;
	text-align: left;
}
img.capt {
	vertical-align: middle;
}

/* 親記事間隔 */
table.art {
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.6em;
}
/* レス記事間隔 */
table.res {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.4em;
}
/* 吹き出しのテーブル間隔 */
table.art td, table.res td {
	padding: 0;
}
/* 親記事背景色 */
td.bg-wh {
	background: #fff;
}
/* レス記事吹き出し背景色 */
td.bg-gy {
	background: #ffd6ff;
}
/* 記事件名の色 */
td.bg-wh strong {
	color: #bb0000;
}
/* 吹き出し角幅 */
td.w14 {
	width: 14px;
}
/* 吹き出し元幅 */
td.w18 {
	width: 18px;
}
/* 親記事中央幅 */
td.body {
	width: 570px;
}
/* レス記事中央幅 */
td.res  {
	width: 420px;
}
/* 記事番号色 */
span.ac-col {
	color: green;
}
/* 家アイコン位置 */
img.home {
	vertical-align: top;
	border: none;
}
/* ページタイトル部（検索画面・留意画面） */
div.obi {
	text-align: center;
	padding: 2px;
	background: #844f00;
	color: #fff;
	font-weight: bold;
}
/* ページ本文（検索画面・留意画面） */
div.art {
	width: 90%;
	background: #fff;
	border: 1px
	solid gray;
	margin: 1em;
	padding: 6px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
/* 閉じるボタン位置 */
p.close {
	text-align: center;
	margin-top: 3em;
}
/* 閉じるボタン横幅 */
p.close input {
	width: 80px;
}
/* 検索画面・留意画面記事項目（左） */
div.key {
	float: left;
	width: 3.5em;
}
/* 検索画面・留意画面記事内容（右） */
div.val {
	float: left;
}
/* 廻り込み解除 */
div.clear {
	clear: both;
}
/* エラーメッセージ色 */
p.err {
	color: #dd0000;
}
/* アイコン一覧 */
div.photo {
	border: 1px solid #2b0000;
	background: #fff;
	width: 75px;
	height: 75px;
	float: left;
	margin: 3px;
}
p.image, p.caption {
	text-align: center;
	margin: 10px;
}

/* トピック画面 */
table.topic {
	border-collapse: collapse;
	width: 90%;
	margin: 5px auto 1em auto;
}
table.topic th, table.topic td {
	border: 1px solid #552b00;
	padding: 4px;
	font-size: 100%;
}
table.topic th {
	background: #ffdab5;
}
table.topic td {
	background: #fff;
}
.w-s {
	width: 3.5em;
}
.w-m {
	width: 12em;
	white-space: nowrap;
}
.w-m span {
	font-size: 85%;
}

/* 投稿・返信ボタン */
div.new-btn {
	width: 90%;
	text-align: left;
	margin: 6px auto;
}
div#addform {
	width: 90%;
	text-align: left;
	margin: 0 auto;
}
div.res-btn {
	width: 92%;
	text-align: left;
	margin: 1em auto;
}
div.find-form {
	width: 90%;
	text-align: left;
	margin: 0 auto;
}

/*
	ページ送り
	参考: http://css-happylife.com/template/page_nav/
*/
ul.pager {
	margin: 1em 0;
	padding: 10px 10px 5px;
}
ul.pager li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}
ul.pager li span {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 12px;
	background: #804040;
	color: #fff;
	border: 1px solid #aaa;
	text-decoration: none;
	vertical-align: middle;
}
ul.pager li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 12px;
	background: #fff;
	color: #5b2e00;
	border: 1px solid #804040;
	text-decoration: none;
	vertical-align: middle;
}
ul.pager li a:hover {
	background: #ffc488;
}