@charset "utf-8";

/*------------------------------------------------------------------------------*/

/*
p.notice{
  color : #ff0000;
  font-size : 120%;
  font-weight : bold;
  text-align : center;
  margin-top : 3em;
}
*/
form#bbs_form{
  width : 640px;
  margin : 0 auto;
  background : url(../image/bg-form.png) repeat 0 0;
  border-top : 1px solid #aaaaaa;
  border-right : 1px solid #e0e0e0;
  border-bottom : 1px solid #ffffff;
  border-left : 1px solid #b0b0b0;
  border-radius : 7px;
  padding : 10px 30px 0;
}
@media screen and (max-width: 480px) {
    form#bbs_form{
      width : 320px;
      margin : 0 auto;
      background : url(../image/bg-form.png) repeat 0 0;
      border-top : 1px solid #aaaaaa;
      border-right : 1px solid #e0e0e0;
      border-bottom : 1px solid #ffffff;
      border-left : 1px solid #b0b0b0;
      border-radius : 7px;
      padding : 10px 30px 0;
    }
}
form#bbs_form blockquote{
  margin : 1em auto 1em;
  background : url(../image/bg-blockquote.png) repeat 0 0;
  border-top : 1px solid #cccccc;
  border-right : 1px solid #eeeeee;
  border-bottom : 1px solid #ffffff;
  border-left : 1px solid #dddddd;
  border-radius : 7px;
  padding : 15px 30px 20px;
}
form#bbs_form blockquote p span{
  font-size : 135%;
}
form#bbs_form blockquote p:first-child+p{
  font-size : 12px;
  color : #999999;
}
form#bbs_form dl{
  overflow : hidden;
}
form#bbs_form dl dt{
  clear : both;
  width : 100px;
  float : left;
  text-align : right;
	border-top : 1px dotted #999999;
	padding : 12px 0 10px;
}
form#bbs_form dl dd{
  width : 410px;
  float : left;
	border-top : 1px dotted #999999;
	padding : 16px 0 10px 28px;
}
@media screen and (max-width: 480px) {
    form#bbs_form dl dt{
      clear : both;
      width : 100px;
      float : left;
      text-align : right;
            border-top : 0px dotted #999999;
            padding : 0px 0px 0px;
    }
    form#bbs_form dl dd{
      width : 320px;
      float : left;
            border-top : 0px dotted #999999;
            padding : 0px 0px 10px 0px;
    }
}
form#bbs_form dl dt:first-child,
form#bbs_form dl dt:first-child+dd{
  border : none;
}
form#bbs_form dl dt span{
	font-size : 80%;
	color : #803300;
	display : block;
}
form#bbs_form input#name{
  width : 180px;
  height : 1.6em;
}
form#bbs_form input#title{
  width : 250px;
  height : 1.6em;
}
form#bbs_form textarea{
  width : 370px;
  height : 150px;
  resize : vertical;
}
@media screen and (max-width: 480px) {
    form#bbs_form input#name{
      width : 240px;
      height : 1.6em;
    }
    form#bbs_form input#title{
      width : 240px;
      height : 1.6em;
    }
    form#bbs_form textarea{
      width : 240px;
      height : 100px;
      resize : vertical;
    }
}
form#bbs_form input,
form#bbs_form textarea{
  border-radius : 5px;
  border-top : 1px solid #aaaaaa;
  border-right : 1px solid #e0e0e0;
  border-bottom : 1px solid #ffffff;
  border-left : 1px solid #b0b0b0;
  margin-right : 10px;
  background : #fafafa;
}
form#bbs_form input:focus,
form#bbs_form textarea:focus{
  box-shadow : 0px 0px 10px #e4608f;
  background : #ffffff;
}
form#bbs_form input.bbs_submit_button{
  padding : 4px 10px;
  vertical-align : middle;
  background : #eeeeee;
  color : #444444;
  border-top : 1px solid #efefef;
  border-right : 1px solid #aaaaaa;
  border-bottom : 1px solid #b0b0b0;
  border-left : 1px solid #e0e0e0;
  border-radius : 5px;
  font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Verdana,Arial,sans-serif;
  font-weight : bold;
  text-shadow : 0px 1px 0px #ffffff;
}
form#bbs_form input.bbs_submit_button:hover{
  color : #106dff;
  background : #e0e0e0;
}


div#show-bbs-post{
}
div#show-bbs-post dl{
  width : 640px;
  margin : 3em auto 3em;
  background : url(../image/bg-post.png) repeat 0 0;
  border-top : 1px solid #cccccc;
  border-right : 1px solid #eeeeee;
  border-bottom : 1px solid #ffffff;
  border-left : 1px solid #dddddd;
  border-radius : 7px;
  padding : 15px 30px 20px;
}
@media screen and (max-width: 480px) {
    div#show-bbs-post dl{
      width : 320px;
      margin : 3em auto 3em;
      background : url(../image/bg-post.png) repeat 0 0;
      border-top : 1px solid #cccccc;
      border-right : 1px solid #eeeeee;
      border-bottom : 1px solid #ffffff;
      border-left : 1px solid #dddddd;
      border-radius : 7px;
      padding : 15px 30px 20px;
    }
}
div#show-bbs-post dl dt{
  font-size : 135%;
	border-bottom : 1px dotted #999999;
}
div#show-bbs-post dl dt span{
  font-size : 12px;
  display : block;
  float : right;
  margin-top : 3px;
}
div#show-bbs-post dl dd{
}
div#show-bbs-post dl dt+dd{
  clear : both;
  font-size : 12px;
  color : #999999;
  margin-bottom : 10px;
}
div#show-bbs-post dl dt.res{
  background : url(../image/bg-post.png) repeat 0 0;
  border-top : 1px solid #cccccc;
  border-right : 1px solid #eeeeee;
  border-left : 1px solid #dddddd;
  border-radius : 7px 7px 0 0;
  padding : 10px 25px 0;
  margin-top : 20px;
	border-bottom : none;
}
div#show-bbs-post dl dd.res{
  background : url(../image/bg-post.png) repeat 0 0;
  border-right : 1px solid #eeeeee;
  border-bottom : 1px solid #ffffff;
  border-left : 1px solid #dddddd;
  border-radius : 0 0 7px 7px;
  padding : 0 25px 15px;
}
div#show-bbs-post dl dt.res+dd{
  border-bottom : none;
  border-radius : 0;
  margin-bottom : 0;
  padding-bottom : 10px;
}
div#show-bbs-post dl dt.res span{
  font-size : 100%;
  display : block;
  float : none;
  margin-top : 0;
  width : 100%;
  border-bottom : 1px dotted #999999;
}

/*--admin-----------------------------------------------------------------------*/

div#show-bbs-post dl dd form input{
  border : none;
  background : transparent;
  font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Verdana,Arial,sans-serif;
  font-size : 12px;
  color : #0000ff;
  text-decoration : underline;
}
div#show-bbs-post dl dd form input:hover{
  cursor : pointer;
  text-decoration : none;
}

/*--JavaScript------------------------------------------------------------------*/

form#bbs_form div{
  color : #ff0000;
  font-weight : bold;
}
div#show-bbs-post ul.navigation{
  width : 580px;
  margin : 0 auto;
  overflow : hidden;
}
@media screen and (max-width: 480px) {
    div#show-bbs-post ul.navigation{
      width : 320px;
      margin : 0 auto;
      overflow : hidden;
    }
}
div#show-bbs-post ul.navigation li.next{
  float : right;
}
div#show-bbs-post ul.navigation li.prev{
  float : left;
}

/*------------------------------------------------------------------------------*/