@charset "utf-8";	
	
/* ========================================================	
	registration.css => 会員登録系CSS
======================================================== */

.pluralList li{float:left;}
.registrationBox table tr td .pluralList li{
	/*margin-right:50px;*/
	width:170px;
	}

/*================================================================================
   
   　ユーザー会員登録
   
================================================================================*/

.registrationBox .stepFlow{
	margin-bottom:40px;}
.registrationBox .mainTxt{
	margin:0px auto 40px;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	}
.registrationBox .ttlArea{margin-bottom:30px;}
.registrationBox .ttlArea h3{background:url(../images/registration/ico_form.png) no-repeat left center;}
.registrationBox table{
	margin:0 auto;
	margin-bottom:20px;
	}
	
.jumpLinkWrap{
	border:solid 3px #DDDDDD;
	padding:15px;
	margin-bottom:30px;
	}
.jumpLink{
	margin:0px auto;
	width:720px;
	}
.jumpLinkWrap h4{
	text-align:center;
	font-size:17px;
	}
	
.jumpLink a{
	margin:25px;
	display:block;
	width:280px;
	color:#FF3300;
	font-weight:bold;
	font-size:17px;
	float:left;
	text-align:center;
	padding:10px 15px;
	}
	
	
/*--------------------------------------------------
　入力
--------------------------------------------------*/
.registrationBox .solidStyle tr td{padding:15px;}
.registrationBox .solidStyle tr .ttl{
	color:#FF3300;
	background:#F5F5F5;
	border-right:none;
	width:100px;
	vertical-align:top;
	}
.registrationBox .solidStyle tr .hissu{
	color:#D83500;
	background:#F5F5F5;
	border-left:none;
	width:50px;
	text-align:right;
	vertical-align:top;
	}
.registrationBox .solidStyle tr td ul li{margin:5px auto;}
.registrationBox .solidStyle .sup{
	font-size:11px;
	margin-left:10px;
	}
.registrationBox .solidStyle .info{
	font-size:12px;
	color:#D83500;
	margin-bottom:5px;
	}
	
/*　ボタン　*/
.registrationBox .btnArea{text-align:center;}
.registrationBox .lastTxt{
	text-align:center;
	margin-bottom:50px;
	}
.registrationBox .lastTxt a{
	text-decoration:underline;
	color:#FF3300;
	}
.registrationBox .registrationBtn{
	font-size:17px;
	color:#FFFFFF;
	padding:10px 20px;
	font-weight:bold;
	border:none;
	}
/*--------------------------------------------------
　確認
--------------------------------------------------*/
#indexUserRegistrationConfirm .btnArea{
	width:400px;
	margin:0 auto;
	}
#indexUserRegistrationConfirm .btnArea ul li{
	float:left;
	margin:auto 15px;
	}
#indexUserRegistrationConfirm .btnArea ul li .prev{color:#555555;}
/*--------------------------------------------------
　仮登録完了
--------------------------------------------------*/
#indexUserRegistrationProvisional .mainTxt{font-size:28px;}
#indexUserRegistrationProvisional .mainTxt span{
	font-size:15px;
	color:#D83500;
	}
#indexUserRegistrationProvisional .mailConfirm{
	text-align:center;
	font-size:25px;
	padding:30px;
	background:#F5F5F5;
	margin-bottom:30px;
	}
#indexUserRegistrationProvisional .mailConfirmTxt{
	text-align:center;
	font-size:15px;
	margin-bottom:30px;
	font-weight:bold;
	}
.mailConfirmInfo{
	width:640px;
	margin:0 auto;
	}
.mailConfirmInfo .out{padding-left:10px;}
	
/*--------------------------------------------------
　本登録完了
--------------------------------------------------*/
#indexUserRegistrationComplete .mainTxt{font-size:28px;}

.profPressMain{
	border:solid 3px #D16903;
	text-align:center;
	padding:30px;
	}
.profPressMain .profPress{margin-bottom:25px;}	
.profPressMain .btnArea{margin-bottom:30px;}
#indexUserRegistrationComplete .lastTxt{margin:0px;}

/*--------------------------------------------------
　エラー
--------------------------------------------------*/
#indexUserRegistrationError{}

	
/*================================================================================
   
   　プロフィール登録
   
================================================================================*/

/*　プロフィール共通全体　*/

.profHissuTxt{
	margin-bottom:20px;
	line-height:28px;
	}
.profHissuTxt span,.profHissuTxt .info{
	color:#D83500;
}
	
.profHissuTxt img{
	vertical-align:middle;}

.profMainBox{
	padding:10px;
	margin-bottom:30px;
	}
.registrationBox .dottedStyle tr td{padding:15px;}
.registrationBox .dottedStyle tr .ttl{
	color:#FF3300;
	border-right:none;
	width:120px;
	vertical-align:top;
	}
.registrationBox .dottedStyle tr .hissu{
	color:#D83500;
	border-left:none;
	width:40px;
	text-align:right;
	vertical-align:top;
	}
.registrationBox .dottedStyle tr td ul li{margin:5px auto;}
.registrationBox .dottedStyle .sup{
	font-size:11px;
	margin-left:10px;
	}
.registrationBox .dottedStyle .info{
	font-size:12px;
	color:#D83500;
	margin-bottom:5px;
	}
.mainRegistration .dottedStyle{margin-bottom:15px;}

/*--------------------------------------------------
　プロフィール基本
--------------------------------------------------*/
#indexProfBaseRegistration .mainRegistration{margin-bottom:30px;}

/*--------------------------------------------------
　プロフィール詳細
--------------------------------------------------*/

.aboutOpen{
	margin:10px auto;
	}
.aboutOpen a{
	color:#FF3300;
	text-decoration:underline;
	background:url(../images/mypage/ico_help.png) no-repeat left center;
	padding-left:23px;
	font-weight:bold;
	}

#indexProfBaseRegistration #skillArea .dottedStyle{margin-bottom:0px;}
.prTxt{
	font-size:15px;
	font-weight:bold;
	color:#D83500;
	}
	
.profMainBox .miniTxt{
	font-size:12px;
	font-weight:normal;
	}
#indexProfBaseRegistration .btnArea{
	margin-bottom:30px;
	}
.btnArea ul .miniTxt{
	padding-top:10px;
	}
.profMainBox .subTtl{
	font-size:15px;
	margin:5px auto 10px 5px;
	}
	
.profMainBox .subTtl span{
	font-size:12px;
	}
	
/*　職務経歴　*/
.historyBtn{
	float:right;
	}
.historyBtn ul li{
	float:left;
	margin:5px;
	}
.historyTtl{
	border-bottom:solid 1px #dddddd;
	padding:10px;
	padding-left:20px;
	font-size:13px;
	color:#666666;
	}
/*　スキルシートへ　*/
#skillArea{text-align:center;}
#skillArea h4{text-align:left;}

/*================================================================================
   
   　スキルシート
   
================================================================================*/
#indexProfSkill .tbTtl{
	font-size:13px;
	font-weight:bold;
	padding:5px;
	padding-left:10px;
	background:#FFFFFF;
	border-bottom:solid 2px #dddddd;
	}
#indexProfSkill .noteBox{
	font-size:15px;
	color:#D83500;
	font-weight:bold;
	text-align:center;
	margin-bottom:15px;
	}
#indexProfSkill table tr td{
	padding-top:4px;
	padding-bottom:4px;
	vertical-align:middle;
	}
#indexProfSkill table tr .ttl{width:240px;}
#indexProfSkill .pluralList li{width:165px;}
#indexProfSkill .pluralList5 li{
	width:auto;
	float:left;
	margin-right:50px;
	}
#indexProfSkill .btnArea{margin-bottom:30px;}
#indexProfSkill .radio_list li{
	float:left;
	margin-right:20px;
	}

.radio_list li{
	float:left;
	margin-right:20px;
	}

/*================================================================================
   
   　エントリー
   
================================================================================*/
#indexEntryConfirm h3,#indexEntryComplete h3{
	background:url(../images/detail/ico_ttl_info.png) no-repeat;
	}
.entryBox .mainTxt{
	font-size:25px;
	font-weight:bold;
	text-align:center;
	margin-bottom:30px;
	}
.entryBox .noteTxt{
	color:#D83500;
	font-size:15px;
	text-align:center;
	font-weight:bold;
	margin-bottom:20px;
	}
.entryForm .entryBox table{margin:0 auto;}
.entryForm .entryBox table tr td{vertical-align:top;}
.entryForm .entryBox table tr .ttl{
	color:#FF3300;
	width:100px;
	}
.entryForm .entryBox .ttl{
	font-size:15px;
	font-weight:bold;
	}
.entryForm .entryBox .companyName{font-size:18px; font-weight:bold;}
.entryForm .entryBox .jobName{font-size:15px;}
.entryForm .mainBox{padding-bottom:20px; margin-bottom:50px;}	
	
/*　ボタンエリア　*/
.entryForm .btnArea{
	width:320px;
	margin:0 auto;
	}
.entryForm .btnArea ul li{
	float:left;
	text-align:center;
	margin:auto 15px;
	}
.entryForm .btnArea ul li input{
	padding:10px 20px;
	font-size:17px;
	font-weight:bold;
	border:none;
	}
.entryForm .btnArea ul li .prev{
	padding:7px 20px;
	margin-top:5px;
	color:#555555;
	}
.entryForm .btnArea ul li .app{color:#FFFFFF;}

/*--------------------------------------------------
　エラー画面
--------------------------------------------------*/
#indexEntryError .btnArea{margin-bottom:50px;}
#indexEntryErrorProf .btnArea{
	margin-bottom:50px;
	width:390px;
	}
#indexEntryErrorProf .smallTxt{
	font-size:14px;}

/*--------------------------------------------------
　おすすめ
--------------------------------------------------*/
.lastRecommendArea{margin-top:30px;}
.lastRecommendArea h3{background:url(../images/detail/ico_ttl_re.png) no-repeat;}
.lastRecommendArea .listAreaWrap{
	width:940px;
	margin:0 auto;
	border-bottom:dashed 1px #cccccc;
	padding-bottom:15px;
	margin-bottom:20px;
	}
.lastRecommendArea .listArea{
	width:460px;
	float:left;
/*	margin:;*/
	}
.lastRecommendArea .listArea:nth-child(2n){float:right;}
.lastRecommendArea .listAreaWrap:last-child{border-bottom:none; margin-bottom:0;}
.lastRecommendArea .photoArea{
	padding:0px;
	margin-bottom:7px;
	background:none;
	border:none;
	}
.lastRecommendArea .photoArea .photo{
	float:left;
	margin-right:10px;
	}
.lastRecommendArea .photoArea .area{color:#999999;}
.lastRecommendArea .photoArea .ttl h2{font-size:14px;}
.lastRecommendArea .photoArea .ttl a{color:#FF3300;}
.lastRecommendArea .txtArea{
	clear:none;
	padding:0px;
	}
.lastRecommendArea .typeList{margin-top:5px;}
.lastRecommendArea .typeList ul li{
	float:left;
	color:#FF3300;
	font-weight:bold;
	border:dashed 1px #FF3300;
	padding:1px 5px;
	font-size:12px;
	margin:4px 8px 4px auto;
	}

/*================================================================================
   
   　ブロックリストの設定
   
================================================================================*/
#indexBlocklist .ttlArea h3{
	background:url(../images/registration/ico_block.png) no-repeat left center;
	background-size: 21px;
}

.blocklist .btnArea{margin-bottom:50px;}
.blocklist .btnArea:last-child{margin-bottom:0px; padding-top:20px;}
.blocklist .btnArea .grayBtn{color:#555555;}

.blocklist .companyName{width:780px;}
.blocklist .registrationBox .solidStyle tr .ttl{
	font-weight:bold;
	font-size:15px;
	padding-left:15px;
	border-right:solid 1px #DDDDDD;
	color:#000000;
	}
.blocklist .solidStyle tr td{
	padding:7px;
	}
.blocklist .delete{
	text-align:center;
	color:#FF3300;
	font-weight:bold;
	}
.blocklist .delete input{
	padding-left:15px;
	padding-right:15px;
	border:none;
	}

/*　ブロックリストの登録　*/
#indexBlocklistEdit .ttlArea h3{
	background:url(../images/registration/ico_block.png) no-repeat left center;
	background-size: 21px;
}

#indexBlocklistEdit .searchArea table tbody tr td input{display:inline;}
#indexBlocklistEdit .searchArea table tbody tr td{text-align:right;}
#indexBlocklistEdit .searchArea table tbody tr td:nth-child(2){
	text-align:left;
	padding-left:20px;
	}
#indexBlocklistEdit .searchArea{
	border:solid 2px #DDDDDD;
	padding-top:20px;
	margin:0 auto;
	margin-bottom:30px;
	width:940px;
	}
#indexBlocklistEdit .searchArea input{padding:7px;}
#indexBlocklistEdit .searchArea .btnSearch{
	border:none;
	padding:7px 15px;
	font-size:15px;
	font-weight:bold;
	}
#indexBlocklistEdit .searchArea table tr .note{
	text-align:left;
	padding-top:10px;
	padding-left:60px;
	}
.blocklist .infoNav{
	width:940px;
	margin:0 auto;
	margin-bottom:15px;
	}
.blocklist .infoNav ul li{
	float:left;
	text-align:center;
	font-weight:bold;
	}
.infoNav ul li input{
	padding-left:15px;
	padding-right:15px;
	border:none;
	color:#FF3300;
	}
.infoNav ul .btn{padding-left:20px;}
.infoNav .info{padding-top:5px;}
#indexBlocklistEdit .companyName{width:440px;}
#indexBlocklistEdit .address{width:340px;}
#indexBlocklistEdit .mainRegistration table{margin-bottom:50px;}

#indexBlocklistEdit .btnArea ul{
	width:500px;
	margin:0 auto;
	}
#indexBlocklistEdit .btnArea ul li{
	float:left;
	margin:0 15px;
	}

/*================================================================================
   
   　お問い合わせ
   
================================================================================*/
/*　確認　*/
#indexContactConfirm .btnArea ul li{
	float:left;
	margin:0 15px;
	}
#indexContactConfirm .btnArea ul li .prev{
	color:#555555;}
#indexContactConfirm .btnArea{
	width:420px;
	margin:0 auto;
	}
/*　完了　*/
#indexContactComplete{}
#indexContactComplete .infoTxt{
	margin-bottom:50px;
	width:620px;
	margin:0 auto;
	text-align:center;
	}
#indexContactComplete .infoTxt p{margin-bottom:30px;}
#indexContactComplete .noteTxt{color:#D83500;}