@charset "utf-8";

.body-read-board {width:100%; margin:5px 0 10px; table-layout:fixed}
.body-read-board th {width:20%; text-align:center; font-weight:600; background-color:#fafafa; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1}
.body-read-board td {padding:10px 5px; line-height:1.3; white-space:normal; overflow:hidden; word-wrap:break-word; word-break:break-all; border-bottom:1px solid #e1e1e1}
.body-read-board td.body-subject {padding:12px 10px; font-weight:600; background-color:#fafafa; border-top:2px solid #0099cc; border-bottom:1px solid #0099cc}
.body-read-file-list {height:80px; padding:0 5px; border:1px solid #e1e1e1; overflow-x:hidden; overflow-y:auto}
.body-read-media-file {padding-bottom:10px; text-align:center}
#read_contents {min-height:50px; height:auto !important; height:50px; padding:10px 5px; vertical-align:top}
#read_contents * {line-height:1.5}
.body-read-comment-board {width:100%; margin-top:15px}
.body-read-comment-board th {height:1px; font-size:0; overflow:hidden; border-bottom:1px dotted #e1e1e1; text-align:center; color:#fff}
.body-read-comment-board th.body-subject {width:100%}
.body-read-comment-board td {padding:5px; border-bottom:1px dotted #e1e1e1; white-space:nowrap; line-height:1.3}
.body-read-comment-board td.body-name {padding-left:10px; background:url(../../../../../include/images/ei_square_gray.gif) no-repeat 2px center}
.body-read-comment-board td.body-subject {max-width:0; text-align:left; white-space:normal; overflow:hidden; word-wrap:break-word; word-break:break-all}
.body-read-comment-board td.body-date {padding-left:10px; background:url(../../../../../include/images/ei_square_gray.gif) no-repeat left center}
#read_comment_form {margin-top:15px; padding:7px; background-color:#f3f3f3; border:1px solid #e1e1e1}
.body-read-comment-pw {margin-bottom:5px}
.body-read-comment-pw label {padding-left:20px; background:url(../../../../../include/images/ei_square_gray.gif) no-repeat 12px 4px}
.body-read-comment {width:100%; text-align:center}
#comment {height:40px; overflow-x:hidden; overflow-y:scroll}

.body-list-info {display:inline-block; width:100%; margin-bottom:5px}
.body-list-statistic {float:left; padding-top:9px}
.body-list-statistic span {padding:0 10px 0 13px; background:url(../../../../../include/images/ei_arrow_blue.gif) no-repeat 0}
.body-list-statistic a {padding-left:17px; background:url(../../../../../include/images/ei_rss.gif) no-repeat 0 2px}
#list_category_form {float:right}
.body-list-board {width:100%}
.body-list-board th {padding:12px 10px; font-weight:600; text-align:center; white-space:nowrap; background-color:#fafafa; border-top:2px solid #0099cc; border-bottom:1px solid #0099cc}
.body-list-board th.body-title {width:100%}
.body-list-board td {padding:10px 5px;text-align:center; white-space:nowrap; line-height:1.3; border-bottom:1px solid #e1e1e1}
.body-list-board td.body-title {max-width:0; text-align:left; white-space:normal; overflow:hidden; word-break:break-all; word-wrap:break-word}
.body-list-board td img {vertical-align:middle}
.body-list-button-left {float:left; margin-top:10px}
.body-list-button-right {float:right; margin-top:10px}
.body-list-ff0000 {color:#ff0000}
.body-pagination {clear:both; padding:20px 0 10px; text-align:center}
#list_search_form fieldset {margin:10px 0; padding:10px 5px; border:1px solid #e1e1e1; text-align:center}
#list_search_form #keyword {width:150px}

.list-board {
  width:100%;
  border-top: 2px solid #7e7e7e;
  border-bottom: 1px solid #dddddd;
  padding: 2rem 0 1rem;
  overflow:hidden;
}
.list-board li {
  float:left;
  width:245px;
  margin: 10px auto;
}
.list-board li > a {
  display:block;
  width:228px;
  height:100%;
  border: 1px solid #dddddd;
  margin:0 auto;
}
.list-board li .image {
  display: inline-block;
  text-align: center;
  width:228px;
  height:150px;
  overflow: hidden;
  border-bottom: 1px solid #dddddd;
}

.list-board li .image>img {
  transform: scale( 1.0 );
  transition: all 0.2s linear;
}
.list-board li .image>img:hover {
  transform: scale( 1.1 );
  
}
.list-board li .subject {
  display: block;
  max-width: 228px;
  font-size:16px;
  font-weight:500;
  letter-spacing:-1;
  padding: 5px 0 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-board li .date {
  display: block;
  max-width: 228px;
  line-height: 1.6rem;
  padding: 2px 0 5px 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-board li > p {
  margin: 1rem 10px 0 0;
}
.list-board .nodata {
  padding-top: 4rem;
}