EM {
  font-size: 16px; font-weight: bold; font-style: normal; color: #ff0000; line-height: 135%;
}
DIV#center-content {
  margin-bottom: 10px; width: 100%; text-align: left;
}
DIV#bbs {
  width: 730px;
}
DIV#bbs P {
  margin-left: 0px;
}
@media screen and (max-width: 500px){
  DIV#bbs { width: 100vw; margin: 0; padding:0; }
  DIV#bbs p {
    margin: 0; padding: 0;
  }
}



#bbs {
  width: 100%;
}
#bbs P {
  margin-left: 0px;
}
#bbs em {
  font-size: 12px; font-style: normal; color: #ff0000; line-height: 135%;
  margin: 5px;
}
#bbs em img {
  float: left; margin-left: 20px;
}

#bbs TABLE {
  width: 100%; font-size: 12px;
}
#bbs TABLE TH {
  border: #cccccc 1px solid; font-size: 12px; padding: 3px 0;
  background-color: #555555; color: #FFFFFF;
}
#bbs TABLE .icon {
  text-align: center; width: 30px;
}
#bbs TABLE.btn {
  border: none; width: 300px;
}
#bbs TABLE.btn td {
  border: none;
}
#bbs TABLE IMG {
  margin: 5px 3px 0 3px; vertical-align: bottom;
}
#bbs td {
  text-align: left; border: #ccc 1px solid;
}
#bbs td p {
  padding: 3px;
}


/*
DIV#bbs TABLE {
  clear: both;
}
#bbs TABLE TH {
  border: #cccccc 1px solid; font-size: 12px; padding: 3px 0;
  background-color: #555555; color: #FFFFFF;
}
TD {
  text-align: left;
}


DIV#bbs TABLE.in {
  border-top: #cccccc 1px solid; border-right: #cccccc 1px solid; border-bottom: #cccccc 1px solid;border-left: #cccccc 1px solid;
  width: 100%; margin-bottom: 10px;
}
DIV#bbs .in TR.fi {
  font-weight: bold; color: #ffffff; height: 20px; background-color: #666666; text-align: center;
}
DIV#bbs TABLE.in TD {
  border-top: #cccccc 1px solid;border-right: #cccccc 1px solid; border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid;
  padding: 3px;
}
DIV#bbs TABLE.in TD.form {
  margin: 0; padding: 0; text-align: center;
}
TH {
  border-top: #cccccc 1px solid; border-right: #cccccc 1px solid; border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid;
  padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px;
}
DIV#bbs TABLE TR {
  font-size: 14px;
}
DIV#bbs TABLE TABLE {
  width: 100%;
}
DIV#bbs .name {
  width: 120px; font-size: 12px;
}
DIV#bbs .num {
  margin-bottom: 15px;
  font-size: 9pt; font-family: Verdana,Helvetica,Arial;
}
DIV#bbs .s1 {
  font-size: 10px; font-family: Verdana,Helvetica,Arial;
}
DIV#bbs .s2 {
  font-size: 10px; font-family: MS UI Gothic; line-height: 90%;
}
DIV#bbs TD {
  text-align: left;
}
DIV#bbs TD A:link {
  color: blue;
}
DIV#bbs TD A:visited {
  color: #800080;
}
DIV#bbs TD A:hover {
  color: blue;
}
DIV#bbs TD A:active {
  color: blue;
}
DIV#bbs TD input {
  margin: 5px; vertical-align: middle;
}
DIV#bbs img {
  border: none;
}
DIV#bbs IMG {
  padding-left: 3px;
}
*/


DIV#bbs DL {
  margin-left: 5px; line-height: 135%;
}
DIV#bbs UL {
  margin-bottom: 20px; list-style-type: none; text-align: right;
}
DIV#bbs LI {
  background-position: left center; background-image: url(../../images/arrow_g.gif); background-repeat: no-repeat; display: inline;
  margin-left: 15px; padding-left: 22px; margin-top: 4px;
}
DIV#bbs EM {
  color: #ff0000; font-style: normal;
}
DIV#bbs P.title {
  margin-bottom: 5px; padding-top: 5px; padding-left: 10px; padding-bottom: 5px;
  font-weight: bold; color: #ffffff; background-color: #666666;
}
DIV#bbs P.article {
  margin-top: 20px; margin-bottom: 20px; margin-left: 5px;
}
DIV#bbs P.maint {
  margin-bottom: 10px; margin-left: 5px; padding-bottom: 5px; text-align: right;
}
DIV#bbs P.res {
  margin-bottom: 5px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px; background-color: #cccccc; font-weight: bold;
}
DIV#bbs .bbs-form TD {
  padding-bottom: 10px;
}
DIV#bbs-view {
  width: 730px; margin-top: 10px; text-align: left; background-color: #f7f7ef;
}





DIV#scrollbar {
  width:670px; height:700px; border:solid 0px #999999; overflow:scroll; padding:10px; margin-bottom: 10px;
}
DIV#scrollbar.agree {
  width:650px; height:300px; border:solid 1px #999999; overflow:scroll; padding:10px; margin-bottom: 10px; background-color: #FFFFCC;
}


@media screen and (max-width: 500px){
  DIV#bbs,
  DIV#bbs-view, DIV#scrollbar {
    width: 100%; font-size: 80%;
  }
  DIV#bbs TABLE {
    width: 100%;
  }
  DIV#bbs TABLE TR,
  DIV#bbs .num,
  DIV#bbs .s1,
  DIV#bbs .s2 {
    font-size: 80%;
  }
  DIV#bbs .sub {
    width: 50%;
  }
  DIV#bbs .name {
    width: 30%; font-size: 100%;
  }

  DIV#bbs P,
  DIV#bbs P.article {
    font-size: 160%; line-height: 1.4em;
  }
  DIV#bbs DL {
    font-size: 100%;
  }
  DIV#bbs P.title {
    font-size: 100%; width: 100%;
  }
  DIV#bbs TABLE.in TD {
    margin: 0; padding: 0;
  }
  DIV#bbs P {
    margin: 0; padding: 0;
  }
  DIV#bbs P.res {
    margin: 0; padding: 10px; margin-left: -5px;
  }
  DIV#bbs P.res IMG {
    display: none;
  }
  DIV#bbs P.res strong {
    font-size: 80%;
  }
  DIV#bbs P.res dl {
    font-size: 100%;
  }
  #inputlength {
    display: none;
  }

  DIV#bbs #bbs-form {
    font-size: 110%; padding: 10px;
  }
  DIV#bbs #bbs-form input {
    width: 98%; font-size: 120%; resize: none;
  }
  DIV#bbs #bbs-form input.ck {
    width: auto;
  }
  DIV#bbs #bbs-form textarea {
    width: 100%; font-size: 120%; resize: none;
  }
}



/* --------------------------------------------------------
  info系bbs　*後ほど統合
--------------------------------------------------------- */
#bbs dl {
  width: 710px; margin-left: 10px; padding: 2px;
}
#bbs dt {
  padding: 6px; padding-left: 10px; 
  margin-bottom: 10px; background-color: #ccc; color: #333; font-weight: bold;
}
#bbs dt.master {
  background-color: #333; color: #FFF;
}
#bbs dt img{
  float: left; margin-right: 10px;
}
#bbs dd {
  padding: 2px; margin-left: 5px;
}
#bbs dd p {
  margin-left: 12px; line-height: 1.8em;
}
#bbs .mente {
  width: 710px; margin-left: 10px; margin-bottom: 10px; text-align: right;
}
@media screen and (max-width: 500px){
  #bbs dl { width: 100vw; margin: 0; padding:0; }
  #bbs dt img{
    display: none;
  }
  #bbs dd img.master-img{
    margin: 0; width: 100vw; height: auto;
  }
  #bbs dd {
    margin: 0; padding: 0 10px;
  }
  #bbs dd p {
    margin: 0; padding: 0;
  }
  #bbs .mente { width: 100vw; margin: 0; margin-bottom: 10px; }
}



#bbs ul {
  text-align: right; margin-bottom: 15px; margin-right: 20px; list-style-type: none;
}
#bbs li {
  margin-left: 15px; padding-left: 15px; padding-top: 3px; font-weight: bold; display: inline;
  background-image: url(../../images/bg_bbs_arrow.gif); background-repeat: no-repeat;
}
#bbs li A {
  color: #555555;
}
#bbs li A:hover {
  color: #FF3333;
}

#bbs #bbs-form th {
  background-color: #f7f7ef; color: #333; font-size: 12px; border: none;
  text-align: left; font-weight: normal;
}
#bbs #bbs-form td {
  border: none;
}


#bbs #search {
  margin-bottom: 10px;
}
#bbs #fav-btn {
  width: 710px; margin-left: 10px; margin-bottom: 10px; text-align: left;
}

#bbs .ad-unit {
  margin: 20px 0;
}


/* kobetu view */
#bbs.view2 {
  padding: 10px; background-color: #FFF;
}
#bbs.view2 input {
  margin-left: 15px;
}


#bbs TD A:link {
  color: blue;
}
#bbs TD A:visited {
  color: #800080;
}
#bbs TD A:hover {
  color: blue;
}
#bbs TD A:active {
  color: blue;
}
#bbs TD input {
  margin: 5px; vertical-align: middle;
}





/* スレ主色分け */
.m-write {
  line-height: 180%; color: #009900; /* font-weight: bold; */
}


/*マイデザイン*/

DIV#my-design {
  padding-top: 15px; width: 500px;
}
DIV#my-design .design-img {
  width: 210px; padding-left: 15px; float: left; text-align: center;
}
DIV#my-design .design-img IMG {
  margin-bottom: 5px;
}
DIV#my-design .design-ad {
  padding-left: 15px; float: left;
}

#section {
  width: 700px; margin-left: auto; margin-right: auto;
}
#section .paint {
 width: 561px; margin-right: 10px; float: right;
}
#section .ad {
 width: 125px; float: none;
}

#book {
  width: 700px;
}
#book .item {
  width: 85px; height: 85px; padding: 0 16px 10px 15px; text-align: center; float: left;
}






/* --------------------------------------------------------
  taglist
--------------------------------------------------------- */
#taglist {
  width: 680px; padding: 10px 10px 0 10px ; margin-left: 20px; margin-bottom: 20px;
  background-color: #f2f4f6; display: none;
}
#taglist p {
  text-align: center;
}
#taglist input.text {
  width: 300px;
}


/* --------------------------------------------------------
  prev_page
--------------------------------------------------------- */
#prev_page {
  text-align: center; padding: 0px; margin: 0px; width: 730px;
}
#prev_page STRONG {
  width: 18px; font-weight: bold; padding: 2px 3px;
  display: block; float: left; margin: 0 3px 3px 0;
  color: #333333; border: #DDDDDD solid 1px; background-color: #EEEEEE;
}
#prev_page A {
  width: 18px; font-weight: normal; padding: 2px 3px;
  display: block; float: left; margin: 0 3px 3px 0;
  color: #333333; border: #DDDDDD solid 1px;
}
#prev_page A:hover {
  color: #FFFFFF; background-color: #003399; border: #0000DD solid 1px;
}
#prev_page A:active {
  color: #FFFFFF; background-color: #003399; border: #0000DD solid 1px;
}
#prev_page .block {
  display: block; float: left; padding: 2px 10px; width: 62px;
}
@media screen and (max-width: 500px){
  #prev_page {
    width: 100%; margin: 50px 0;
  }
  #prev_page STRONG,
  #prev_page A {
    width: 42px; padding: 4px 6px;
  }
  #prev_page .block {
    width: 42px; padding: 4px 6px;
  }
}


/* --------------------------------------------------------
	novel_ss
--------------------------------------------------------- */

.novel_ss {
  padding: 10px; border: solid 1px #aca899; background-color: #ece9d8; clear: both;
  line-height: 1.4em; margin-bottom: 10px;
}
.novel_ss strong {
  font-size: 120%;
}
.novel_ss .like {
  color: #ff9900; font-weight: bold; font-size: 1.4em;
}
DIV#bbs .novel_ss P.res {
  color: #FFF; background-color: #817b6f;
}
.novel_ss input {
  padding: 0; margin: 0;
}