@charset "UTF-8";
/*
 * /entry/input/
 *
 */

/* ==============================================
  ジョブメドレーエージェント 薬剤師　登録フォーム
============================================== */
.temp_form_01 {
  width: 718px;
  border: 1px solid #ecdde0;
  float: left;
}
  .temp_form_01 table {
    width: 100%;
  }
    .temp_form_01 table th {
      border-bottom: 1px solid #fff;
      background-color: #ecdde0;
      vertical-align: top;
      font-weight: bold;
      color: #771d37;
      width: 166px;
      padding: 13px 20px;
      overflow: hidden;
    }
    .temp_form_01 table td {
      border-bottom: 1px solid #ecdde0;
      padding: 10px 20px;
      overflow: hidden;
    }
    .temp_form_01 table th.temp_table_title_01 {
      border-bottom: 1px solid #ecdde0;
      padding: 0;
    }
    .temp_form_01 table tr.last th,
    .temp_form_01 table tr.last td {
      border-bottom: none;
    }
    .temp_form_01 table td.temp_error_td_01 {
      background-color: #f3f3f3;
    }
      .temp_form_01 table td div.temp_address_01 {
        padding: 0;
        display: block;
        min-height: 1%;
      }
      .temp_form_01 table td div.temp_address_01:after {
        clear: both;
        content:".";
        display: block;
        height: 0;
        visibility: hidden;
      }
        .temp_form_01 table td div.temp_address_01 select {
          margin-top: 1px;
        }

/* ==============================================
  input text style
============================================== */
.temp_input_01 {
  width: 290px;
  border: 1px solid #abadb3;
  padding: 3px 8px;
  margin-bottom: 2px;
}
.temp_input_02 {
  width: 32px;
  border: 1px solid #abadb3;
  padding: 3px 8px;
}
.temp_input_03 {
  width: 214px;
  border: 1px solid #abadb3;
  padding: 6px 8px;
}
.temp_input_04 {
  width: 323px;
  border: 1px solid #abadb3;
  padding: 6px 8px;
}
.temp_input_05 {
  width: 220px;
  border: 1px solid #abadb3;
  padding: 6px 8px;
}
.temp_input_06 {
  width: 447px;
  border: 1px solid #abadb3;
  padding: 6px 8px;
}

/* ==============================================
  radio ＆ checkbox type
============================================== */
.input_check input,
.input_radio input {
  width: 15px;
  height: 15px;
  padding: 0;
  vertical-align: middle;
}
.input_check label {
  display: inline-block;
  margin-left: -15px;
  padding-left: 22px;
  padding-right: 10px;
  background: url(/entry/input/img/check_off.png) no-repeat left center;
  cursor: pointer;
  min-height: 16px;
  vertical-align: middle;
}
.input_check.chk label {
  background: url(/entry/input/img/check_on.png) no-repeat left center;
}
.txt_area_1col .input_check {
  padding-right: 35px;
}
.input_radio label {
  display: inline-block;
  margin-left: -17px;
  padding-left: 22px;
  padding-right: 10px;
  background: url(/entry/input/img/radio_check_off.png) no-repeat left center;
  cursor: pointer;
  min-height: 18px;
  line-height: 20px;
}
.input_radio.chk label {
  background: url(/entry/input/img/radio_check_on.png) no-repeat left center;
}

/* ==============================================
  select type
============================================== */
.temp_select_01 {
  border: 1px solid #abadb3;
}
.temp_select_02 {
  width: 232px;
  height: 30px;
  border: 1px solid #abadb3;
  vertical-align: middle;
}
.temp_select_03 {
  width: 180px;
  height: 29px;
  border: 1px solid #abadb3;
  vertical-align: top;
}

/* ==============================================
  textarea type
============================================== */
.temp_textarea_01 {
  border: 1px solid #abadb3;
  width: 452px;
  height: 84px;
  padding: 3px 8px;
}
.temp_textarea_02 {
  border: 1px solid #abadb3;
  width: 570px;
  height: 40px;
  padding: 3px 8px;
}

/* ==============================================
  例
============================================== */
.temp_example_01 {
  color: #999;
}
.temp_address_example_01 {
  margin-left: 120px;
  color: #999;
}

/* ==============================================
  電話番号ハイフン
============================================== */
.temp_tel_01 {
  color: #999;
  margin: 0 5px;
}

/* ==============================================
  かっこ書き
============================================== */
.temp_method_01 {
  color: #a2576e;
  font-size: 84%;
  vertical-align: middle;
}
.temp_method_02 {
  color: #a2576e;
  font-size: 84%;
  padding-top: 2px;
  margin-left: 15px;
  float: left;
}

/* ==============================================
  select list
============================================== */
.temp_select_list_01 {
  display: block;
  min-height: 1%;
}
.temp_select_list_01:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}
  .temp_select_list_01 li {
    float: left;
    margin-right: 20px;
  }
  .temp_select_list_01 li.last {
    margin-right: 0;
  }

/* ==============================================
  その他 例
============================================== */
.temp_other_example_01 {
  margin-top: 3px;
  color: #999;
  display: block;
  min-height: 1%;
}
.temp_other_example_01:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}
  .temp_other_example_01 .head {
    float: left;
  }
  .temp_other_example_01 .text {
    overflow: hidden;
    display: block;
  }
  /* IE7用 */
  *:first-child+html .temp_other_example_01 .text {
    zoom: 1;
  }

/* ==============================================
      利用規約　個人情報の取り扱いについて
============================================== */
.temp_terms_link_01 {
  margin-top: 30px;
  text-align: center;
  float: left;
}
  .temp_terms_link_01 li {
    margin-right: 30px;
    padding-left: 11px;
    background: url(/common/img/bullet/link_blt_01.png) no-repeat left 0.3em;
    display: inline-block;
  }
  /* IE7用 */
  *:first-child+html .temp_terms_link_01 li {
    display: inline;
    zoom: 1;
  }
  .temp_terms_link_01 li.last {
    margin-right: 0;
  }

/* ==============================================
  disabled
============================================== */
.disabled {
  color: #999;
  cursor: default;
}

/* ==============================================
  プライバシーポリシー
============================================== */
.temp_privacy_01 {
  float: right;
  width: 168px;
  height: 610px;
  border: 1px solid #ecdde0;
}

.form_bm_area .temp_privacy_01 {
  width: 600px;
  height: 90px;
  float: none;
}

/* ==============================================
  必須
============================================== */
.required {
  background: url(/common/img/icon/required_icn_01.png) no-repeat right 0.1em;
  padding-right: 45px;
}

/*
 * /entry/input/temp01.html
 *
 */

/* ==============================================
  メインイメージ
============================================== */
.temp01_mainimg_01 {
  background: url(/entry/input/img/temp01_mainimg_bg_01.jpg) no-repeat left top;
  position: relative;
  margin-bottom: 40px;
  height: 260px;
}
  .temp01_mainimg_01 .temp01_mainimg_txt_01 {
    position: absolute;
    left: 78px;
    top: 77px;
  }
  .temp01_mainimg_01 .temp01_mainimg_txt_02 {
    position: absolute;
    left: 78px;
    top: 155px;
  }
  .temp01_mainimg_01 .temp01_mainimg_txt_03 {
    position: absolute;
    right: 23px;
    top: 55px;
  }

/* ==============================================
  ジョブメドレーエージェント 薬剤師は、「薬剤師専門」のサービスです！
============================================== */
.temp01_point_inner_01 {
  padding: 40px 20px 20px;
}
  .temp01_point_inner_01 h2 {
    position: absolute;
    left: 183px;
    top: -20px;
  }
.temp01_point_left_01 {
  float: left;
  width: 500px;
}
  .temp01_point_left_01 h3 {
    margin-bottom: 10px;
    padding-bottom: 12px;
    background: url(/entry/input/img/temp01_point-bg_04.gif) repeat-x left bottom;
  }
.temp01_point_right_01 {
  width: 351px;
  float: right;
  padding-bottom: 5px;
  background: url(/entry/input/img/temp01_point-bg_03.gif) no-repeat left bottom;
}
  .temp01_point_right_list_01 {
    padding-top: 1px;
    background: url(/entry/input/img/temp01_point-bg_01.gif) no-repeat left top;
  }
    .temp01_point_right_list_01 ul {
      background: url(/entry/input/img/temp01_point-bg_02.gif) repeat-y left top;
      padding: 15px 22px;
    }
      .temp01_point_right_list_01 ul li {
        margin-bottom: 10px;
      }
      .temp01_point_right_list_01 ul li.last {
        margin-bottom: 0;
      }
.temp01_point_btn_01 {
  margin-top: 20px;
  height: 91px;
  background: url(/entry/input/img/temp01_point-bg_05.gif) left top;
  text-align: center;
}
  .temp01_point_btn_01 p {
    padding-top: 20px;
  }

/* ==============================================
  ジョブメドレーエージェント 薬剤師は働く薬剤師さんが満足できる転職をサポートします
============================================== */
.temp01_support_heading_01 {
  position: absolute;
  left: 213px;
  top: -21px;
}
.temp01_support_inner_01 {
  padding-left: 128px;
}
.temp01_support_btn_01 {
  width: 333px;
  height: 163px;
  background: url(/entry/input/img/temp01_support-bg_01.gif) no-repeat left top;
  float: right;
}
  .temp01_support_btn_01 p {
    margin: 27px 0 0 17px;
  }
.temp01_support_img_01 {
  position: absolute;
  left: 16px;
  bottom: 0;
}

/* ==============================================
  ジョブメドレーエージェント 薬剤師ご登録後の流れ
============================================== */
.temp01_flow_inner_01 {
  padding: 39px 16px 21px 18px;
}
  .temp01_flow_inner_01 h2 {
    position: absolute;
    left: 183px;
    top: -22px;
  }
  .temp01_flow_list_01 {
    margin: 0 auto 25px;
    width: 635px;
  }
    .temp01_flow_list_01 dt,
    .temp01_flow_list_01 dd {
      float: left;
    }
  .temp01_flow_list_02 {
  }
    .temp01_flow_list_02 li {
      background: url(/entry/input/img/temp01_flow-bg_03.gif) no-repeat left bottom;
      padding-bottom: 5px;
      margin-bottom: 20px;
    }
    .temp01_flow_list_02 li.last {
      margin-bottom: 0;
    }
    /* IE7用 */
    *:first-child+html .temp01_flow_list_02 li {
      zoom: 1;
    }
      .temp01_flow_list_02 li .temp01_flow_wrapper_01 {
        background: url(/entry/input/img/temp01_flow-bg_01.gif) no-repeat left top;
        padding-top: 1px;
      }
        .temp01_flow_list_02 li .temp01_flow_wrapper_01 .temp01_flow_01 {
          background: url(/entry/input/img/temp01_flow-bg_02.gif) repeat-y left top;
          padding: 0 4px 0 2px;
          position: relative;
        }
          .temp01_flow_list_02 li .temp01_flow_wrapper_01 .temp01_flow_01 h4 {
            background: url(/entry/input/img/temp01_flow-bg_04.gif) repeat-x left top;
            padding: 10px 14px;
          }
          .temp01_flow_list_02 li .temp01_flow_wrapper_01 .temp01_flow_01 .temp01_flow_subtitle_01 {
            position: absolute;
            top: -13px;
            right: 4px;
          }
          .temp01_flow_list_02 li .temp01_flow_wrapper_01 .temp01_flow_01 .temp01_flow_txt_01 {
            padding: 14px;
          }

/*
 * /entry/input/temp02.html
 *
 */

/* ==============================================
  ジョブメドレーエージェント 薬剤師は働く薬剤師さんが満足できる転職をサポートします
============================================== */
.temp02_support_inner_01 {
  padding: 34px 0 23px 179px;
}
  .temp02_support_inner_01 h2 {
    position: absolute;
    top: -22px;
    left: 160px;
  }
  .temp02_support_inner_01 .temp02_support_image_01 {
    position: absolute;
    left: 32px;
    bottom: 0;
  }
  .temp02_support_inner_01 .temp02_support_image_02 {
    position: absolute;
    right: 10px;
    bottom: 0;
  }

/*
 * /entry/input/temp03.html
 *
 */

/* ==============================================
  登録はわずか60秒！ ご利用は無料です！
============================================== */
.temp03_inquiry_inner_01 {
  padding: 16px 20px 20px;
}
.temp03_inquiry_table_01 {
  width: 100%;
}
  .temp03_inquiry_table_01 th,
  .temp03_inquiry_table_01 td {
    background-color: #fff;
    border: 1px solid #ecdde0;
  }
  .temp03_inquiry_table_01 th {
    font-weight: bold;
    font-size: 134%;
  }
    .temp03_inquiry_table_01 th div {
      padding: 5px 18px;
    }
    .temp03_inquiry_table_01 td div {
      padding: 10px 18px;
    }
      .temp03_inquiry_table_01 th div span {
        color: #bd0081;
        margin-right: 2px;
      }

/*
 * /entry/input/temp04.html
 *
 */

/* ==============================================
  総求人数の75%は非公開　翌日に平均5件の提案
============================================== */
.temp04_flow_list_01 {
  margin-bottom: 20px;
  width: 910px;
  overflow: hidden;
}
  .temp04_flow_list_01 ul {
    width: 935px;
    display: block;
    min-height: 1%;
  }
  .temp04_flow_list_01 ul:after {
    clear: both;
    content:".";
    display: block;
    height: 0;
    visibility: hidden;
  }
    .temp04_flow_list_01 ul li {
      width: 445px;
      float: left;
      margin-right: 20px;
      padding-bottom: 16px;
      background: url(/entry/input/img/temp04_flow-bg_03.gif) no-repeat left bottom;
    }
      .temp04_flow_list_01 ul li .temp04_flow_list_top_01 {
        padding-top: 16px;
        background: url(/entry/input/img/temp04_flow-bg_01.gif) no-repeat left top;
      }
        .temp04_flow_list_01 ul li .temp04_flow_list_mid_01 {
          padding: 0 22px 6px;
          background: url(/entry/input/img/temp04_flow-bg_02.gif) repeat-y left top;
        }
          .temp04_flow_list_01 ul li .temp04_flow_list_mid_01 h2 {
            text-align: center;
            margin-bottom: 12px;
          }

/* ==============================================
  ジョブメドレーエージェント 薬剤師ご登録後の流れ
============================================== */
.temp04_flow_list_02 {
  display: block;
  min-height: 1%;
}
.temp04_flow_list_02:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}
  .temp04_flow_list_02 dt,
  .temp04_flow_list_02 dd {
    float: left;
  }


/* ==============================================
  ジョブメドレーエージェント 薬剤師　登録フォーム 2col
============================================== */
.temp_form_2col {
  width: 718px;
  float: left;
}
.temp_form_2col table {
  width: 100%;
  border: 1px solid #ecdde0;
}
.temp_form_2col table th {
  border-bottom: 1px solid #fff;
  background-color: #ecdde0;
  vertical-align: top;
  font-size: 11px;
  font-weight: normal;
  color: #771d37;
  width: 100px;
  padding: 5px;
  overflow: hidden;
  vertical-align: middle;
}
.temp_form_2col table td {
  width: 237px;
  border-bottom: 1px solid #ecdde0;
  padding: 3px 3px 6px 8px;
  /*overflow: hidden;*/
}
.temp_form_2col td p {
  position: relative;
}
.temp_form_2col label {
  vertical-align: middle;
}
.temp_form_2col table th.bmbd {
  border-bottom: 1px solid #ecdde0;
}
.temp_form_2col .temp_input_03 {
  margin-right: 0;
}
.txt_area_1col {
  width:590px;
}
.temp_form_2col .required {
  background: url(/common/img/icon/required_icn_01.png) no-repeat right center;
  padding-right: 45px;
}
.placeholderText {
  position: absolute;
  top: 7px;
  left: 8px;
  color: #888;
}
input[name="data[registrant][email]"] + .placeholderText {
  font-size: 11px;
}

.txt_area_1col .placeholderText { left: 260px; }
.plh_tel_02 { left: 88px; }
.plh_tel_03 { left: 174px; }
.plh_textarea_01 { top: 15px; }

#not_student {
  line-height: 1.2;
}
#not_student .input_check {
  position: relative;
  float: left;
  width: 77px;
}
#not_student .input_check input {
  margin-top: -0.5em;
}
#not_student .input_check label {
  position: absolute;
  top: -0.5em;
  left: 0;
  margin-left: 0;
  padding-right: 0;
  background-position: left top;
}
#not_student label {
  display: inline-block;
  margin-right: 0;
}
/*フォーム改修_20150202_フォーカス*/
.temp_form_2col input:focus,
.temp_form_2col select:focus,
.temp_form_2col textarea:focus {
    border-color: #09c;
    box-shadow: 0 0 3px #0cf;
    color: #3c3f3f;
}

/* ==============================================
  右カラム
============================================== */
.sideContentes {
  float: right;
  width: 168px;
}
.contactInfoArea dd {
  padding: 10px 10px 80px;
  background-color: #f9f5f6;
  border: 1px solid #ecdde0
}
.catch_oneminutes {
  width: 158px;
  border: solid 1px #CCC;
  padding: 5px;
  border-radius: 5px;
  float: right;
}
.catch_oneminutes img {
  width: 100%;
}
.catch_oneminutes span {
  color: #3543c4;
  font-weight: bold;
}
.catch_copy {
  font-size: 11px;
}
.catch_strong {
  color: #BB0080;
  font-weight: bold;
}

/* ==============================================
  ボタンエリア
============================================== */
.kiyaku-wrapper {
  width: 718px;
  overflow: hidden;
}
.kiyaku-wrapper + .btn_next {
  margin-top: 20px;
  float: none;
}
.kiyaku-wrapper .temp_privacy_01 {
  float: left;
}
.kiyaku-wrapper .p-mark{
  margin-top: 17px;
  float: right;
}
.form_bm_area {
  padding: 15px 0;
}
.btn_next {
  float: right;
  margin-left: -130px;
  text-align: center;
}
#footer.main-form_footer {
  margin-top: -78px;
  height: 76px;
}
.sideContentes + .catch_oneminutes {
  margin-top: 15px;
}

.input_postCode {
  width: 150px;
  padding: 6px 8px;
}