@charset "UTF-8";
/**
 専用ヘッダ
*/
#contents h1 img {
  margin-top: -10px;
}

#ibamachi_header {
  background: url(../img_common/header_ibamachi_bg.png) center top no-repeat;
}

#ibamachi_header .in {
  background: url(../img_common/header_right_board.png) right bottom no-repeat;
}

#board-menu:not(.top) {
  padding-bottom: 7px;
  background: url(../img_sub/sub_board_menu_bg.png) left bottom repeat-x;
}

#board-menu .list {
  width: 658px;
  margin: 0 auto;
}

#board-menu .list li {
  float: left;
  margin-left: 18px;
}

#board-menu .list li:first-child {
  margin-left: 0;
}

#header-board {
  background: url(../img_top/header_board_bg.png) 0 0 no-repeat;
  background-size: contain;
}

@media screen and (max-width: 768px) {
  #header-board {
    background: url(../img_top/header_board_bg.png) 0 0 repeat-y;
    height: 355px;
    background-size: contain;
  }
}

@media print, screen and (min-width: 769px) {
  #header-board .in {
    padding: 20px;
  }
}

@media screen and (max-width: 768px) {
  #header-board .in {
    padding: 10px;
  }
}

#header-board .in > div {
  float: left;
  margin-left: 15px;
}

#header-board .in > div:first-child {
  margin-left: 0;
}

#header-board .in .event-slider {
  width: 320px;
  min-height: 210px;
  background-image: url(../img_top/header_board_event_bg.png);
  background-size: cover;
}

@media screen and (max-width: 768px) {
  #header-board .in .event-slider {
    height: 340px;
  }
}

#header-board .in .event-slider h2.title {
  text-align: center;
  padding-top: 20px;
}

@media print, screen and (min-width: 769px) {
  #header-board .in .event-slider h2.title {
    font-size: 140%;
  }
}

@media screen and (max-width: 768px) {
  #header-board .in .event-slider h2.title {
    font-size: 110%;
  }
}

#header-board .in .event-slider#recruit-event-news .title {
  background: url(../img_top/recruit_event_news_bg.png) center center no-repeat;
}

#header-board .in .event-slider#recruit-event-month .title {
  background: url(../img_top/recruit_event_month_bg.png) center center no-repeat;
}

#header-board .in .event-slider .bxslider {
  position: relative;
}

#header-board .in .event-slider .bxslider img {
  max-width: 110px;
  max-height: 110px;
  margin-right: 10px;
  float: left;
}

#header-board .in .event-slider .bxslider .bx-wrapper {
  padding: 0 25px 25px 25px;
}

#header-board .in .event-slider .bxslider .bx-wrapper .list {
  margin-top: 10px;
}

#header-board .in .event-slider .bxslider dl dt {
  font-size: 110%;
}

#header-board .in .event-slider .bxslider dl dd {
  margin-top: 5px;
}

#header-board .in .event-slider .bxslider .bx-controls-direction {
  width: 100%;
  position: absolute;
  bottom: 50%;
  left: 0;
}

@media print, screen and (min-width: 769px) {
  #header-board .in .event-slider .bxslider .bx-controls-direction {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 768px) {
  #header-board .in .event-slider .bxslider .bx-controls-direction {
    margin-bottom: 40px;
  }
}

#header-board .in .event-slider .bxslider .bx-controls-direction a {
  position: absolute;
  z-index: 1;
  display: block;
  text-indent: -9999px;
  background: transparent no-repeat left top;
  background-size: cover;
}

@media print, screen and (min-width: 769px) {
  #header-board .in .event-slider .bxslider .bx-controls-direction a {
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 768px) {
  #header-board .in .event-slider .bxslider .bx-controls-direction a {
    width: 40px;
    height: 40px;
  }
}

#header-board .in .event-slider .bxslider .bx-controls-direction .bx-prev, #header-board .in .event-slider .bxslider .bx-controls-direction .bx-next {
  background-color: transparent;
}

#header-board .in .event-slider .bxslider .bx-controls-direction .bx-prev {
  background-image: url(../img_top/event_slider_prev.png);
  background-size: cover;
}

@media print, screen and (min-width: 769px) {
  #header-board .in .event-slider .bxslider .bx-controls-direction .bx-prev {
    left: -2px;
  }
}

@media screen and (max-width: 768px) {
  #header-board .in .event-slider .bxslider .bx-controls-direction .bx-prev {
    left: 7px;
  }
}

#header-board .in .event-slider .bxslider .bx-controls-direction .bx-next {
  background-image: url(../img_top/event_slider_next.png);
  background-size: cover;
}

@media print, screen and (min-width: 769px) {
  #header-board .in .event-slider .bxslider .bx-controls-direction .bx-next {
    right: 0;
  }
}

@media screen and (max-width: 768px) {
  #header-board .in .event-slider .bxslider .bx-controls-direction .bx-next {
    right: 0;
  }
}

#header-board .in .event-slider .bxslider .bx-controls-auto {
  z-index: 3;
}

#header-board .in .event-slider .bxslider .bx-controls-auto a {
  position: absolute;
  z-index: 1;
  display: block;
  text-indent: -9999px;
  background: transparent no-repeat left top;
  background-size: cover;
}

@media print, screen and (min-width: 769px) {
  #header-board .in .event-slider .bxslider .bx-controls-auto a {
    width: 16px;
    height: 16px;
    left: 15px;
    bottom: -12px;
  }
}

@media screen and (max-width: 768px) {
  #header-board .in .event-slider .bxslider .bx-controls-auto a {
    width: 25px;
    height: 25px;
    left: 15px;
    bottom: 10px;
  }
}

#header-board .in .event-slider .bxslider .bx-controls-auto .bx-start {
  background-image: url(../img_top/recruit_event_play.png);
}

#header-board .in .event-slider .bxslider .bx-controls-auto .bx-stop {
  background-image: url(../img_top/recruit_event_stop.png);
}

#header-board .in .event-slider .wysiwyg {
  padding: 25px;
}

/**
  検索
*/
@media print, screen and (min-width: 769px) {
  .recruit-event-search-area .box .in {
    padding: 0 10px;
  }
  .recruit-event-search-area .box .in div {
    display: block;
    margin-top: 20px;
    margin-left: 25px;
    float: left;
  }
  .recruit-event-search-area .box .in div:first-child {
    margin-left: 0;
  }
  .recruit-event-search-area .box .in div select, .recruit-event-search-area .box .in div input[type=text] {
    width: 240px;
    background-color: #f9f1ed;
    border: solid 1px #512d15;
    border-radius: 3px 3px;
    -moz-border-radius: 3px 3px;
    -webkit-border-radius: 3px 3px;
    padding: 10px;
  }
  .recruit-event-search-area .box .in dt {
    font-size: 120%;
  }
  .recruit-event-search-area .box .in dd .ui-datepicker-trigger {
    margin-left: 5px;
    vertical-align: middle;
  }
}

@media screen and (max-width: 768px) {
  .recruit-event-search-area .box .in {
    padding: 0 10px;
  }
  .recruit-event-search-area .box .in div {
    display: block;
    margin-top: 20px;
  }
  .recruit-event-search-area .box .in div select, .recruit-event-search-area .box .in div input[type=text] {
    width: 300px;
    background-color: #f9f1ed;
    border: solid 1px #512d15;
    border-radius: 3px 3px;
    -moz-border-radius: 3px 3px;
    -webkit-border-radius: 3px 3px;
    padding: 15px;
  }
  .recruit-event-search-area .box dt {
    font-size: 120%;
  }
  .recruit-event-search-area .box dd .ui-datepicker-trigger {
    margin-left: 5px;
    vertical-align: middle;
  }
}

.recruit-event-search-area .box2 {
  margin-top: 20px;
  padding: 0 10px;
}

.recruit-event-search-area .box2 dt {
  display: block;
  border-bottom: solid 2px #512d15;
  font-size: 120%;
}

.recruit-event-search-area .box2 dd {
  margin-top: 10px;
}

.recruit-event-search-area .box2 dd label {
  line-height: 2;
  display: inline-block;
}

.recruit-event-search-area .box2 dd label:first-child {
  margin-left: 0;
}

.recruit-event-search-area .box2 dd input[type=checkbox] {
  margin-left: 15px;
}

.recruit-event-search-area .box2 dd input[type=checkbox]:first-child {
  margin-left: 0;
}

.input-button {
  background: none;
  margin-top: 35px;
}

/**
 募集掲載イベント検索
*/
.recruit-event-result-area {
  margin-top: 20px;
}

.recruit-event-result-area .title {
  color: #512d15;
}

.recruit-event-result-area .title a {
  color: #512d15;
}

.recruit-event-result-area .box {
  padding: 20px 10px;
  border-top: solid 1px #cccccc;
}

.recruit-event-result-area .box:first-child {
  padding-top: 0;
  border: none;
}

.recruit-event-result-area .box .left-col:first-child {
  width: 200px;
  text-align: center;
}

.recruit-event-result-area .box .left-col:first-child img {
  max-width: 100%;
}

@media print, screen and (min-width: 769px) {
  .recruit-event-result-area .box .left-col:last-child {
    width: 455px;
    margin-left: 15px;
  }
  .recruit-event-result-area .box .left-col:last-child .txt {
    padding: 0 0 10px 0;
  }
  .recruit-event-result-area .box .in2 .list li {
    margin-top: 10px;
  }
}

@media screen and (max-width: 768px) {
  .recruit-event-result-area .box .left-col {
    float: none;
    text-align: center;
  }
  .recruit-event-result-area .box .title {
    text-align: center;
  }
  .recruit-event-result-area .box .left-col:first-child {
    width: 105px;
    margin: 0 auto;
  }
  .recruit-event-result-area .box .left-col:first-child img {
    max-width: 100%;
  }
  .recruit-event-result-area .box .left-col:last-child {
    width: 100%;
  }
  .recruit-event-result-area .box .left-col:last-child .txt {
    padding: 10px 0 10px 0;
  }
}

.recruit-event-result-area .box .in2 .summary {
  background: #f9f8ef;
  border: solid 1px #ddd0c0;
  padding: 10px;
}

/**
 * サブの細かいパーツ
 */
.tarm_survice {
  width: 670px;
  margin: 25px auto 0;
}

.tarm_survice .list li {
  float: left;
  margin-left: 24px;
}

.tarm_survice .list li:first-child {
  margin-left: 0;
}

/* datepickerカレンダー */
.ui-datepicker-calendar {
  table-layout: fixed;
  border-color: #ddd0c0;
}

.ui-datepicker-calendar th {
  width: auto;
  text-align: center;
  background-color: #f2ebdf;
  border: solid 1px #ddd0c0;
}

/**
 * フォームテーブルのオーバーレイ
 */
.recruit-table th, .recruit-table td {
  border-color: #ddd0c0;
  word-break: break-all;
}

.recruit-table th {
  text-align: left;
}

.recruit-table th strong.hissu {
  display: inline-block;
  background-color: #f76d78;
  color: #fff;
  border-radius: 3px 3px;
  -moz-border-radius: 3px 3px;
  -webkit-border-radius: 3px 3px;
  padding: 5px 3px;
  margin-left: 10px;
}

.recruit-table td input[type=text], .recruit-table td select, .recruit-table td textarea {
  border: solid 1px #bfbfbf;
  border-radius: 3px 3px;
  -moz-border-radius: 3px 3px;
  -webkit-border-radius: 3px 3px;
  padding: 10px;
}

/**
 *詳細　　
 */
.recruit-detail-area .col-area {
  width: 100%;
}

.recruit-detail-area .col-area .img-col {
  width: 320px;
  float: left;
  margin-left: 15px;
  text-align: center;
}

.recruit-detail-area .col-area .img-col img {
  max-width: 100%;
}

.recruit-detail-area table {
  width: 100%;
}

.recruit-detail-area .event-description {
  margin-top: 15px;
}

/*コメント*/
.smartcmsBbsBlock {
  margin-top: 25px;
}

.smartcmsBbsBlock h3 {
  padding: 10px 0 10px 35px;
  background: url(../img_sub/icon_recruit_comment.png) left center no-repeat;
}

.smartcmsBbsBlock .bbsBody .form table {
  border: 1px solid #ddd0c0;
  border-collapse: collapse;
}

.smartcmsBbsBlock .bbsBody .form table th, .smartcmsBbsBlock .bbsBody .form table td {
  border: 1px solid #ddd0c0;
  border-collapse: collapse;
  padding: 10px 15px;
}

.smartcmsBbsBlock .bbsBody .form table th {
  min-width: 20%;
  max-width: 30%;
  background-color: #f0e7bf;
}

.smartcmsBbsBlock .bbsBody .form table td .message {
  color: #999;
  font-size: 90%;
}

.smartcmsBbsBlock .bbsBody .form .post {
  text-align: center;
}

.smartcmsBbsBlock .bbsBody .form .post input[type=button] {
  width: 250px;
  height: 50px;
  margin: 15px 0 0 0;
  padding: 0;
  background: url(../img_sub/btn_recruit_comment_submit.png) left center no-repeat;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.smartcmsBbsBlock .bbsBody .bbsBodyMain .comments .comment {
  border: none;
  margin-top: 15px;
}

.smartcmsBbsBlock .bbsBody .bbsBodyMain .comments .comment:not(:first-child) {
  padding-top: 10px;
  border-top: dotted 1px #512d15;
}

.smartcmsBbsBlock .bbsBody .bbsBodyMain .comments .comment dt {
  display: block;
  position: relative;
}

.smartcmsBbsBlock .bbsBody .bbsBodyMain .comments .comment dt > span:not(.title) {
  display: inline-block;
}

.smartcmsBbsBlock .bbsBody .bbsBodyMain .comments .comment dt .title {
  border-bottom: solid 2px #512d15;
  background-color: #fff;
  font-weight: bold;
}

.smartcmsBbsBlock .bbsBody .bbsBodyMain .comments .comment dt .author {
  font-weight: bold;
  color: #774a2b;
}

.smartcmsBbsBlock .bbsBody .bbsBodyMain .comments .comment dt .delete {
  position: absolute;
  top: 5px;
  right: 5px;
}

.smartcmsBbsBlock .bbsBody .bbsBodyMain .comments .comment dd {
  padding: 5px;
}

.smartcmsBbsBlock .bbsBody .bbsBodyMain .comments .comment .openReply {
  text-align: right;
}

.smartcmsBbsBlock .bbsBody .bbsBodyMain .comments .comment .replies, .smartcmsBbsBlock .bbsBody .bbsBodyMain .comments .comment .reply {
  margin: 0;
}

.smartcmsBbsBlock .bbsBody .bbsBodyMain .comments .comment .replies {
  margin-top: 5px;
}

.smartcmsBbsBlock .bbsBody .bbsBodyMain .comments .comment .reply {
  padding: 5px 0 5px 25px;
  border: none;
  background: #feeee3 url(../img_sub/icon_recruit_replay.png) 5px 5px no-repeat;
}

.smartcmsBbsBlock .bbsBody .bbsBodyMain .comments .comment .reply .title {
  background: #feeee3;
}

.smartcmsBbsBlock .bbsBody .bbsBodyMain .comments .comment .replyForm {
  margin: 10px;
  padding: 10px;
  border: 1px solid #ddd0c0;
}

.smartcmsBbsBlock .bbsBody .bbsBodyMain .comments .comment .replyForm table {
  width: 100%;
}

.smartcmsBbsBlock .bbsBody .bbsBodyMain .comments .comment .replyForm table th, .smartcmsBbsBlock .bbsBody .bbsBodyMain .comments .comment .replyForm table td {
  padding: 5px 10px;
}

.smartcmsBbsBlock .bbsBody .bbsBodyMain .comments .comment .replyForm table th {
  text-align: left;
}

.smartcmsBbsBlock .bbsBody .bbsBodyMain .comments .comment .replyForm .post {
  text-align: center;
}

.smartcmsBbsBlock .bbsBody .bbsBodyMain .comments .comment .replyForm .post input[type=button]:not(:first-child) {
  margin-left: 10px;
}

.event-delete {
  margin-top: 15px;
  text-align: right;
}

/**
 * 完了画面
 */
.recruit-post-area .in {
  width: 98%;
  margin: 25px auto 0;
  border: solid 2px #ccc;
}

.recruit-post-area .in .wysiwyg {
  padding: 25px;
}

.recruit-post-area .in .wysiwyg p {
  text-align: center;
}

.recruit-post-area .list {
  margin-top: 15px;
}

#ui-datepicker-div {
  z-index: 3;
}

.ui-datepicker {
  z-index: 3 !important;
}