@charset 'UTF-8';

/****** BBS ******/
.button_area {
  text-align: right;
  margin: 5px 20px 0px 0px;
}

.bbs_area {
  text-align: center;
  font-size: 80%;
  margin: 5px 0px 0px 0px;
  padding: 0px;
  border: 0px;
}
.bbs_area p{
  text-align: left;
  font-size: 100%;
}

/* 投稿一覧 */
.bbs_list
{
  margin: 0 auto;
  width: 95%;
  text-align: left;
  border-width: 1px 1px 0px;
  border-style: solid;
  border-color: #999;
  border-spacing: 0;
  border-collapse: collapse;
}
.bbs_list thead,.bbs_list tfoot
{
	text-align: right;
}
.bbs_list tr.l1
{
  background-color: #ffcccc;
  color: #524F46;
  font-weight: bold;
}
.bbs_list a
{
  text-decoration: none;
}
.bbs_list a:hover
{
  text-decoration: underline;
}
.bbs_list td.title,
.bbs_list td.comment
{
  padding: 12px 15px;
}
.bbs_list td.c1
{
  padding: 0px;
  border-right: 1px dotted #999;
  text-align: center;
  color: #d2813f;
  width: 10%;
}
.bbs_list td.c2
{
  padding: 5px;
}

.bbs_list td.title,
.bbs_list td.ymd,
.bbs_list td.c1,
.bbs_list td.c2
{
  border-bottom: 1px dotted #999;
}
.bbs_list td.comment
{
  border-bottom: 1px solid #999;
  font-size: 120%;
}
.bbs_list p
{
  margin-top: 0px;
}
.bbs_list td.ymd
{
  padding: 12px 5px;
  border-left: 1px dotted #999;
  text-align: right;
  font-weight: normal;
  width:30%;
  font-size: 90%;
}

/* 投稿ページ */
#bbs_form {
  margin: 0 auto;
  padding: 0px;
  width: 95%;
  border-spacing: 0;
  border-collapse: collapse;
}

#bbs_form th
{
  white-space: nowrap;
  font-style: normal;
  text-align: right;
}

#bbs_form td, #bbs_form th
{
  border-bottom: 1px solid #eee;
  vertical-align: top;
  padding: 7px;
}

#bbs_form tfoot td, #bbs_form tfoot th
{
  border: 0;
  text-align: right;
}

#bbs_form textarea {
  width: 450px;
  font-size: 90%;
}
#bbs_form input.txtbox {
  width: 450px;
}
#bbs_form input.shorttxtbox {
  width: 300px;
}

ul.error_list {
  list-style: none;
}
.error_list li {
  color: red;
}

/* 投稿確認ページ */
.bbs_confirm
{
  width: 90%;
  margin: 7px auto;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 90%;
}
.bbs_confirm th
{
  background-color: #ffcccc;
  border-right: 1px dotted #999;
  border-left: 1px solid #999;
  white-space: nowrap;
  font-style: normal;
  width: 20%;
}
.bbs_confirm td
{
  border-right: 1px solid #999;
}
.bbs_confirm td, .bbs_confirm th
{
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
  text-align: left;
  vertical-align: top;
  padding: 7px;
}
.bbs_confirm tfoot td, .bbs_confirm tfoot th
{
  border: 0;
  text-align: right;
}
.bbs_confirm p {
  font-size: 1em;
  line-height: 1.2em;
  vertical-align: top;
  margin:0;
}

/*** お問合せ ***/
.contacts {
  text-align: center;
  font-size: 80%;
  margin: 5px 0px 0px 0px;
  padding: 0px;
  border: 0px;
}
.contacts p {
  font-weight: bold;
  text-align: left;
  font-size: 100%;
}

.contacts ul {
  width: 95%;
  font-size: 100%;
  list-style: none;
  padding: 0px 0px 10px 0px;
  margin: 10px 0px 10px 0px;
}
.contacts li {
  list-style: none;
  height: auto;
  display: block;
  font-size: 100%;
}
.contacts li.li-l {
  text-align: right;
  font-weight: bold;
  width: 120px;
  float: left;
  padding: 5px 0px 5px 5px;
  margin: 0px 0px 5px 10px;
}
.contacts li.li-r {
  text-align: left;
  width: 490px;
  float: right;
  padding: 5px 0px 2px 5px;
  margin: 0px 0px 5px 5px;
}
.contacts li.li-r input.txtbox {
  width: 400px;
}
.contacts textarea {
  width: 400px;
  font-size: 90%;
}

.contacts ul.error_list {
  padding: 0px 150px ;
  list-style: none;
}
.contacts .error_list li {
  color: red;
}

.contacts_confirm
{
  width: 90%;
  margin: 7px auto;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 90%;
}
.contacts_confirm th
{
  background-color: #ffcccc;
  border-right: 1px dotted #999;
  border-left: 1px solid #999;
  white-space: nowrap;
  font-style: normal;
  width: 20%;
}
.contacts_confirm td
{
  border-right: 1px solid #999;
}
.contacts_confirm td, .contacts_confirm th
{
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
  text-align: left;
  vertical-align: top;
  padding: 7px;
}
.contacts_confirm tfoot td, .contacts_confirm tfoot th
{
  border: 0;
  text-align: right;
}
.contacts_confirm p {
  font-size: 1em;
  line-height: 1.2em;
  vertical-align: top;
  margin:0;
  font-weight: normal;
}