@charset "UTF-8";
/*==================================

介護職netのフォーム関連のスタイルシートです。
Copyright Do Planning Co.,Ltd. All Rights Reserved.

==================================*/

/*common*/
h2 span.form{background-position:-392px center;width:35px;height:22px;margin:0 2% 0 0}#user_policy_sp{border:1px dotted #CCC;margin:3% 0;padding:2%}.mar_r2{margin-right:2%}.mar_r3{margin-right:3%!important}.mar_l3{margin-left:3%!important}
/*step*/
.step_wrap{width:96%;margin:4% auto}.step_wrap li{background:#20B97B;filter:alpha(opacity=40);-moz-opacity:0.40;opacity:0.40;color:#fff;width:28%;float:left;font-weight:700;font-size:105%;display:inline-block;padding:2%}.step_wrap li.select{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}.step_wrap li .step{background:#fff;color:#333;font-size:60%;margin-right:9%;float:left;position:relative;top:2px;padding:2% 3%}
@media screen and (min-width: 641px) {
.step_wrap li{width:190px;font-size:15px;padding:10px}.step_wrap li .step{font-size:55%;padding:1% 3%!important}
}
/*entry-求人情報*/
#entry_job_wrap p{border-left:5px solid #20B97B;font-weight:700;padding-left:2%}table.entry_job{width:99.9%;border:1px solid #CCC;margin-top:1%}table.entry_job th{width:38%;border-right:1px dotted #CCC;border-bottom:1px dotted #CCC;vertical-align:middle;padding:3%}table.entry_job td{width:62%;border-bottom:1px dotted #CCC;padding:3%}
@media screen and (min-width: 641px) {
table.entry_job th,table.entry_job td{padding:2% 3%}
}
/*form/入力画面*/
#profile{border:3px solid #CCC;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;margin:5% 0}#profile .last{border-bottom:none!important}.error{font-size:80%;color:#F96B74;font-weight:700;margin-bottom:1%}input,select{vertical-align:middle;margin:0;padding:0}input[type=text],.requisite label,.textarea,input[type=number],input[type=email],input[type=tel]{background:#fff;border:1px solid #ccc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:1px 2px 1px 0 rgba(200,200,200,0.2) inset;-moz-box-shadow:1px 2px 1px 0 rgba(200,200,200,0.2) inset;box-shadow:1px 2px 1px 0 rgba(200,200,200,0.2) inset}input[type=checkbox]:checked,input[type=radio]:checked{background:#666}.prof_data{border-bottom:1px dotted #CCC}.prof_data dt{background:#F2F2F2;font-weight:700;padding:2%}.prof_data dd{width:94%;margin:0 auto;padding:4% 3%}.prof_data dd input:focus{background:#fff}.prof_data dd input[type=text],input[type=number],input[type=email],input[type=tel]{display:block;font-size:105%;width:91%;margin:0 auto;padding:3% 4%}
/* 必須 */
.requisite input,.requisite label{background:#FEF1F1}.requisite span{color:#fff;background:#FF5E59;float:right;font-size:70%;padding:1%}
.requisite2 span{color:#fff;background:#FF5E59;float:right;font-size:70%;padding:1%}
/* 任意 */
.option span{color:#4AC694;background:#fff;float:right;font-size:69%;border:1px solid #4AC694;padding:1%}
/* 短いinput[type="text"] */
.name_size{width:40%!important;display:block}
/* ラジオボタン */
.radio{width:30%!important;float:left;line-height:1.8;display:inline!important;padding:2%}.radio input{display:inline!important;margin:0 2%}.radio input[type=radio]{margin-top:-2px!important}
/* 住所自動入力 */
.postal {
	background:#fff;
	background:-moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #f2f2f2 100%) !important;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(100%, #f2f2f2)) !important;
	background:-webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #f2f2f2 100%) !important;
	background: -o-linear-gradient(top, #ffffff 0%, #ffffff 50%, #f2f2f2 100%) !important;
	background:-ms-linear-gradient(top, #ffffff 0%, #ffffff 50%, #f2f2f2 100%) !important;
	background:linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #f2f2f2 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 ) !important;
	-webkit-box-shadow: 2px 2px 3px -2px #8a6e8a;
	-moz-box-shadow: 2px 2px 3px -2px #8a6e8a;
	box-shadow: 2px 2px 3px -2px #8a6e8a;
	color:#666 !important;
	font-size:90%;
	font-weight:bold;
	padding:3% 4% !important;
	border:1px solid #ccc;
	float:left !important;
}
/* 希望職種での経験 */
.exp_no{width:20%!important;padding:1.5% 1% 1%!important}.exp_yes{width:67%!important;padding:1%!important}.exp_yes input[type=text]{font-size:90%;width:18px!important;padding:1.5%!important}
/* プルダウン */
#profile select {
	-webkit-appearance:button;
	-moz-appearance:button;
	appearance:button;
	width:100%;
	background:url(../images/common/arrow_g.png) 96% center no-repeat, -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #f2f2f2 100%);
	background:url(../images/common/arrow_g.png) 96% center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(100%, #f2f2f2));
	background:url(../images/common/arrow_g.png) 96% center no-repeat, -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #f2f2f2 100%);
	background:url(../images/common/arrow_g.png) 96% center no-repeat, -o-linear-gradient(top, #ffffff 0%, #ffffff 50%, #f2f2f2 100%);
	background:url(../images/common/arrow_g.png) 96% center no-repeat, -ms-linear-gradient(top, #ffffff 0%, #ffffff 50%, #f2f2f2 100%);
	background:url(../images/common/arrow_g.png) 96% center no-repeat, linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #f2f2f2 100%);
	border:1px solid #DDD;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin:0 auto;
	display:block;
	height:46px;
	font-size:100%;
	text-indent: .5em;
}
/* 自由記入 */
textarea{width:98%;height:100px;display:block;margin:0 auto;font-size: 105%;}textarea:focus,textarea:hover{height:200px}
/* button(sp) */
.input_btn{width:80%;position:relative;font-size:120%;margin:0 auto;padding:3% 0 3% 3%}
.check_button {
	background: #fa8f92;
	background:url(../images/form/arrow_w.png) 98% center no-repeat, -moz-linear-gradient(top, #fa8f92 0%, #f97b7e 100%);
	background:url(../images/form/arrow_w.png) 98% center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fa8f92), color-stop(100%, #f97b7e));
	background:url(../images/form/arrow_w.png) 98% center no-repeat, -webkit-linear-gradient(top, #fa8f92 0%, #f97b7e 100%);
	background: url(../images/form/arrow_w.png) 98% center no-repeat, -o-linear-gradient(top, #fa8f92 0%, #f97b7e 100%);
	background:url(../images/form/arrow_w.png) 98% center no-repeat, -ms-linear-gradient(top, #fa8f92 0%, #f97b7e 100%);
	background:url(../images/form/arrow_w.png) 98% center no-repeat, linear-gradient(to bottom, #fa8f92 0%, #f97b7e 100%);
	-pie-background: url(../images/form/arrow_w.png) 98% center no-repeat, linear-gradient(to bottom, #fa8f92 0%, #f97b7e 100%);
	border:1px solid #FA878A;
	text-align:left;
}
.notenter_button {
	background: #7e7e7e;
	background:url(../images/form/arrow_w.png) 98% center no-repeat, -moz-linear-gradient(top, #969696 0%, #7e7e7e 100%);
	background:url(../images/form/arrow_w.png) 98% center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #969696), color-stop(100%, #7e7e7e));
	background:url(../images/form/arrow_w.png) 98% center no-repeat, -webkit-linear-gradient(top, #969696 0%, #7e7e7e 100%);
	background: url(../images/form/arrow_w.png) 98% center no-repeat, -o-linear-gradient(top, #969696 0%, #7e7e7e 100%);
	background:url(../images/form/arrow_w.png) 98% center no-repeat, -ms-linear-gradient(top, #fa8f92 0%, #f97b7e 100%);
	background:url(../images/form/arrow_w.png) 98% center no-repeat, linear-gradient(to bottom, #969696 0%, #7e7e7e 100%);
	-pie-background: url(../images/form/arrow_w.png) 98% center no-repeat, linear-gradient(to bottom, #969696 0%, #7e7e7e 100%);
	border:1px solid #7e7e7e;
	text-align:left;
}
@media screen and (min-width: 641px) {
.pc_input_btn{text-align:center;margin:0 auto}
}
/* PC用の設定 */
@media screen and (min-width: 641px) {
#profile{background:url(../images/form/prof_bg.gif) left repeat-y;margin:25px 0 30px}.prof_data dt{width:150px;float:left;padding:10px 2%}.pc_dt_long{padding:40px 2%!important}.prof_data dd{width:470px;float:left;margin:0 auto;padding:7px 15px 6px}.prof_data dd input[type=text],input[type=number],input[type=email],input[type=tel]{font-size:105%;float:left;padding:5px 10px}.name_size,.pc_name_size{width:40%!important;display:block;padding:7px 10px}.pc_name_size{width:50%!important}.postal{padding:5px 10px!important}.radio{width:15%!important;float:left;padding:7px 0 7px 5px !important}.radio label{float:left;width:80%;line-height:1.8;padding:4px 10px!important}.radio input{margin-top:0!important;display:inline!important;float:none!important}#profile select{width:40%!important;float:left;height:35px;padding:8px 5px!important}.exp_no{padding:3.2px 2px!important}.exp_yes{width:40%!important;float:left!important;padding:3px 2px!important}.exp_yes input[type=text]{padding:5px 7px}.hope label{display:inline-block;margin:6px 17px 6px 0}.requisite span,.requisite2 span,.option span{font-size:9px;padding:3px}
/* チェックボックス(pc)*/
input[type=checkbox]{float:none!important;display:inline!important;width:12px;height:10px}.checkbox label{margin-right:15px;display:inline-block;line-height:1.7}.checkbox label input{margin-top:-3px}
/* user_policy(pc) */
#user_policy{margin:0 auto 15px}h2 span.user{background-position:-440px center;width:35px;height:20px;margin-right:2%}#policy{background-color:#FFF;border:1px solid #000;height:100px;line-height:1.5em;overflow:auto;width:640px;margin:0 auto;padding:10px 20px}#policy .head{text-align:center;margin:10px auto}.top_txt{margin:10px 0}.txt_b{font-weight:700}.rule_wrap{text-align:center;margin:10px auto 0}.rule_wrap span{background:#FFE9EB}
}

/*
確認画面
*/
@media screen and (max-width: 640px) {
.btn_wrap{width:94%!important;margin:0 auto}.complete{width:45%!important;float:right}.revision{width:45%!important;float:left}
}
@media screen and (min-width: 641px) {
.btn_wrap{width:85%!important;margin:0 auto}.complete{float:right}.revision{float:left}.prof_data dd p{margin-top:5px}
}
/*
完了画面
*/
#complete{width:94%;border:1px dotted #ccc;margin:0 auto 5%;padding:3%}.comp_top{color:#FF5065;font-weight:700;text-align:center;margin:10px auto 20px}.cursor{cursor:pointer}.attention{width:640px;margin:0 auto 15px}
@media screen and (min-width: 641px) {
#complete{width:96%;padding:2%}
}