@charset "UTF-8";



/* --------------------------------------------------------------------------------------
 float解除
--------------------------------------------------------------------------------------- */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block;}
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/



/* --------------------------------------------------------------------------------------
 共通
--------------------------------------------------------------------------------------- */

.only_sp {
	display: none !important;
}

.center {
	text-align: center;
}


.ttl_layout01 {
	padding: 8px 0 8px 43px !important;
	-moz-border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	border-radius: 3px !important;
	background: #9d9587 url(../img/pc/ico04.gif) no-repeat 18px center !important;
	color: #fff !important;
	font-size: 18px !important;
}

/* --------------------------------------------------------------------------------------
 observe
--------------------------------------------------------------------------------------- */

.form_body .form_body_area {
	margin: 0 41px 0 39px;
}


/* ttl_area -------------------- */

.form_body .ttl_area {
	margin: 24px 0 21px 0;
	padding: 16px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/* background: #edece3; */
	text-align: center;
}


/* step_box -------------------- */

.form_body .step_box {
	text-align: center;
}

.form_body .complete_txt01 {
	padding: 50px 0 0;
	text-align: center;
	color: #473d41;
	font-size: 24px;
}

.form_body .complete_txt02 {
	padding: 30px 0 60px;
	color: #d24232;
	font-size: 14px;
	text-align: center;
}

.form_body .complete_txt02 span{
	color: #473d41;
}


.form_body .lead {
	padding: 16px 0 34px 0;
	text-align: center;
	color: #d24232;
	font-size: 14px;
}

.form_body .lead span{
	color: #473d41;
}




/* 共通フォームパーツ ------------------------------ */

.form_body .pull_down {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #cbcbcb;
	-moz-box-shadow:
		0 0 0 rgba(000,000,000,0),inset 3px 3px 3px 0 #eaeaea;
	-webkit-box-shadow:
		0 0 0 rgba(000,000,000,0),inset 3px 3px 3px 0 #eaeaea;
	box-shadow:
		0 0 0 rgba(000,000,000,0),inset 3px 3px 3px 0 #eaeaea;
		font-size: 16px;
}

.form_body .bg_pink {
	background: #ffe9e9;
}

.form_body .field {
	padding: 2px 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #cbcbcb;
	-moz-box-shadow:
		0 0 0 rgba(000,000,000,0),inset 3px 3px 3px 0 #eaeaea;
	-webkit-box-shadow:
		0 0 0 rgba(000,000,000,0),inset 3px 3px 3px 0 #eaeaea;
	box-shadow:
		0 0 0 rgba(000,000,000,0),inset 3px 3px 3px 0 #eaeaea;
		font-size: 16px;
}


.form_body .field_list li {
	display: inline-block;
	margin: 0 0 10px 0;
}

.form_body .pull_list li {
	display: inline-block;
	margin: 0 0 10px 0;
}



.form_body .radio_list li {
	display: inline-block;
	margin: 0 10px 0 0;
}

.form_body .radio_list li input {
	margin: 0 5px 0 0;
	vertical-align: middle;
}

.form_body .red_txt {
	color: #3685a6;
	font-size: 14px;
}

/* table -------------------- */

.form_body .table_box {
	margin: 0;
}

.form_body .mt5 { margin-top: 5px;}
.form_body .mt10 { margin-top: 10px;}
.form_body .mt15 { margin-top: 15px;}

.form_body .mb5 { margin-bottom: 5px;}
.form_body .mb10 { margin-bottom: 10px;}
.form_body .mb15 { margin-bottom: 15px;}
.form_body .mb20 { margin-bottom: 20px;}

.form_body .table_box .w10 {width: 10%;}
.form_body .table_box .w15 {width: 15%;}
.form_body .table_box .w20 {width: 20%;}
.form_body .table_box .w25 {width: 25%;}
.form_body .table_box .w30 {width: 30%;}
.form_body .table_box .w35 {width: 35%;}
.form_body .table_box .w40 {width: 40%;}
.form_body .table_box .w45 {width: 45%;}
.form_body .table_box .w50 {width: 50%;}
.form_body .table_box .w55 {width: 55%;}
.form_body .table_box .w60 {width: 60%;}
.form_body .table_box .w65 {width: 65%;}
.form_body .table_box .w70 {width: 70%;}
.form_body .table_box .w75 {width: 75%;}
.form_body .table_box .w80 {width: 80%;}
.form_body .table_box .w85 {width: 85%;}
.form_body .table_box .w90 {width: 90%;}
.form_body .table_box .w95 {width: 95%;}
.form_body .table_box .w100 {width: 100%;}

.form_body .table_box .h100 { height:100px;}


.form_body .table_box .table{
	display: table;
	width: 100%;
	margin: 0 0 45px 0;
	border: 1px #cbcbcb solid;
	border-collapse: collapse;
}

.form_body .table_box .table .table_column{
	display: table-row;
}

.form_body .table_box .table .th{
	display: table-cell;
	width: 26%;
	padding: 1.5% 2%;
	border: 1px #cbcbcb solid;
	background: #e8e8e8;
	font-size: 16px;
	vertical-align: top;
}

.form_body .table_box .table .td{
	display: table-cell;
	padding: 1.5% 2%;
	border: 1px #cbcbcb solid;
	font-size: 15px;
	vertical-align: top;
}
/*20141110修正*/
.form_body .table_box .table .onepad{
	padding: 1px !important;
}

.form_body .table_box .table .head{
	background:#999;
	padding: 0.5% 2%;
	color:#FFF;

}

.form_body .table_box .table .td .enquete_box p,
.form_body .table_box .table .td .enquete_box ul{
	display: inline-block;
	vertical-align: top;
}

.form_body .table_box .table .td .enquete_box ul{
	width: 79%;
	text-align: left;
}

.form_body .table_box .table .td .enquete_box p{
	width: 17%;
	text-align: left;
}

.form_body .table_box .table .td .txt01{
	display: inline;
	padding: 2px 1% 3px 1%;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #878787;
	font-size: 14px;
	text-align: center;
	color: #fff;
}


.form_body .table_box .table .th p{
	display: inline-block;
	vertical-align: top;
}

.form_body .table_box .table .th p span{
	color: #666666;
}

.form_body .table_box .table .th .txt01{
	width: 44px;
	margin: 0 5px 0 0;
	padding: 0 0 2px 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 4px;
	background: #d24232;
	font-size: 12px;
	text-align: center;
	color: #fff;
}

.form_body .table_box .table .th .txt02{
	font-size: 14px;
}

/*20141110修正*/
.form_body .table_box .table .td .cell{
	width:20%;
	float:left;
	text-align:center;
}
.form_body .table_box .table .td .cell a{
	color:#d24232;
	text-decoration:underline;
	background:#F7F7F7;
	display:block;
	padding:5px 0;
	margin:1px;
}
.form_body .table_box .table .td .cell a:hover{
	color:#F7F7F7;
	text-decoration:underline;
	background:#d24232;
}
.form_body .table_box .table .td .cell span{
	color:#CCC;
	display:block;
	padding:5px 0;
	margin:1px;
}

/* btn_area -------------------- */

.form_body .btn_area {
	padding: 0 0 40px 0;
	text-align: center;
}

.form_body .btn_area ul{
	font-size: 0;
}

.form_body .btn_area li{
	display: inline-block;
	font-size: 20px;
	float:right;
	width:50%;
}
.form_body .complete_btn_area li{
	display: inline-block;
	font-size: 20px;
	float:none;
	width:100%;
}

/* .form_body .btn_area .reset input, //20141110修正 */
.form_body .btn_area .reset a
{
	position:relative;
	width: 400px;
	padding: 12px 0;
	margin:0 auto;
	background-color: #818181;
	background: -moz-linear-gradient(
		top,
		#cdcdcd 0%,
		#818181);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#cdcdcd),
		to(#818181));
	-pie-background:linear-gradient(#cdcdcd,#818181);
 	behavior: url("/portal/common/js/PIE.php");
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #989898;
	-moz-box-shadow:
		1px 1px 2px rgba(000,000,000,0.4),inset 0px 0px 0px 1px #FFF;
	-webkit-box-shadow:
		1px 1px 2px rgba(000,000,000,0.4),inset 0px 0px 0px 1px #FFF;
	box-shadow:
		1px 1px 2px rgba(000,000,000,0.4),inset 0px 0px 0px 1px #FFF;
	color: #ffffff;
	cursor: pointer;
	display: block;
}

/* .form_body .btn_area .submit input, //20141110修正*/
.form_body .btn_area .submit a{
	width: 400px;
	padding: 12px 0;
	margin:0 auto;
	position:relative;
	background-color: #0e900e;
	background: -moz-linear-gradient(
		top,
		#75e376 0%,
		#0e900e);
	background: -moz-linear-gradient(
		top,
		#75e376 0%,
		#0e900e);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#75e376),
		to(#0e900e));
	-pie-background:linear-gradient(#75e376,#0e900e);

 	behavior: url("http://www.sunnylife-group.com/common/js/PIE.php");
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #6fcc66;
	-moz-box-shadow:
		1px 1px 2px rgba(000,000,000,0.4),inset 0px 0px 0px 1px #FFF;
	-webkit-box-shadow:
		1px 1px 2px rgba(000,000,000,0.4),inset 0px 0px 0px 1px #FFF;
	box-shadow:
		1px 1px 2px rgba(000,000,000,0.4),inset 0px 0px 0px 1px #FFF;
	color: #FFF;
	cursor: pointer;
	display: block;
}






/* pvp_box -------------------- */

.pvp_box {
	margin: 0 0 48px 0;
	padding: 16px 30px;
	background: #f1f1f1;
	font-size: 14px;
}

.pvp_box dt{
	margin: 0 0 3px 0;
	color: #d24232;
}

.pvp_box dd a{
	color: #d24232;
	text-decoration: none;
}

.error_message span{background:#FCC;padding: 5px 10px;line-height:260%;border-radius: 3px;}
.error_message {display:none;}



/* recruit_top_box -------------------- */
.recruit_top_box{
	margin:40px 0 60px;
	text-align:center;
}
.recruit_top_box h2{
	font-size:16px;
	margin: 20px 0;

}
.recruit_top_box a{
	font-size:15px;
	 background: none repeat scroll 0 0 #f7f7f7;
    color: #d24232;
    display: inline-block;
    padding: 10px 20px;
    text-decoration: underline;
}
.recruit_top_box a:hover{
	background:#d24232;
    color: #f7f7f7;
}
/* privacy_box -------------------- */
.privacy_box{
	margin:40px 0 60px;
}
.privacy_box .ttl_layout01{
	margin:0 0 20px;
}
.privacy_box h3{
	font-size:16px;
	margin:0 0 10px;

}
.privacy_box .txt_box01{
	margin:0 0 20px;
	padding:0 30px;
}
.privacy_box .right_txt{
	text-align:right;
}


/* option_fixwidth -------------------- */

span.option_fixwidth01{
	display: inline-block;
    width: 350px;
    padding:5px 0;
}
span.option_fixwidth02{
	display: inline-block;
    width: 250px;
    padding:5px 0;
}