@charset "utf-8";



/* **********************

  RESET

********************** */

* {

  margin:0;

  padding:0;

}

body {

  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;

  font-size:16px;

  -webkit-text-size-adjust: 100%;

}

h1,h2,h3,h4,h5 {

  font-weight:normal;

  line-height: 1.5;

}

li {

  list-style-type:none;

}

img {

  border:0;

  height: auto;

  max-width: 100%;

  vertical-align: middle;

  -ms-interpolation-mode: bicubic;

}

p,h1,h2,h3,h4,h5,ol li,ul li {background-image:url(image);}/*Android4.0系対応*/



/* clearfix */

.clearfix:after {

  visibility: hidden;

  display: block;

  font-size: 0;

  content: " ";

  clear: both;

  height: 0;

}



/* IE6 */

* html .clearfix {

  zoom: 1;

}



/* IE7 */

*:first-child + html .clearfix {

  zoom: 1;

}



/* margin */

.mt10{ margin-top:10px; }

.mt20{ margin-top:20px; }

.mt30{ margin-top:30px; }

.mt40{ margin-top:40px; }



/* **********************

  HEADER

********************** */

#header_wrapper{

  background:url("../images/header_bg.png") repeat-x;

}

#header{

  height:96px;

  width:800px;

  position:relative;

  margin-left:auto;

  margin-right:auto;

}

#logo{

  position:absolute;

  left:0;

  top:29px;

}

#header_right_txt{

  color: #776911;

  font-size: 16px;

  font-weight: bold;

  line-height: 16px;

  position: absolute;

  right: 0;

  top: 46px;

}





/* **********************

  CONTETN

********************** */

#content{

  width:810px;

  margin-left:auto;

  margin-right:auto;

}



#content h3{

  color: #9C903E;

  font-size: 20px;

  margin: 40px 0 10px;

  padding-left: 18px;

  position: relative;

}

#content h3:before{

  content: "";

  height: 30px;

  width: 6px;

  top:0;

  left:0;

  position: absolute;

  background-color:#d6d5d5;

  background: -webkit-gradient(linear, center top, center bottom, from(#dbdbdb), to(#cecccd));

  background: -moz-linear-gradient(top, #dbdbdb, #cecccd);

  filter: progid:DXImageTransform.Microsoft .gradient(GradientType=0,startColorstr='#ffdbdbdb', endColorstr='#ffcecccd');

}

#content h4{

  font-size:14px;

  font-weight: bold;

  margin: 20px 0 16px;

}



#content p{

  font-size:14px;

  line-height:1.6;

  padding:0 10px;

}



#status_bar{

  width:730px;

  margin-left:auto;

  margin-right:auto;

}

#content .form_notes{

  color: #776911;

  font-size: 16px;

  line-height: 28px;

}



#ajax_form{

  position:relative;

}

#required_notes{

  color: #605347;

  line-height: 23px !important;

}

#required_notes img{

  margin:0 4px;

}



#policy{

  background-color: #F6E8E8;

  padding: 4px 5px 8px;

}

#policy_notes{

  background: url("../images/notes_bg.png") no-repeat scroll 0 0;

  font-size: 14px;

  height: 52px;

  line-height: 23px;

  padding-top: 6px;

  text-align: center;

}

#importantPoints{

  border:1px solid #CCCCCC;

  padding:10px 5px;

}



#stop_call_txt{

  text-align:center;

  font-size15px;

  margin-top: 15px;

}





/* **********************

  FORM

********************** */



.contact_table2{

  border-collapse:collapse;

  border-top:1px solid #d9d6c3;

  border-left:1px solid #d9d6c3;

  margin-left: auto;

  margin-right: auto;

  width: 800px;

}

.contact_table2 th{

  background-color: #F6F5F2;

  border-bottom: 1px solid #D9D6C3;

  border-right: 1px solid #D9D6C3;

  color: #776911;

  font-size: 14px;

  font-weight: bold;

  line-height: 18px;

  padding: 20px 0 20px 10px;

  text-align: left;

  width: 250px;

}

.contact_table2 td{

  background-color: #FFFFFF;

  border-bottom: 1px solid #d9d6c3;

  border-right: 1px solid #d9d6c3;

  font-size: 14px;

  padding: 14px 10px 14px 14px;

  text-align: left;

  width: 500px;

}







.contact_table{

  border-collapse:collapse;

  border-top:1px solid #d9d6c3;

  border-left:1px solid #d9d6c3;

  margin-left: auto;

  margin-right: auto;

  width: 810px;

}

.contact_table th{

  background-color: #F6F5F2;

  border-bottom: 1px solid #D9D6C3;

  border-right: 1px solid #D9D6C3;

  color: #776911;

  font-size: 14px;

  font-weight: bold;

  line-height: 18px;

  padding: 20px 0 20px 10px;

  text-align: left;

  width: 190px;

}

.contact_table td{

  background-color: #FFFFFF;

  border-bottom: 1px solid #d9d6c3;

  border-right: 1px solid #d9d6c3;

  font-size: 14px;

  padding: 14px 10px 14px 14px;

  text-align: left;

  width: 600px;

}



.in_table{

  border-collapse: collapse;

  width:100%;

}

.in_table td{

  border:none;

  padding: 0;

}



.in_table .mark_area{

  padding-right: 10px;

  text-align: center;

  width: 8%;

}

.in_table .mark_area .check_mark{ margin-left:0;}



.namae_table td { font-size:12px;}

.namae_table .n1{ width: 6%; font-size: 12px;}

.namae_table .n2{ width: 38%;}



.address_table td { font-size:12px;}

.address_table .a1{ width: 11%; height: 10px;}

.address_table .a2{ width: 24%;}

.address_table .a3{ width: 11%;}

.address_table .a4{ width: 30%;}

.address_table .address2_tr td{

  padding-top:14px;

}



.birth_table .b1{ width:28%;}

.birth_table .b2{ width:18%;}

.birth_table .b3{ width:38%;}



#onsick_detail{

  padding-top: 16px;

}



.required{

  background:url("../images/icon_required.png") no-repeat 152px center;

}



.required2{

  background:url("../images/icon_required.png") no-repeat 210px center;

}



.optional{

  background:url("../images/icon_optional.png") no-repeat 152px center;

}



/* 入力画面 */

.ex{

  font-size:12px;

}

.check_mark{

  margin-left: 12px;

}

#content .item_notes{

  color: #666666;

  font-size: 10px;

  line-height: 1.5;

  margin-top: 2px;

}

#content .item_notes_red{

  font-size:12px;

  color:#b74c49;

}





.input_area input[type="text"] {

  font-size: 14px;

  margin-bottom: 4px;

  padding: 4px;

}

.input_area input[type="number"] {

  font-size: 14px;

  margin-bottom: 4px;

  padding: 4px;

}

.input_area input[type="radio"]{

  margin-right:6px;

}

.input_area input[type="checkbox"]{

  margin-left: 14px;

  margin-right: 6px;

}

.input_area input[type="checkbox"]:first-child{

  margin-left: 0;

}

.input-name{ width:200px;}

.input-mail-addr,

.phone { width:120px; }



select{

  font-size:14px;

  margin-bottom: 4px;

  padding:4px;

}



#birthMonth,

#birthDate{ width:80px;}

#zip-code { width:140px; margin-right:10px;}

#pref,

#address,

#phone,

#birthYear{ width:150px;}

#address2 { width:250px;}

#job,

#onmarry,

#salary,

#reason   { width:220px;}

#mail-addr,

#renrakuComment{ width:300px;}

#onsickDetail  { width:360px;}

#soudan  { width:450px;}



.renraku_txt{

  display:block;

  margin-top:6px;

}



#btnConfrimArea{

  margin-bottom: 60px;

  margin-top: 40px;

  text-align: center;

}


/* 住所項目の非表示（西口） */
#address-row {
    display: none;
}

/* 利用規約の開閉（西口） */
.acd-check {
    display: none;
}

.acd-content {
    display: none;
    padding: 10px;
    border: 1px solid #ccc;
    margin-top: 10px;
}

.acd-check:checked + .acd-content {
    display: block;
}

.acd-label {
    cursor: pointer;
    color: #9C903E;
    text-decoration: underline;
}

.acd-label:hover {
    text-decoration: none;
}


/* メッセージエリア */

.hintBox {

  padding: 0 0 0 10px;

  border: 3px solid #FF6205;

  color: #333333;

  background: #FFFFFF;

  border-width: 0 0 0 5px;

  margin: 0;

  width: auto;

  font-weight: normal;

  line-height: 130%;

  font-size: 13px;

  overflow: hidden;

  display: none;

}

.validate_error {

  padding: 2px 0 0 18px;

  border: none;

  background: #FFFFFF url("../images/error_mark.gif") 0 4px no-repeat;

  color: #FE0000;

  font-weight: bold;

  margin-top: 4px;

}

.error_msg{

  color: #FE0000;

  font-weight: bold;

}



/* 確認画面 */

#btnSendArea{

  margin-bottom: 80px;

  margin-top: 40px;

  text-align: center;

}

#btn_back{

  margin-right: 20px;

  margin-top: 12px;

  vertical-align: top;

}



/* 完了（FP選択）画面 */

#content #thanks_txt{

  color: #3E3D39;

  line-height: 25px;

  margin-left: auto;

  margin-right: auto;

  margin-top: 30px;

  width: 660px;

}



#fp_content{

  background:url("../images/campaign_bg.png") repeat-y;

  margin-left: auto;

  margin-right: auto;

  margin-top:36px;

  width:740px;

}

#fp_select{

  padding: 0 40px 34px;

}

#select_box{

  background-color: #FFEAEA;

  padding: 20px 60px;

}

#select_area{

  border-bottom: 1px solid #FFAEAF;

  color: #3E3D39;

  font-weight: bold;

  padding-bottom: 32px;

  text-align: center;

}

#select_notes{

  border-top: 1px solid #FFFFFF;

  color: #3E3D39;

  font-size: 12px;

  line-height: 18px;

  padding-top: 20px;

}

#fp_pref{

  border: 1px solid #C7C2A7;

  margin-bottom: 14px;

  margin-top: 10px;

  width: 240px;

}



#fp_pref_result{

  font-size: 20px;

  margin-top: 30px;

  text-align: center;

}

#fp_pref_result span{

  color: #EB6877;

}

#fp_check_txt{

  font-family: sans-serif;

  font-size: 12px;

  font-weight: bold;

  margin-top: 26px;

}



.fp_box{

  margin-top: 6px;

}

.fp_radio{

  background-color: #B6B6B6;

  float: left;

  text-align: center;

  width: 60px;

}

#display_fps input[type="radio"]{

  height:20px;

  line-height:20px;

  filter: alpha(opacity=0);

  -moz-opacity:0;

  opacity:0;

  position: absolute;

}

.radio_img{

  background:url("../images/radioSmall.png") no-repeat center top;

  height: 21px;

  line-height: 21px;

  display: block;

  padding: 0 0 0 15px;

  cursor: pointer;

  overflow: hidden;

}

.radio_on{background-position:center bottom;}



.fp_datail_box{

  float:left;

  width:600px;

  background-color:#f6f5f2;

  position:relative;

}

.fp_photo{

  border: 1px solid #E2DFD5;

  left: 20px;

  position: absolute;

  top: 20px;

}

.fp_name{

  font-family: sans-serif;

  font-weight: bold;

  padding: 24px 0 0 170px;

}

.fp_name a{

  color:#776911;

  text-decoration:underline;

}

.fp_name a:hover{

  color:#FF0000;

  text-decoration:none;

}

.fp_female { position:absolute; top:20px; left:270px;}

.fp_special{ position:absolute; top:20px; left:340px;}

.fp_place{

  margin: 16px 0 14px 170px;

}

.fp_place span{

  background-color: #B9B076;

  color: #FFFFFF;

  font-family: sans-serif;

  font-size: 12px;

  font-weight: bold;

  line-height: 12px;

  padding: 3px 8px;

}

#content .fp_comment{

  padding: 0 40px 50px 170px;

}

.fp_detailBtn{

  bottom: 20px;

  position: absolute;

  right: 20px;

}

.fp_detailBtn a:hover img{

  opacity: 0.6;

  filter: alpha(opacity=60);

  -moz-opacity: 0.6;

}

#fp_sendBtn_area{

  margin-top: 32px;

  text-align: center;

}



/* 完了画面 */

#finish_main_msg{

  font-size: 24px;

  line-height: 36px;

  margin-left: auto;

  margin-right: auto;

  margin-top: 44px;

  width: 600px;

}



#content #finish_notes{

  color: #3E3D39;

  line-height: 25px;

  margin: 30px auto 300px;

  width: 600px;

}



/* **********************

  seal

********************** */

#sealBox {

  border: 1px solid #CCCCCC;

  margin: 20px auto 50px;

  padding: 0 20px;

  width: 760px;

}

#sealBox dl {

  width: 150px;

  float:left;

}

#sealBox dl dd {

  font-size: 10px;

  text-align: center;

}

#sealBox p {

  font-size: 12px;

  line-height: 20px;

  margin-bottom: 10px;

}





/* **********************

  FOOTER

********************** */

#footer {

  background-image: url(../images/underline.gif);

  background-repeat: repeat-x;

  background-position: left top;

  position: relative;

}

#footer li{

  float:left;

  padding:0 0 0 15px;

  margin:0 0 0 10px;

  text-decoration:nomal;

  font-size:10px;

  color:#333333;

  background-image: url(../images/circle_icon.jpg);

  background-repeat: no-repeat;

}

#footer li a {

  color:#B4A647;

  text-decoration:none;

  padding:2px 0 2px 0;

  color:#787878;

  background-image: url(../images/underline.gif);

  background-repeat: repeat-x;

  background-position: bottom;

}

#footer li a:hover{

  background:none;

  color:#B4A647;}

#footer address{

  text-align:center;

  clear: both;

  padding-top: 5px;

  padding-right: 0;

  padding-bottom: 0;

  padding-left: 0;

}

#footer p,

#footer address{

  font-size:11px;

  color:#999999;

  font-style:normal;

}

#footer_link {

  list-style-type: none;

  margin-right: auto;

  margin-left: auto;

  position: relative;

  width: 286px;

  margin-top: 0px;

  margin-bottom: 0px;

  padding-top: 40px;

  padding-right: 0px;

  padding-bottom: 0px;

  padding-left: 0px;

}



/* **********************

  importantPoints

********************** */

.warning_box{

  font-size:13px;

}

.warning_box ol.order {

  margin: 8px 0 15px 0;

  counter-reset:li;

  padding:0;

  list-style:none;

}

.warning_box ol.order li {

  position:relative;

  margin:0 0 6px 2em;

  padding:4px 8px;

  border-top:2px solid #C00;

  background:#ffeaea;

  font-weight: bold;

}

.warning_box ol.order li:before {

  content:counter(li);

  counter-increment:li;

  /* Position and style the number */

  position:absolute;

  top:-2px;

  left:-2em;

  width:2em;

  padding:4px 0;

  border-top:2px solid #C00;

  color:#fff;

  background:#C00;

  font-weight:bold;

  text-align:center;

}

p.sub_title {font-weight:bold;margin:8px 0;}

.warning_box {margin-top: 15px;}



.warning_box ol.order li div.ilist {

  border: 0px none;

  background: none;

  font-weight: normal;

  line-height: 2;

}



.warning_box ol.order li span.caution {color:#C00;font-weight:bold;}





/* **********************

  完了画面 20150203 yasuda

********************** */

.end_title01{

  padding-top:40px;

  padding-right: auto;

  padding-left: auto;

}



#select_box02{

  padding: 20px 60px;

}





.fp_att {

  padding-top:20px;

  padding-right: auto;

  padding-left: auto;

}





/* **********************

  利用規約 20160308 yasuda

********************** */

.kiyaku001 table{

  border: 1px #000000 solid;

  border-collapse: collapse;

  margin:10px auto 20px 50px;

  width:80%;

}



.kiyaku001 td{

  border: 1px #000000 solid;

  padding:10px;

  text-align: left;

  vertical-align: top;

}



td.kiyaku002{

  width:30%;

}



dd.kiyaku003{

  text-align:right;

}