@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="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;

}

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

/* 2024/10/02 利用規約の開閉（西口） */
.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;

}


.checkbox2 {
	margin-top: 20px;
	text-align: left;max-width: 100%;
    border: 1px #ddd solid;
}

.checkbox2 input {
    border: 2px #ddd solid;
    font-size: 14px;
    margin-bottom: 4px;
    padding: 4px;
	width: 24px;
	
}
.checkbox2  label {
    white-space: nowrap;
    margin-right: 20px;

    padding: 20px;
}
.checkbox-parts::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #999;
    border-radius: 4px;
}
*, *::before, *::after {
    box-sizing: border-box;
}
.notes01 ul {
 list-style-type: disc;
    margin-left: 1.5em;
    line-height: 1.6;
}