@charset 'UTF-8';
/* ==========================================================================
   Parts module
   ========================================================================== */
/* Heading
   ========================================================================== */
/* Page title */
.mod-page-title {
  overflow: hidden;
  zoom: 1;
  margin-bottom: 15px;
  word-wrap: break-word;
  word-break: break-all;
}
.mod-page-title > h1,
.mod-page-title > .corp-name {
  font-size: 180%;
  overflow: hidden;
  zoom: 1;
  margin-bottom: 5px;
  color: #222;
}
.mod-page-title > .corp-name {
  font-family: 'Meiryo', 'MS PGothic', sans-serif;
  font-weight: bold;
}
.corp-name a.corp-link {
  text-decoration:none;
  color:#222;
}
.mod-page-title > .page-lead {
  font-size: 130%;
  overflow: hidden;
  zoom: 1;
}
.mod-page-title > .page-lead.soon_comp {
  border:3px solid #f7b9ad;
  border-radius:5px;
  padding:10px;
  text-align:center;
  font-size:14px;
  background-color:#fff;
  font-weight:bold;
}

.mod-page-title > .thumb {
  float: right;
  width: 152px;
  margin-left: 10px;
  padding: 32px 0;
  text-align: center;
  border: 1px solid #f1f1f1;
  background-color: #fff;
}
.detail-content .mod-page-title .page-lead {
  padding-bottom: 45px;
}
/* Title lv1 */
.mod-title-lv1 {
  overflow: hidden;
  margin-bottom: 11px;
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  background-color: #fff;
}
.mod-title-lv1 .inner {
  overflow: hidden;
  zoom: 1;
  padding: 11px 10px 8px 20px;
  border-bottom: 5px solid #ffe700;
}
.mod-title-lv1 .inner > h1,
.mod-title-lv1 .inner > h2,
.mod-title-lv1 .inner > h3,
.mod-title-lv1 .inner > h4,
.mod-title-lv1 .inner > h5 {
  font-size: 140%;
  float: left;
  color: #222;
}
.mod-title-lv1 .inner > h1 > a,
.mod-title-lv1 .inner > h2 > a,
.mod-title-lv1 .inner > h3 > a,
.mod-title-lv1 .inner > h4 > a,
.mod-title-lv1 .inner > h5 > a {
  text-decoration: none;
  color: #222;
}
.mod-title-lv1 .inner > .lead {
  font-size: 110%;
  float: right;
  width: 400px;
  margin-top: 4px;
  text-align: right;
}
.single-column .mod-title-lv1 .inner .lead {
  font-size: 120%;
  width: auto;
}
.detail-modal .mod-title-lv1 .inner .lead {
  width: auto;
}
.mod-title-lv1.setting .inner {
  border-color: #daecfb;
}
/* Title lv2 */
.mod-title-lv2 {
  line-height: 1.6;
  margin-bottom: 10px;
  padding-left: 15px;
  color: #222;
  background-image: url(/common/img/parts/title_bg01.png);
  background-repeat: no-repeat;
  background-position: left top;
}
p.lead.lv2 {
  color:#000;
}
.mod-title-lv2.title-blue {
  background-image: url(/common/img/parts/title_bg05.png);
}

.mod-title-lv2.title-red {
  background-image: url(/common/img/parts/title_bg09.png);
}

.space-normalk.js-job-career-delete {
  float: right !important;
  width: 160px;
}

/* Button
   ========================================================================== */
.mod-button {
  display: inline-block;
  zoom: 1;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  outline: none;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .07)), color-stop(1, rgba(5, 0, 1, .07)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .07), rgba(5, 0, 1, .07));
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .07)), to(rgba(5, 0, 1, .07)));
  background-image:         linear-gradient(to bottom, rgba(255, 255, 255, .07), rgba(5, 0, 1, .07));
  background-image: -webkit-gradient(linear, left top, left bottom, from(bottom), color-stop(rgba(255, 255, 255, .07)), to(rgba(5, 0, 1, .07)));
  background-image: -webkit-linear-gradient(top, bottom, rgba(255, 255, 255, .07), rgba(5, 0, 1, .07));
  background-image:         linear-gradient(top, bottom, rgba(255, 255, 255, .07), rgba(5, 0, 1, .07));

  *display: inline;
}
.mod-button:hover {
  text-decoration: none;
}
.mod-button.default {
  padding: .2em 16px .1em;
  color: #555;
  border: 1px solid #cdcdcd;
  border-radius: 14px;
  background-color: #e2e2e2;
}
.mod-button.default.is-inactive {
  cursor: default;
  color: #b5b5b6 !important;
  background-color: #f0f0f0;
}
.mod-button.default-large {
  font-family: 'Meiryo', 'MS PGothic', sans-serif;
  font-weight: bold;
  color: #555;
  border: 1px solid #c6c6c6;
  border-radius: 16px;
  background-color: #ececec;
}
.mod-button.default-large.is-inactive {
  cursor: default;
  color: #b5b5b6 !important;
  background-color: #f0f0f0;
}
.mod-button.search {
  font-family: 'Meiryo', 'MS PGothic', sans-serif;
  font-weight: bold;
  color: #fff;
  border: 1px solid #1881be;
  border-radius: 16px;
  background-color: #1c9be3;
}
.mod-button.search-mini {
  padding: .2em 28px;
  color: #fff;
  border: 1px solid #1881be;
  border-radius: 12px;
  background-color: #1c9be3;
}
.mod-button.singup {
  font-family: 'Meiryo', 'MS PGothic', sans-serif;
  font-weight: bold;
  padding: .4em 45px;
  color: #fff;
  border: 1px solid #d45139;
  border-radius: 16px;
  background-color: #e94e30;
}
.mod-button.signup {
  font-family: 'Meiryo', 'MS PGothic', sans-serif;
  font-weight: bold;
  padding: .4em 45px;
  color: #fff;
  border: 1px solid #d45139;
  border-radius: 16px;
  background-color: #e94e30;
}
.mod-button .blank {
  display: inline-block;
  zoom: 1;
  width: 9px;
  height: 8px;
  margin-left: 4px;
  vertical-align: baseline;
  background: url(/common/img/parts/icon_blank.png) left center no-repeat;

  *display: inline;
}
.mod-btn-col > li {
  display: inline-block;
  zoom: 1;
  margin-right: 10px;
  vertical-align: middle;

  *display: inline;
}
.mod-btn-col > li:last-child {
  margin-right: 0;
}
/* Link
   ========================================================================== */
.mod-link {
  padding-left: 16px;
  background: url(/common/img/parts/icon_arrow_right04.png) left .2em no-repeat;
}
.align-center .mod-link,
.align-right .mod-link {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;

  *display: inline;
}
.mod-header-link {
  display: inline-block;
  zoom: 1;
  padding-right: 27px;
  vertical-align: top;
  background: url(/common/img/parts/icon_arrow_right03.png) right center no-repeat;

  *display: inline;
}
.mod-header-link:hover {
  opacity: .6;

  filter: alpha(opacity=60);
}
.mod-link-list {
  word-wrap: break-word;
  word-break: break-all;
}
.mod-link-list > li {
  margin-bottom: 10px;
  padding-left: 16px;
  background: url(/common/img/parts/icon_arrow_right04.png) left .2em no-repeat;
}
.mod-link-list > li:last-child {
  margin-bottom: 0 !important;
}
.mod-link-list-mini {
  word-wrap: break-word;
  word-break: break-all;
}
.mod-link-list-mini > li {
  margin-bottom: 10px;
  padding-left: 8px;
  background: url(/common/img/parts/icon_arrow_right05.png) left .5em no-repeat;
}
.mod-link-list-mini > li:last-child {
  margin-bottom: 0 !important;
}
.mod-link-list-horizontal {
  overflow: hidden;
  zoom: 1;
  margin-left: 15px;
}
.mod-link-list-horizontal > li {
  float: left;
  margin-right: 10px;
}
.mod-link-list-horizontal > li > a {
  padding-left: 6px;
  background: url(/common/img/parts/icon_arrow_right05.png) left center no-repeat;
}
.mod-link-list-horizontal > li:last-child {
  margin-right: 0;
}
/* Separator
   ========================================================================== */
.mod-hr {
  overflow: hidden;
  height: 0;
  margin: 20px 0;
  border-top: 2px solid #e2e2e2;
}
.mod-hr:first-child {
  margin-top: 0;
}
.mod-hr:last-child {
  margin-bottom: 0;
}
.mod-hr.opt-style-dotted {
  border-style: dotted;
}
.mod-conditional-form .mod-hr {
  margin: 5px 0 10px;
}
/* Text decoration
   ========================================================================== */
.mod-job-num {
  font-size: 10px;
  display: inline-block;
  zoom: 1;
  vertical-align: baseline;
  color: #969595;

  *display: inline;
}
/* Alpha roll over
   ========================================================================== */
img.js-over {
  background: url(/common/img/parts/rollover_bg.png) no-repeat;
}
/* ==========================================================================
   Main Block module
   ========================================================================== */
/* Section
   ========================================================================== */
.section {
  position: relative;
  margin-bottom: 20px;
}
.section:last-child {
  margin-bottom: 0 !important;
}
/* Frame
   ========================================================================== */
.mod-frame {
  height: 100%;
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  background-color: #fff;
}
.mod-frame > .mod-frame_title {
  overflow: hidden;
  zoom: 1;
  padding: 15px 15px 10px 20px;
  border-bottom: 3px solid #ffe700;
  margin-bottom: 10px;
}
.mod-frame > .mod-frame_title > h2,
.mod-frame > .mod-frame_title > h3,
.mod-frame > .mod-frame_title > h4,
.mod-frame > .mod-frame_title > h5 {
  font-size: 140%;
  float: left;
  color: #222;
}
.mod-frame > .mod-frame_title > h2 > a,
.mod-frame > .mod-frame_title > h3 > a,
.mod-frame > .mod-frame_title > h4 > a,
.mod-frame > .mod-frame_title > h5 > a {
  text-decoration: none;
  color: #222;
}
.mod-frame > .mod-frame_title > .lead {
  font-size: 110%;
  float: right;
  margin-top: 3px;
}
.mod-frame > .inner {
  padding: 20px 10px 20px 20px;
}
.mod-frame.opt-col .inner {
  padding: 20px 20px 15px;
}
.mod-frame.opt-col .inner .lead {
  margin-bottom: 15px;
}
#regist.section {
  padding-top:38px;
  margin-top:-38px;
}
.mod-other-match_inner .auto_match {
  background: url(/common/img/module/merit_icon05.png) left center no-repeat;
  background-size: 52px auto;
}
.mod-other-match_inner .calc_match {
  background: url(/common/img/module/merit_icon06.png) left center no-repeat;
  background-size: 52px auto;
}
.mod-other-match_inner .mail_match {
  background: url(/common/img/module/merit_icon07.png) left center no-repeat;
  background-size: 52px auto;
}
.mod-other-match_inner .addition_match {
  background: url(/common/img/module/merit_icon09.png) left center no-repeat;
  background-size: 52px auto;
}
.mod-other-match_inner .periodical_match {
  background: url(/common/img/module/merit_icon10.png) left center no-repeat;
  background-size: 52px auto;
}

/* Multi columns
   ========================================================================== */
.mod-multi-col {
  zoom: 1;
}
.mod-multi-col:last-child {
  margin-bottom: 0 !important;
}
.mod-multi-col:after {
  display: block;
  clear: both;
  content: '';
}
.mod-multi-col .row {
  zoom: 1;
  margin-bottom: 8px;
}
.mod-multi-col .row:last-child {
  margin-bottom: 0 !important;
}
.mod-multi-col .row:after {
  display: block;
  clear: both;
  content: '';
}
.mod-multi-col .col {
  float: left;
}
.mod-multi-col .col:last-child {
  margin-right: 0 !important;
}
.mod-multi-col.cols-2 .col:nth-child(2n+1),
.mod-multi-col.cols-3 .col:nth-child(3n+1),
.mod-multi-col.cols-4 .col:nth-child(4n+1) {
  clear: left;
}
.mod-multi-col.cols-2 .col {
  margin-right: 10px;
}
.mod-multi-col.cols-3 .col {
  margin-right: 16px;
}
.mod-multi-col.cols-4 .col {
  margin-right: 8px;
}
.mod-multi-col.opt-image-box.cols-3 .col {
  width: 236px;
}
.mod-multi-col.opt-image-box.cols-4 .col {
  width: 179px;
}
.single-column .mod-multi-col.opt-image-box.cols-4 .col {
  width: 238px;
  margin-right: 9px;
}
.mod-multi-col.opt-flame-box.cols-2 .col {
  width: 362px;
  margin-right: 16px;
}
.mod-multi-col.opt-flame-box.cols-3 .col {
  width: 236px;
}
.mod-multi-col.opt-conditional-lv1 .col {
  width: 355px;
}
.mod-multi-col.opt-conditional-lv2 .col {
  width: 343px;
}
.default-modal .mod-multi-col.opt-conditional-lv2 .col {
  float: left;
  width: 335px;
  margin-right: 0;
}
.default-modal .mod-multi-col.opt-conditional-lv2 .col:nth-child(even) {
  float: right;
}
.mod-multi-col.opt-login .col {
  margin-right: 10px;
}
.mod-multi-col.opt-modal {
  margin-bottom: 20px;
}
.mod-multi-col.opt-modal > .row {
  display: table;
  width: 100%;
}
.mod-multi-col.opt-modal > .row > .col {
  display: table-cell;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
  margin-right: 0;
}
.mod-multi-col.opt-modal > .row > .col:first-child {
  padding-right: 5px;
}
.mod-multi-col.opt-modal > .row > .col:last-child {
  padding-left: 5px;
}

.mod-multi-col .background{
  display: block; 
  text-decoration: none; 
  float: left;
  color: #666; 
}

.mod-multi-col .background .link{
  color: #06c; 
}

.mod-multi-col .background .link:hover,
.mod-multi-col .background .link:active {
  text-decoration: underline;
  color: #e94e30;
}

.mod-multi-col .background .mod-image-box:hover,
.mod-multi-col .background .mod-image-box:active {
background-color: rgba(204,204,204,0.3);
}

.mod-multi-variable-col:last-child {
  margin-bottom: 0 !important;
}
.mod-multi-variable-col .row {
  display: table;
  width: 100%;
}
.mod-multi-variable-col .row:last-child {
  margin-bottom: 0 !important;
}
.mod-multi-variable-col .col {
  display: table-cell;
  height: 100%;
}
.mod-multi-variable-col.opt-flame-box-2 .col {
  width: 488px;
  padding-right: 16px;
}
.mod-multi-variable-col.opt-flame-box-2 .col:last-child {
  width: 236px;
  padding-right: 0;
}
.mod-multi-icon-col .row {
  display: table;
  width: 100%;
  color: #000;
}
.mod-multi-icon-col .col {
  display: table-cell;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 25%;
  padding: 15px 22px 0;
  border-right: 1px solid #e8e7e7;
}
.mod-multi-icon-col .col:last-child {
  border-right: none;
}
/* Content box
   ========================================================================== */
.mod-image-box {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  padding: 4px;
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  background-color: #fff;
}
.mod-image-box .object {
  overflow: hidden;
  border-radius: 4px;
}
.mod-image-box .body {
  padding: 8% 8% 5%;
}
.mod-image-box .link {
  margin-bottom: 5px;
}
.single-column .mod-image-box .link {
  font-size: 140%;
}
.mod-horizontal-box > div {
  display: table;
  width: 100%;
}
.mod-horizontal-box .section-title {
  font-size: 140%;
  display: table-cell;
  padding: 13px 20px;
  vertical-align: middle;
  color: #222;
  border-radius: 4px 0 0 4px;
  background-color: #ffe700;
}
.mod-horizontal-box .inner {
  display: table-cell;
  vertical-align: middle;
  border: 1px solid #f1efef;
  border-radius: 0 4px 4px 0;
  background-color: #fff;
}
/* Important information
   ========================================================================== */
.mod-important-info {
  width: 100%;
  margin-bottom: 0;
  padding: 10px 0;
  background: #fff;
}
.user-content .mod-important-info {
  margin-bottom: 20px;
  padding: 0;
}
.mod-important-info > div {
  width: 980px;
  margin: 0 auto;
}
.mod-important-info .section-title {
  width: 130px;
}
.mod-important-info .section-title > span {
  display: inline-block;
  zoom: 1;
  padding-left: 24px;
  vertical-align: top;
  background: url(/common/img/parts/icon_important.png) left center no-repeat;

  *display: inline;
}
.mod-important-info .inner {
  padding: 13px 27px;
}
.mod-important-info .date {
  float: left;
  margin-right: 20px;
  color: #979797;
}
.mod-important-info .title {
  overflow: hidden;
  zoom: 1;
}
/* Search index
   ========================================================================== */
.mod-search-index > .lead {
  margin-bottom: 15px;
}
.mod-search-index > .inner {
  border-top: 1px solid #d5d5d5;
}
.mod-search-index > .inner li {
  font-size: 110%;
  float: left;
}
.mod-search-index > .inner li > a {
  padding-left: 6px;
  background: url(/common/img/parts/icon_arrow_right05.png) left center no-repeat;
}
.mod-search-index > .inner > .index-section {
  overflow: hidden;
  zoom: 1;
  margin-bottom: 0;
  padding: 15px 0 12px;
  border-bottom: 1px dotted #d5d5d5;
}
.mod-search-index > .inner > .index-section > h3 {
  font-size: 110%;
  font-weight: normal;
  float: left;
  width: 154px;
  color: #222;
}
.mod-search-index > .inner > ul {
  overflow: hidden;
  zoom: 1;
  padding: 15px 0 12px;
  border-bottom: 1px dotted #d5d5d5;
}
.mod-search-index > .inner.type-breadcrumbs {
  padding: 15px 0 12px;
  border-bottom: 1px dotted #d5d5d5;
}
.mod-search-index > .inner.type-breadcrumbs > ul {
  margin-bottom: 5px;
  padding: 0;
  border: none;
}
.mod-search-index > .inner.type-breadcrumbs > ul:last-child {
  margin-bottom: 0 !important;
}
.mod-search-index > .inner.type-breadcrumbs > ul > li {
  display: inline-block;
  zoom: 1;
  margin-right: 15px;
  padding-left: 22px;
  vertical-align: middle;
  background: url(/common/img/parts/icon_breadcrumbs_bg.png) left center no-repeat;

  *display: inline;
}
.mod-search-index > .inner.type-breadcrumbs > ul > li > a {
  padding-left: 0;
  background: none;
}
.mod-search-index > .inner.type-breadcrumbs > ul > li:first-child {
  padding-left: 0;
  background: none;
}
.mod-search-index > .inner.type-breadcrumbs .breadcrumbs_list .crumbs {
  display: inline-block;
  zoom: 1;
  margin-right: 15px;
  padding-left: 22px;
  background: url(/common/img/parts/icon_breadcrumbs_bg.png) left center no-repeat;

  *display: inline;
  font-size: 11px;
}
.mod-search-index > .inner.type-breadcrumbs .breadcrumbs_list {
  margin-bottom: 5px;
}
.mod-search-index > .inner.type-breadcrumbs .crumbs:first-child {
  padding-left: 0;
  background: none;
}
.mod-search-index > .inner.type-breadcrumbs .crumbs > a{
  margin-right: 14px;
  vertical-align: middle;
}
.mod-search-index .more {
  font-size: 110%;
  line-height: 1.8;
  float: right;
  zoom: 1;
  margin-top: 10px;
}
.mod-search-index .more:after {
  display: block;
  clear: both;
  content: '';
}
/* Search index
   ========================================================================== */
.mod-recommend-keyword > .inner {
  overflow: hidden;
  zoom: 1;
  padding: 10px 0;
  border-top: 1px solid #e6e5e5;
  border-bottom: 1px solid #e6e5e5;
}
.mod-recommend-keyword .title {
  float: left;
  margin-right: 30px;
}
.mod-recommend-keyword .body {
  padding-top: 2px;
}
.mod-recommend-keyword .body > dl {
  font-size: 91.67%;
  overflow: hidden;
  zoom: 1;
  margin-bottom: 3px;
}
.mod-recommend-keyword .body > dl:last-child {
  margin-bottom: 0 !important;
}
.mod-recommend-keyword .body > dl > dt {
  float: left;
  width: 80px;
  color: #222;
}
.mod-recommend-keyword .body > dl > dd {
  overflow: hidden;
  zoom: 1;
}
.mod-recommend-keyword .more {
  font-size: 110%;
  line-height: 1.8;
  float: right;
  zoom: 1;
  margin-top: 10px;
}
.mod-recommend-keyword .more:after {
  display: block;
  clear: both;
  content: '';
}
/* Carousel slider
   ========================================================================== */
.mod-carousel-slider {
  position: relative;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 5px;
  border-radius: 4px;
  background-color: #dadada;
}
.mod-carousel-slider > .inner {
  padding: 15px 0 9px;
  border-radius: 4px;
  background-color: #fff;
}
.mod-carousel-slider header {
  overflow: hidden;
  zoom: 1;
  margin-bottom: 15px;
  padding: 0 35px;
}
.mod-carousel-slider .mod-carousel-slider_title {
  font-size: 140%;
  float: left;
  word-wrap: break-word;
  word-break: break-all;
  color: #222;
}
.mod-carousel-slider .slider-inner {
  overflow: hidden;
  zoom: 1;
  padding: 0 35px;
}
.mod-carousel-slider .item {
  float: left;
  width: 204px;
  margin-right: 24px;
  word-wrap: break-word;
  word-break: break-all;
}
.mod-carousel-slider .item:last-child {
  margin-right: 0;
}
.mod-carousel-slider .object {
  margin-bottom: 12px;
}
.mod-carousel-slider .object img {
  width: 204px;
  height: 153px;
}
.mod-carousel-slider .company-name {
  margin-bottom: 5px;
}
.mod-carousel-slider .bx-viewport {
  height: auto !important;
  margin-bottom: 18px;
}
.mod-carousel-slider .bx-controls-direction a {
  position: absolute;
  top: 50%;
  display: block;
  overflow: hidden;
  width: 26px;
  height: 52px;
  margin-top: -41px;
  white-space: nowrap;
  text-indent: 100%;
  background-image: url(/common/img/module/carousel_slider_bg01.png);
  background-repeat: no-repeat;
}
.mod-carousel-slider .bx-controls-direction a.disabled {
  display: none;
}
.mod-carousel-slider .bx-prev {
  left: 5px;
  background-position: -26px 0;
}
.mod-carousel-slider .bx-prev:hover {
  background-position: -26px -52px;
}
.mod-carousel-slider .bx-next {
  right: 5px;
  background-position: 0 0;
}
.mod-carousel-slider .bx-next:hover {
  background-position: 0 -52px;
}
.mod-carousel-slider .bx-default-pager {
  text-align: center;
}
.mod-carousel-slider .bx-default-pager > .bx-pager-item {
  display: inline-block;
  zoom: 1;
  margin-right: 8px;
  vertical-align: middle;

  *display: inline;
}
.mod-carousel-slider .bx-default-pager > .bx-pager-item > a {
  display: inline-block;
  overflow: hidden;
  zoom: 1;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  border: 0;
  background-color: transparent;
  background-image: url(/common/img/module/carousel_slider_bg02.png);
  background-repeat: no-repeat;
  background-position: -14px 0;

  *text-indent: -9999px;
  *display: inline;
}
.mod-carousel-slider .bx-default-pager > .bx-pager-item > a:before {
  display: block;
  width: 0;
  height: 150%;
  content: '';
}
.mod-carousel-slider .bx-default-pager > .bx-pager-item > a.active {
  background-position: 0 0;
}
.mod-carousel-slider .bx-default-pager > .bx-pager-item:last-child {
  margin-right: 0;
}
.single-column .mod-carousel-slider header {
  padding: 0 43px;
}
.single-column .mod-carousel-slider .slider-inner {
  padding: 0 38px;
}
.single-column .mod-carousel-slider .item {
  margin-right: 26px;
}
.single-column .mod-carousel-slider .item:last-child {
  margin-right: 0;
}
/* Search occupation
   ========================================================================== */
.mod-search-occupation > .inner {
  padding: 12px 0;
}
.mod-search-occupation > .inner > .row {
  display: table;
  width: 100%;
}
.mod-search-occupation > .inner > .row > .col {
  display: table-cell;
  width: 50%;
  padding: 0 0 10px 55px;
  border-right: 1px solid #efeeee;
  background-repeat: no-repeat;
  background-position: 17px top;
}
.mod-search-occupation > .inner > .row > .col:last-child {
  border-right: none;
}
.mod-search-occupation > .inner > .row:last-child .col {
  padding-bottom: 0;
}
.mod-search-occupation > .inner .engineer {
  background-image: url(/common/img/module/search_occupation_icon01.png);
}
.mod-search-occupation > .inner .business {
  background-image: url(/common/img/module/search_occupation_icon02.png);
}
.mod-search-occupation > .inner .pm {
  background-image: url(/common/img/module/search_occupation_icon03.png);
  font-size: 86%;
}
.mod-search-occupation > .inner .management {
  background-image: url(/common/img/module/search_occupation_icon04.png);
}
.mod-search-occupation > .inner .electronic {
  background-image: url(/common/img/module/search_occupation_icon05.png);
}
.mod-search-occupation > .inner .marketing {
  background-image: url(/common/img/module/search_occupation_icon06.png);
}
.mod-search-occupation > .inner .chemical {
  background-image: url(/common/img/module/search_occupation_icon07.png);
}
.mod-search-occupation > .inner .creative {
  background-image: url(/common/img/module/search_occupation_icon08.png);
}
.mod-search-occupation > .inner .consultant {
  background-image: url(/common/img/module/search_occupation_icon09.png);
}
.mod-search-occupation > .inner .salesperson {
  background-image: url(/common/img/module/search_occupation_icon10.png);
}
.mod-search-occupation > .inner .construction {
  background-image: url(/common/img/module/search_occupation_icon11.png);
}
.mod-search-occupation > .inner .closed {
  background-image: url(/common/img/module/search_occupation_icon12.png);
}
.mod-search-occupation > .inner .banner {
  display: inline-block;
  zoom: 1;
  margin: -5px 0 0 5px;
  vertical-align: middle;

  *display: inline;
}
.mod-search-occupation > .inner .category-name {
  font-family: 'Meiryo', 'MS PGothic', sans-serif;
  font-size: 140%;
  font-weight: bold;
}
.mod-search-occupation > .inner .item-list {
  overflow: hidden;
  zoom: 1;
}
.mod-search-occupation > .inner .item-list > li {
  float: left;
}
.mod-search-occupation > .inner .item-list > li > a {
  font-size: 83.33%;
}
.mod-search-occupation > .inner .item-list:after {
  line-height: 1;
  display: inline-block;
  zoom: 1;
  margin-left: .2em;
  padding-top: 3px;
  content: '\4ED6';
  vertical-align: middle;

  *display: inline;
}
/* Quick search
   ========================================================================== */
.mod-quick-search .section-title {
  width: 100px;
}
.mod-quick-search .inner {
  overflow: hidden;
  zoom: 1;
  padding: 15px 10px 15px 20px;
}
.mod-quick-search .inner > ul {
  float: left;
}
.mod-quick-search .inner > ul > li {
  float: left;
  height: 25px;
  margin-right: 12px;
  padding-right: 26px;
  background: url(/common/img/module/quick_search_bg01.png) right center no-repeat;
}
.mod-quick-search .inner > ul > li select {
  width: 87px;
}
.mod-quick-search .inner > ul > li:last-child {
  margin-right: 0;
  padding-right: 0;
}
.mod-quick-search .inner > ul > li:last-child:after {
  content: none;
}
.mod-quick-search .inner .submit-btn {
  float: right;
}
/* Search corporate name
   ========================================================================== */
.mod-search-corp-name > .inner {
  padding: 20px;
}
.mod-search-corp-name .initial-list {
  border: 1px solid #efeeee;
  border-radius: 4px;
  background-color: #fbfafa;
}
.mod-search-corp-name .initial-list > ul {
  display: table;
  width: 100%;
}
.mod-search-corp-name .initial-list > ul > li {
  font-size: 140%;
  display: table-cell;
  text-align: center;
  border-right: 1px solid #efeeee;
}
.mod-search-corp-name .initial-list > ul > li > a {
  display: block;
  padding: 10px 0 10px;
}
.mod-search-corp-name .initial-list > ul > li > a:hover {
  text-decoration: none;
  color: #06c;
  background: #e6e6e6;
}
.mod-search-corp-name .initial-list > ul > li:last-child {
  border-right: none;
}
.mod-search-corp-name .corp-list {
  overflow: hidden;
  zoom: 1;
  margin-top: 15px;
}
.mod-search-corp-name .corp-list > li {
  float: left;
}
/* Search income
   ========================================================================== */
.mod-search-income p,
.mod-search-income ul,
.mod-search-income li {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;

  *display: inline;
}
.mod-search-income .select-income {
  height: 25px;
  margin-right: 10px;
}
.mod-search-income .select-income select {
  width: 107px;
}
.mod-search-income .submit-btn {
  margin-right: 10px;
}
/* Search keyword
   ========================================================================== */
.mod-search-keyword {
  height: 100%;
}
.mod-search-keyword .lead {
  margin-bottom: 10px;
}
.mod-search-keyword .keyword-input {
  display: inline-block;
  zoom: 1;
  margin-right: 18px;
  vertical-align: middle;

  *display: inline;
}
.mod-search-keyword .keyword-input > input {
  width: 312px;
}
.mod-search-keyword .submit-btn {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;

  *display: inline;
}
/* Search hope
   ========================================================================== */
.mod-search-hope {
  height: 100%;
}
.mod-search-hope > .inner ul > li {
  display: inline-block;
  zoom: 1;
  margin-right: 10px;
  vertical-align: middle;

  *display: inline;
}
.mod-search-hope > .inner ul > li:last-child {
  margin-right: 0;
}
.mod-search-hope .lead {
  margin-bottom: 10px;
}
.mod-search-hope .setting-btn > a {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.mod-search-hope .register-btn > a {
  padding-right: 24px;
  padding-left: 24px;
}
/* Service list
   ========================================================================== */
.mod-service-list > .title {
  font-size: 180%;
  text-align: center;
  color: #222;
}
.mod-service-list > .lead {
  margin-bottom: 25px;
  text-align: center;
  color: #000;
}
.mod-service-list .object {
  margin-bottom: 15px;
  text-align: center;
}
.mod-service-list .service-name {
  font-family: 'Meiryo', 'MS PGothic', sans-serif;
  font-size: 116.67%;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: center;
}
/* learn
   ========================================================================== */
.mod-learn > .title {
  font-family: 'Meiryo', 'MS PGothic', sans-serif;
  font-size: 180%;
  font-weight: bold;
  text-align: center;
  color: #222;
}
.mod-learn > .lead {
  margin-bottom: 20px;
  text-align: center;
}
.mod-learn .category-title {
  font-family: 'Meiryo', 'MS PGothic', sans-serif;
  font-size: 140%;
  font-weight: bold;
  margin: 5px 0 13px;
  color: #222;
}
.mod-learn .learn-list > li {
  margin-bottom: 7px;
}
/* Brand panel
   ========================================================================== */
.mod-brand-panel {
  width: 730px;
  padding: 5px;
  border-radius: 4px;
  background-color: #dadada;
}
.mod-brand-panel > .tab-handle {
  font-family: 'Meiryo', 'MS PGothic', sans-serif;
  font-weight: bold;
  float: right;
  width: 153px;
}
.mod-brand-panel > .tab-handle li {
  display: table;
  width: 100%;
  height: 52px;
  border-bottom: 1px solid #e6e5e5;
}
.mod-brand-panel > .tab-handle li > a {
  line-height: 1.2;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #515151;
  border-right: 1px solid #e6e5e5;
  border-left: 1px solid #e6e5e5;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .07)), color-stop(1, rgba(5, 0, 1, .07)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .07), rgba(5, 0, 1, .07));
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .07)), to(rgba(5, 0, 1, .07)));
  background-image:         linear-gradient(to bottom, rgba(255, 255, 255, .07), rgba(5, 0, 1, .07));
  background-image: -webkit-gradient(linear, left top, left bottom, from(bottom), color-stop(rgba(255, 255, 255, .07)), to(rgba(5, 0, 1, .07)));
  background-image: -webkit-linear-gradient(top, bottom, rgba(255, 255, 255, .07), rgba(5, 0, 1, .07));
  background-image:         linear-gradient(top, bottom, rgba(255, 255, 255, .07), rgba(5, 0, 1, .07));
}
.mod-brand-panel > .tab-handle li > a.is-current {
  color: #fff;
  border-color: #d6d5d5;
  background-color: #999;
}
.mod-brand-panel > .tab-handle li > a.is-current:hover {
  opacity: 1;

  filter: alpha(opacity=100);
}
.mod-brand-panel > .tab-handle li > a:hover {
  opacity: .7;

  filter: alpha(opacity=70);
}
.mod-brand-panel > .tab-handle li:last-child {
  height: 51px;
  border-bottom: none;
}
.mod-brand-panel > .inner {
  overflow: hidden;
  zoom: 1;
  width: 572px;
  border-radius: 4px;
  background-color: #fff;
}
.mod-brand-panel .tab-content {
  min-height: 150px;
}
/* Search location
   ========================================================================== */
.mod-search-location.top > .inner {
  padding: 0;
}
.mod-search-location.top > .inner > .row {
  display: table;
  width: 100%;
}
.mod-search-location.top > .inner > .row > .col {
  display: table-cell;
  width: 50%;
  border-right: 1px solid #efeeee;
}
.mod-search-location.top > .inner > .row > .col:first-child {
  padding-left: 20px;
  text-align: center;
  vertical-align: middle;
}
.mod-search-location.top > .inner > .row > .col:last-child {
  padding: 20px;
  border-right: none;
}
.mod-search-location.top .image-map {
  position: relative;
  height: 233px;
  background: url(/common/img/module/map_bg01.png) left top no-repeat;
}
.mod-search-location.top .image-map .region-btn > li {
  position: absolute;
  z-index: 10000;
}
.mod-search-location.top .image-map .region-btn .region01 {
  top: 20px;
  left: 171px;
}
.mod-search-location.top .image-map .region-btn .region02 {
  top: 137px;
  left: 271px;
}
.mod-search-location.top .image-map .region-btn .region03 {
  top: 177px;
  left: 255px;
}
.mod-search-location.top .image-map .region-btn .region04 {
  top: 73px;
  left: 148px;
}
.mod-search-location.top .image-map .region-btn .region05 {
  top: 191px;
  left: 193px;
}
.mod-search-location.top .image-map .region-btn .region06 {
  top: 201px;
  left: 131px;
}
.mod-search-location.top .image-map .region-btn .region07 {
  top: 110px;
  left: 83px;
}
.mod-search-location.top .image-map .region-btn .region08 {
  top: 141px;
  left: 2px;
}
.mod-search-location.top .image-map .region-btn .region09 {
  top: 26px;
  left: 67px;
}
.mod-search-location.top .image-map .cover {
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 4px;
}
.mod-search-location.top .image-map .cover > img {
  margin-left: -3px;
}
.mod-search-location.top .image-map .cover area {
  outline: none;
}
.mod-search-location.top .image-map .region-img-list > li {
  position: absolute;
  top: 0;
  left: 4px;
  display: none;
}
.mod-search-location.top .select-location {
  overflow: hidden;
  zoom: 1;
}
.mod-search-location.top .select-location > ul {
  float: left;
  margin-right: 10px;
}
.mod-search-location.top .select-location > ul > li {
  font-size: 140%;
}
.mod-search-location.top .select-location > ul > li > span {
  color: #666;
}
.mod-search-location.top .select-location > ul:last-child {
  margin-right: 0;
}
.mod-search-location.top .popular-area > ul {
  overflow: hidden;
  zoom: 1;
}
.mod-search-location.top .popular-area > ul > li {
  float: left;
}
.mod-search-location.top .section_title {
  font-size: 140%;
  margin-bottom: 8px;
  color: #222;
}
/* Search local
   ========================================================================== */
.mod-search-local .mod-form-box01_title > p > span {
  color: #06c !important;
}
.mod-search-local > .inner {
  font-family: 'Meiryo', 'MS PGothic', sans-serif;
  font-weight: bold;
  overflow: hidden;
  zoom: 1;
}
.mod-search-local > .inner .map {
  position: relative;
  float: left;
  width: 358px;
  background-repeat: no-repeat;
  background-position: left top;
}
.mod-search-local > .inner .map .prefecture {
  font-size: 140%;
  position: absolute;
}
.mod-search-local > .inner .map.tohoku {
  height: 404px;
  background-image: url(/common/img/module/search_map_tohoku.gif);
}
.mod-search-local > .inner .map.tohoku .hokkaido {
  top: 103px;
  left: 180px;
}
.mod-search-local > .inner .map.tohoku .aomori {
  top: 207px;
  left: 100px;
}
.mod-search-local > .inner .map.tohoku .iwate {
  top: 265px;
  left: 154px;
}
.mod-search-local > .inner .map.tohoku .miyagi {
  top: 314px;
  left: 146px;
}
.mod-search-local > .inner .map.tohoku .akita {
  top: 252px;
  left: 76px;
}
.mod-search-local > .inner .map.tohoku .yamagata {
  top: 298px;
  left: 66px;
}
.mod-search-local > .inner .map.tohoku .fukushima {
  top: 354px;
  left: 115px;
}
.mod-search-local > .inner .map.hokuriku {
  height: 256px;
  background-image: url(/common/img/module/search_map_hokuriku.gif);
}
.mod-search-local > .inner .map.hokuriku .nigata {
  top: 78px;
  left: 186px;
}
.mod-search-local > .inner .map.hokuriku .toyama {
  top: 122px;
  left: 124px;
}
.mod-search-local > .inner .map.hokuriku .nagano {
  top: 163px;
  left: 163px;
}
.mod-search-local > .inner .map.hokuriku .ishikawa {
  top: 141px;
  left: 41px;
}
.mod-search-local > .inner .map.hokuriku .fukui {
  top: 184px;
  left: 66px;
}
.mod-search-local > .inner .map.hokuriku .yamanashi {
  top: 202px;
  left: 203px;
}
.mod-search-local > .inner .map.kitakantou {
  height: 256px;
  background-image: url(/common/img/module/search_map_kitakantou.gif);
}
.mod-search-local > .inner .map.kitakantou .ibaraki {
  top: 143px;
  left: 232px;
}
.mod-search-local > .inner .map.kitakantou .tochigi {
  top: 84px;
  left: 164px;
}
.mod-search-local > .inner .map.kitakantou .gunma {
  top: 115px;
  left: 75px;
}
.mod-search-local > .inner .map.shutoken {
  height: 256px;
  background-image: url(/common/img/module/search_map_shutoken.gif);
}
.mod-search-local > .inner .map.shutoken .saitama {
  top: 56px;
  left: 99px;
}
.mod-search-local > .inner .map.shutoken .chiba {
  top: 151px;
  left: 211px;
}
.mod-search-local > .inner .map.shutoken .tokyo {
  top: 100px;
  left: 115px;
}
.mod-search-local > .inner .map.shutoken .kanagawa {
  top: 150px;
  left: 85px;
}
.mod-search-local > .inner .map.tokai {
  height: 256px;
  background-image: url(/common/img/module/search_map_tokai.gif);
}
.mod-search-local > .inner .map.tokai .gifu {
  top: 76px;
  left: 111px;
}
.mod-search-local > .inner .map.tokai .shizuoka {
  top: 142px;
  left: 208px;
}
.mod-search-local > .inner .map.tokai .aichi {
  top: 118px;
  left: 149px;
}
.mod-search-local > .inner .map.tokai .mie {
  top: 177px;
  left: 95px;
}
.mod-search-local > .inner .map.kansai {
  height: 256px;
  background-image: url(/common/img/module/search_map_kansai.gif);
}
.mod-search-local > .inner .map.kansai .shiga {
  top: 82px;
  left: 232px;
}
.mod-search-local > .inner .map.kansai .kyoto {
  top: 53px;
  left: 164px;
}
.mod-search-local > .inner .map.kansai .osaka {
  top: 132px;
  left: 155px;
}
.mod-search-local > .inner .map.kansai .hyogo {
  top: 85px;
  left: 96px;
}
.mod-search-local > .inner .map.kansai .nara {
  top: 166px;
  left: 204px;
}
.mod-search-local > .inner .map.kansai .wakayama {
  top: 199px;
  left: 133px;
}
.mod-search-local > .inner .map.shikoku {
  height: 256px;
  background-image: url(/common/img/module/search_map_shikoku.gif);
}
.mod-search-local > .inner .map.shikoku .tottori {
  top: 19px;
  left: 206px;
}
.mod-search-local > .inner .map.shikoku .shimane {
  top: 49px;
  left: 102px;
}
.mod-search-local > .inner .map.shikoku .okayama {
  top: 69px;
  left: 206px;
}
.mod-search-local > .inner .map.shikoku .hiroshima {
  top: 97px;
  left: 126px;
}
.mod-search-local > .inner .map.shikoku .yamaguchi {
  top: 126px;
  left: 33px;
}
.mod-search-local > .inner .map.shikoku .tokushima {
  top: 159px;
  left: 242px;
}
.mod-search-local > .inner .map.shikoku .kagawa {
  top: 118px;
  left: 210px;
}
.mod-search-local > .inner .map.shikoku .ehime {
  top: 163px;
  left: 111px;
}
.mod-search-local > .inner .map.shikoku .kochi {
  top: 195px;
  left: 171px;
}
.mod-search-local > .inner .map.kyushu {
  height: 256px;
  background-image: url(/common/img/module/search_map_kyushu.gif);
}
.mod-search-local > .inner .map.kyushu .fukuoka {
  top: 37px;
  left: 199px;
}
.mod-search-local > .inner .map.kyushu .saga {
  top: 60px;
  left: 120px;
}
.mod-search-local > .inner .map.kyushu .kumamoto {
  top: 125px;
  left: 178px;
}
.mod-search-local > .inner .map.kyushu .nagasaki {
  top: 108px;
  left: 92px;
}
.mod-search-local > .inner .map.kyushu .miyazaki {
  top: 164px;
  left: 234px;
}
.mod-search-local > .inner .map.kyushu .oita {
  top: 82px;
  left: 251px;
}
.mod-search-local > .inner .map.kyushu .okinawa {
  top: 169px;
  left: 28px;
}
.mod-search-local > .inner .map.kyushu .kagoshima {
  top: 194px;
  left: 149px;
}
.mod-search-local > .inner .map.world {
  height: 230px;
  background-image: url(/common/img/module/search_map_world.gif);
}
.mod-search-local > .inner .map.world .asia {
  top: 82px;
  left: 118px;
}
.mod-search-local > .inner .map.world .africa {
  top: 116px;
  left: 15px;
}
.mod-search-local > .inner .map.world .europe {
  top: 57px;
  left: 16px;
}
.mod-search-local > .inner .map.world .america {
  top: 73px;
  left: 249px;
}
.mod-search-local > .inner .map.world .latin_america {
  top: 135px;
  left: 277px;
}
.mod-search-local > .inner .map.world .oceania {
  top: 152px;
  left: 112px;
}
.mod-search-local > .inner .map.world .other_countries {
  top: 198px;
  left: 236px;
}
.mod-search-local > .inner .inside {
  float: left;
  width: 326px;
  padding: 15px 0 0 12px;
}
.mod-search-local > .inner .inside .row {
  overflow: hidden;
  zoom: 1;
  margin-bottom: 0;
}
.mod-search-local > .inner .inside .row > .col {
  line-height: 1.1;
  float: left;
  width: 145px;
  margin: 0 16px 10px 0;
  padding: 0 0 10px 10px;
  border-bottom: 1px solid #e2e2e2;
}
.mod-search-local > .inner .inside .row > .col > p {
  font-size: 140%;
  font-weight: bold;
}
.mod-search-local > .inner .inside .row > .col .mod-job-num {
  font-weight: normal;
  margin-left: 5px;
}
.mod-search-local > .inner .inside .row > .col:last-child {
  margin-right: 0;
}
/* Image layout
   ========================================================================== */
.mod-image-layout {
  overflow: hidden;
  zoom: 1;
}
.mod-image-layout.opt-left .object {
  float: left;
  margin-right: 10px;
}
.mod-image-layout.opt-right .object {
  float: right;
  margin-left: 10px;
}
/* Tag list
   ========================================================================== */
.mod-tag-list {
  overflow: hidden;
  zoom: 1;
}
.mod-tag-list > li {
  font-size: 100%;
  float: left;
  margin: 0 5px 5px 0;
  padding: 3px 6px 2px;
  border: 2px solid #dbdada;
  border-radius: 3px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 5px center;
}
.mod-tag-list > li:last-child {
  margin-right: 0;
}
/* Topics Layout
   ========================================================================== */
.mod-topic-article {
  zoom: 1;
  padding: 20px 0 25px;
  border-bottom: 1px dotted #d5d5d5;
}
.mod-topic-article:after {
  display: block;
  clear: both;
  content: '';
}
.mod-topic-article.opt-left .object {
  float: left;
  margin-right: 20px;
}
.mod-topic-article.opt-right .object {
  float: right;
  margin-left: 20px;
}
.mod-topic-article:last-child {
  padding-bottom: 40px;
  border-bottom: none;
}
.mod-topic-article .date {
  font-style: italic;
  margin-bottom: 10px;
}
.mod-topic-article .mod-topic-article_header .title {
  font-size: 140%;
  margin-bottom: 2px;
}
/* Registry condition
   ========================================================================== */
.main-content.detail-search {
  color:#222;
}
.mod-registry-condition {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin-bottom: 28px;
  border: 3px solid #f7b9ad;
  border-radius: 4px;
}
.mod-registry-condition .condition-list_header {
  overflow: hidden;
  zoom: 1;
  padding: 8px 10px;
  background-color: #f7b9ad;
}
.mod-registry-condition .condition-list_header .title {
  font-size: 140%;
  float: left;
  width: 500px;
}
.mod-registry-condition .condition-list_header .title > a {
  text-decoration: none;
  color: #222;
}
.mod-registry-condition table {
  width: 100%;
}
.mod-registry-condition table th,
.mod-registry-condition table td {
  padding: 15px 13px;
  text-align: left;
  vertical-align: middle;
}
.mod-registry-condition table th {
  font-family: 'Meiryo', 'MS PGothic', sans-serif;
  font-size: 130%;
  font-weight: bold;
  color: #222;
  border-right: 1px solid #f8d8d2;
  border-bottom: 1px solid #f8d8d2;
  background-color: #ffeeeb;
}
.mod-registry-condition table th:nth-child(odd) {
  border-left: 1px solid #f8d8d2;
}
.mod-registry-condition table td {
  border-bottom: 1px solid #f8d8d2;
  background-color: #fff8f8;
}
.mod-registry-condition .subset {
  font-family: 'Meiryo', 'MS PGothic', sans-serif;
  font-weight: bold;
  display: none;
}
.mod-registry-condition .setting-btn {
  float: left;
}
.mod-registry-condition .setting-output {
  overflow: hidden;
  zoom: 1;
  padding: 3px 0 0 10px;
}
.mod-registry-condition .result {
  overflow: hidden;
  zoom: 1;
}
.mod-registry-condition .result > li {
  float: left;
  margin-right: 10px;
  line-height: 1.8;
}
.mod-registry-condition .income > span,
.mod-registry-condition .income > select,
.mod-registry-condition .indication-overtime > span,
.mod-registry-condition .indication-overtime > select  {
  display: inline-block;
  zoom: 1;
  width: 200px;
  vertical-align: middle;

  *display: inline;
}
.mod-registry-condition .income span:last-child {
  margin-left: 5px;
}
.mod-registry-condition .overtime span.customSelectInner {
  margin-left: 5px;
}
.mod-registry-condition .condition-name .condition-name-input,
.mod-registry-condition .condition-name .example {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;

  *display: inline;
}
.mod-registry-condition .condition-name .condition-name-input input {
  width: 570px;
}
.mod-registry-condition .keyword-input > input {
  width: 400px;
}
.mod-registry-condition .keyword-input.detail > input {
  width: 350px;
}
.mod-registry-condition .footer {
  padding: 15px 0;
  text-align: center;
  background-color: #fff8f8;
}
.mod-registry-condition .footer .mod-btn-holder {
  width:50%;
  float:left;
}
.mod-registry-condition .footer .mod-btn-holder span.num-txt {
  color:#222;
}
.mod-registry-condition .footer .mod-btn-holder span.num-txt .search-num {
  color:#f00;
  font-size:150%;
  margin:0 5px;
}
.mod-registry-condition .footer .footer-btn{
  font-size: 120%;
}
.mod-registry-condition .footer .mod-button {
  font-size: 116.67%;
  font-weight: bold;
  width: 300px;
  padding: 3px 0;
}
.mod-registry-condition .footer .job-sum {
  font-family: 'Meiryo', 'MS PGothic', sans-serif;
  font-size: 140%;
  font-weight: bold;
  margin-bottom: 3px;
  color: #222;
}
.mod-registry-condition .footer .job-sum > span {
  font-size: 150%;
  margin: 0 5px;
  color: #e94e30;
}
/* Lead box
   ========================================================================== */
.mod-lead-box {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 740px;
  margin: 0 auto 20px;
  padding: 15px 0;
  text-align: center;
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  background-color: #fff;
}
.mod-lead-box p {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;

  *display: inline;
}
.mod-lead-box .btn {
  font-size: 140%;
  margin-left: 10px;
}
.mod-lead-box .btn > a {
  padding: 5px 32px;
}
.mod-lead-box.result .lead {
  width: 470px;
}
.mod-lead-box.register .lead {
  width: 360px;
}
.mod-lead-box.register .comp-message {
  margin: 7px 0;
}
.mod-lead-box.register .btn {
  margin-left: 40px;
}
/* About feature area
   ========================================================================== */
.about-feature {
  padding: 5px;
  border-radius: 4px;
  background-color: #dbdada;
}
.about-feature > .inner {
  padding: 22px 440px 25px 46px;
  border-radius: 4px;
  background: url(/common/img/module/about_img01.jpg) right center no-repeat #fff;
}
.about-feature > .inner .site-id {
  margin-bottom: 22px;
}
.about-feature > .inner > p {
  font-family: 'Meiryo', 'MS PGothic', sans-serif;
  font-weight: bold;
  line-height: 1.8;
  margin-bottom: 1em;
  color: #222;
}
.about-feature > .inner > p:last-child {
  margin-bottom: 0 !important;
}
/* ==========================================================================
   Form module
   ========================================================================== */
form + section {
  margin-top: 20px;
}
/* Conditional Search
   ========================================================================== */
.mod-conditional-form {
  padding: 16px 10px 20px;
  border-radius: 4px;
  background-color: #f3f3f3;
}
.mod-conditional-form .mod-conditional_header {
  overflow: hidden;
  zoom: 1;
  margin-bottom: 3px;
}
.mod-conditional-form .mod-conditional_header > .lead {
  float: right;
  width: 530px;
  margin-top: 8px;
  text-align: right;
}
.mod-conditional-form .row {
  margin-bottom: 10px;
}
.mod-conditional-form .job-sum {
  font-family: 'Meiryo', 'MS PGothic', sans-serif;
  font-size: 140%;
  font-weight: bold;
  margin-bottom: 3px;
  color: #222;
}
.mod-conditional-form .job-sum > span {
  font-size: 150%;
  margin: 0 5px;
  color: #e94e30;
}
.mod-conditional-form .job-sum.top {
  float: left;
  margin: 0 0 0 14px;
}
.mod-conditional-form .job-sum.bottom {
  text-align: center;
}
.mod-conditional-form .all-check {
  margin-bottom: 10px;
  padding: 10px 12px 7px;
  border-radius: 4px;
  background-color: #daecfb;
}
.mod-conditional-form .all-check .text {
  font-family: 'Meiryo', 'MS PGothic', sans-serif;
  font-size: 116.67%;
  font-weight: bold;
  line-height: 1.2;
  color: #222;
}
.mod-conditional-form .category-title-lv1 {
  font-size: 150%;
  font-weight: bold;
  margin: 0 0 5px 10px;
  color: #222;
}
.mod-conditional-form .category-title-lv1 > a {
  text-decoration: none;
  color: #222;
}
.mod-conditional-form .cb,
.mod-conditional-form .rb {
  float: left;
}
.mod-conditional-form .cb > span,
.mod-conditional-form .rb > span {
  margin-left: 3px;
}
.mod-conditional-form .mod-form-box01 {
  overflow: hidden;
  height: 100%;
  border-radius: 4px;
  background-color: #fff;
}
.mod-conditional-form .mod-form-box01 > .mod-form-box01_title {
  font-family: 'Meiryo', 'MS PGothic', sans-serif;
  font-weight: bold;
  line-height: 1.2;
  overflow: hidden;
  zoom: 1;
  padding: 12px 15px 8px 12px;
  color: #222;
  background-color: #daecfb;
}
.mod-conditional-form .mod-form-box01 > .mod-form-box01_title a,
.mod-conditional-form .mod-form-box01 > .mod-form-box01_title .text {
  font-size: 116.67%;
}
.mod-conditional-form .mod-form-box01 > .mod-form-box01_title .text {
  cursor: pointer;
}
.mod-conditional-form .mod-form-box01 > .inner {
  padding: 12px;
}
.mod-conditional-form .mod-form-box01 > .inner > ul > li {
  overflow: hidden;
  zoom: 1;
  margin-bottom: 7px;
}
.modal-industry .mod-conditional-form .mod-form-box01 > .inner > ul > li {
  width: 50%;
  display: inline-block;
  float: left;
}
.mod-conditional-form .mod-form-box01 > .inner > ul > li:last-child {
  margin-bottom: 0 !important;
}
.mod-conditional-form .mod-form-box01 .multi-col .row {
  overflow: hidden;
  zoom: 1;
  margin-bottom: 10px;
}
.mod-conditional-form .mod-form-box01 .multi-col .col {
  float: left;
  width: 346px;
  padding-right: 20px;
}
.mod-conditional-form .mod-form-box01 .multi-col .col:last-child {
  width: 323px;
  padding-right: 0;
}
.mod-conditional-form .mod-form-box01 .multi-col .col li {
  overflow: hidden;
  zoom: 1;
  width: auto;
  margin-bottom: 7px;
}
.mod-conditional-form .mod-form-box01 .multi-col .col li:last-child {
  margin-bottom: 0 !important;
}
.default-modal .mod-conditional-form .mod-form-box01 .multi-col .col {
  width: 335px;
}
.default-modal .mod-conditional-form .mod-form-box01 .multi-col .col:last-child {
  width: 323px;
}
.mod-conditional-form .mod-form-box02 {
  overflow: hidden;
  height: 100%;
  border: 1px solid #f3f3f3;
  border-radius: 4px;
}
.mod-conditional-form .mod-form-box02 > .mod-form-box02_title {
  font-family: 'Meiryo', 'MS PGothic', sans-serif;
  font-weight: bold;
  line-height: 1.2;
  overflow: hidden;
  zoom: 1;
  padding: 12px 5px 8px 12px;
  background-color: #f3f3f3;
}
.mod-conditional-form .mod-form-box02 > .mod-form-box02_title .cb {
  margin-top: 0;
}
.mod-conditional-form .mod-form-box02 > .mod-form-box02_title a,
.mod-conditional-form .mod-form-box02 > .mod-form-box02_title .text {
  font-size: 116.67%;
}
.mod-conditional-form .mod-form-box02 > .mod-form-box02_title .text {
  color: #222;
}
.mod-conditional-form .mod-form-box02 > .inner {
  padding: 12px 5px 12px 12px;
}
.default-modal .mod-conditional-form .mod-form-box02 > .inner {
  padding-right: 0;
}
.mod-conditional-form .mod-form-box02 > .inner > ul > li {
  overflow: hidden;
  zoom: 1;
  margin-bottom: 7px;
}
.mod-conditional-form .mod-form-box02 > .inner > ul > li:last-child {
  margin-bottom: 0 !important;
}
.mod-conditional-form .submit-btn {
  text-align: center;
}
.mod-conditional-form .submit-btn > button {
  font-size: 116.67%;
  padding: 6px 38px;
}
/* Search local
   ========================================================================== */
.mod-search-local .mod-form-box01_title > p > span {
  color: #06c !important;
}
.mod-search-local > .inner {
  font-family: 'Meiryo', 'MS PGothic', sans-serif;
  font-weight: bold;
  overflow: hidden;
  zoom: 1;
}
.mod-search-local > .inner .map {
  position: relative;
  float: left;
  width: 358px;
  background-repeat: no-repeat;
  background-position: left top;
}
.mod-search-local > .inner .map .prefecture {
  font-size: 140%;
  position: absolute;
}
.mod-search-local > .inner .map.tohoku {
  height: 404px;
  background-image: url(/common/img/module/search_map_tohoku.gif);
}
.mod-search-local > .inner .map.tohoku .hokkaido {
  top: 103px;
  left: 180px;
}
.mod-search-local > .inner .map.tohoku .aomori {
  top: 207px;
  left: 100px;
}
.mod-search-local > .inner .map.tohoku .iwate {
  top: 265px;
  left: 154px;
}
.mod-search-local > .inner .map.tohoku .miyagi {
  top: 314px;
  left: 146px;
}
.mod-search-local > .inner .map.tohoku .akita {
  top: 252px;
  left: 76px;
}
.mod-search-local > .inner .map.tohoku .yamagata {
  top: 298px;
  left: 66px;
}
.mod-search-local > .inner .map.tohoku .fukushima {
  top: 354px;
  left: 115px;
}
.mod-search-local > .inner .map.hokuriku {
  height: 256px;
  background-image: url(/common/img/module/search_map_hokuriku.gif);
}
.mod-search-local > .inner .map.hokuriku .nigata {
  top: 78px;
  left: 186px;
}
.mod-search-local > .inner .map.hokuriku .toyama {
  top: 122px;
  left: 124px;
}
.mod-search-local > .inner .map.hokuriku .nagano {
  top: 163px;
  left: 163px;
}
.mod-search-local > .inner .map.hokuriku .ishikawa {
  top: 141px;
  left: 41px;
}
.mod-search-local > .inner .map.hokuriku .fukui {
  top: 184px;
  left: 66px;
}
.mod-search-local > .inner .map.hokuriku .yamanashi {
  top: 202px;
  left: 203px;
}
.mod-search-local > .inner .map.kitakantou {
  height: 256px;
  background-image: url(/common/img/module/search_map_kitakantou.gif);
}
.mod-search-local > .inner .map.kitakantou .ibaraki {
  top: 143px;
  left: 232px;
}
.mod-search-local > .inner .map.kitakantou .tochigi {
  top: 84px;
  left: 164px;
}
.mod-search-local > .inner .map.kitakantou .gunma {
  top: 115px;
  left: 75px;
}
.mod-search-local > .inner .map.shutoken {
  height: 256px;
  background-image: url(/common/img/module/search_map_shutoken.gif);
}
.mod-search-local > .inner .map.shutoken .saitama {
  top: 56px;
  left: 99px;
}
.mod-search-local > .inner .map.shutoken .chiba {
  top: 151px;
  left: 211px;
}
.mod-search-local > .inner .map.shutoken .tokyo {
  top: 95px;
  left: 125px;
}
.mod-search-local > .inner .map.shutoken .tokyo_toka {
  top: 115px;
  left: 125px;
}
.mod-search-local > .inner .map.shutoken .yokohama_city {
  top: 150px;
  left: 73px;
}
.mod-search-local > .inner .map.shutoken .kawasaki_city {
  top: 170px;
  left: 73px;
}
.mod-search-local > .inner .map.shutoken .kanagawa {
  top: 190px;
  left: 73px;
}
.mod-search-local > .inner .map.tokai {
  height: 256px;
  background-image: url(/common/img/module/search_map_tokai.gif);
}
.mod-search-local > .inner .map.tokai .gifu {
  top: 76px;
  left: 111px;
}
.mod-search-local > .inner .map.tokai .shizuoka {
  top: 142px;
  left: 208px;
}
.mod-search-local > .inner .map.tokai .aichi {
  top: 118px;
  left: 149px;
}
.mod-search-local > .inner .map.tokai .mie {
  top: 177px;
  left: 95px;
}
.mod-search-local > .inner .map.kansai {
  height: 256px;
  background-image: url(/common/img/module/search_map_kansai.gif);
}
.mod-search-local > .inner .map.kansai .shiga {
  top: 82px;
  left: 232px;
}
.mod-search-local > .inner .map.kansai .kyoto {
  top: 53px;
  left: 164px;
}
.mod-search-local > .inner .map.kansai .osaka_city {
  top: 112px;
  left: 155px;
}
.mod-search-local > .inner .map.kansai .osaka {
  top: 132px;
  left: 155px;
}
.mod-search-local > .inner .map.kansai .hyogo {
  top: 85px;
  left: 96px;
}
.mod-search-local > .inner .map.kansai .nara {
  top: 166px;
  left: 204px;
}
.mod-search-local > .inner .map.kansai .wakayama {
  top: 199px;
  left: 133px;
}
.mod-search-local > .inner .map.shikoku {
  height: 256px;
  background-image: url(/common/img/module/search_map_shikoku.gif);
}
.mod-search-local > .inner .map.shikoku .tottori {
  top: 19px;
  left: 206px;
}
.mod-search-local > .inner .map.shikoku .shimane {
  top: 49px;
  left: 102px;
}
.mod-search-local > .inner .map.shikoku .okayama {
  top: 69px;
  left: 206px;
}
.mod-search-local > .inner .map.shikoku .hiroshima {
  top: 97px;
  left: 126px;
}
.mod-search-local > .inner .map.shikoku .yamaguchi {
  top: 126px;
  left: 33px;
}
.mod-search-local > .inner .map.shikoku .tokushima {
  top: 159px;
  left: 242px;
}
.mod-search-local > .inner .map.shikoku .kagawa {
  top: 118px;
  left: 210px;
}
.mod-search-local > .inner .map.shikoku .ehime {
  top: 163px;
  left: 111px;
}
.mod-search-local > .inner .map.shikoku .kochi {
  top: 195px;
  left: 171px;
}
.mod-search-local > .inner .map.kyushu {
  height: 256px;
  background-image: url(/common/img/module/search_map_kyushu.gif);
}
.mod-search-local > .inner .map.kyushu .fukuoka {
  top: 37px;
  left: 199px;
}
.mod-search-local > .inner .map.kyushu .saga {
  top: 60px;
  left: 120px;
}
.mod-search-local > .inner .map.kyushu .kumamoto {
  top: 125px;
  left: 178px;
}
.mod-search-local > .inner .map.kyushu .nagasaki {
  top: 108px;
  left: 92px;
}
.mod-search-local > .inner .map.kyushu .miyazaki {
  top: 164px;
  left: 234px;
}
.mod-search-local > .inner .map.kyushu .oita {
  top: 82px;
  left: 251px;
}
.mod-search-local > .inner .map.kyushu .okinawa {
  top: 169px;
  left: 28px;
}
.mod-search-local > .inner .map.kyushu .kagoshima {
  top: 194px;
  left: 149px;
}
.mod-search-local > .inner .map.world {
  height: 230px;
  background-image: url(/common/img/module/search_map_world.gif);
}
.mod-search-local > .inner .map.world .asia {
  top: 82px;
  left: 118px;
}
.mod-search-local > .inner .map.world .africa {
  top: 116px;
  left: 15px;
}
.mod-search-local > .inner .map.world .europe {
  top: 57px;
  left: 16px;
}
.mod-search-local > .inner .map.world .america {
  top: 73px;
  left: 249px;
}
.mod-search-local > .inner .map.world .latin_america {
  top: 135px;
  left: 277px;
}
.mod-search-local > .inner .map.world .oceania {
  top: 152px;
  left: 112px;
}
.mod-search-local > .inner .map.world .other_countries {
  top: 198px;
  left: 236px;
}
.mod-search-local > .inner .inside {
  float: left;
  width: 326px;
  padding: 15px 0 0 12px;
}
.mod-search-local > .inner .inside .row {
  overflow: hidden;
  zoom: 1;
  margin-bottom: 0;
}
.mod-search-local > .inner .inside .row > .col {
  line-height: 1.1;
  float: left;
  width: 145px;
  margin: 0 16px 10px 0;
  padding: 0 0 10px 10px;
  border-bottom: 1px solid #e2e2e2;
}
.mod-search-local > .inner .inside .row > .col > p {
  font-size: 140%;
  font-weight: bold;
}
.mod-search-local > .inner .inside .row > .col .mod-job-num {
  font-weight: normal;
  margin-left: 5px;
}
.mod-search-local > .inner .inside .row > .col:last-child {
  margin-right: 0;
}
/* Search salary
   ========================================================================== */
.form-salary_title > p {
  font-size: 140%;
}
.form-salary {
  position: relative;
  padding-top: 69px;
}
.form-salary .subset-num {
  font-family: 'Meiryo', 'MS PGothic', sans-serif;
  font-weight: bold;
  display: none;
}
.form-salary .salary-pop {
  font-family: 'Meiryo', 'MS PGothic', sans-serif;
  font-size: 140%;
  font-weight: bold;
  line-height: 56px;
  position: absolute;
  top: 6px;
  left: 0;
  width: 227px;
  height: 60px;
  text-align: center;
  color: #222;
  background-image: url(/common/img/parts/pop_salary.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.form-salary .salary-hope {
  font-family: 'Meiryo', 'MS PGothic', sans-serif;
  font-size: 150%;
  font-weight: bold;
  margin: 0 2px 0 5px;
  color: #e94e30;
}
.form-salary .salary-range-slider {
  position: relative;
  width: 630px;
  height: 20px;
  margin: 0 auto;
}
.form-salary .salary-range-rail {
  font-size: 0;
  position: relative;
  top: 5px;
  height: 15px;
  background: url(/common/img/parts/rail_salary.png) no-repeat left top #ddd;
}
.form-salary .salary-range-rail:after {
  position: absolute;
  top: 14px;
  left: -7px;
  width: 651px;
  height: 19px;
  content: '';
  background: url(/common/img/parts/memory_salary.png) no-repeat left bottom;
}
.form-salary .salary-range-rail-inner {
  width: 0;
  height: 15px;
  background: url(/common/img/parts/rail_salary_on.png) no-repeat left top #999;
}
.form-salary .salary-range-thumb {
  position: absolute;
  top: 0;
  cursor: pointer;
}
.form-salary .salary-list {
  overflow: hidden;
  margin: 40px 0 17px;
  padding: 0 18px;
}
.form-salary .salary-list li {
  float: left;
  width: 100px;
  margin-bottom: 5px;
  margin-left: 10px;
}
/* Add Search
   ========================================================================== */
.mod-add-search {
  margin: 10px 0 22px;
  border: 3px solid #f7b9ad;
  border-radius: 4px;
  background-color: #fff8f8;
}
.mod-add-search .mod-add-search_title {
  font-size: 140%;
  padding: 10px 0 8px;
  text-align: center;
  color: #222;
  background-color: #f7b9ad;
}
.mod-add-search .mod-add-search_title > span {
  padding: 1px 0 1px 23px;
  cursor: pointer;
  background: url(/common/img/module/conditional_search_btn_open.png) left center no-repeat;
}
.mod-add-search .mod-add-search_title > span.open {
  background-image: url(/common/img/module/conditional_search_btn_close.png);
}
.mod-add-search .body table {
  width: 100%;
}
.mod-add-search .body table th,
.mod-add-search .body table td {
  padding: 20px 13px;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #e2e2e2;
}
.mod-add-search .body table th {
  font-family: 'Meiryo', 'MS PGothic', sans-serif;
  font-size: 130%;
  font-weight: bold;
  color: #222;
  background-color: #ffeeeb;
}
.mod-add-search .subset {
  display: none;
}
.mod-add-search .setting-btn {
  float: left;
}
.mod-add-search .setting-output {
  overflow: hidden;
  zoom: 1;
  padding: 3px 0 0 10px;
}
.mod-add-search .result {
  overflow: hidden;
  zoom: 1;
}
.mod-add-search .result > li {
  float: left;
  margin-right: 10px;
}
.mod-add-search .income > span,
.mod-add-search .income > select {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;

  *display: inline;
}
.mod-add-search .income span:last-child {
  margin-left: 10px;
}
.mod-add-search .more-item {
  display: none;
}
.mod-add-search .more-item .checkbox-list {
  margin-top: 0;
}
.mod-add-search .checkbox-list {
  overflow: hidden;
  zoom: 1;
  width: 460px;
  margin-top: -10px;
}
.mod-add-search .checkbox-list > li {
  font-size: 108.33%;
  float: left;
  width: 145px;
  margin: 10px 8px 0 0;
}
.mod-add-search .checkbox-list .skillbox {
  font-size: 108.33%;
  float: left;
  width: 220px;
  margin: 10px 10px 0 0;
}
.mod-add-search .checkbox-list > li:last-child {
  margin-right: 0;
}
.mod-add-search .mod-link {
  padding-left: 16px;
}
.mod-add-search .more {
  display: inline-block;
  float: right;
  zoom: 1;
  width: 65px;
  padding-left: 16px;
  cursor: pointer;
  text-align: left;
  vertical-align: middle;
  color: #06c;
  background-image: url(/common/img/parts/icon_arrow_bottom01.png);
  background-repeat: no-repeat;
  background-position: left center;

  *display: inline;
}
.mod-add-search .more.open {
  background-image: url(/common/img/parts/icon_arrow_top02.png);
}
.mod-add-search .more:hover {
  text-decoration: underline;
  color: #e94e30;
}
/* Keyword text input
   ========================================================================== */
.mod-form-keyword {
  font-size: 109.09%;
  padding: 3px 0 2px 15px;
  border: 1px solid #e6e5e5;
  border-radius: 12px;
  outline: none;
  -webkit-box-shadow: inset 0 0 4px rgba(5, 0, 1, .1);
          box-shadow: inset 0 0 4px rgba(5, 0, 1, .1);
}
.keyword-input .mod-form-keyword {
  padding-left: 25px;
  background: url(/common/img/module/keyword_search_icon01.png) 8px center no-repeat #fff;
}
.keyword-input .mod-form-keyword.long {
  width: 350px;
}
/* Custom form
   ========================================================================== */
/* selectbox */
.customSelect {
  line-height: 1.6;
  overflow: hidden;
  height: 23px;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  background-color: #e5e5e5;
  background-image: url(/common/img/parts/selectbox_bg01.png);
  background-repeat: no-repeat;
  background-position: right center;
}
.customSelect.customSelectHover {
  background-image: url(/common/img/parts/selectbox_bg01_over.png);
}
.customSelectInner {
  overflow: hidden;
  padding: 2px 30px 2px 10px;
}
.customSelect.area-old-job {
  width: 380px;
}
.employment-end-month .hasCustomSelect {
  width: 81px!important;
}
.employment-end-month .customSelectInner {
  width: 39px!important;
}

/* checkbox & Radio Button */
.cb,
.rb {
  line-height: 16px;
  position: relative;
  display: inline-block;
  overflow: hidden;
  zoom: 1;
  height: 16px;
  margin: 0;
  padding: 0 0 0 16px;
  cursor: pointer;
  vertical-align: middle;

  *display: inline;
}
.cb.checked,
.rb.checked {
  background-position: left -16px;
}
.cb input[type='checkbox'],
.rb input[type='checkbox'],
.cb input[type='radio'],
.rb input[type='radio'] {
  position: absolute;
  margin: 0;
  padding: 0;
  cursor: pointer;
  opacity: 0;

  filter: alpha(opacity=0);
}
.cb + p,
.rb + p {
  overflow: hidden;
  zoom: 1;
}
.cb + p .text,
.rb + p .text {
  cursor: pointer;
}
.cb + p,
.rb + p,
.cb + span,
.rb + span {
  padding-left: 3px;
}
.cb {
  background: url(/common/img/parts/icon_checkbox_bg01.png) left top no-repeat;
}
.rb {
  background: url(/common/img/parts/icon_radiobutton_bg01.png) left top no-repeat;
}
.rb-disable {
  cursor: default;
  opacity: .6;

  filter: alpha(opacity=60);
}
.rb-disable + p {
  color: #ccc;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
/* Font size
   ========================================================================== */
/* Relative size */
.size-small {
  font-size: 83.33% !important;
}
.size-small .size-small {
  font-size: 100% !important;
}
.size-large .size-small {
  font-size: 71.43% !important;
}
.size-xlarge .size-small {
  font-size: 62.5% !important;
}
.size-xxlarge .size-small {
  font-size: 55.56% !important;
}
.size-xxxlarge .size-small {
  font-size: 50% !important;
}
h1.size-small,
h2.size-small,
h3.size-small,
h4.size-small,
h5.size-small,
h6.size-small,
dt.size-small,
dd.size-small,
li.size-small,
caption.size-small,
col.size-small,
th.size-small,
td.size-small,
p.size-small,
address.size-small,
figcaption.size-small {
  font-size: 100% !important;
}
.size-medium {
  font-size: 100% !important;
}
.size-small .size-medium {
  font-size: 120% !important;
}
.size-large .size-medium {
  font-size: 85.71% !important;
}
.size-xlarge .size-medium {
  font-size: 75% !important;
}
.size-xxlarge .size-medium {
  font-size: 66.67% !important;
}
.size-xxxlarge .size-medium {
  font-size: 60% !important;
}
h1.size-medium,
h2.size-medium,
h3.size-medium,
h4.size-medium,
h5.size-medium,
h6.size-medium,
dt.size-medium,
dd.size-medium,
li.size-medium,
caption.size-medium,
col.size-medium,
th.size-medium,
td.size-medium,
p.size-medium,
address.size-medium,
figcaption.size-medium {
  font-size: 120% !important;
}
.size-medium-ex {
  font-size: 108.33% !important;
}
.size-small .size-medium-ex {
  font-size: 130% !important;
}
.size-large .size-medium-ex {
  font-size: 92.86% !important;
}
.size-xlarge .size-medium-ex {
  font-size: 81.25% !important;
}
.size-xxlarge .size-medium-ex {
  font-size: 72.22% !important;
}
.size-xxxlarge .size-medium-ex {
  font-size: 65% !important;
}
h1.size-medium-ex,
h2.size-medium-ex,
h3.size-medium-ex,
h4.size-medium-ex,
h5.size-medium-ex,
h6.size-medium-ex,
dt.size-medium-ex,
dd.size-medium-ex,
li.size-medium-ex,
caption.size-medium-ex,
col.size-medium-ex,
th.size-medium-ex,
td.size-medium-ex,
p.size-medium-ex,
address.size-medium-ex,
figcaption.size-medium-ex {
  font-size: 130% !important;
}
.size-large {
  font-size: 116.67% !important;
}
.size-small .size-large {
  font-size: 140% !important;
}
.size-large .size-large {
  font-size: 100% !important;
}
.size-xlarge .size-large {
  font-size: 87.5% !important;
}
.size-xxlarge .size-large {
  font-size: 77.78% !important;
}
.size-xxxlarge .size-large {
  font-size: 70% !important;
}
h1.size-large,
h2.size-large,
h3.size-large,
h4.size-large,
h5.size-large,
h6.size-large,
dt.size-large,
dd.size-large,
li.size-large,
caption.size-large,
col.size-large,
th.size-large,
td.size-large,
p.size-large,
address.size-large,
figcaption.size-large {
  font-size: 140% !important;
}
.size-xlarge {
  font-size: 133.33% !important;
}
.size-small .size-xlarge {
  font-size: 160% !important;
}
.size-large .size-xlarge {
  font-size: 114.29% !important;
}
.size-xlarge .size-xlarge {
  font-size: 100% !important;
}
.size-xxlarge .size-xlarge {
  font-size: 88.89% !important;
}
.size-xxxlarge .size-xlarge {
  font-size: 80% !important;
}
h1.size-xlarge,
h2.size-xlarge,
h3.size-xlarge,
h4.size-xlarge,
h5.size-xlarge,
h6.size-xlarge,
dt.size-xlarge,
dd.size-xlarge,
li.size-xlarge,
caption.size-xlarge,
col.size-xlarge,
th.size-xlarge,
td.size-xlarge,
p.size-xlarge,
address.size-xlarge,
figcaption.size-xlarge {
  font-size: 160% !important;
}
.size-xxlarge {
  font-size: 150% !important;
}
.size-small .size-xxlarge {
  font-size: 180% !important;
}
.size-large .size-xxlarge {
  font-size: 128.57% !important;
}
.size-xlarge .size-xxlarge {
  font-size: 112.5% !important;
}
.size-xxlarge .size-xxlarge {
  font-size: 100% !important;
}
.size-xxxlarge .size-xxlarge {
  font-size: 90% !important;
}
h1.size-xxlarge,
h2.size-xxlarge,
h3.size-xxlarge,
h4.size-xxlarge,
h5.size-xxlarge,
h6.size-xxlarge,
dt.size-xxlarge,
dd.size-xxlarge,
li.size-xxlarge,
caption.size-xxlarge,
col.size-xxlarge,
th.size-xxlarge,
td.size-xxlarge,
p.size-xxlarge,
address.size-xxlarge,
figcaption.size-xxlarge {
  font-size: 180% !important;
}
.size-xxxlarge {
  font-size: 166.67% !important;
}
.size-small .size-xxxlarge {
  font-size: 200% !important;
}
.size-large .size-xxxlarge {
  font-size: 142.86% !important;
}
.size-xlarge .size-xxxlarge {
  font-size: 125% !important;
}
.size-xxlarge .size-xxxlarge {
  font-size: 111.11% !important;
}
.size-xxxlarge .size-xxxlarge {
  font-size: 100% !important;
}
h1.size-xxxlarge,
h2.size-xxxlarge,
h3.size-xxxlarge,
h4.size-xxxlarge,
h5.size-xxxlarge,
h6.size-xxxlarge,
dt.size-xxxlarge,
dd.size-xxxlarge,
li.size-xxxlarge,
caption.size-xxxlarge,
col.size-xxxlarge,
th.size-xxxlarge,
td.size-xxxlarge,
p.size-xxxlarge,
address.size-xxxlarge,
figcaption.size-xxxlarge {
  font-size: 200% !important;
}
/* Absolute size */
.size-10px {
  font-size: 10px !important;
}
.size-12px {
  font-size: 12px !important;
}
.size-14px {
  font-size: 14px !important;
}
.size-16px {
  font-size: 16px !important;
}
.size-18px {
  font-size: 18px !important;
}
.size-20px {
  font-size: 20px !important;
}
.size-22px {
  font-size: 22px !important;
}
.size-24px {
  font-size: 24px !important;
}
.size-26px {
  font-size: 26px !important;
}
.size-28px {
  font-size: 28px !important;
}
.size-30px {
  font-size: 30px !important;
}
/* Font family (Web font)
   ========================================================================== */
.webfont-bold {
  font-family: 'Meiryo', 'MS PGothic', sans-serif;
  font-weight: bold;
}
.webfont-normal {
  font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN W3', 'Meiryo', 'MS PGothic', sans-serif;
  font-weight: normal;
}
.webfont-normal-b {
  font-family: 'ヒラギノ角ゴ ProN W6', 'Hiragino Kaku Gothic ProN W6', sans-serif;
  font-weight: bold;
}
/* Font weight
   ========================================================================== */
.weight-normal {
  font-weight: normal !important;
}
.weight-bold {
  font-weight: bold !important;
}
/* Font style
   ========================================================================== */
.style-lined {
  text-decoration: underline !important;
}
/* Float
   ========================================================================== */
.pull-none {
  float: none !important;
}
.pull-left {
  float: left !important;
}
.pull-right {
  float: right !important;
}
.clear-both {
  clear: both !important;
}
.clear-left {
  clear: left !important;
}
.clear-right {
  clear: right !important;
}
.clearfix:after {
 content: "";
 clear: both;
 display: block;
}
.body {
  overflow: hidden;
  zoom: 1;
}
/* Align
   ========================================================================== */
/* Horizontal */
.align-left {
  text-align: left !important;
}
.align-center {
  text-align: center !important;
}
.align-right {
  text-align: right !important;
}
/* Vertical */
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-baseline {
  vertical-align: baseline !important;
}
/* Space
   ========================================================================== */
.space-normal {
  margin-bottom: 12px !important;
}
.space-near {
  margin-bottom: 7px !important;
}
.space-far {
  margin-bottom: 20px !important;
}
.space-section {
  margin-bottom: 40px !important;
}
.space-none {
  margin-bottom: 0 !important;
}
.space-normal:last-child,
.space-near:last-child,
.space-far:last-child,
.space-section:last-child {
  margin-bottom: 0 !important;
}
/* Margin
   ========================================================================== */
.mt-40 {
  margin-top: -40px !important;
}
.mt-30 {
  margin-top: -30px !important;
}
.mt-20 {
  margin-top: -20px !important;
}
.mt-15 {
  margin-top: -15px !important;
}
.mt-10 {
  margin-top: -10px !important;
}
.mt-5 {
  margin-top: -5px !important;
}
.mt-1 {
  margin-top: -1px !important;
}
.mt0 {
  margin-top: 0 !important;
}
.mt1 {
  margin-top: 1px !important;
}
.mt2 {
  margin-top: 2px !important;
}
.mt3 {
  margin-top: 3px !important;
}
.mt4 {
  margin-top: 4px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt6 {
  margin-top: 6px !important;
}
.mt7 {
  margin-top: 7px !important;
}
.mt8 {
  margin-top: 8px !important;
}
.mt9 {
  margin-top: 9px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt45 {
  margin-top: 45px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt55 {
  margin-top: 55px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mr-40 {
  margin-right: -40px !important;
}
.mr-30 {
  margin-right: -30px !important;
}
.mr-20 {
  margin-right: -20px !important;
}
.mr-15 {
  margin-right: -15px !important;
}
.mr-10 {
  margin-right: -10px !important;
}
.mr-5 {
  margin-right: -5px !important;
}
.mr-1 {
  margin-right: -1px !important;
}
.mr0 {
  margin-right: 0 !important;
}
.mr1 {
  margin-right: 1px !important;
}
.mr2 {
  margin-right: 2px !important;
}
.mr3 {
  margin-right: 3px !important;
}
.mr4 {
  margin-right: 4px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr6 {
  margin-right: 6px !important;
}
.mr7 {
  margin-right: 7px !important;
}
.mr8 {
  margin-right: 8px !important;
}
.mr9 {
  margin-right: 9px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mr45 {
  margin-right: 45px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.mr55 {
  margin-right: 55px !important;
}
.mr60 {
  margin-right: 60px !important;
}
.mr150 {
  margin-right: 150px !important;
}
.mb-40 {
  margin-bottom: -40px !important;
}
.mb-30 {
  margin-bottom: -30px !important;
}
.mb-20 {
  margin-bottom: -20px !important;
}
.mb-15 {
  margin-bottom: -15px !important;
}
.mb-10 {
  margin-bottom: -10px !important;
}
.mb-5 {
  margin-bottom: -5px !important;
}
.mb-1 {
  margin-bottom: -1px !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb1 {
  margin-bottom: 1px !important;
}
.mb2 {
  margin-bottom: 2px !important;
}
.mb3 {
  margin-bottom: 3px !important;
}
.mb4 {
  margin-bottom: 4px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb6 {
  margin-bottom: 6px !important;
}
.mb7 {
  margin-bottom: 7px !important;
}
.mb8 {
  margin-bottom: 8px !important;
}
.mb9 {
  margin-bottom: 9px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb45 {
  margin-bottom: 45px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb55 {
  margin-bottom: 55px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.ml-40 {
  margin-left: -40px !important;
}
.ml-30 {
  margin-left: -30px !important;
}
.ml-20 {
  margin-left: -20px !important;
}
.ml-15 {
  margin-left: -15px !important;
}
.ml-10 {
  margin-left: -10px !important;
}
.ml-5 {
  margin-left: -5px !important;
}
.ml-1 {
  margin-left: -1px !important;
}
.ml0 {
  margin-left: 0 !important;
}
.ml1 {
  margin-left: 1px !important;
}
.ml2 {
  margin-left: 2px !important;
}
.ml3 {
  margin-left: 3px !important;
}
.ml4 {
  margin-left: 4px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml6 {
  margin-left: 6px !important;
}
.ml7 {
  margin-left: 7px !important;
}
.ml8 {
  margin-left: 8px !important;
}
.ml9 {
  margin-left: 9px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml45 {
  margin-left: 45px !important;
}
.ml50 {
  margin-left: 50px !important;
}
.ml55 {
  margin-left: 55px !important;
}
.ml60 {
  margin-left: 60px !important;
}
/* Padding
   ========================================================================== */
.pt0 {
  padding-top: 0 !important;
}
.pt1 {
  padding-top: 1px !important;
}
.pt2 {
  padding-top: 2px !important;
}
.pt3 {
  padding-top: 3px !important;
}
.pt4 {
  padding-top: 4px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt6 {
  padding-top: 6px !important;
}
.pt7 {
  padding-top: 7px !important;
}
.pt8 {
  padding-top: 8px !important;
}
.pt9 {
  padding-top: 9px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt45 {
  padding-top: 45px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pt55 {
  padding-top: 55px !important;
}
.pt60 {
  padding-top: 60px !important;
}
.pr0 {
  padding-right: 0 !important;
}
.pr1 {
  padding-right: 1px !important;
}
.pr2 {
  padding-right: 2px !important;
}
.pr3 {
  padding-right: 3px !important;
}
.pr4 {
  padding-right: 4px !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pr6 {
  padding-right: 6px !important;
}
.pr7 {
  padding-right: 7px !important;
}
.pr8 {
  padding-right: 8px !important;
}
.pr9 {
  padding-right: 9px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pr45 {
  padding-right: 45px !important;
}
.pr50 {
  padding-right: 50px !important;
}
.pr55 {
  padding-right: 55px !important;
}
.pr60 {
  padding-right: 60px !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.pb1 {
  padding-bottom: 1px !important;
}
.pb2 {
  padding-bottom: 2px !important;
}
.pb3 {
  padding-bottom: 3px !important;
}
.pb4 {
  padding-bottom: 4px !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb6 {
  padding-bottom: 6px !important;
}
.pb7 {
  padding-bottom: 7px !important;
}
.pb8 {
  padding-bottom: 8px !important;
}
.pb9 {
  padding-bottom: 9px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb45 {
  padding-bottom: 45px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.pb55 {
  padding-bottom: 55px !important;
}
.pb60 {
  padding-bottom: 60px !important;
}
.pl0 {
  padding-left: 0 !important;
}
.pl1 {
  padding-left: 1px !important;
}
.pl2 {
  padding-left: 2px !important;
}
.pl3 {
  padding-left: 3px !important;
}
.pl4 {
  padding-left: 4px !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl6 {
  padding-left: 6px !important;
}
.pl7 {
  padding-left: 7px !important;
}
.pl8 {
  padding-left: 8px !important;
}
.pl9 {
  padding-left: 9px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.pl45 {
  padding-left: 45px !important;
}
.pl50 {
  padding-left: 50px !important;
}
.pl55 {
  padding-left: 55px !important;
}
.pl60 {
  padding-left: 60px !important;
}
/* font-color
   ========================================================================== */
.cl-black {
  color:#222222 !important;
}
.cl-dgray {
  color:#666666 !important;
}
.cl-lgray {
  color:#9ca2aa !important;
}
.cl-white {
  color:#ffffff !important;
}
.cl-orenge {
  color:#FAFAFA !important;
}
.cl-orange {
  color:#f99723 !important;
}
.cl-blue {
  color: #1c9be3 !important;
}
/* background-color
   ========================================================================== */
.bg-pink {
  background-color: #f7b9ad !important;
}
/* border
   ========================================================================== */
.bt0 {
  border-top:none !important;
}
.bt1 {
  border-top:1px solid #DBDADA !important;
}
.bt2 {
  border-top:2px solid #DBDADA !important;
}
.br0 {
  border-right:none !important;
}
.br1 {
  border-right:1px solid #DBDADA !important;
}
.br2 {
  border-right:2px solid #DBDADA !important;
}
.bb0 {
  border-bottom:none !important;
}
.bb1 {
  border-bottom:1px solid #DBDADA !important;
}
.bb2 {
  border-bottom:2px solid #DBDADA !important;
}
.bl0 {
  border-left:none !important;
}
.bl1 {
  border-left:1px solid #DBDADA !important;
}
.bl2 {
  border-left:2px solid #DBDADA !important;
}
/* display.
   ========================================================================== */
.display-none {
  display: none !important;
}
.inline-block {
  display: inline-block !important;
}
.display-block {
  display: block !important;
}
.display-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.table-cell {
  display: table-cell;
}
.table-cell.two {
  width: 50%;
}
/* Don't click button.
   ========================================================================== */
.dont-click-thin {
  pointer-events: none !important; opacity: .6 !important;
}
/* Table cell's collective settings.
   ========================================================================== */
/* Font size */
.th-size-10px th,
.td-size-10px td {
  font-size: 10px;
}
.th-size-12px th,
.td-size-12px td {
  font-size: 12px;
}
.th-size-14px th,
.td-size-14px td {
  font-size: 14px;
}
.th-size-16px th,
.td-size-16px td {
  font-size: 16px;
}
.th-size-18px th,
.td-size-18px td {
  font-size: 18px;
}
.th-size-20px th,
.td-size-20px td {
  font-size: 20px;
}
.th-size-22px th,
.td-size-22px td {
  font-size: 22px;
}
.th-size-24px th,
.td-size-24px td {
  font-size: 24px;
}
.th-size-26px th,
.td-size-26px td {
  font-size: 26px;
}
.th-size-28px th,
.td-size-28px td {
  font-size: 28px;
}
.th-size-30px th,
.td-size-30px td {
  font-size: 30px;
}
/* Font weight */
.th-weight-bold th,
.td-weight-bold td {
  font-weight: bold;
}
.th-weight-normal th,
.td-weight-normal td {
  font-weight: normal;
}
/* Align */
.th-align-left th,
.td-align-left td {
  text-align: left;
}
.th-align-center th,
.td-align-center td {
  text-align: center;
}
.th-align-right th,
.td-align-right td {
  text-align: right;
}
.th-align-top th,
.td-align-top td {
  vertical-align: top;
}
.th-align-middle th,
.td-align-middle td {
  vertical-align: middle;
}
.th-align-bottom th,
.td-align-bottom td {
  vertical-align: bottom;
}
.th-align-baseline th,
.td-align-baseline td {
  vertical-align: bottom;
}
/* ==========================================================================
   Colorbox
   ========================================================================== */
/* Colorbox
   ========================================================================== */
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  z-index: 40000;
  top: 0;
  left: 0;
  overflow: hidden;
}
#colorbox {
  outline: 0;
}
#cboxWrapper {
  max-width: none;
}
#cboxOverlay {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;

  -webkit-overflow-scrolling: touch;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
  outline: 0 !important;
}
.cboxPhoto {
  display: block;
  float: left;
  max-width: none;
  margin: auto;
}
.cboxIframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
#cboxContent {
  overflow: visible;
}
/* User styles */
#cboxTitle,
#cboxCurrent,
#cboxPrevious,
#cboxNext,
#cboxSlideshow {
  display: none;
}
#cboxOverlay {
  background: #222;
}
#cboxContent,
.cboxIframe {
  background: #fff;
}
.cboxPhoto {
  border: 15px solid #fff;
}
#cboxLoadingGraphic {
  background: url(/common/img/module/modal_loading_img01.gif) no-repeat center center;
}
#cboxClose {
  position: absolute;
  top: -37px;
  right: 5px;
  width: 25px;
  height: 27px;
  margin: 0;
  padding: 0;
  border: none;
  background: url(/common/img/module/modal_close_btn.png) no-repeat;
}
#print-btn {
  position: absolute;
  top: -37px;
  right: 45px;
  display: block;
  width: 34px;
  height: 30px;
  content: '';
  cursor: pointer;
  background: url(/common/img/module/modal_print_btn.png) no-repeat;
}
#cboxTopCenter {
  height: 37px;
}
#salestopbanner {
  margin-bottom: 10px;
}

/* Fixed message window */
.mod-msg-fixed {
  display: inline-table;
  position: fixed;
  bottom: 0;
  right: 36px;
  z-index: 20;
}
.mod-msg-fixed .msg-fixed {
  position: relative;
  width: 231px;
  border-radius: 5px 5px 0 0;
  background: #fff;
  box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3);
  text-align: left;
}
.mod-msg-fixed .head {
  padding: 11px 31px 11px 11px;
  color: #222;
  font-weight: bold;
  font-size: 115.4%;
  letter-spacing: -1px;
  background: #ffe700;
  border-top: 2px solid #1e2b3f;
  border-right: 2px solid #1e2b3f;
  border-left: 2px solid #1e2b3f;
  border-radius: 5px 5px 0 0;
}
.mod-msg-fixed .head:hover {
  cursor: pointer;
}
.mod-msg-fixed .body {
  padding: 11px;
  border-right: 2px solid #1e2b3f;
  border-left: 2px solid #1e2b3f;
}
.mod-msg-fixed .body .inner .btn {
  padding: 11px 0 0 0;
  text-align: center;
}
.mod-msg-fixed .arrow-btn {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 15px;
  right: 15px;
  background: transparent;
  border-bottom: 4px solid #1e2b3f;
  border-left: 4px solid #1e2b3f;
  transform: rotate(-45deg);
  -webkit-transition: all .6s linear;
  transition: all .6s linear;
}
.mod-msg-fixed .arrow-btn:hover {
  cursor: pointer;
}
.arrow-btn.toggle{
  -webkit-transform: rotate(135deg);
  -ms-transform : rotate(135deg) ;
  transform: rotate(135deg);
}
/* withdraw_tmp */
#withdraw_tmp .plpr18 {
	padding-left: 18px;
	padding-right: 18px;
}
#withdraw_tmp .mlmr18 {
	margin-left: 18px;
	margin-right: 18px;
}
#withdraw_tmp .bg_gray {
	background-color: #f5f5f5;
}
#withdraw_tmp .bd0 {
	border: none;
}
#withdraw_tmp .bg_nomal {
	background-color: #fafafa;
}

/*new Global navi*/
.global-nav-role {
  position: relative;
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
  zoom: 1;
  border-left: 1px solid #404b5c;
  height: 37px;
}
.global-nav-role > li {
  position: relative;
  font-family: 'Meiryo', 'MS PGothic', sans-serif;
  font-weight: bold;
  float: left;
  border-right: 1px solid #404b5c;
  width: 195px;
  background-color: #1e2b3f;
  line-height: 37px;
}

.global-nav-role > li a:hover { text-decoration: none; opacity:0.8}
.global-nav-role > li a {font-size: 13px;
  text-align: center;
  display: block;
  color: #fff;
  }
.global-nav-role > li span {
  display: inline-block;
}

.global-nav-role > li > a > span.management:before {
  content: "";
  background: url(/common/img/parts/nav_icn_mg.gif) no-repeat;
  display: inline-block;
  height: 15px;
  width: 13px;
  padding-right: 6px;
  vertical-align: middle;
}
.global-nav-role > li > a > span.bookmark:before {
  content: "";
  background: url(/common/img/parts/nav_icn_bm.png) no-repeat;
  display: inline-block;
  height: 15px;
  width: 13px;
  padding-right: 6px;
  vertical-align: middle;
}
.global-nav-role > li > a > span.scout:before {
  content: "";
  background: url(/common/img/parts/nav_icn_sct.png) no-repeat;
  display: inline-block;
  height: 15px;
  width: 17px;
  padding-right: 4px;
  vertical-align: middle;
}
.global-nav-role > li > a > span.ai:before {
  content: "";
  background: url(/common/img/parts/nav_icn_ai.png) no-repeat;
  display: inline-block;
  height: 15px;
  width: 13px;
  padding-right: 10px;
  vertical-align: middle;
}
.global-nav-role > li > a > span.knowhow:before {
  content: "";
  background: url(/common/img/parts/nav_icn_kh.gif) no-repeat;
  display: inline-block;
  height: 16px;
  width: 13px;
  padding-right: 5px;
  vertical-align: middle;
}
.global-nav-role > li > a > span.matching:before {
  content: "";
  background: url(/common/img/parts/nav_icn_mtg.gif) no-repeat;
  display: inline-block;
  height: 16px;
  width: 13px;
  padding-right: 4px;
  vertical-align: middle;
}

.count-icon {position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    bottom: 9px;
    font-weight:normal;
    padding-top: 1px;
    text-align: center;
    vertical-align: middle;
    font-size: 10px;
    line-height: 18px;
    color: #fff;
    border-radius: 50%;
    background-color: #e94e30;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    }
.global-nav-role .count-icon {
  position: static;
  display: inline-block;
  padding-top: 0;
  line-height: 20px;
  margin-left: 5px;
  padding-right: 1px;
  font-size: 10px;
  font-weight: normal;
}
span.count-over:after {content:"+"; position:relative; top:-4px; left:-2px; }

#social-area {
  width: 620px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: right;
}
#social-area.top{
  margin: 10px;
  height: auto;
  display: block;
}
#social-area.top,
#social-area.fork,
#social-area.login {
  width: 100%;
}
#social-area button{
  width: 200px;
  border: 0;
}
#social-area.top button{
  width: 219px;
  margin-bottom: 10px;
}
#social-area.top button:last-child {
  margin-bottom: 0;
}
#social-area button.login {
  width: 33%;
}
#social-area button.mod-button.social {
  color: #fff;
  line-height: 35px;
  font-size: 12px;
  padding: 0;
  font-weight: bold;
  letter-spacing: 1px;
  border-radius: 3px;
  position: relative;
  padding-left: 15px;
}
#social-area.top button.mod-button.social {
  border-radius: 6px;
}
#social-area.fork button.mod-button.social {
  line-height: 1.2;
  font-size: 10px;
}
#social-area button.mod-button:hover{
  opacity: .8;
}

#social-area button.mod-button.social.line {
  background-color: #1bb71f;
  background-image: none;
}
#social-area button.mod-button.social.yahoo {
  background-color: #e61017;
  background-image: none;
}
#social-area button.mod-button.social.facebook {
  background-color: #3b5998;
  background-image: none;
}
#social-area.fork button.mod-button.social.line,
#social-area.fork button.mod-button.social.yahoo,
#social-area.fork button.mod-button.social.facebook {
  height: 35px;
  letter-spacing: 0.5px;
}
#social-area button.mod-button.social.line:before {
  content: '';
  display: inline-block;
  background-image: url(/common/img/parts/regist_line.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  left: 7px;
  top: 5px;
  position: absolute;
}
#social-area button.mod-button.social.yahoo:before {
  content: '';
  display: inline-block;
  background-image: url(/common/img/parts/regist_yahoo.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  left: 7px;
  top: 3px;
  position:  absolute;
}
#social-area button.mod-button.social.facebook:before {
  content: '';
  display: inline-block;
  background-image: url(/common/img/parts/regist_facebook.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  top: 7px;
  left:  7px;
  position:  absolute;
}
#social-area.fork button.mod-button.social.line:before,
#social-area.fork button.mod-button.social.yahoo:before,
#social-area.fork button.mod-button.social.facebook:before {
  left: 3px;
}

.page-container.partners {
  min-height: 550px;
}
#mainarea {
  margin: 0 auto;
  display: block;
  width: 770px;
}
#mainarea .mod-title-lv2 {
  line-height: 1.3;
}
#privacy_window {
  height: 300px;
  overflow: auto;
  border: 1px solid #ccc;
  text-align: left;
  display: inline-block;
  margin: 20px auto;
  padding: 15px;
}
#mainarea .btn {
  width: 221px;
  margin: 0 auto;
}
#mainarea h2 span {
  font-size: 10px;
  font-weight: normal;
}

#privacy_title {
  font-weight: normal;
  text-align: right;
}
.privacy_direction p {
  margin-left: 2em;
}
#mainarea .chapter {
  margin: 30px 0 15px 0;
  padding: 10px;
  width: 688px;
  background-color: #FFFBAC;
  border: 1px solid #FFDF7C;
}
#mainarea .dottedline {
  border-bottom: 1px dotted #ccc;
  margin: 15px auto;
  width: 690px;
}

/* ==========================================================================
  modal banner
  ========================================================================== */
/* float */
.f-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.f-container-v-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.probo-fixbnr-wrp {
  position: fixed;
  z-index: 100;
  right: 3px;
  bottom: 0;
  background-color: #fff;
  border-radius: 10px 10px 0 0;
  border: 3px solid #15305d;
  border-style: solid solid none solid;
  width: 350px;
}
a.probo-fixbnr-wrp:hover {
  text-decoration: none;
}
.probo-fixbnr-robo {
  position: relative;
  padding: 5px 10px 5px 5px;
  width:25%;
  max-width: 100px;
}
.probo-fixbnr-icon {
  background: url(/common/img/module/probo_01.png) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  display: block;
  width: 100%;
  padding-top: 100%;
}
.probo-tip {
  position: relative;
}
.probo-tip::after {
  content: '';
  display: block;
  position: absolute;
  background: url(/common/img/module/probo_bnr_tip.png) no-repeat;
  -webkit-background-size: 35px auto;
  background-size: 35px auto;
  width: 15px;
  height: 15px;
}
.probo-fixbnr-robo::after {
  top:0;
  bottom:0;
  right: -3px;
  margin: auto;
  -webkit-transform: translate3d(0,13px,0);
  transform: translate3d(0,13px,0);
  background-position: 0 0;
}
.probo-fixbnr-txt {
  -webkit-box-flex:1;
  -webkit-flex: 1;
  flex: 1;
  padding: 10px 15px 10px 10px;
  background: #15305d;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.5;
  position: relative;
}
.probo-fixbnr-msg {
  overflow-x: hidden;
  overflow-y: auto;
  height: 4.5em;
}
@-webkit-keyframes probo-flash {
  0% {visibility: hidden;}
  50% {visibility: hidden;}
  100% {visibility: visible;}
}
@keyframes probo-flash {
  0% {visibility: hidden;}
  50% {visibility: hidden;}
  100% {visibility: visible;}
}
.probo-fixbnr-arrow {
  display: block;
  width: 0;
  height: 0;
  border-color: #fff transparent transparent transparent;
  border-width: 8px;
  border-style: solid solid none;
  margin: 0 0 0 auto;
  -webkit-animation: 1s infinite probo-flash;
  animation: 1s infinite probo-flash;
  position: absolute;
  bottom: 4px;
  right: 3px;
}
.probo-cross-btn,
.entry-promote-cross-btn,
.modal-common-cross-btn {
  position: absolute;
  text-indent: -9999px;
  overflow: hidden;
  border-radius: 50%;
}
.probo-cross-btn::before,
.probo-cross-btn::after,
.entry-promote-cross-btn::before,
.entry-promote-cross-btn::after,
.modal-common-cross-btn::before,
.modal-common-cross-btn::after {
  content: '';
  display: block;
  position: absolute;
  height: 1.5px;
  width: 60%;
  background: #fff;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.probo-cross-btn::before,
.entry-promote-cross-btn::before,
.modal-common-cross-btn::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.probo-cross-btn::after,
.entry-promote-cross-btn::after,
.modal-common-cross-btn::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.probo-fixbnr-btn {
  top:-5px;
  right: -5px;
  width: 22px;
  height: 22px;
  background-color: #818181;
}
/* modal */
.probo-modalbnr-wrp,
.entry-promote-modalbanner-wrap,
.modal-common-modalbanner-wrap {
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
  justify-content: center;
  -webkit-justify-content: center;
}
.probo-modalbnr {
  background-color: #fff;
  width: 260px;
  padding: 30px 20px 10px;
  border: 4px solid #1f79d2;
  box-sizing: border-box;
  border-radius: 10px;
  position: relative;
  transform: translate3d(0, -10%, 0);
}
a.probo-modalbnr:hover {
  text-decoration: none;
  color: #000;
}
.probo-modalbnr-ttl,
.entry-promote-modalbanner-title {
  font-size: 24px;
  font-weight: bold;
  margin: 0 -16px 0 -2px;
  color: #15305d;
}
.probo-modalbnr-txt {
  margin: 5px 0 10px;
  font-size: 14px;
  color: #222;
}
.probo-modalbnr-msg {
  display: inline-block;
  background-color: #d4edff;
  font-size: 11px;
  padding: 6px 10px;
  border-radius: 5px;
  color: #222;
}
.probo-modalbnr-msg::after {
  background-position: -20px 0;
  bottom: -9px;
  left: 45px;
}
.probo-modalbnr-icon {
  background: url(/common/img/module/probo_06.png) center center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  display: block;
  width: 80px;
  height: 80px;
}
.probo-modalbnr-lbl {
  display: block;
  background: #f8664c;
  color: #fff;
  padding: 10px 24px;
  font-size: 14px;
  border-radius: 5px;
  margin-left: auto;
}
.probo-modalbnr-btn,
.entry-promote-modalbanner-btn,
.modal-common-modalbanner-btn {
  background-color: #15305d;
  width: 28px;
  height: 28px;
  top: -12px;
  right: -12px;
  cursor: pointer;
}
.probo-modalbnr-btn::before,
.probo-modalbnr-btn::after,
.entry-promote-modalbanner-btn::before,
.entry-promote-modalbanner-btn::after,
.modal-common-modalbanner-btn::before,
.modal-common-modalbanner-btn::after {
  height: 3px;
}

/* Attention box module.
   ========================================================================== */
   .mod-attention-box {
    padding: 12px 13px;
    border: 2px solid #e94e30;
    border-radius: 2px;
  }
  .mod-attention-box.howto {
    color:#222;
    border: 4px solid #15305d;
  }
  .mod-attention-box.howto span {
    color: #e94e30;
  }
  .mod-attention-box.howto ul{
    list-style: inside;
  }
  .mod-attention-box.strong {
    border-width: 4px;
  }
  .mod-attention-box-inner {
    font-weight: bold;
    position: relative;
    display: inline-block;
    padding-left: 35px;
    vertical-align: middle;
    color: #e94e30;
  }
  .mod-attention-box-inner::before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 29px;
    height: 26px;
    margin-top: -13px;
    content: '';
    background-image: url(../img/parts/parts_sprite.png);
    background-position: 0 0;
    background-size: 81px 61px;
  }