@charset "UTF-8";
.btn_default, .btn_sub, .btn_basic, .btn_min, .btn_success, .btn_setting, .btn_normal, .btn_secondary, .btn_primary {
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  display: block;
  position: relative;
  z-index: auto;
  margin: 10px auto;
  overflow: hidden;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.ttl_main {
  margin: 20px 0;
  font-size: 22px;
}

.lead_icon {
  margin: 0 0 8px 0;
  padding: 0 0 0 20px;
  font-weight: bold;
  font-size: 14px;
}
.lead_icon_attention {
  background: url(../../../../customer/image/sw/cu/common/icon_main_alert.png) left center no-repeat transparent;
  background-size: 14px 14px;
}

.centering_box_inner {
  margin: 6% auto 20%;
}
.centering_box_inner.width_l {
  width: 100%;
}
.centering_box_inner.width_l {
  width: 75%;
}
.centering_box_inner.width_s {
  width: 40%;
}

.input_text_form {
  -webkit-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  margin: 0 0 15px;
  padding: 12px;
  border: 1px solid #cfd9df;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.2;
  outline: none;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.input_text_form:focus {
  border: 1px solid #00a0e9;
  box-shadow: none;
}
.input_text_form.error {
  border: 1px solid #efcac6;
  background-color: #ffddd9;
}

.input_select_form {
  display: block;
  width: 100%;
  height: 49px;
  margin: 0 0 15px;
  padding: 0 0 0 10px;
  overflow: hidden;
  border: 1px solid #cfd9df;
  border-radius: 5px;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 16px;
  line-height: 49px;
  white-space: nowrap;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  text-overflow: ellipsis;
}
.input_select_form.selected {
  border: 1px solid #ffb100;
  background-color: #fffcf7;
  font-weight: bold;
}

.input_group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.input_group_item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 5px 0 0;
}
.input_group_item:last-child {
  margin: 0;
}
.input_group.col2 .input_group_item {
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 48%;
}
.input_group.col3 .input_group_item {
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 30%;
}

.input_label {
  display: inline-block;
  margin: 0 0 5px 0;
  color: #555;
  font-size: 12px;
}
.input_label .mark {
  display: inline-block;
  margin: -4px 0 0 4px;
  padding: 2px 5px;
  border-radius: 5px;
  color: #fff;
  font-weight: normal;
  font-size: 11px;
  vertical-align: middle;
}
.input_label .mark_must {
  background-color: #da5151;
}
.input_label .mark_any {
  background-color: #999;
}

.password-wrap {
  position: relative;
  width: 100%;
  cursor: pointer;
}
.password-wrap .password-icon-off {
  position: absolute;
  top: 14px;
  right: 18px;
  width: 20px;
  height: 20px;
  background: url(../../../../customer/image/sw/cu/common/visibility_off_black.svg) left center no-repeat transparent;
  background-size: 18px 18px;
  font-size: 16px;
}
.password-wrap .password-icon-on {
  display: none;
  position: absolute;
  top: 14px;
  right: 18px;
  width: 20px;
  height: 20px;
  background: url(../../../../customer/image/sw/cu/common/visibility_black.svg) left center no-repeat transparent;
  background-size: 18px 18px;
  font-size: 16px;
}

.password-wrap-pc {
  position: relative;
  width: 205px;
  cursor: pointer;
}
.password-wrap-pc .password-icon-off {
  position: absolute;
  top: 2px;
  right: 10px;
  width: 17px;
  height: 17px;
  background: url(../../../../customer/image/sw/cu/common/visibility_off_black.svg) left center no-repeat transparent;
  background-size: 15px 15px;
  font-size: 14px;
}
.password-wrap-pc .password-icon-on {
  display: none;
  position: absolute;
  top: 2px;
  right: 10px;
  width: 17px;
  height: 17px;
  background: url(../../../../customer/image/sw/cu/common/visibility_black.svg) left center no-repeat transparent;
  background-size: 15px 15px;
  font-size: 14px;
}

.password-box-icon .password-wrap-pc input[type=password], .password-box-icon .password-wrap-pc input[type=text] {
  width: 167px;
  padding: 2px 40px 2px 5px;
  border: 1px solid #abadb3;
  font-size: 14px;
}

/*#styleguide
アラート

アラート
※フローティングアラートはjsを使用する

```
<p class="alert_success">成功アラート</p>
<p class="alert_err">エラーアラート</p>
<p class="alert_check">注意アラート</p>
<p class="alert_link_check">確認アラート<a href="#">リンク可能</a></p>
<div class="alert_link_check close_msg_box">
    <span class="normal_txt">確認アラート<a href="#">リンク可能</a></span>
    <span class="btn_close js_close_btn"></span>
</div>
<div style="margin-top: 10px;">
    <div class="form_err_box">
        <p class="err_title">入力項目にエラーがあります</p>
        <ul class="err_list">
            <li class="err_item"><a href="">エラーリンク1</a></li>
            <li class="err_item"><a href="">エラーリンク2</a></li>
            <li class="err_item"><a href="">エラーリンク3</a></li>
        </ul>
    </div>
</div>

```
*/
.alert_box_contents, .alert_text_check, .alert_check, .alert_err, .alert_success {
  display: block;
  position: relative;
  clear: both;
  width: 100%;
  padding: 10px 10px 10px 40px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  text-align: left !important;
}
.alert_box_contents .emph, .alert_text_check .emph, .alert_check .emph, .alert_err .emph, .alert_success .emph {
  font-weight: bold;
}

.alert_close {
  font-size: 13px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.alert_success {
  text-shadow: -1px -1px 0px #48b52b;
  background: #50ca30 10px center no-repeat;
  border-top: 1px solid #d9f4d2;
  background-image: url("../../../../customer/image/sw/cu/common/icon_check.png");
  background-size: 14px 14px;
}
.alert_success a {
  text-shadow: none;
  color: #fff;
}
.alert_success_body {
  padding: 10px 10px 10px 40px;
  background-color: #d9f4d2;
}
.alert_success:first-of-type {
  border-bottom: 1px solid #48b52b;
  border-width: 0 0 1px 0;
}
.alert_success:only-of-type {
  border: none;
}
.alert_success .emph_color {
  color: #50ca30;
}
.alert_err {
  text-shadow: -1px -1px 0px #d63c3c;
  background: #da5151 10px center no-repeat;
  border-top: 1px solid #fef9f9;
  background-image: url("../../../../customer/image/sw/cu/common/icon_alert.png");
  background-size: 15px 15px;
}
.alert_err a {
  text-shadow: none;
  color: #fff;
}
.alert_err_body {
  padding: 10px 10px 10px 40px;
  background-color: #fef9f9;
}
.alert_err:first-of-type {
  border-bottom: 1px solid #d63c3c;
  border-width: 0 0 1px 0;
}
.alert_err:only-of-type {
  border: none;
}
.alert_err .emph_color {
  color: #da5151;
}
.alert_check {
  text-shadow: -1px -1px 0px #d9b700;
  background: #f2cd00 10px center no-repeat;
  border-top: 1px solid #fff5bf;
  background-image: url("../../../../customer/image/sw/cu/common/icon_clip.png");
  background-size: 13px 18px;
}
.alert_check a {
  text-shadow: none;
  color: #fff;
}
.alert_check_body {
  padding: 10px 10px 10px 40px;
  background-color: #fff5bf;
}
.alert_check:first-of-type {
  border-bottom: 1px solid #d9b700;
  border-width: 0 0 1px 0;
}
.alert_check:only-of-type {
  border: none;
}
.alert_check .emph_color {
  color: #f2cd00;
}
.alert_text_check {
  padding: 5px 10px 5px 40px;
  border: 1px solid #ffb100;
  background-position: 10px center;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-color: #fcf5cc;
  color: #666;
  background-image: url("../../../../customer/image/sw/cu/common/icon_main_alert_check.svg");
}
.alert_text_check a {
  color: #0080eb;
}
.alert_text_check.emph {
  font-weight: bold;
}
.alert_text_check .emph_color {
  color: #ffb100;
}
.alert_text_check.close_msg_box {
  position: relative;
}
.alert_text_check.close_msg_box.is_close {
  display: none;
}
.alert_text_check.close_msg_box .normal_txt {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 93%;
}
.alert_text_check.close_msg_box .btn_close {
  display: block;
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  z-index: 100;
  width: 16px;
  height: 16px;
  margin: auto;
  border-radius: 50%;
  background-color: #ccc;
  cursor: pointer;
}
.alert_text_check.close_msg_box .btn_close:hover {
  background-color: #bbb;
}
.alert_text_check.close_msg_box .btn_close:before, .alert_text_check.close_msg_box .btn_close:after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3px;
  width: 10px;
  height: 2px;
  margin: auto;
  background-color: #fff;
  content: "";
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.alert_text_check.close_msg_box .btn_close:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.alert_text_check.close_msg_box .btn_close:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* ======================
　フローティングアラート
====================== */
.alertBox {
  opacity: 0.85;
  filter: alpha(opacity=85);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  padding: 20px 45px 20px 0;
  box-sizing: border-box;
  background-color: #444;
  color: #fff;
  font-size: 18px;
  letter-spacing: 0.1em;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
}
.alertBox.success {
  background-color: #47b52b;
}
.alertBox.error {
  background-color: #da5151;
}
.alertBox:before, .alertBox:after {
  display: block;
  position: absolute;
  top: 30px;
  right: 20px;
  width: 19px;
  height: 1px;
  background-color: #fff;
  content: "";
}
.alertBox:before {
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.alertBox:after {
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

/* =============================================
　アラートボックス（一行アラートに補足がある場合に使用）
================================================*/
.alert_box_contents {
  margin: 0;
  padding: 10px;
}
.alert_box_contents.err {
  border: 1px solid #da5151;
  color: #da5151;
}
.alert_box_list {
  margin: 0 0 0 15px;
  padding: 0;
  font-size: 13px;
  line-height: 2;
}
.alert_box_list.nodisc {
  list-style-type: none;
  margin-left: 0;
}

.modal_login {
  display: none;
  position: fixed;
  top: 0;
  left: 10px;
  z-index: 99999;
  width: 450px;
  margin: 0;
  border-radius: 3px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  background: #fff;
  text-align: left;
}
.modal_login_header {
  position: relative;
  padding: 16px 0;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.modal_login_inner {
  padding: 20px 40px;
}
.modal_login .btn_close {
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 100;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.modal_login .btn_close:hover:before, .modal_login .btn_close:hover:after {
  background: #b2b2b2;
}
.modal_login .btn_close:before, .modal_login .btn_close:after {
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
  width: 18px;
  height: 2px;
  background-color: #ddd;
  content: "";
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.modal_login .btn_close:before {
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.modal_login .btn_close:after {
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.modal_login .btn_group {
  margin: 10px 0 0;
}
.modal_login .btn_group .btn_yid {
  margin: 10px auto 0;
}
.modal_login .message {
  margin: 3px 0 5px 3px;
  font-weight: bold;
  font-size: 14px;
}
.modal_login .message.error {
  color: #fd193f;
}
.modal_login .message.error .err_supply {
  font-size: 12px;
}
.modal_login .cap {
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
}
.modal_login .sub_link_list {
  list-style-type: none;
  margin: 10px 0 0;
}
.modal_login .sub_link_item {
  display: inline-block;
}
.modal_login .form_text {
  -webkit-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  margin: 0 0 8px;
  padding: 12px 45px 12px 12px;
  border: 1px solid #cfd9df;
  border-radius: 5px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.2;
  outline: none;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.modal_login .form_text:focus {
  border: 1px solid #00a0e9;
  box-shadow: none;
}
.modal_login .form_text.error {
  border: 1px solid #efcac6;
  background-color: #ffddd9;
}
.modal_login .divider {
  position: relative;
  height: 10px;
  margin: 20px 0 10px;
}
.modal_login .divider:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  content: "";
  border-top: 1px solid #eee;
}
.modal_login .divider_ttl {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 199;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 0 10px;
  background-color: #fff;
}
.modal_login .btn_yid {
  display: block;
  width: 100%;
  padding: 14px 0;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  background-color: #fff;
  color: #555;
  font-size: 14px;
  text-align: center;
}
.modal_login .btn_yid:hover {
  background-color: #fafafa;
  text-decoration: none;
}
.modal_login .btn_yid img {
  display: inline-block;
  width: 27px;
  height: 13px;
  margin: -3px 3px 0 0;
  vertical-align: middle;
}
.modal_login .regist {
  padding: 15px 40px 5px;
  border-radius: 0 0 3px 3px;
  background-color: #f1f4f6;
}
.modal_login .regist.regist_top {
  margin: 20px 40px 0 40px;
  padding: 15px 15px 5px;
}
.modal_login .regist.regist_guest {
  background: #fffce9;
}
.modal_login .regist_cap {
  text-align: center;
}

#modal_overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 120%;
  background-color: rgba(255, 255, 255, 0.85);
}

.modal_login2 {
  display: none;
  position: fixed;
  top: 0;
  left: 10px;
  z-index: 99999;
  width: 450px;
  margin: 0;
  border-radius: 3px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  background: #fff;
  text-align: left;
}
.modal_login2_header {
  position: relative;
  padding: 16px 0;
  font-size: 18px;
  line-height: 1;
  text-align: center;
  border-bottom: 1px solid #ddd;
}
.modal_login2_inner {
  padding: 20px 40px;
}
.modal_login2 .btn_close {
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 100;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.modal_login2 .btn_close:hover:before, .modal_login2 .btn_close:hover:after {
  background: #b2b2b2;
}
.modal_login2 .btn_close:before, .modal_login2 .btn_close:after {
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
  width: 18px;
  height: 2px;
  background-color: #ddd;
  content: "";
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.modal_login2 .btn_close:before {
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.modal_login2 .btn_close:after {
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

#modal_overlay2 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 120%;
  background-color: rgba(255, 255, 255, 0.85);
}

.recommend_bookmark_modal_box {
  display: none;
  position: fixed;
  z-index: 10001;
  width: 520px;
  margin: 0 auto;
  border-radius: 3px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  line-height: 1.4;
}
.recommend_bookmark_modal_box .modal_header {
  position: relative;
}
.recommend_bookmark_modal_box .modal_ttl {
  margin: 20px 0 0;
  font-weight: normal;
  font-size: 18px;
}
.recommend_bookmark_modal_box .modal_regist_inner {
  padding: 35px 52px;
}
.recommend_bookmark_modal_box .title_txt {
  margin: 32px 0;
  font-weight: bold;
}
.recommend_bookmark_modal_box .title_txt p {
  padding: 30px 0 30px 112px;
  background: url("../../../../customer/image/sw/cu/common/bg_pc_bookmark.png") #fff left center no-repeat;
  background-size: 90px auto;
  color: #f5aa00;
  font-size: 20px;
  text-align: left;
}
.recommend_bookmark_modal_box .main_txt {
  margin: 0 0 20px 0;
  font-size: 15px;
  text-align: center;
}
.recommend_bookmark_modal_box .main_txt .primary_txt {
  margin: 0 0 10px 0;
}
.recommend_bookmark_modal_box .main_txt .emph {
  color: #ff852a;
  font-weight: bold;
}
.recommend_bookmark_modal_box .btn_close {
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 100;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.recommend_bookmark_modal_box .btn_close:hover:before, .recommend_bookmark_modal_box .btn_close:hover:after {
  background: #b2b2b2;
}
.recommend_bookmark_modal_box .btn_close:before, .recommend_bookmark_modal_box .btn_close:after {
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
  width: 18px;
  height: 2px;
  background-color: #ddd;
  content: "";
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.recommend_bookmark_modal_box .btn_close:before {
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.recommend_bookmark_modal_box .btn_close:after {
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.js_rec_bookmark_modal_overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 120%;
  background-color: rgba(255, 255, 255, 0.85);
}

.link_box_ca {
  text-align: center;
}

/* ===========CONTENTS ============
    1：Basic
    2:Column Layout(foundation)
    3:header
    4:footer
    5:共通パーツ：角丸BOX
        5-1：MainCol(w=635px)
        5-2：SubCol(w=300px)
    6:共通パーツ：右カラム
        6-1：Lrec
        6-2：ゲストの情報BOX
        6-3：登録者の情報BOX
        （※他はtop.css）
    7:MSG BOX
    8:ページネーション
    9:表示調整
    10:icon
    11:7日間の日程選択UI
    12:オプションページ
    13:404 not found
    14:カレンダー
    15:フッターテキスト
    16:スマートフォン/PC　切り替え
    17:TOPページ改訂箇所
    18:ボタン
=================================== */
/* ======================
　1:Basic
====================== */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
  margin: 0;
  padding: 0;
}

body {
  margin: 0 auto;
  padding: 0;
  background-color: transparent;
  color: #555;
  font-size: 12px;
  font-family: "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Meiryo, Geneva, Arial, Verdana, sans-serif;
  text-align: center;
  /*for IE*/
}

a {
  color: #325ec0;
  text-decoration: none;
}

a:visited {
  color: #5c3590;
  text-decoration: none;
}

a:hover {
  color: #ff9800;
  text-decoration: underline;
}

table {
  font-size: 12px;
}

a img {
  border: 0 none;
}

/* clearfix */
.clearfix {
  zoom: 1;
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

/* ======================
　2:Column Layout(foundation)
====================== */
#container {
  width: 950px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  text-align: left;
}

#columnWrap {
  width: 950px;
  overflow: hidden;
}

#mainColumn {
  float: left;
  width: 635px;
  margin: 10px 0;
  overflow: hidden;
}

#subColumn {
  float: right;
  width: 300px;
  margin: 10px 0;
}

#mainColumn02 {
  float: left;
  width: 760px;
  margin: 10px 0;
}

#subColumn02 {
  float: right;
  width: 185px;
  margin: 10px 0;
}

/* ======================
　3:header
====================== */
#headerBody {
  margin: 0 0 10px 0;
  padding: 0;
  background-position: 0 -13px;
  background-color: #fbfbfb;
  line-height: 15px;
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 10px;
}
#headerBody .header_inner {
  width: 950px;
  margin: 0 auto;
  overflow: hidden;
}

#topBox {
  overflow: hidden;
  border-bottom: 1px dotted #dfdfdf;
}

#topBoxText {
  float: left;
  width: 650px;
  height: auto;
  overflow: hidden;
  line-height: 26px;
}

#serviceDescription {
  float: left;
  width: 620px;
}
#serviceDescription h1 {
  padding: 0;
  color: #999;
  font-weight: normal;
  font-size: 10px;
  text-align: left;
}

#topBox_r {
  float: right;
  width: auto;
  margin: 5px 0 0 0;
  overflow: hidden;
}
#topBox_r li {
  list-style: none;
  float: left;
  height: auto;
  margin: 0 0 0 10px;
  font-size: 10px;
  line-height: 1.4;
  text-align: right;
}
#topBox_r li a {
  text-decoration: none;
}

#headerBody .bottomBox {
  box-sizing: border-box;
  width: 950px;
  height: 53px;
  padding: 8px 0;
}
#headerBody .bottomBox .head_l {
  float: left;
  overflow: hidden;
}
#headerBody .bottomBox .head_l #logo {
  float: left;
  width: 173px;
}
#headerBody .bottomBox .head_l #logo a {
  display: block;
}
#headerBody .bottomBox .head_l #logo img {
  display: block;
}
#headerBody .bottomBox .head_r {
  float: right;
  width: 290px;
  overflow: hidden;
}
#headerBody .bottomBox .customer_status.logout {
  float: right;
  margin: 3px 0 0;
  overflow: hidden;
}
#headerBody .bottomBox .customer_status.logout a {
  display: block;
  float: left;
  border-radius: 3px;
  font-size: 13px;
  text-decoration: none;
}
#headerBody .bottomBox .customer_status.logout .login_btn {
  width: 76px;
  margin: 0 5px 0 0;
  padding: 7px 0;
  border: 1px solid #d8d8d8;
  background-color: #fff;
  color: #555;
  text-align: center;
}
#headerBody .bottomBox .customer_status.logout .login_btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
#headerBody .bottomBox .customer_status.logout .regist_btn {
  width: 124px;
  padding: 8px 0;
  background-color: #4497d7;
  color: #fff;
  text-align: center;
  text-shadow: 0 -1px 0 #297ebf;
}
#headerBody .bottomBox .customer_status.logout .regist_btn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
#headerBody .bottomBox .customer_status.login {
  float: right;
  overflow: hidden;
}
#headerBody .bottomBox .customer_status.login .profile {
  margin: 13px 0 0;
}
#headerBody .bottomBox .customer_status.login .yname {
  display: block;
  float: left;
  max-width: 150px;
  margin: 0 5px 0 0;
  padding: 0 0 0 17px;
  overflow: hidden;
  background: transparent url("../../../../customer/image/sw/cu/common/ico_customer.png") no-repeat scroll left top;
  color: #7f7f7f;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#headerBody .bottomBox .customer_status.login .logout {
  display: block;
  float: right;
  color: #999;
  text-decoration: none;
}
#headerBody .bottomBox .customer_status.login .logout:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.EMGWrap {
  width: 950px;
  margin: 10px auto 5px auto;
  text-align: center;
}

.EMGBody {
  width: 730px;
  margin: 0 auto 0 auto;
}

/*--------------------
 3-2：navigation
--------------------*/
#g_menu {
  float: left;
  width: 430px;
  margin: 3px 0 0;
}
#g_menu ul {
  float: right;
}
#g_menu ul li {
  list-style: none;
  float: left;
  margin: 0;
}
#g_menu ul li a {
  display: block;
  padding: 10px 10px;
  color: #a0a0a0;
  font-weight: bold;
  font-size: 12px;
  text-decoration: none;
}
#g_menu ul li a:hover {
  color: #feb300;
}

#g_menu ul .leftLink a {
  border-left: none;
}

#g_menu ul .rightLink a {
  border-right: none;
}

#g_menu ul .rightLink a:hover {
  border-right: none !important;
}

.top #gn_top a, .renrakunavi #gn_renrakunavi a, .application #gn_application a, .profile #gn_profile a, .favorite #gn_favorite a, .option #gn_option a, .regular #gn_regular a {
  color: #333 !important;
}

.renrakunavi_red_box {
  display: inline-block;
  position: relative;
  min-width: 13px;
  height: 13px;
  margin: 0 0 0 2px;
  padding: 1px 1px 1px 1px;
  border-radius: 2px;
  background-color: #ff233d;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  behavior: url(/lib/PIE.htc);
}

.favorite_red_box {
  display: inline-block;
  position: relative;
  min-width: 13px;
  height: 13px;
  margin: 0 0 0 2px;
  padding: 1px 1px 1px 1px;
  border-radius: 2px;
  background-color: #ffb109;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  behavior: url(/lib/PIE.htc);
}

/*--------------------
 3-3：パンくずナビ
--------------------*/
#breadcrumb {
  list-style: none;
  width: 950px;
  margin: 5px auto 10px;
  font-size: 12px;
}

#breadcrumb li {
  float: left;
}

#breadcrumb h2 {
  float: left;
  font-weight: normal;
}

/*--------------------
 重要なお知らせ
--------------------*/
.important_info {
  margin: -10px 0 10px;
  padding: 10px 0;
  background-color: #ffddd9;
  font-size: 13px;
  border-bottom: 1px solid #efcac6;
}
.important_info_icon {
  display: inline-block;
  margin: 0 7px 0 0;
  padding: 1px 5px;
  border-radius: 3px;
  background-color: #da5151;
  color: #fff;
}
.important_info_text {
  color: #da5151;
  cursor: pointer;
}
.important_info_text:visited {
  color: #da5151;
}

/* ======================
　4:footer
====================== */
#footer {
  clear: both;
  width: 950px;
  margin: 15px 0 40px 0;
  line-height: 1.5;
}

#footer .hr {
  position: relative;
  height: 15px;
  margin: 5px 0;
  border-top: 1px solid #c6c6c6;
}
#footer .hr:after {
  display: block;
  position: absolute;
  top: 3px;
  width: 100%;
  height: 1px;
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(236, 236, 236, 0) 0%, rgba(236, 236, 236, 0.03) 1%, rgb(236, 236, 236) 30%, rgb(236, 236, 236) 60%, rgba(236, 236, 236, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(236, 236, 236, 0) 0%, rgba(236, 236, 236, 0.03) 1%, rgb(236, 236, 236) 30%, rgb(236, 236, 236) 60%, rgba(236, 236, 236, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  content: "";
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ececec", endColorstr="#00ececec",GradientType=1 );
  /* IE6-9 */
}

#footer .hr hr {
  display: none;
}

#footer #navFyi {
  position: relative;
  width: 950px;
  margin: 15px 0;
  overflow: hidden;
}

#footer #navFyi dl {
  float: left;
  width: 40%;
  min-height: 140px;
  padding: 0 10px 0 15px;
  box-sizing: border-box;
  border-left: 1px solid #c6c6c6;
}
#footer #navFyi dl.first_box {
  position: relative;
}

#footer #navFyi dl dt {
  margin: 0 0 10px;
  font-weight: bold;
}

#footer #navFyi dl dd.bn {
  padding: 10px 0 0 0;
}
#footer #navFyi dl dd .text_justify {
  letter-spacing: -0.01em;
}

#footer #navFyi dl .list_item {
  position: relative;
  margin: 0;
  padding: 0 0 0 11px;
  letter-spacing: 0.02;
}
#footer #navFyi dl .list_item:before, #footer #navFyi dl .list_item:after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 2px;
  background: #eeb325;
  content: "";
}
#footer #navFyi dl .list_item:before {
  -ms-transform: translateY(-3px) rotate(45deg);
  -webkit-transform: translateY(-3px) rotate(45deg);
  transform: translateY(-3px) rotate(45deg);
}
#footer #navFyi dl .list_item:after {
  -ms-transform: translateY(0px) rotate(135deg);
  -webkit-transform: translateY(0px) rotate(135deg);
  transform: translateY(0px) rotate(135deg);
}
#footer #navFyi dl .list_item a {
  text-decoration: none;
}

#footer #navFyi dl dd:last-child {
  margin: 0 0 10px;
}

/* フッターテキスト */
#footer #footerText {
  margin: 10px 0;
  color: #888;
  font-size: 11px;
  line-height: 1.4;
}

#footer #footerText a {
  color: #888;
  text-decoration: underline;
}

#footer .logo-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
}
#footer .logo-wrap .kagaiboushi_bnr {
  display: block;
  margin: 0 10px;
}
#footer .logo-wrap .kagaiboushi_bnr a {
  display: block;
}
#footer .logo-wrap .isms_mark {
  display: block;
  margin: 0 10px;
}
#footer .logo-wrap .yuryonintei_mark {
  display: block;
  margin: 0 10px;
}
#footer .logo-wrap .copy_box {
  text-align: center;
}
#footer .logo-wrap .copyright .corp-logo {
  width: 165px;
  height: 32px;
  margin: 0 auto;
}
#footer .logo-wrap address {
  color: #555;
  font-style: normal;
  font-size: 10px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  padding-top: 15px;
}

#footer .related_service {
  text-align: center;
  margin-top: 30px;
}
#footer .related_service_item {
  display: inline-block;
  margin: 0 0 5px;
  padding: 0 8px;
  font-size: 12px;
  line-height: 1;
  border-right: 1px solid #ddd;
}
#footer .related_service_item:last-child {
  border: 0 none;
}

/* ======================
　5:共通パーツ：角丸BOX
====================== */
/* ----------------------
 5-1：MainCol(w=635px)
---------------------- */
.mainColWrap {
  margin: 0 0 10px 0;
}

.maincolbody {
  width: 605px;
  margin: 0 15px;
  padding: 0;
  overflow: hidden;
}

.maincolbodyContents {
  padding: 0 0;
}

.top, .bottom {
  width: 635px;
  height: 10px;
  padding: 0;
  font-size: 0;
}

.top.small, .bottom.small {
  width: 635px;
  height: 5px;
  padding: 0;
  font-size: 0;
}

.bottom {
  width: 635px;
  height: 10px;
  padding: 0;
  font-size: 0;
}

/*orange*/
.orange01 {
  width: 635px;
  margin: 0 0 10px 0;
  background: url("../../../../customer/image/sw/cu/box/spr_bordermainbox_orange.gif") repeat-y scroll left center transparent;
}

.orange01 .top {
  background: url("../../../../customer/image/sw/cu/box/spr_mainboxtop_orange.gif") no-repeat scroll 0 0 transparent;
}

.orange01 .bottom {
  background: url("../../../../customer/image/sw/cu/box/spr_mainboxbottom_orange.gif") no-repeat scroll 0 0 transparent;
}

/*blue*/
.blue {
  width: 635px;
  margin: 0 0 10px 0;
  background: url("../../../../customer/image/sw/cu/box/spr_bordermainbox_blue.gif") repeat-y scroll left center transparent;
}

.blue .top {
  background: url("../../../../customer/image/sw/cu/box/spr_mainboxtop_blue.gif") no-repeat scroll 0 0 transparent;
}

.blue .bottom {
  background: url("../../../../customer/image/sw/cu/box/spr_mainboxbottom_blue.gif") no-repeat scroll 0 0 transparent;
}

/*gray*/
.gray {
  width: 635px;
  margin: 0 0 10px 0;
  background: url("../../../../customer/image/sw/cu/box/spr_bordermainbox_gray.gif") repeat-y scroll left center transparent;
}

.gray .top {
  background: url("../../../../customer/image/sw/cu/box/spr_mainboxtop_gray.gif") no-repeat scroll 0 0 transparent;
}

.gray .bottom {
  background: url("../../../../customer/image/sw/cu/box/spr_mainboxbottom_gray.gif") no-repeat scroll 0 0 transparent;
}

/*gray02*/
.gray02 {
  width: 635px;
  margin: 0 0 10px 0;
  background: url("../../../../customer/image/sw/cu/box/spr_border_w635_gray.gif") repeat-y scroll left center transparent;
}

.gray02 .top {
  background: url("../../../../customer/image/sw/cu/box/spr_boxtop_w635_gray.gif") no-repeat scroll 0 0 transparent;
}

.gray02 .bottom {
  background: url("../../../../customer/image/sw/cu/box/spr_boxbottom_w635_gray.gif") no-repeat scroll 0 0 transparent;
}

/*green*/
.green {
  width: 635px;
  margin: 0 0 10px 0;
  background: url("../../../../customer/image/sw/cu/box/spr_bordermainbox_green.gif") repeat-y scroll left center transparent;
}

.green .top {
  background: url("../../../../customer/image/sw/cu/box/spr_mainboxtop_green.gif") no-repeat scroll 0 0 transparent;
}

.green .bottom {
  background: url("../../../../customer/image/sw/cu/box/spr_mainboxbottom_green.gif") no-repeat scroll 0 0 transparent;
}

/* ----------------------
 5-2：SubCol(w=300px)
---------------------- */
.subcolBoxWrap {
  width: 300px;
  margin: 10px 0 10px 0;
}

.subcolbody {
  width: auto;
  margin: 0 15px;
  padding: 0;
}

.subcolbodyContents {
  margin: 0 0;
  overflow: hidden;
  font-size: 12px;
  _width: 270px;
  _margin: 10px 0;
}

.subcolBoxWrap .top, .subcolBoxWrap .bottom {
  width: 300px;
  height: 10px;
  font-size: 0;
}

/* BOX:gray（上・下）*/
#announcement .top {
  height: 52px;
  background: url("../../../../customer/image/sw/cu/box/spr_subboxtop_announcement.gif") no-repeat scroll 0 0 transparent;
}

#guide .top {
  height: 52px;
  background: url("../../../../customer/image/sw/cu/box/spr_subboxtop_guide.gif") no-repeat scroll 0 0 transparent;
}

#forBusiness .top {
  height: 52px;
  background: url("../../../../customer/image/sw/cu/box/spr_subboxtop_forbusiness.gif") no-repeat scroll 0 0 transparent;
}

#announcement .bottom, #guide .bottom, #forBusiness .bottom {
  background: url("../../../../customer/image/sw/cu/box/spr_subboxbottom.gif") no-repeat scroll 0 0 transparent;
}

/* BOX:orange（上・下）*/
.subcolBoxWrap.orange01S #loginBox .top {
  background: url("../../../../customer/image/sw/cu/box/spr_subboxtop_orange.gif") no-repeat scroll 0 0 transparent;
}

.subcolBoxWrap.orange01S #loginBox .bottom {
  background: url("../../../../customer/image/sw/cu/box/spr_subboxbottom_orange.gif") no-repeat scroll 0 0 transparent;
}

.subcolBoxWrap.orange02S #statusBox .top {
  background: url("../../../../customer/image/sw/cu/box/spr_subboxtop_orange02.gif") no-repeat scroll 0 0 transparent;
}

.subcolBoxWrap.orange02S #statusBox .bottom {
  background: url("../../../../customer/image/sw/cu/box/spr_subboxbottom_orange02.gif") no-repeat scroll 0 0 transparent;
}

/* Border:gray */
.subcolBoxWrap.grayS {
  background: url("../../../../customer/image/sw/cu/box/spr_bordersubbox_gray.gif") repeat-y scroll left center transparent;
}

.subcolBoxWrap.grayS .top {
  background: url("../../../../customer/image/sw/cu/box/spr_subboxtop_gray.gif") repeat-y scroll left center transparent;
}

.subcolBoxWrap.grayS .bottom {
  background: url("../../../../customer/image/sw/cu/box/spr_subboxbottom_gray.gif") repeat-y scroll left center transparent;
}

.subcolBoxWrap.orange01S {
  background: url("../../../../customer/image/sw/cu/box/spr_bordersubbox_orange.gif") repeat-y scroll left center transparent;
}

.subcolBoxWrap.orange02S {
  background: url("../../../../customer/image/sw/cu/box/spr_bordersubbox_orange02.gif") repeat-y scroll left center transparent;
}

/* BOX:green */
.subcolBoxWrap.greenS #MakesureWork {
  background: url("../../../../customer/image/sw/cu/box/spr_bordersubbox_green.gif") repeat-y scroll left center transparent;
}

.subcolBoxWrap.greenS #MakesureWork .top {
  background: url("../../../../customer/image/sw/cu/box/spr_subboxtop_green.gif") no-repeat scroll 0 0 transparent;
}

.subcolBoxWrap.greenS #MakesureWork .bottom {
  background: url("../../../../customer/image/sw/cu/box/spr_subboxbottom_green.gif") no-repeat scroll 0 0 transparent;
}

/* ----------------------
 5-3：FullSizeCol(w=950px)
---------------------- */
.fullWidthBoxWrap {
  width: 950px;
  margin: 10px 0 10px 0;
}

.fullWidthBoxWrap #MakesureWork {
  margin: 0;
}

.fullWidthBoxbody {
  width: auto;
  margin: 0 15px;
  padding: 0;
}

.fullWidthBoxbodyContents {
  margin: 0;
  overflow: hidden;
  font-size: 12px;
}

.fullWidthBoxWrap .top, .fullWidthBoxWrap .bottom {
  width: 950px;
  height: 10px;
  font-size: 0;
}

/* BOX:green */
.fullWidthBoxWrap.green, .fullWidthBoxWrap.green #MakesureWork {
  background: url("../../../../customer/image/sw/cu/box/spr_border_fullwidthbox_green.gif") repeat-y scroll left center transparent;
}

.fullWidthBoxWrap.green .top, .fullWidthBoxWrap.green #MakesureWork .top {
  background: url("../../../../customer/image/sw/cu/box/spr_fullwidthboxtop_green.gif") no-repeat scroll 0 0 transparent;
}

.fullWidthBoxWrap.green .bottom, .fullWidthBoxWrap.green #MakesureWork .bottom {
  background: url("../../../../customer/image/sw/cu/box/spr_fullwidthboxbottom_green.gif") no-repeat scroll 0 0 transparent;
}

/* BOX:gray */
.fullWidthBoxWrap.gray, .fullWidthBoxWrap.gray #MakesureWork {
  background: url("../../../../customer/image/sw/cu/box/spr_border_fullwidthbox_gray.gif") repeat-y scroll left center transparent;
}

.fullWidthBoxWrap.gray .top, .fullWidthBoxWrap.gray #MakesureWork .top {
  background: url("../../../../customer/image/sw/cu/box/spr_fullwidthboxtop_gray.gif") no-repeat scroll 0 0 transparent;
}

.fullWidthBoxWrap.gray .bottom, .fullWidthBoxWrap.gray #MakesureWork .bottom {
  background: url("../../../../customer/image/sw/cu/box/spr_fullwidthboxbottom_gray.gif") no-repeat scroll 0 0 transparent;
}

/* ======================
　6:共通パーツ：右カラム
====================== */
/* ----------------------
 6-1：Lrec
---------------------- */
#adLrec {
  width: 300px;
  margin: 0 0 10px 0;
}

#adLrec dt {
  display: block;
  height: 20px;
  color: #000;
  text-align: center;
}

#adLrec dd {
  margin: 0;
  padding: 0;
}

#adLrec a {
  color: #00f;
}

/* ----------------------
 6-2：ゲストの情報BOX
---------------------- */
#loginBox #customerPhoto {
  float: left;
}

#loginBox #loginAndRegistry {
  float: right;
  line-height: 1.5em;
}

#loginAndRegistry #loginPart {
  margin: 0 0 0 5px;
}

#customerName {
  font-weight: bold;
}

.btnNewRegistration {
  width: 180px;
  height: 25px;
  margin: 8px 0 0 0;
  border: none;
}

/* ======================
　7:MSG BOX
====================== */
#textAndMsg {
  margin: 0 auto;
  text-align: center;
}

.centerJustification {
  text-align: center;
}

/*赤色文字*/
.MsgBoxAttention01 {
  border: 2px solid #fecccb;
}
.MsgBoxAttention01.close_msg_box {
  position: relative;
}
.MsgBoxAttention01.close_msg_box .normal_txt {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 93%;
}
.MsgBoxAttention01.close_msg_box .btn_close {
  display: block;
  position: absolute;
  top: 0;
  right: 9px;
  bottom: 0;
  z-index: 100;
  width: 16px;
  height: 16px;
  margin: auto;
  border-radius: 50%;
  background-color: #ccc;
  cursor: pointer;
}
.MsgBoxAttention01.close_msg_box .btn_close:hover {
  background-color: #bbb;
}
.MsgBoxAttention01.close_msg_box .btn_close:before, .MsgBoxAttention01.close_msg_box .btn_close:after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3px;
  width: 10px;
  height: 2px;
  margin: auto;
  background-color: #fff;
  content: "";
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.MsgBoxAttention01.close_msg_box .btn_close:before {
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.MsgBoxAttention01.close_msg_box .btn_close:after {
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.MsgBoxAttention02 {
  padding: 5px;
  overflow: hidden;
  border: 1px solid #ff408d;
  background: none repeat scroll 0 0 #ffece8;
  line-height: 1.2em;
  text-align: left;
}
.MsgBoxAttention02 a {
  text-decoration: none;
  vertical-align: middle;
}
.MsgBoxAttention02 span {
  color: #325ec0;
  vertical-align: middle;
  cursor: pointer;
}
.MsgBoxAttention02 span.normal_txt {
  color: #555;
  cursor: default;
}
.MsgBoxAttention02 span.normal_txt a {
  vertical-align: baseline;
}
.MsgBoxAttention02.emph {
  font-weight: bold;
}

/*灰色（二重線）*/
.MsgBoxDefault01 {
  display: block;
  margin: 0 auto;
  overflow: hidden;
  border: 2px solid #e8e8e8;
}

.MsgBoxDefault02 {
  padding: 5px;
  overflow: hidden;
  border: 1px solid #999;
  background: none repeat scroll 0 0 #fafafa;
  line-height: 1.2em;
  text-align: left;
}

.MsgBoxDefault02 span {
  font-weight: bold;
}

/*灰色*/
.helpTextBox {
  padding: 10px 10px;
  border: 2px solid #efefef;
  text-align: left;
}

/* 非会員時に出すメッセージボックス */
.logout_info_msg_wrapper {
  width: 950px;
  margin: 0 auto 20px;
  text-align: left;
}
.logout_info_msg_wrapper .logout_info_msg_inner {
  padding: 10px;
  border: 1px solid #ff408d;
  background-color: #ffece8;
  line-height: 1.2em;
}
.logout_info_msg_wrapper .logout_info_msg {
  padding: 0 0 0 25px;
  background: url("../../../../customer/image/sw/cu/icon/spr_icon_attention.gif") no-repeat scroll left center transparent;
  background-size: 16px 16px;
}
.logout_info_msg_wrapper .emph {
  margin: 0 3px;
  font-weight: bold;
}

/* ======================
　8:ページネーション
====================== */
.next_page {
  width: 200px;
  margin: 20px auto;
}
.next_page a {
  display: block;
  padding: 18px 22px;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-shadow: 0 0 0 1px #fff inset;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ededed+100 */
  background: #fff;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #ededed));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fff 0%, #ededed 100%);
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #fff 0%, #ededed 100%);
  /* W3C */
  color: #555;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ededed", GradientType=0);
  /* IE6-8 */
}
.next_page a span {
  padding: 3px 30px 3px 0;
  background: transparent url(../../../../customer/image/sw/cu/list/ico_bullet_nextpage.png) no-repeat scroll right center;
}
.next_page a:hover {
  border: 1px solid #fbcf8c;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fff3e0+100 */
  background: #fff;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYzZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #fff3e0));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fff 0%, #fff3e0 100%);
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to bottom, #fff 0%, #fff3e0 100%);
  /* W3C */
  color: #f90;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#fff3e0", GradientType=0);
  /* IE6-8 */
}

.pagerWrap {
  margin: 10px 0;
  font-size: 14px;
  text-align: center;
}
.pagerWrap.wide {
  width: 950px;
  font-size: 14px;
  text-align: center;
}
.pagerWrap .totalCount {
  float: left;
  margin: 6px 0 0;
  font-size: 12px;
}
.pagerWrap ul {
  list-style: none outside none;
  margin: 0 0;
  text-align: right;
}
.pagerWrap .link {
  display: inline-block;
  font-size: 12px;
}
.pagerWrap .link a {
  display: inline-block;
  min-width: 16px;
  padding: 8px 6px;
  border-radius: 3px;
  line-height: 1;
  text-decoration: none;
  text-align: center;
}
.pagerWrap .link a:hover {
  background-color: #ffedc8;
  color: #f90;
  font-weight: bold;
}
.pagerWrap .current {
  display: inline-block;
  min-width: 16px;
  margin: 0;
  padding: 8px 6px;
  border-radius: 3px;
  background-color: #f90;
  color: #fff;
  line-height: 1;
  text-align: center;
}
.pagerWrap li.prev, .pagerWrap li.next {
  display: inline-block;
  font-size: 13px;
}
.pagerWrap li.prev {
  margin: 0 3px 0 0;
}
.pagerWrap li.next {
  margin: 0 0 0 3px;
}
.pagerWrap li.prev a, .pagerWrap li.next a {
  display: inline-block;
  padding: 8px 6px;
  border-radius: 3px;
  line-height: 1;
  text-decoration: none;
}
.pagerWrap li.prev a:hover, .pagerWrap li.next a:hover {
  background-color: #ffedc8;
  color: #f90;
}

/* ======================
　9:表示調整
====================== */
/*BOXサイズ・余白調整*/
.w100percent {
  width: 100%;
}

.w90percent {
  width: 90%;
}

.w80percent {
  width: 80%;
}

.w70percent {
  width: 70%;
}

.w950px {
  width: 950px;
}

.w946px {
  width: 946px;
}

.w635px {
  width: 635px;
}

.w631px {
  width: 631px;
}

.p10 {
  padding: 10px 10px;
}

.mBtm10 {
  margin: 0 0 10px 0;
}

.mBtm20 {
  margin: 0 0 20px 0;
}

.mBtm30 {
  margin: 0 0 30px 0;
}

.mBtm40 {
  margin: 0 0 40px 0;
}

.mBtm50 {
  margin: 0 0 50px 0;
}

.mTop10 {
  margin: 10px 0 0 0;
}

.mTop20 {
  margin: 20px 0 0 0;
}

.mRight10 {
  margin: 0 10px 0 0;
}

.mTop20Btm10 {
  margin: 20px 0 10px 0;
}

.mTop10Btm10 {
  margin: 10px 0 10px 0;
}

.mTop20Btm20 {
  margin: 20px 0 20px 0;
}

.mTop30Btm30 {
  margin: 30px 0 30px 0;
}

.mTop30Btm50 {
  margin: 30px 0 50px 0;
}

.mRight10 {
  margin: 0 10px 0 0;
}

.nomargin {
  margin: 0 0 0 0;
}

/*文字サイズ指定*/
.caption {
  font-size: 10px;
  letter-spacing: 0.1em;
}

.font10px {
  font-size: 10px;
}

.font11px {
  font-size: 11px;
}

.font12px {
  font-size: 12px;
}

.font14px {
  font-size: 14px;
}

.font16px {
  font-size: 16px;
}

.font18px {
  font-size: 18px;
}

/*リストのマーカー表示指定*/
.listMarkerVisible {
  list-style-position: outside;
  margin: 0 0 0 20px;
}

/* 左寄せ/右寄せ */
.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

/* 件数表示 */
.number {
  color: #555;
  font-size: 11px;
}

/* ゼロ件表示 */
li.zero, li.zero span.number {
  color: #aaa;
}

/* 強調色 */
.highlight01 {
  font-weight: bold;
}

.highlight02 {
  color: #f00;
}

.highlight03 {
  color: #f00;
  font-weight: bold;
}

.highlight04 {
  color: #e60011;
  font-weight: bold;
}

.requiredItem {
  color: #e60011;
  font-weight: bold;
}

.highlightEntryConf {
  background-color: #ffd14d;
  font-weight: bold;
}

/*公開*/
.open .highlight {
  background-color: #ffd14d;
  font-weight: bold;
}

/*限定*/
.limited .highlight {
  background-color: #fce;
  font-weight: bold;
}

/*急募*/
.rush .highlight {
  background-color: #fbb;
  font-weight: bold;
}

/* ======================
　10:icon
====================== */
.icon16 {
  width: 16px;
  height: 16px;
  margin: 0 5px 0 0;
  border: none;
  vertical-align: middle;
}

.arrow {
  width: 13px;
  height: 13px;
  margin: 0 5px 0 0;
  border: none;
  vertical-align: text-bottom;
}

.iconNew {
  width: 26px;
  height: 11px;
  margin-left: 1px;
}

.iconRequired {
  width: 36px;
  height: 19px;
  margin: 0 5px;
  vertical-align: -5px;
}

/* ======================
　12:オプションページ
====================== */
.optionWrap .top, .optionWrap .bottom {
  width: 465px;
  height: 5px;
  padding: 0;
  font-size: 0;
}

.optionWrap {
  width: 465px;
  margin: 0 0 10px 0;
  background: url("../../../../customer/image/sw/cu/box/spr_border_w465_gray.gif") repeat-y scroll left center transparent;
}

.optionWrap .top {
  background: url("../../../../customer/image/sw/cu/box/spr_boxtop_w465_gray.gif") no-repeat scroll 0 0 transparent;
}

.optionWrap .bottom {
  background: url("../../../../customer/image/sw/cu/box/spr_boxbottom_w465_gray.gif") no-repeat scroll 0 0 transparent;
}

.left {
  float: left;
}

.right {
  float: right;
}

.optionBody {
  width: 445px;
  margin: 5px 10px;
}

.optionTitle {
  font-weight: bold;
  font-size: 14px;
}

.optionBody p.link {
  margin: 10px 0 0 0;
  text-align: center;
}

.authenticationBody {
  padding: 10px 15px;
}

.mailAddress {
  font-weight: bold;
  font-size: 18px;
  line-height: 2em;
}

#descriptionsBody {
  padding: 10px 15px;
  line-height: 1.5em;
}

#descriptionsBody ul {
  margin: 0 0 0 1em;
  padding: 0;
}

/* ======================
　12:広告
====================== */
#ADFooter {
  margin: 0 0 0 0;
  padding: 3px 0 2px 0;
}

#adSqb {
  width: 635px;
  margin: 40px auto;
  color: #000;
  font-size: 116%;
}

#adSqb li {
  list-style-type: none;
}

#adSqb a {
  color: #00f;
}

#adSqb table {
  font-size: medium;
}

#adSqb td b small {
  display: block;
  text-align: center;
}

#adjustment {
  width: 950px;
  margin: 50px 0 0 0;
  text-align: center;
}

#adjCenter {
  width: 635px;
  margin: 0 auto;
  text-align: left;
}

/* ======================
　13:404 not found
====================== */
#notFound {
  width: 500px;
  margin: 0 auto;
  padding: 70px 0;
  font-size: 108%;
  text-align: center;
}

/* ======================
　14:カレンダー
====================== */
/* カレンダーテーブル */
.calendar {
  margin: 10px 0;
}

.calendar .weekBody, .weekTop {
  width: 19px;
  height: 19px;
  text-align: center;
}

.calendar td {
  line-height: 1em;
}

/* 選択した日 */
.calendar .workDaySelect {
  background: url("../../../../customer/image/sw/cu/common/swcl_calbg_selected.png") no-repeat scroll center center transparent;
  color: #fff;
}

/* 既にエントリーした日 */
.calendar .workDayEntried {
  background: url("../../../../customer/image/sw/cu/common/swcl_calbg_entryday.png") no-repeat scroll 0 0 transparent;
  color: #000;
}

/* 勤務日*/
.calendar .workDayAvailable {
  background: url("../../../../customer/image/sw/cu/common/swcl_calbg_workday.png") no-repeat scroll center center transparent;
  color: #fe6700;
}

/* 選択できる日*/
.calendar .clickable {
  cursor: pointer;
}

/* 何でもない日*/
.calendar .workDayNothing {
  background: url("../../../../customer/image/sw/cu/common/swcl_calbg_normal.png") no-repeat scroll center center transparent;
}

/* 今日から+90日の範囲ではない日*/
.calendar .workDayNonCheckable {
  background: url("../../../../customer/image/sw/cu/common/swcl_calbg_gray.png") no-repeat scroll center center transparent;
  color: #898989;
}

/* 表示されないTD */
.calendar .noDate {
  background: url("../../../../customer/image/sw/cu/common/swcl_calbg_gray.png") no-repeat scroll center center transparent;
}

/* 月、火、水、木、金 */
.weekday1, .weekday2, .weekday3, .weekday4, .weekday5 {
  color: #000;
}

/* 土 */
.weekday6 {
  color: #00f;
}

/* 日 */
.weekday7 {
  color: #f00;
}

/* 休日 */
.flagday {
  color: #f00;
}

/* カレンダ2×2 */
.settingKyuboNest table.calendar {
  float: left;
  margin: 10px 20px 10px 0;
}

/* カスタマ　エントリ確認画面 2*2 */
table.entryConfirm {
  float: left;
  margin: 0 15px;
}

/* ======================
17:TOPページ改訂箇所
====================== */
/* -----------------------
 角丸BOX
-------------------------- */
.boxWrap {
  clear: both;
}

.box {
  margin: 0;
  padding: 0 0 0 10px;
}

.box .boxTop {
  height: 10px;
  font-size: 0;
  line-height: 0;
}

.box .boxBtm {
  height: 10px;
  margin: 0 0 0 -10px;
  padding: 0 0 0 10px;
  font-size: 0;
  line-height: 0;
}

.box .btmRgt {
  height: 10px;
  padding: 0 10px 0 0;
  font-size: 0;
  line-height: 0;
  text-align: right;
}

.box .boxTop.backGroundColor {
  height: 5px;
  font-size: 0;
  line-height: 0;
}

.box.main1Col {
  width: 625px;
}

* html .box.main1Col {
  width: 625px;
}

/*for IE*/
.box.main2ColLft {
  float: left;
  width: 303px;
}

* html .box.main2ColLft {
  width: 313px;
}

/*for IE*/
.box.main2ColRgt {
  float: left;
  width: 302px;
  margin: 0 0 0 10px;
}

* html .box.main2ColRgt {
  width: 312px;
}

/*for IE*/
.box.subCol {
  width: 290px;
}

* html .box.subCol {
  width: 290px;
}

/*for IE6*/
/* BOXの内径 */
.box .inner {
  margin: 0 0 0 -10px;
  padding: 0;
}

.box.main1Col .inner, .box.main1Col .inner.fromAreaWrap {
  width: 633px;
}

* html .box.main1Col .inner, * html .box.main1Col .inner.fromAreaWrap {
  width: 633px;
}

/*for IE*/
.box.main2Col .inner {
  width: 302px;
}

* html .box.main2Col .inner {
  width: 291px;
}

/*for IE*/
.contentsPart {
  margin: 0 4px;
  padding: 0 8px;
  background-color: #fff;
}

/* BOXの枠線 */
/*オレンジ（primary）*/
/*オレンジ（secondary）*/
.box.orangeSec {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_lft.png") no-repeat scroll left -40px;
}

.box.orangeSec .boxTop {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_rgt.png") no-repeat scroll right -40px;
}

.box.orangeSec .boxBtm {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_lft.png") no-repeat scroll left -60px;
}

.box.orangeSec .btmRgt {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_rgt.png") no-repeat scroll right -60px;
}

/*緑（primary）*/
.box.greenPri {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_lft.png") no-repeat scroll left -80px;
}

.box.greenPri .boxTop {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_rgt.png") no-repeat scroll right -80px;
}

.box.greenPri .boxBtm {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_lft.png") no-repeat scroll left -100px;
}

.box.greenPri .btmRgt {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_rgt.png") no-repeat scroll right -100px;
}

/*緑（secondary）*/
.box.greenSec {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_lft.png") no-repeat scroll left -120px;
}

.box.greenSec .boxTop {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_rgt.png") no-repeat scroll right -120px;
}

.box.greenSec .boxBtm {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_lft.png") no-repeat scroll left -140px;
}

.box.greenSec .btmRgt {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_rgt.png") no-repeat scroll right -140px;
}

/*ピンク（primary）*/
.box.pinkPri {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_lft.png") no-repeat scroll left -160px;
}

.box.pinkPri .boxTop {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_rgt.png") no-repeat scroll right -160px;
}

.box.pinkPri .boxBtm {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_lft.png") no-repeat scroll left -180px;
}

.box.pinkPri .btmRgt {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_rgt.png") no-repeat scroll right -180px;
}

/*ピンク（secondary）*/
.box.pinkSec {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_lft.png") no-repeat scroll left -200px;
}

.box.pinkSec .boxTop {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_rgt.png") no-repeat scroll right -200px;
}

.box.pinkSec .boxBtm {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_lft.png") no-repeat scroll left -220px;
}

.box.pinkSec .btmRgt {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_rgt.png") no-repeat scroll right -220px;
}

/*灰色（primary）*/
.box.grayPri {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_lft.png") no-repeat scroll left -240px;
}

.box.grayPri .boxTop {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_rgt.png") no-repeat scroll right -240px;
}

.box.grayPri .boxBtm {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_lft.png") no-repeat scroll left -260px;
}

.box.grayPri .btmRgt {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_rgt.png") no-repeat scroll right -260px;
}

/*灰色（secondary）*/
.box.graySec {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_lft.png") no-repeat scroll left -280px;
}

.box.graySec .boxTop {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_rgt.png") no-repeat scroll right -280px;
}

.box.graySec .boxBtm {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_lft.png") no-repeat scroll left -300px;
}

.box.graySec .btmRgt {
  background: url("../../../../customer/image/sw/cu/box/spr2_box_rgt.png") no-repeat scroll right -300px;
}

/* BOXの背景色・線色 */
/*オレンジ（primary）*/
.box.orangePri .inner {
  background-color: #ffd14d;
  border-right: 1px solid #f60;
  border-left: 1px solid #f60;
}

/*オレンジ（secondary）*/
.box.orangeSec .inner {
  background-color: #fff09f;
  border-right: 1px solid #f90;
  border-left: 1px solid #f90;
}

/*緑（primary）*/
.box.greenPri .inner {
  background-color: #8cb825;
  border-right: 1px solid #769a21;
  border-left: 1px solid #769a21;
}

/*緑（secondary）*/
.box.greenSec .inner {
  background-color: #dbfcb9;
  border-right: 1px solid #8cb825;
  border-left: 1px solid #8cb825;
}

/*ピンク（primary）*/
.box.pinkPri .inner {
  background-color: #fd418e;
  border-right: 1px solid #e5004f;
  border-left: 1px solid #e5004f;
}

/*ピンク（secondary）*/
.box.pinkSec .inner {
  background-color: #ffece8;
  border-right: 1px solid #fd418e;
  border-left: 1px solid #fd418e;
}

/*灰色（primary）*/
.box.grayPri .inner {
  background-color: #efefef;
  border-right: 1px solid #999;
  border-left: 1px solid #999;
}

/*灰色（secondary）*/
.box.graySec .inner {
  background-color: #fff;
  border-right: 1px solid #999;
  border-left: 1px solid #999;
}

/* --------------------------------------------------
 1px枠のBOX
-------------------------------------------------- */
/*灰色（square）*/
.boxGraySquareMain {
  float: left;
  width: 633px;
  margin: 0;
  padding: 0;
  border: 1px solid #999;
}

* html .boxGraySquareMain {
  width: 633px;
}

/*for IE*/
.boxGraySquareSub {
  width: 298px;
  overflow: hidden;
  border: 1px solid #999;
}

* html .boxGraySquareSub {
  width: 300px;
}

/*for IE*/
/*余白指定*/
.boxGraySquareMain .inner, .boxGraySquareSub .inner {
  margin: 5px;
  overflow: hidden;
}

.boxGraySquareMain .inner.marginWide, .boxGraySquareSub .inner.marginWide {
  margin: 10px;
  overflow: hidden;
}

.boxGraySquareMain .inner.marginWideTop {
  margin: 10px 10px 0 10px;
  overflow: hidden;
}

.boxGraySquareMain .inner.marginWideBtm {
  margin: 0 10px 5px 10px;
  overflow: hidden;
}

/* -----------------------------------------
レイアウト
----------------------------------------- */
/*注目のバイト*/
.HotArbeitWrap {
  width: 950px;
}

.HotArbeit {
  clear: both;
  margin: 10px 0;
  padding: 0;
  text-align: center;
}

.HotArbeit li {
  list-style: none;
  margin: 5px 0;
}

.HotArbeit a {
  display: inline-block;
  width: 100%;
  padding: 12px 12px 12px 120px;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(76, 68, 36, 0.12);
  background: url(../../../../customer/image/sw/cu/common/icon_hotArbeit.svg) no-repeat 12px center;
  background-color: #fff;
  font-weight: bold;
  text-align: left;
}

.HotArbeit a:hover {
  background-color: #fbf8f2;
  text-decoration: none;
}

/*注目のバイト リストver*/
.listHotArbeitWrap {
  margin: 0;
  padding: 10px 0 0;
}

.listHotArbeit {
  clear: both;
  margin: 0;
  padding: 20px 15px;
  border-radius: 10px;
  background: #fefade;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  behavior: url(/lib/PIE.htc);
}

.listHotArbeit li {
  list-style: none;
}

.listHotArbeit a {
  padding: 1px 0 1px 74px;
  background: url(../../../../customer/image/sw/cu/common/ico_attention.png) no-repeat left center;
  font-weight: bold;
}

/*最近検索した条件*/
.recentSearchCondition ul {
  display: block;
  float: right;
  width: 414px;
  padding-top: 1px;
}

/*シフトワークス*/
.boxGraySquareSub .ttlBaasic {
  padding: 5px 5px;
  background-color: #eee;
  text-align: center;
}

#linkToOtherService .inner {
  margin: 5px 10px;
  overflow: hidden;
}

.subcopy {
  margin: 5px 8px 10px;
  color: #555;
  font-size: 11px;
  line-height: 1.2;
}

/* -----------------------------------------
TOPページタイトル文字（画像）
----------------------------------------- */
.recentSearchCondition div.offerTtl, .RecentSeenWork div.infoTitle, .customerInfo div.infoTitle {
  display: block;
  background: url("../../../../customer/image/sw/cu/top/spr2_topPageImg.png") no-repeat scroll 0 0;
  text-indent: -9999px;
}

/*最近検索した条件*/
.recentSearchCondition div.offerTtl {
  float: left;
  width: 195px;
  height: 23px;
  background-position: 0 -245px;
}

/*あなたが見たバイト情報*/
.RecentSeenWork div.infoTitle {
  width: 270px;
  height: 20px;
  padding: 0 0 3px 0;
  background-position: 0 -275px;
}

/*あなたの情報*/
.customerInfo div.infoTitle {
  width: 270px;
  height: 38px;
  margin: 0;
  padding: 0;
  background-position: 0 -302px;
}

/*新規登録*/
.guest .infoTitle {
  margin: 0 0 15px 0;
  padding: 0 0 0 15px;
  color: #2f2f2f;
  font-weight: bold;
  font-size: 16px;
  border-left: 4px solid #fbca1e;
}

/* -----------------------------------------
リストマーカー/icon
----------------------------------------- */
.recentSearchCondition li, .boxGraySquareSub li, #linkToShiftMain li, #linkToShift li, .customerInfo li {
  display: block;
  list-style-position: outside;
  background: url("../../../../customer/image/sw/cu/top/spr2_topPageImg.png") no-repeat scroll 0 0;
  white-space: nowrap;
}

/*最近検索した条件*/
.recentSearchCondition li {
  float: left;
  margin: 2px 0 0 0;
  padding: 3px 15px 0 10px;
  background-position: -170px -441px;
}

/*あなたの情報*/
.customerInfo #attHistory li {
  float: left;
  width: 115px;
  padding: 0 5px 0 12px;
  background-position: -170px -442px;
}

* html .customerInfo #attHistory li {
  width: 130px;
}

/*for IE*/
/*姉妹サイトのお知らせ(Main&Sub)*/
#linkToShift {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
}

#linkToShiftMain li {
  float: left;
  min-width: 70px;
  padding: 0 5px 0 12px;
  background-position: -170px -472px;
}

#linkToShift li {
  float: left;
  width: 230px;
  padding: 0 5px 0 12px;
  background-position: -170px -472px;
}

/* -----------------------------
 BOX：あなたが見たバイト情報＝recentSeenWork
----------------------------- */
.RecentSeenWork ol {
  list-style-type: none;
}

.RecentSeenWork li {
  display: block;
  width: 270px;
  padding: 5px 0 0 0;
  line-height: 1.6em;
  border-top: 1px dotted #999;
}

.RecentSeenWork li:first-child {
  border-top: none;
}

.RecentSeenWork .workplacePhoto {
  display: block;
  float: left;
  width: 60px;
}

.RecentSeenWork .workplacePhoto img {
  margin: 0 5px 5px 0;
}

.RecentSeenWork li .infoWrap {
  float: right;
  width: 200px;
}

.recentSeenWorkTtl {
  display: block;
}

.RecentSeenWork li span.companyName {
  display: block;
  font-size: 85%;
  text-align: right;
}

/* -----------------------------------------
 登録者の情報BOX
----------------------------------------- */
.uInfoBox {
  margin: 15px 0 0 0;
  padding: 25px;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-sizing: border-box;
  box-shadow: 0 1px 4px rgba(76, 68, 36, 0.12);
  border-top: 3px solid #ffd338;
}

.uInfoBox .mainTitle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 20px;
}

.uInfoBox .mainTitle .left {
  color: #2f2f2f;
  font-weight: bold;
  font-size: 16px;
}

#statusBox #customerPhoto {
  float: left;
  width: 70px;
  height: 70px;
}

.statusBoxTtl {
  width: 270px;
  height: 40px;
  margin: 0 0 5px 0;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

.Photo {
  width: 70px;
  height: 70px;
  border: none;
}

/* 非表示情報の設定  */
#nondisplay {
  width: 100%;
  margin: 10px 0 5px 0;
}

#nondisplay dl.title {
  width: 270px;
  overflow: hidden;
  font-weight: bold;
}

#nondisplay dl.title dt {
  float: left;
  width: 165px;
  font-weight: bold;
  font-size: 108%;
  line-height: 150%;
}

#nondisplay dl.title dd {
  float: left;
  width: 100px;
  text-align: right;
}

#nondisplay dl.detail {
  width: 280px;
  overflow: hidden;
}

* html #nondisplay dl.detail {
  width: 270px;
}

/*for IE*/
#nondisplay dl.detail dt {
  float: left;
  width: 226px;
  margin: 0;
  line-height: 150%;
}

* html #nondisplay dl.detail dt {
  width: 226px;
}

/*for IE*/
#nondisplay dl.detail dd {
  line-height: 150%;
}

/*勤怠履歴*/
.btnHistory {
  padding: 13px 0;
}

.btnHistory a:link {
  float: left;
  width: 197px;
  height: 26px;
  margin: 0 0 1px 47px;
  background-image: url("../../../../customer/image/sw/cu/top/u_info_kintai_btn_off.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

.btnHistory a:visited {
  float: left;
  width: 197px;
  height: 26px;
  margin: 0 0 1px 47px;
  background-image: url("../../../../customer/image/sw/cu/top/u_info_kintai_btn_off.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

.btnHistory a:hover {
  float: left;
  width: 197px;
  height: 26px;
  margin: 1px 0 0 47px;
  background-image: url("../../../../customer/image/sw/cu/top/u_info_kintai_btn_ov.png") !important;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

/*ステータス*/
#status dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 3px 0;
  line-height: 1.6em;
}

/*for IE*/
#status .y_bg {
  background: #fff5cc;
}

.customerInfo #nondisplay .ttl02, .customerInfo #nondisplay .ttl03 {
  width: 100%;
  padding: 0 0 4px 0;
  background: url("../../../../customer/image/sw/cu/top/u_info_line_02.png") no-repeat scroll 0 bottom transparent;
}

.customerInfo #nondisplay .ttl02 .left, .customerInfo #nondisplay .ttl03 .left {
  display: block;
  width: 106px;
  height: 15px;
  text-indent: -9999px;
}

.customerInfo #nondisplay .ttl02 .left {
  background: url("../../../../customer/image/sw/cu/top/u_info_notJob.png") no-repeat scroll;
}

.customerInfo #nondisplay .ttl03 .left {
  background: url("../../../../customer/image/sw/cu/top/u_info_notCompany.png") no-repeat scroll;
}

.customerInfo #nondisplay .noDateTxt {
  margin: 2px 0 0 18px;
  color: #999;
  border-bottom: none;
}

.customerInfo .btn {
  float: right;
}

/* 削除ボタン */
.customerInfo #nondisplay .delBtn {
  display: block;
}

.customerInfo #nondisplay .delBtn a:link {
  float: right;
  padding: 0 0 0 16px;
  background-image: url("../../../../customer/image/sw/cu/users/icon_trash.svg");
  background-position: 0 2px;
  background-size: 13px 13px;
  background-repeat: no-repeat;
  color: #999;
}

.customerInfo #nondisplay .delBtn a:visited {
  float: right;
  padding: 0 0 0 16px;
  background-image: url("../../../../customer/image/sw/cu/users/icon_trash.svg");
  background-position: 0 2px;
  background-size: 13px 13px;
  background-repeat: no-repeat;
  color: #999;
}

.customerInfo #nondisplay .delBtn a:hover {
  float: right;
  padding: 0 0 0 16px;
  background-image: url("../../../../customer/image/sw/cu/users/icon_trash.svg");
  background-position: 0 2px;
  background-size: 13px 13px;
  background-repeat: no-repeat;
  color: #999;
}

.customerInfo #nondisplay .dBox {
  display: block;
  padding: 3px 0;
  border-bottom: dashed 1px #ccc;
}

.customerInfo #nondisplay .dBox .txt {
  float: left;
  width: 200px;
  margin: 3px 0 0 2px;
}

.guestBox {
  width: 250px;
  margin: 0 auto;
}

.guestBox .txtBox {
  margin: 0 10px 0 10px;
  padding: 0 0 20px 0;
}

/* -----------------------------------------
 新規登録
----------------------------------------- */
.btnNewRegistration {
  width: 260px;
  height: 40px;
  margin: 8px 0 8px 5px;
  border: none;
}

.guest .linkToHelp {
  display: block;
  float: left;
}

.guest .login {
  display: block;
  float: right;
}

/* -----------------------------------------
 BOX：linkToShift（Main & Sub）
----------------------------------------- */
/* linkToShift（Main） */
.boxGraySquareMain .inner .ttlLinkToShift {
  padding: 2px 2px;
}

/*タイトル用ロゴ*/
#linkToShiftMain .ttlLinkToShift span {
  display: block;
  width: 168px;
  height: 27px;
  border: none;
  background: url("../../../../customer/image/sw/cu/top/sft_tab_logo.gif");
  text-indent: -9999px;
}

.prefLinkWrap ul {
  display: block;
  width: 500px;
  min-width: 70px;
  margin: 0 0 0 110px;
  padding: 0;
  overflow: hidden;
}

.prefLinkWrap li {
  list-style-type: none;
  list-style-position: outside;
  list-style-image: none;
  float: left;
  min-width: 70px;
  margin: 0 10px 0 0;
  line-height: 1.5em;
  white-space: nowrap;
}

/* 地域名 */
.prefLinkWrap .title {
  display: block;
  float: left;
  width: 100px;
  line-height: 1.5em;
}

/* linkToShift（Sub） */
#linkToShift .boxGraySquareSub .inner {
  background: #000;
}

.boxGraySquareSub .inner .ttlLinkToShift {
  width: 249px;
  height: 23px;
  margin: 3px 0 0 4px;
  padding: 6px 0 13px 11px;
  background: url("../../../../customer/image/sw/cu/common/coop_sites.png") no-repeat;
  color: #fff;
}

.boxGraySquareSub .inner .ttlLinkToShift h3 {
  display: none;
}

.ttlLogoShift {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.ttlLogoKonohini {
  display: block;
  margin: 0 auto;
  text-align: center;
}

#linkToShift ul {
  width: 270px;
  margin: 0 5px;
  padding: 0;
  overflow: hidden;
}

#linkToShift li {
  list-style-type: none;
  list-style-position: outside;
  margin: 2px 0;
  padding: 0 0 0 12px;
  line-height: 1.3;
  text-align: left;
}

#linkToShift .listBox {
  margin: 0 4px 12px;
  border-radius: 5px 5px 0 0;
  box-shadow: inset 0 0 0 1px #fff;
  background: #f7f7f7;
  border-top: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
  -moz-box-shadow: inset 0 0 0 1px #fff;
  -o-box-shadow: inset 0 0 0 1px #fff;
  -ms-box-shadow: inset 0 0 0 1px #fff;
}

#linkToShift .listBox .heading {
  padding: 10px;
  box-shadow: 0 1px #fff;
  border-bottom: 1px solid #ddd;
  -webkit-box-shadow: 0 1px #fff;
  -moz-box-shadow: 0 1px #fff;
  -o-box-shadow: 0 1px #fff;
  -ms-box-shadow: 0 1px #fff;
}

#linkToShift .listBox h4 {
  width: 149px;
  height: 0;
  padding: 19px 0 0;
  overflow: hidden;
  background: url("../../../../customer/image/sw/cu/list/sft_ttl_attention.png") no-repeat;
}

#linkToShift .listBox .shiftWork {
  padding: 10px;
  box-shadow: 0 1px #fff, inset 0 0 0 1px #fff;
  cursor: pointer;
  border-bottom: 1px solid #ddd;
  -webkit-box-shadow: 0 1px #fff, inset 0 0 0 1px #fff;
  -moz-box-shadow: 0 1px #fff, inset 0 0 0 1px #fff;
  -o-box-shadow: 0 1px #fff, inset 0 0 0 1px #fff;
  -ms-box-shadow: 0 1px #fff, inset 0 0 0 1px #fff;
}

#linkToShift .listBox .shiftWork:hover {
  background: #eaf9fb;
}

#linkToShift .listBox .shiftWork dt {
  display: inline;
  float: left;
  width: 66px;
  height: 51px;
}

#linkToShift .listBox .shiftWork dt div {
  display: table-cell;
  width: 64px;
  height: 49px;
  border: 1px solid #ccc;
  background: #fff;
  text-align: center;
  vertical-align: middle;
}

#linkToShift .listBox .shiftWork dt div img {
  vertical-align: middle;
}

#linkToShift .listBox .shiftWork dd {
  padding-left: 71px;
}

#linkToShift .listBox .shiftWork dd .ttl {
  margin: 0 0 10px;
}

#linkToShift .listBox .shiftWork dd .ttl p {
  margin: 0;
  font-size: 12px;
  line-height: 1.2;
  text-align: left;
}

#linkToShift .listBox .shiftWork dd .condition p {
  margin: 0 0 5px;
  line-height: 1.2;
  text-align: left;
}

#linkToShift .listBox .shiftWork dd .salary {
  padding: 2px 0 2px 15px;
  background: url("../../../../customer/image/sw/cu/list/sft_ico_yen.png") no-repeat left center;
}

#linkToShift .listBox .shiftWork dd .area {
  padding: 2px 0 2px 15px;
  background: url("../../../../customer/image/sw/cu/list/sft_ico_area.png") no-repeat left center;
}

/* --------------------------------------------------
 表示調整
-------------------------------------------------- */
/* 余白 */
.mgnBtm5 {
  margin-bottom: 5px;
}

.mgnTop10 {
  margin-top: 10px;
}

.mgnBtm10 {
  margin-bottom: 10px;
}

.mgnBtm15 {
  margin-bottom: 15px;
}

.mgnBtm5 {
  margin-bottom: 5px;
}

.mgnTopBtn10 {
  margin: 10px 0;
}

.mgnLft10 {
  margin-left: 5px;
}

.mgn10 {
  margin: 10px;
}

.mgn5 {
  margin: 5px;
}

.centerJustification {
  text-align: center;
}

.linktxt {
  text-decoration: underline;
  cursor: pointer;
}

.hide {
  display: none;
}

/* ======================
　ページトップへ戻るボタン
====================== */
#container #toPageTop {
  position: fixed;
  bottom: 30px;
  z-index: 9999;
  width: 70px;
  margin-left: 980px;
}

#container #toPageTop a {
  display: block;
  width: 60px;
  background: url("../../../../customer/image/sw/cu/common/btn_pagetop_ov.gif") no-repeat;
}

#container #toPageTop a:hover img {
  visibility: hidden;
}

/* 日雇派遣注釈 */
.dayWorkerComment {
  font-size: 11px;
}

/* --------------------------------------------------
 広告SQB
-------------------------------------------------- */
#adSqb li {
  list-style-type: none;
  float: left;
  width: 300px;
  height: 250px;
  margin-left: 12px;
}

#adSqb li:last-child {
  margin-left: 10px;
}

/* ======================
　18:ボタン
====================== */
.btn_primary {
  width: 100%;
  padding: 14px 0;
  border-radius: 5px;
  box-shadow: #528d22 0 -2px 0 inset;
  background-color: #76cb31;
  color: #fff;
  font-size: 16px;
  text-shadow: 0px -1px 0 #5ea227;
  border: 0 none;
}
.btn_primary:hover {
  background-color: #83d244;
  color: #fff;
  text-decoration: none;
}
.btn_primary:active {
  box-shadow: #528d22 0px 2px 0px inset;
  padding: 16px 0 12px 0;
}
.btn_primary:focus {
  outline: none;
}
.btn_primary:visited {
  color: #fff;
}
.btn_secondary {
  width: 100%;
  padding: 14px 0;
  border-radius: 5px;
  box-shadow: #2470aa 0 -2px 0 inset;
  background-color: #4497d7;
  color: #fff;
  font-size: 16px;
  text-shadow: 0px -1px 0 #297ebf;
  border: 0 none;
}
.btn_secondary:hover {
  background-color: #59a3db;
  color: #fff;
  text-decoration: none;
}
.btn_secondary:active {
  box-shadow: #2470aa 0px 2px 0px inset;
  padding: 16px 0 12px 0;
}
.btn_secondary:focus {
  outline: none;
}
.btn_secondary:visited {
  color: #fff;
}
.btn_normal {
  width: 100%;
  padding: 14px 0;
  border-radius: 5px;
  box-shadow: #b37c00 0 -2px 0 inset;
  background-color: #ffb100;
  color: #fff;
  font-size: 16px;
  text-shadow: 0px -1px 0 #cc8e00;
  border: 0 none;
}
.btn_normal:hover {
  background-color: #ffb91a;
  color: #fff;
  text-decoration: none;
}
.btn_normal:active {
  box-shadow: #b37c00 0px 2px 0px inset;
  padding: 16px 0 12px 0;
}
.btn_normal:focus {
  outline: none;
}
.btn_normal:visited {
  color: #fff;
}
.btn_setting {
  width: 100%;
  padding: 14px 0;
  border-radius: 5px;
  box-shadow: #646464 0 -2px 0 inset;
  background-color: #8a8a8a;
  color: #fff;
  font-size: 16px;
  text-shadow: 0px -1px 0 #717171;
  border: 0 none;
}
.btn_setting:hover {
  background-color: #979797;
  color: #fff;
  text-decoration: none;
}
.btn_setting:active {
  box-shadow: #646464 0px 2px 0px inset;
  padding: 16px 0 12px 0;
}
.btn_setting:focus {
  outline: none;
}
.btn_setting:visited {
  color: #fff;
}
.btn_success {
  width: 100%;
  padding: 14px 0;
  border-radius: 5px;
  box-shadow: #388c21 0 -2px 0 inset;
  background-color: #50ca30;
  color: #fff;
  font-size: 16px;
  text-shadow: 0px -1px 0 #40a126;
  border: 0 none;
}
.btn_success:hover {
  background-color: #60d242;
  color: #fff;
  text-decoration: none;
}
.btn_success:active {
  box-shadow: #388c21 0px 2px 0px inset;
  padding: 16px 0 12px 0;
}
.btn_success:focus {
  outline: none;
}
.btn_success:visited {
  color: #fff;
}
.btn_min {
  width: 150px;
  padding: 10px 0;
  border-radius: 5px;
  box-shadow: #d2d2d2 0 0 0 inset;
  background-color: #f8f8f8;
  color: #666;
  font-size: 12px;
  text-shadow: none;
  border-width: 1px;
  border-color: #d0d0d0;
  border-style: solid;
  padding: 11px 0;
}
.btn_min:hover {
  background-color: white;
  color: #666;
  text-decoration: none;
}
.btn_min:active {
  box-shadow: #d2d2d2 0px 0 0px inset;
}
.btn_min:focus {
  outline: none;
}
.btn_min:visited {
  color: #666;
}
.btn_basic {
  width: 100%;
  padding: 14px 0;
  border-radius: 5px;
  box-shadow: #d2d2d2 0 -2px 0 inset;
  background-color: #f8f8f8;
  color: #348fd4;
  font-size: 16px;
  text-shadow: none;
  border-width: 1px;
  border-color: #d7d7d7;
  border-style: solid;
  box-shadow: 0 -1px 0 0 #d7d7d7 inset;
}
.btn_basic:hover {
  background-color: white;
  color: #348fd4;
  text-decoration: none;
}
.btn_basic:active {
  box-shadow: #d2d2d2 0px 2px 0px inset;
  padding: 16px 0 12px 0;
}
.btn_basic:focus {
  outline: none;
}
.btn_basic:visited {
  color: #348fd4;
}
.btn_basic:active {
  box-shadow: 0 1px 0 0 #d7d7d7 inset;
}
.btn_sub {
  width: 100%;
  padding: 14px 0;
  border-radius: 5px;
  box-shadow: #d9d9d9 0 -2px 0 inset;
  background-color: #fff;
  color: #348fd4;
  font-size: 16px;
  text-shadow: none;
  border-width: 1px;
  border-color: #d8d8d8;
  border-style: solid;
  box-shadow: 0 -1px 0 0 #d7d7d7 inset;
}
.btn_sub:hover {
  background-color: white;
  color: #348fd4;
  text-decoration: none;
}
.btn_sub:active {
  box-shadow: #d9d9d9 0px 2px 0px inset;
  padding: 16px 0 12px 0;
}
.btn_sub:focus {
  outline: none;
}
.btn_sub:visited {
  color: #348fd4;
}
.btn_sub:active {
  box-shadow: 0 1px 0 0 #d7d7d7 inset;
}
.btn_default {
  width: 100%;
  padding: 14px 0;
  border-radius: 5px;
  box-shadow: #d9d9d9 0 -2px 0 inset;
  background-color: #fff;
  color: #666;
  font-size: 16px;
  text-shadow: none;
  border-width: 1px;
  border-color: #ccc;
  border-style: solid;
  box-shadow: none;
}
.btn_default:hover {
  background-color: white;
  color: #666;
  text-decoration: none;
}
.btn_default:active {
  box-shadow: #d9d9d9 0px 2px 0px inset;
  padding: 16px 0 12px 0;
}
.btn_default:focus {
  outline: none;
}
.btn_default:visited {
  color: #666;
}
.btn_default:active {
  box-shadow: none;
}