@charset "UTF-8";

/* ============================================
	共通
============================================ */
.tc{
	text-align: center;
}
.fl{
	float:left;
}
.mt50{
	margin-top: 50px !important;
}
.mb2{
	margin-bottom: 2px !important;
}
.mb3{
	margin-bottom: 3px !important;
}
.mr5{
	margin-right:5px !important;
}
.mr10{
	margin-right:10px !important;
}
.ml5{
	margin-left:5px !important;
}
.ml10{
	margin-left:10px !important;
}
.ml20{
	margin-left:20px !important;
}
.ml30{
	margin-left:30px !important;
}

.mlr10{
	margin:0 10px !important;
}
.pl0{
	padding-left:0 !important;
}
.pr3{
	padding-right:3px !important;
}
.pl20{
	padding-left:20px !important;
}
.plr10{
	padding:0 10px !important;
}
.pr10{
	padding-right:10px !important;
}
.pr20{
	padding-right:20px !important;
}
.pb5{
	padding-bottom:5px !important;
}
.pb10{
	padding-bottom:10px !important;
}

.vam{
	vertical-align:middle;
}
.vat{
	vertical-align:top;
}

.w40{
	width:40px !important;
}
.w60{
	width:60px !important;
}
.w80{
	width:80px !important;
}
.w110{
	width:110px !important;
}
.w150{
	width:150px !important;
}
.w170{
	width:170px !important;
}
.w100p{
	width:100% !important;
	*width:90% !important;/* for ie7*/
}
.w300{
	width:300px !important;
}
.w530{
	width:530px !important;
}
.w700{
	width:700px !important;
}
.fs12{
	font-size:12px;
}
.fs14{
	font-size:14px;
}
.fs16{
	font-size:16px;
}
.fs24{
	font-size:24px;
}

.line{
	border-top:solid #f4f4f4 1px;
}
.normal{
	font-weight:normal;
}
.no_opacity{
	opacity:1 !important;
	filter: alpha(opacity=100) !important;
	-ms-filter: "alpha(opacity=100)" !important;
	-moz-opacity:100 !important;
	-khtml-opacity: 100 !important;
}
.subTtl{
  display: block;
  margin-bottom: 5px;
}

/* ============================================
	入力不可カラー
============================================ */
.des_column {
	border:1px solid #c7c7c7 !important;
}
.des_caution{
	background-color:#f6f6f6 !important;
}
.des_hissu{
	background-color:#747474 !important;
}
.des_title{
	background-color:#c7c7c7 !important;
}
.des_column_header{
	background-color:#999999 !important;
}

/* ============================================
	注意書き
============================================ */
.caution{
	background-color:#e2f3f9;
	color: #000;
	padding:10px;
	position:relative;
	font-size:12px;
}
.caution img{
	position:absolute;
	right: 9px;
    top: 6px;
}

/* ============================================
	必須アイコン
============================================ */
.hissu{
	background-color:#ea4040;
	padding: 2px 3px;
	color:#fff;
	font-size:12px;
  border-radius: 3px;
  margin-left: 5px;
  font-weight: normal;
}
/* ============================================
	任意アイコン
============================================ */
.nini{
	background-color:#2464ad;
	padding: 2px 3px;
	color:#fff;
	font-size:12px;
  border-radius: 3px;
  margin-left: 5px;
  font-weight: normal;
}

/* ============================================
	外部リンク
============================================ */
.outerLink a:link,
.outerLink a:hover,
.outerLink a:visited{
	color: #0da8d8;
	text-decoration:underline;
}

/* ============================================
	CHECKBOX
============================================ */
.carea{
	position:relative;
}
.checkbox_input{
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	position: absolute;
}
.checkbox_label{
	background:url(/mail/kyusyoku/imgs/ico_form_check01.jpg) no-repeat 10px center #f8f8f8;
	display:inline-block;
	padding: 5px 15px 5px 35px;
	border:1px solid #ababab;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size:16px;
	cursor:pointer;
}
.checkbox_label_selected{
	background:url(/mail/kyusyoku/imgs/ico_form_check01_on.jpg) no-repeat 10px center #6ea9cc;
	border:1px solid #6ea9cc;
	color:#fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/* ============================================
	INPUTBOX
============================================ */
input[type="text"], input[type="email"], #loginContents input[type="password"] {
    border: 1px solid #ddd;
    border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
  color: #555;
    line-height: 30px;
	height: 30px;
    margin: 0;
    padding: 2px 10px;
    width: 450px;
	font-size:16px;
	background-color:#f8f8f8;
}
/*ここから修正2014.9.2*/
.before_box {
    border: none!important;
    border-radius: 0px!important;
	-moz-border-radius: 0px!important;
	-webkit-border-radius: 0px!important;
    line-height: 30px!important;
	height: 30px!important;
    margin: 0;
    padding: 2px 15px!important;
    width: 765px!important;
	font-size:16px!important;
	background-color:#E2F3F9!important;
	color:333!important;
}
/*ここまで修正2014.9.2*/

/* ============================================
	SELECTBOX
============================================ */
.easy-select-box{
	background: #f8f8f8;
	border: 1px solid #ddd;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-align:left;
	font-size:16px;
	color:#555;
}
.easy-select-box:focus {
	outline: none;
}
.easy-select-box .esb-displayer{
	background: url(/mail/kyusyoku/imgs/ico_form_arrow02.png) no-repeat 165px top;
	color:#555;
	cursor: default;
	height: 34px;
	line-height:34px;
	padding:0 5px;
	text-indent: 5px;
	width: 195px;
}
.easy-select-box .esb-displayer:hover {
	filter: alpha(opacity=80);
	-ms-filter: 'alpha(opacity=80)';
	opacity: .8;
}
.easy-select-box:hover .esb-displayer{
	text-decoration:none;
}
.easy-select-box.disabled .esb-displayer,
.easy-select-box:hover.disabled .esb-displayer{
	/*background-position: 0 -36px;*/
}
.easy-select-box .esb-dropdown{
	background: #fff;
	border: 1px solid #ccc;
	display: none;
	max-height: 500px;
	overflow: auto;
	position: absolute;
	z-index: 999;
	width: 200px;
}
.easy-select-box .esb-item{
	padding:3px;
	background:#f8f8f8;
	color:#555;
	cursor:default;
	width: 100%;
}
.easy-select-box .esb-item:hover{
	background:#ccc;
	color:#FFFFFF;
	text-decoration:none;
}

/* ============================================
	SELECTBOX タイプ01
============================================ */
.select01 .easy-select-box .esb-displayer{
  	width: 246px;
}
.select01 .easy-select-box .esb-displayer{
	background: url(/mail/kyusyoku/imgs/ico_form_arrow02.png) no-repeat 230px top;
}
/* ============================================
	SELECTBOX タイプ02
============================================ */
.select02 .easy-select-box .esb-displayer{
  	width: 150px;
}
.select02 .easy-select-box .esb-displayer{
	background: url(/mail/kyusyoku/imgs/ico_form_arrow02.png) no-repeat 135px top;
}

/* ============================================
	SELECTBOX タイプ03
============================================ */
.select03 .easy-select-box .esb-displayer{
  	width: 55px;
}
.select03 .easy-select-box .esb-displayer{
	background: url(/mail/kyusyoku/imgs/ico_form_arrow02.png) no-repeat 35px top;
}

/* ============================================
	SELECTBOX タイプ04
============================================ */
.select04 .easy-select-box .esb-displayer{
  	width: 70px;
}
.select04 .easy-select-box .esb-displayer{
	background: url(/mail/kyusyoku/imgs/ico_form_arrow02.png) no-repeat 50px top;
}
.select04-5 .easy-select-box .esb-displayer{
  	width: 163px;
}
.select04-5 .easy-select-box .esb-displayer{
	background: url(/mail/kyusyoku/imgs/ico_form_arrow02.png) no-repeat 138px top;
}

/* ============================================
	SELECTBOX タイプ05
============================================ */
.select05 .easy-select-box .esb-displayer{
  	width: 286px;
}
.select05 .easy-select-box .esb-displayer{
	background: url(/mail/kyusyoku/imgs/ico_form_arrow02.png) no-repeat 265px top;
}

/* ============================================
	SELECTBOX タイプ06
============================================ */
.select06 .easy-select-box .esb-displayer{
  	width: 216px;
}
.select06 .easy-select-box .esb-displayer{
	background: url(/mail/kyusyoku/imgs/ico_form_arrow02.png) no-repeat 200px top;
}
/* ============================================
	SELECTBOX タイプ07  2014.11.19追加
============================================ */
.select07 .easy-select-box .esb-displayer{
  	width: 572px!important;
}
.select07 .easy-select-box .esb-displayer{
	background: url(/mail/kyusyoku/imgs/ico_form_arrow02.png) no-repeat 555px top!important;
}

/* ============================================
	TEXTAREA
============================================ */
textarea {
    border: 1px solid #cabebe;
    height: 110px;
    padding: 0 10px;
    width: 780px;
	font-size:16px;
}
/* ============================================
	RADIOBTN
============================================ */
.rarea{
	position:relative;
}
.radiobtn_input{
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	position: absolute;
}
.radiobtn_label{
	background:url(/mail/kyusyoku/imgs/ico_form_radio01.png) no-repeat 10px center #f8f8f8;
	display:inline-block;
	padding: 5px 15px 5px 35px;
	border:1px solid #ababab;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size:16px;
	cursor:pointer;
}
.radiobtn_label_selected{
	background:url(/mail/kyusyoku/imgs/ico_form_radio01_on.png) no-repeat 10px center #6ea9cc;
	border:1px solid #6ea9cc;
	color:#fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.fpRadio li label input{
  display: inline-block!important;
  
}
/* ============================================
	フォーム
============================================ */
#formContents{
	/*width:865px;*/
	margin:0 auto;
	color:#555;
}
#formContents #step{
	margin:20px 0 25px;
}
#formContents .headTitle{
	margin-bottom:20px;
}
#formContents .headTitle h2{
	font-size:30px;
	color:#000;
}
#formContents .headTitle p{
	font-size:16px;
}
#formContents .alertBox{
	background-color: #e2f3fa;
    margin-bottom: 10px;
    padding: 20px;
}
#formContents .alertBox li{
	margin-bottom:2px;
}
#formContents .alertBox .headInfo{
	font-size:15px;
	color: #ff0000;
}
#formContents .alertBox .headInfo img{
	vertical-align:text-top;
	padding-right:5px;
}
#formContents .alertBox .btnInfo{
	padding:0 5px;
}
#formContents .alertBox span{
	color:#ff0000;
}
#formContents form{
	font-size:14px;
}

#formContents .column_header {
	background-color: #10ade5;
    color: #fff;
    font-size: 20px;
    padding: 5px 10px;
}
/*#formContents .column {
	margin-bottom:40px;
	border:1px solid #23aee2;
}*/
#formContents .column .changeBtn{
	cursor:pointer;
}
#formContents .column .inner{
	padding:20px;
	position:relative;
	opacity:0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha(opacity=40)";
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	zoom:1;
}
#formContents .column .inner .layer{
	 position:absolute;
	 top:0;
	 left:0;
	 width:100%;
	 height:100%;
	 z-index:10;
}
#formContents .column .title{
	position:relative;
	font-size:20px;
	padding:10px 10px 10px 10px;
	color:#fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	line-height:20px;
	margin-bottom:20px;
	width:803px;
	background-color:#23aee2;
}
#formContents .column .title_skill{
	position:relative;
	font-size:18px;
	padding: 0 10px 5px 2px;
	line-height:20px;
	margin-bottom:10px;
	width:803px;
	color:#333333;
}
#formContents .column .title span{
	vertical-align:top;
	margin-left:7px;
}
#formContents .column ul.date{
	overflow:hidden;
	font-size:16px;
}
#formContents .column ul.date li{
	padding:0 5px;
	float:left;
}
#formContents .column table{
	font-size:16px;
}
#formContents .column table th{
	text-align:left;
}
#formContents .column ul.checkList{
	margin-bottom:10px;
}
#formContents .column ul.checkList li{
	 float:left;
	 white-space: nowrap;
	 margin:0 0 10px 10px;
}
#formContents #bottomBtn01{
	position:relative;
	vertical-align:top;
	text-align:center;
}
#formContents #bottomBtn01 #returnImg{
	position:absolute;
	left:0;
	top:0;
}
#formContents #special{
	display:none;
}
.btnWhite{
  position: relative;
  border: 1px solid #42b0cc;
  padding: 8px 15px 7px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none!important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #FFFFFF;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#F9F9F9));
  background: -webkit-linear-gradient(#FFFFFF, #F9F9F9);
  background: -moz-linear-gradient(#FFFFFF, #F9F9F9);
  background: -ms-linear-gradient(#FFFFFF, #F9F9F9);
  background: -o-linear-gradient(#FFFFFF, #F9F9F9);
  background: linear-gradient(#FFFFFF, #F9F9F9);
  display: block;
  color: #666666!important;
}

/* ============================================
	エラー表示
============================================ */
.errorBoxContainer {
    padding: 25px 0 0;
}
.errorBox {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #cccccc;
    margin: 0 0 25px;
}
.errorBox .errorHead {
    background: url("/img_n/ico_alert.png") no-repeat scroll 19px 10px #eeeeee;
    color: #ff6666;
    font-weight: bold;
    padding: 12px 0 11px 51px;
}
.errorBox .errorCont {
    margin: 0 15px;
    padding: 15px 0;
}
.errorBox .errorCont .exp {
    color: #333333;
    margin: 0 0 10px !important;
    padding: 0 !important;
}
.errorBox .errorCont .indentList {
    padding: 0 0 0 2px;
}
.errorBox .errorCont .indentList li {
    margin: 0 0 2px;
}
.errorBox .errorCont .indentList li span {
    color: #ff6666;
}
.errorBox a:link {
    color: #11a7d7;
    text-decoration: underline;
}
.errorBox a:visited {
    color: #11a7d7;
    text-decoration: underline;
}
.errorBox a:hover {
    color: #11a7d7;
    text-decoration: underline;
}
.errorBox a:active {
    color: #11a7d7;
    text-decoration: underline;
}
/* ============================================
	パンくずリンク設定
============================================ */
#bread a:link {
    color: #ffffff;
    text-decoration: none;
}
#bread a:visited {
    color: #ffffff;
    text-decoration: none;
}
#bread a:hover {
    color: #ffffff;
    text-decoration: none;
}
#bread a:active {
    color: #ffffff;
    text-decoration: none;
}

/* ============================================
	確認ページ
============================================ */
#formContents .confirmTb {
}
#formContents .confirmTb table {
	font-size:14px;
	width: 100%;
	border-top: solid 1px #c7c7c7;
	border-right: solid 1px #c7c7c7;
	border-bottom: solid 1px #c7c7c7;
}
#formContents .confirmTb table th {
	width:140px;
	padding: 20px;
	border-left: solid 1px #c7c7c7;
	border-bottom: #e9e9e9 solid 1px;
	background: #f8f8f8;
	font-weight: bold;
	text-align: left;
	vertical-align:top;
}

#formContents .confirmTb table th.last {
	border-bottom: 1px #c7c7c7 solid;
	text-align: left;
	vertical-align:top;
}
#formContents .confirmTb table td {
    padding: 20px;
	border-top:none;
	border-right: 1px #c7c7c7 solid;
	border-bottom: 1px #e9e9e9 solid;
	border-left:none;
	line-height: 130%;
	text-align:left;
	vertical-align:top;
}

#formContents .confirmTb table td.last {
	border-bottom: 1px #c7c7c7 solid;
	text-align: left;
	vertical-align:top;
}

#formContents .confirmTb table td div.bb1 {
	border-bottom: solid 1px #e9e9e9;
}
#formContents .confirmTb table td div.nobd {
	border: none;
}

#formContents .confirmTb table td dl{
	width:600px;
}
#formContents .confirmTb table td dl dt{
	float : left;
 	clear : both;
	width: 70px;
}
#formContents .confirmTb table td dl dd{
	width:530px;
}


/*テーブル　 ブルーtype */
#formContents .confirmTb table.typeBlue {
	border-top: solid 1px #23AEE2;
	border-right: solid 1px #23AEE2;
	border-bottom: solid 1px #23AEE2;
}
#formContents .confirmTb table.typeBlue th {
	border-left: solid 1px #23AEE2;
	border-bottom: #C3E4F3 solid 1px;
	background-color: #E2F3F9;
}
#formContents .confirmTb table.typeBlue th.last {
	border-bottom: 1px #23AEE2 solid;
}

#formContents .confirmTb table.typeBlue  td {
	border-right: 1px #23AEE2 solid;
	border-bottom: #C3E4F3 solid 1px;
}
#formContents .confirmTb table.typeBlue td.last {
	border-bottom: 1px #23AEE2 solid;
}


/* ============================================
	スキル入力ページ
============================================ */
#formContents .column .title_skill span{
	vertical-align:top;
	*vertical-align:baseline;
	margin-left:7px;
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .excelList02 table{ border-collapse:inherit !important; } /* IE11 */
}
.sikill_form_tbl th{
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
	padding: 10px 0;
	border-bottom:1px solid #ccc;
}
.sikill_form_tbl th.last{
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
	padding: 10px 0;
	border-bottom:none;
}

.sikill_form_tbl td{
	text-align:left;
	vertical-align:middle;
	padding: 10px 0;
	border-bottom:1px solid #ccc;
}
.sikill_form_tbl td.last{
	text-align:left;
	vertical-align:middle;
	padding: 10px 0 5px 0;
	border-bottom:none;
}
.sikill_form_tbl02{
	margin-left:10px;
}
.sikill_form_tbl02 th,
.sikill_form_tbl02 td{
	padding-left:10px;
	vertical-align:top;
}
.sikill_form_tbl02 th:first-child,
.sikill_form_tbl02 td:first-child{
	padding-left:0px;
}
.sikill_form_tbl02 th{
	font-size:14px;
	font-weight:normal;
	padding-bottom:5px;
}
.skill_connect{
	margin-top:-30px !important;
}
.addBtn01,
.addBtn02,
.addBtn03{
	margin:-30px 0 40px 0;
	text-align:right;
}
.addBtn01 img,
.addBtn02 img,
.addBtn03 img{
	cursor:pointer;
}
#add_soft01,
#add_soft02,
#add_soft03,
#add_soft04,
#add_soft05,
#add_prg01,
#add_prg02,
#add_prg03,
#add_prg04,
#add_prg05,
#add_capacity01,
#add_capacity02,
#add_capacity03,
#add_capacity04,
#add_capacity05,
#add_capacity06,
#add_capacity07,
#add_capacity08,
#add_capacity09,
#add_capacity10,
#add_capacity11,
#add_capacity12,
#add_capacity13,
#add_capacity14{
	display:none;
}
.alertBox_blue{
	position: static !important;/*ie7 対策*/
}
/* ============================================
	現在の状況 入力ページ
============================================ */

.situation_box{
	padding:10px;
	border-left: 1px solid #23aee2 ;
	border-right: 1px solid #23aee2 ;
	border-bottom: 1px solid #23aee2 ;
}
#formContents .column .inner02 {
    opacity: 1;
	position: static;
    padding: 20px;
}
#formContents .column .inner02 .layer {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}
/* ============================================
	希望条件 入力ページ
============================================ */
#daysList01{
	display: none;
}
/* ============================================
	基本情報ページ
============================================ */
#formContents a:link {
    color: #11a7d7;
    text-decoration: underline;
}
#formContents a:visited {
    color: #11a7d7;
    text-decoration: underline;
}
#formContents a:hover {
    color: #11a7d7;
    text-decoration: underline;
}
#formContents a:active {
    color: #11a7d7;
    text-decoration: underline;
}
/* ============================================
	基本情報 確認変更ページ
============================================ */
p.icon_exclamation{
	background:url(/mail/kyusyoku/imgs/ico_form_caution01.png) no-repeat;
	/*background-position: 0 40%;*/
	background-position: 0 1px;
	padding-left:18px;
	margin-top:2px;
	color:#ed2020;
}

/* ============================================
	一時保存ページ
============================================ */
.receipt {
	padding-top: 60px;
	text-align: center;
}
.receipt div {
	display: inline-block;
}
.receipt p {
	margin-bottom: 15px;
}
.receipt_ico {
	padding: 7px 10px 5px 0;
	float:left;
}
.receipt_inner {
	background: #f8f8f8;
	padding: 20px 40px;
	margin-bottom: 80px;
}
#registBtnList {
	margin: 20px 0;
}
#registBtnList ul {
	margin: 5px 0 20px 10px;
	display: inline-block;
}
#registBtnList li {
	height: 59px;
	width: 407px;
	float: left;
	margin: 10px 10px 0 0;
	overflow: hidden;
}
#registBtnList a {
	display: block;
}
#registBtnList li p {
	padding: 18px 0;
	text-align: center;
	font-size: 20px;
	letter-spacing: 2px;
}
.mailBox {
	margin: 0 150px 20px 150px;
}
.registSubmitArea {
	width:865px;
	padding:20px 0;
	background:#ffe5e5;
	margin:0 0 20px;
	text-align:center;
}
.registSubmitArea .alartDelete{
	color:#555;
	font-size:16px;
	background:url(/mail/kyusyoku/imgs/icn_exclaim.png) no-repeat 0 0;
	padding:0 0 0 25px;
	display:inline-block;
	margin:0 0 10px 0
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#bottomBtn01 #returnImg {
    left: 0;
    position: absolute;
    top: 0;
}

/*No.1299 2016.07.21 ここから修正*/
span.caution_fulltime {
	font-size: 12px !important;
	padding-left:10px;
}
/*No.1299 2016.07.21 ここまで修正*/
/*20161111 追記*/
#formContents .column ul.date li.data-txt{
	padding-top: 8px
}
.easy-select-box .esb-item{
	box-sizing: border-box;
}
.easy-select-box .esb-displayer{
	font-size: 16px;
}
@media screen and (max-width: 640px){
	.easy-select-box .esb-displayer{
		height: 34px;
		line-height:34px;
		padding-left: 5px;
		text-indent: 5px;
		width: 195px;
	}
	#formContents .column ul.date li{
		padding: 0 1%;
	}
	#formContents .column ul.date li.data-txt{
		padding: 8px 0 0;
	}
  .data-txt.blocked{
    float: none!important;
    clear: both;    
    height: 30px;
  }
  .inlineForms li{
    display: inline-block;
  }
  .inlineForms .w40{
	width:40px !important;
}
  .inlineForms .w60{
	width:60px !important;
}
  .addressNo{
    margin:10px 0 0;
  }
  .fpRadio li{display: inline-block;
    width: 40%;
  }
  #formContents .column ul.date li:nth-child(1), #formContents .column ul.date li:nth-child(2){
  margin-bottom: 10px;
}
}