/*
==============================================================
mainNavi
==============================================================
*/

#mainNavi {
  background: url(../bbs/bottom_navi.gif) bottom no-repeat;
}

#mainNavi li#navi1 {
  width: 44px;
  left: 0px;
  background: url(../main_navi.jpg) no-repeat 0px 0px;
}

#mainNavi li#navi2 {
  width: 90px;
  left: 46px;
  background: url(../main_navi.jpg) no-repeat -46px 0px;
}

#mainNavi li#navi3 {
  width: 90px;
  left: 138px;
  background: url(../main_navi.jpg) no-repeat -138px 0px;
}

#mainNavi li#navi4 {
  width: 90px;
  left: 230px;
  background: url(../main_navi.jpg) no-repeat -230px 0px;
}

#mainNavi li#navi5 {
  width: 90px;
  left: 322px;
  background: url(../main_navi.jpg) no-repeat -322px 0px;
}

#mainNavi li#navi6 {
  width: 90px;
  left: 414px;
  background: url(../main_navi.jpg) no-repeat -414px 0px;
}

#mainNavi li#navi7 {
  width: 90px;
  left: 506px;
  background: url(../main_navi.jpg) no-repeat -506px 0px;
}

#mainNavi li#navi8 {
  width: 90px;
  left: 598px;
  background: url(../main_navi.jpg) no-repeat -598px 0px;
}

#mainNavi li#navi9 {
  width: 90px;
  left: 690px;
  background: url(../main_navi.jpg) no-repeat -690px -80px;
}

#mainNavi li#navi1 a:hover {
  background: url(../main_navi.jpg) no-repeat 0px -40px;
}

#mainNavi li#navi2 a:hover {
  background: url(../main_navi.jpg) no-repeat -46px -40px;
}

#mainNavi li#navi3 a:hover {
  background: url(../main_navi.jpg) no-repeat -138px -40px;
}

#mainNavi li#navi4 a:hover {
  background: url(../main_navi.jpg) no-repeat -230px -40px;
}

#mainNavi li#navi5 a:hover {
  background: url(../main_navi.jpg) no-repeat -322px -40px;
}

#mainNavi li#navi6 a:hover {
  background: url(../main_navi.jpg) no-repeat -414px -40px;
}

#mainNavi li#navi7 a:hover {
  background: url(../main_navi.jpg) no-repeat -506px -40px;
}

#mainNavi li#navi8 a:hover {
  background: url(../main_navi.jpg) no-repeat -598px -40px;
}
/*
#mainNavi li#navi9 a:hover {
  background: url(../main_navi.jpg) no-repeat -690px -40px;
}
*/

/*page title*/

/*
==============================================================
contents
==============================================================
*/
#contents {
  width: 820px;
  margin-left: 5px;padding-top: 30px;
  background: url(../bbs/bbs.jpg) no-repeat;
}

#contentsRes {
  width: 820px;
  margin-left: 5px;padding-top: 30px;
  background: url(../bbs/bbs_res.jpg) no-repeat;
}

/*
--------------------------------------------------------------
form
--------------------------------------------------------------
*/
#formBlock {
  width: 300px;
  margin-left: 480px;
}

#formBlock .item1 {
  width: 300px;
  height: 20px;
  background: #fff;
  clear: both;
}

#formBlock .item2 {
  width: 300px;
  background: #fff;
  clear: both;
}

#formBlock .item1 img {
  float: left;
}

#formBlock .item2 img {
  display: block;
}

#formBlock .txtField {
  margin: 3px 0 0 0;
  width: 230px;
  font-size: 12px;
  border: 0;
}

#formBlock textarea {
  width: 290px;
  height: 120px;
  padding: 5px;
  border: 0;
  font-size: 12px;
}

#btnBlock1 {
  padding-top: 20px;
  text-align: center;
}

#btnBlock1 input {
  width: 100px;
}
/*
--------------------------------------------------------------
message
--------------------------------------------------------------
*/
#btnBlock2 {
  width: 780px;
  padding: 40px 0 20px 0; 
  text-align: right;
}

.oldlog {
  margin-left: 20px;
}

.topBlock {
  width: 630px;
  height: 20px;
  margin-left: 150px;
  text-align: right;
  background:url(../bbs/bg_top.gif) no-repeat;
}

.topBlock p {
  padding: 5px 10px 0 0;
  font-size: small;
  font-family: Verdana, Arial;
}

.bottomBlock {
  width: 630px;
  height: 44px;
  margin-left: 150px;
  clear: both;
  background:url(../bbs/bg_bottom.gif) no-repeat;
}

.bottomBlock img {
  margin: 10px 0 0 82px;
}

.parentBlock {
  width: 780px;
  background:url(../bbs/bg_middle.gif) repeat-y;
}

.parentDate, .childDate {
  width: 150px;
  font-size: small;
  line-height: 18px;
  text-align: right;
  float: left;
}

.parentMain, .childMain {
  width: 630px;
  margin-left: 150px;
}

.parentSubject {
  width: 500px;
  margin-left: 50px;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  color: #990000;
}

.parentName {
  width: 500px;
  margin: 10px 0 0 50px;
  font-size: 12px;
  font-weight: bold;
}

.parentName img, .childName img {
  margin-left: 10px;
}

.parentMessage {
  width: 500px;
  margin-left: 50px;
  padding: 20px 0;
  font-size: 12px;
  line-height: 20px;
}

.childBlock {
  width: 780px;
  clear: both;
  background:url(../bbs/bg_middle.gif) repeat-y;
}

.childSubject {
  width: 518px;
  margin-left: 82px;
  padding-left: 18px;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  color: #990000;
  background:url(../bbs/bg_res.gif) no-repeat 0px 2px;
}

.childName {
  width: 500px;
  margin: 10px 0 0 100px;
  font-size: 12px;
  font-weight: bold;
}

.childMessage {
  width: 500px;
  margin-left: 100px;
  padding: 20px 0;
  font-size: 12px;
  line-height: 20px;
}

.btnTop {
  width: 780px;
}

.btnTop a {
  width: 17px;
  height :17px;
  margin: 20px 0 20px 763px;
  display: block;
  background: url(../btn_top.gif) no-repeat;
}

#btnBlock3 {
  margin: 0 0 20px 170px;
}

#btnBlock4 {
  margin: 0 0 20px 315px;
}

#copyright {
  margin-left: 348px;
}

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "ＭＳ Ｐゴシック", "MS PGothic";
}