@charset "utf-8";

/* 初期化用のスタイル */
@import "init.css";

/* 共通部分のスタイル */
@import "common.css";

/* Ban-bonityのトップページ */
.bamBonityIndex #topimg {
	width: 584px;
}

.bamBonityIndex #topimg img {
	width: 550px;
	display: block;
	margin: 0 auto;
}

.bamBonityIndex .naviButton li {
	float: left;
	width: 269px;
	margin-right: 6px;
}

.bamBonityIndex .naviButton li a {
	display: block;
	color: #42210B;
	text-decoration: none;
	padding: 6px;
	border: 1px solid #999999;
	border-right: 2px solid #888888;
	border-bottom: 2px solid #888888;
}

.bamBonityIndex .naviButton li a:hover{
	color: #000000;
	border: 1px solid #990000;
	border-right: 2px solid #880000;
	border-bottom: 2px solid #880000;
}

.bamBonityIndex .naviButton li a .naviTitle {
	font-size: 1.1em;
	font-weight: bold;
}

.bamBonityIndex .naviButton li a .naviTitle img {
	margin-right: 0.5em;
	vertical-align: middle;
}

.bamBonityIndex #announce tbody td {
	padding-left: 1em;
}

.bamBonityIndex #announce_list {
	float: right;
	width: 200px;
	height: 25px;
	background-image: url(../img/bn_other.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	text-align: center;
}

.bamBonityIndex #announce_list a {
	display: block;
	width: 200px;
	font-size: 12px;
	line-height: 25px;
	color: #000000;
	text-decoration: none;
}

.bamBonityIndex #side .pet_image {
/*	position: relative;*/
	margin: 5px 5px 15px;
	padding-top: 75px;
	padding-bottom: 5px;
	width: 200px;
	background-image: url("../img/side_img_bg.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}

.bamBonityIndex #side .pet_image a {
	display: block;
	width: 181px;
	margin: 0;
	padding: 0;
	border: 0;
	margin-left: 10px;
	overflow: hidden;
	background-color: #393939;
}

.bamBonityIndex #side .pet_image a img {
	display: block;
	margin: 3px auto;
	padding: 0;
	border: 0;
/*	padding-top: 3px;*/
}

/* お知らせページ */
.announceList #archives p {
	font-weight: bold;
}

.announceList #archives table tbody td {
	padding-left: 1em;
}

/* 問い合わせページ */
.inquiry #formmail {
	border: 1px solid #999999;
	padding: 6px;
	margin: 1em 0;
}

.inquiry #formmail input.onamae, .inquiry #formmail input.mailAddress {
	width: 265px;
}

.inquiry #formmail textarea {
	width: 530px;
	height: 100px;
}

.inquiry table {
	border-collapse: collapse;
	border: 1px solid #000000;
	width: 544px;
	margin: 1em 0;
}

.inquiry table th, .inquiry table td {
	border: 1px solid #000000;
	padding: 0.2em 0.5em;
}

.inquiry table th {
	width: 8em;
	white-space: nowrap;
}

/* -------------------------- */
/* お題コンテンツ用のスタイル */
/* -------------------------- */

/* サイドメニュー */
#odai_sideMenu {
	margin: 6px 0 0 3px;
	line-height: 1em;
}

#odai_sideMenu li {
	height: 25px;
	width: 200px;
	background-image: url(../img/bn_side.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#odai_sideMenu a {
	display: block;
	margin: 0;
	font-size: 10pt;
	padding-left: 25px;
	line-height: 25px;
	color: #000000;
	text-decoration: none;
}

/* トップページ専用のスタイル */
.index #odai_list li {
	padding-left: 1em;
	margin-bottom: 0.5em;
}

.index #charctor_img {
	float: left;
	padding: 0 1em 1em 0;
}

/* 過去のお題リストのスタイル */
.articllist #odai_list p {
	padding: 0.25em 0;
	font-weight: bold;
}

/* 各記事のスタイル */
.articl h3 {
	margin: 0.5em 0;
	padding: 0.25em 0;
	font-weight: bold;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.articl .entryBody, .articl .comments {
	font-size: 0.9em;
}

.articl .comments li {
	border-bottom: 1px solid #999999;
	margin-bottom: 1em;
}

.articl .comments img {
	float: left;
	margin-right: 1em;
}

.articl .comments p {
	float: left;
}

.articl .replies li {
	border: none;
	border-top: 1px dotted #999999;
	padding-top: 1em;
	margin: 0 0 0 1em;
}

.articl .comments .author {
	clear: both;
	float: none;
	text-align: right;
	font-size: 0.9em;
}

.articl .caution {
	font-size: 0.9em;
	color: #FF0000;
	text-decoration: underline;
}

.articl #comment-form-url {
	display: none;
}

.articl #previousArticl {
	float: left;
	font-size: 87.5%;
}

.articl #previousArticl img {
	vertical-align: middle;
}

.articl #nextArticl {
	float: right;
	font-size: 87.5%;
}

.articl .dumyLink {
	color: #BBBBBB;
}

.articl .answerOpen {
	margin: 1em auto 1em auto;
	width: 200px;
	height: 25px;
	background-image: url(../img/bn_answer.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	text-align: center;
}

.articl .answerOpen a {
	display: block;
	width: 200px;
	height: 25px;
	font-size: 12px;
	line-height: 25px;
	color: #000000;
	text-decoration: none;
}

.articl .answerClose {
	float: right;
	width: 200px;
	height: 25px;
	background-image: url(../img/bn_other.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	text-align: center;
}

.articl .answerClose a {
	display: block;
	width: 200px;
	height: 25px;
	font-size: 12px;
	line-height: 25px;
	color: #000000;
	text-decoration: none;
}