@charset "shift_jis";

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

/* 全体レイアウト中央寄せ */
div.main {
	text-align: center;
}
/* 掲示板タイトル */
h1 {
	font-size: 200%;
	margin-bottom: 0;
	color: #008080;
}

/* 投稿フォーム補足文字色 */
span.small {
	font-size: 90%;
	font-weight: normal;
	color: green;
}
/* 投稿フォーム中央寄せ */
table.bbsform {
	margin: 0 auto;
}
table.bbsform th,table.bbsform td {
	font-size: 100%;
	padding: 3px;
	text-align: left;
}
img.capt {
	vertical-align: middle;
}
div.regbtn {
	margin-top: 3px;
}

/* 記事レイアウト */
table.art {
	border-collapse: collapse;
	border: none;
	margin: 1.5em auto;
}
table.art td {
	font-size: 100%;
	text-align: left;
	padding: 0;
}

/* 管理者の返信 */
div.res {
	margin-left: 2em;
	color: #8000ff;
}

/* 吹き出し背景色 */
td.bg-wh {
	background: #fff;
}
td.w14 {
	width: 14px;
}
/* 吹き出し角幅 */
td.w18 {
	width: 18px;
}
/* 吹き出し中央幅 */
td.w550 {
	width: 550px;
}
/* 記事内上部色 */
span.ac-col {
	color: green;
} 
/* 家アイコン位置 */
img.home {
	vertical-align: top;
	border: none;
}
/* 帯タイトル */
div.obi {
	text-align: center;
	padding: 2px;
	background: #008080;
	color:#fff;
	font-weight: bold;
}

/* 閉じボタン */
p.close {
	text-align: center;
	margin-top: 3em;
}
p.close input {
	width: 80px;
}

/* 留意事項・検索画面の記事 */
div.art {
	width: 97%;
	background: #fff;
	border: 1px solid gray;
	margin: 1em auto;
	padding: 6px;
	text-align: left;
}

/* アイコン画面 */
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;
}
.clear {
	clear: both;
}

/* エラー画面メッセージ */
p.red {
	color: #dd0000;
}

div.panel {
	margin: 6px auto;
	width: 520px;
	border-top: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
	padding: 6px;
}

/*
	ページ送り
	参考: http://css-happylife.com/template/page_nav/
*/
ul.pager {
	margin: 0 0 10px;
	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: 1px 8px;
	background: #44c2ff;
	color: #fff;
	border: 1px solid #0080c0;
	text-decoration: none;
	vertical-align: middle;
}
ul.pager li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #0080c0;
	text-decoration: none;
	vertical-align: middle;
}
ul.pager li a:hover {
	background: #eeeff7;
	border-color: #00f;
}