@charset "shift_jis";

/* =========================================================
■汎用パーツ
========================================================= */
html {
	overflow-x: auto;
}

body, a {
	font-family: "Lucida Grande", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
li {
	padding: 0px;
	margin: 0em 0em 0em 0;
	list-style: none;
	line-height: 1.5;
}
/* ----------------------------------------------------
text-align
---------------------------------------------------- */
.ac { text-align: center !important; }
.ar { text-align: right !important; }
.al { text-align: left !important; }

/* ----------------------------------------------------
float
---------------------------------------------------- */
.fr { float: right;}
.fl { float: left;}
/* #9621 2104/07/08 ADD */
.ofh { overflow: hidden; }

/* ----------------------------------------------------
position
---------------------------------------------------- */
.vm {vertical-align: middle;}

/* ----------------------------------------------------
margin
---------------------------------------------------- */
.mt00 { margin-top:  0px !important; }
.mt05 { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }

.mr00 { margin-right:  0px !important; }
.mr02 { margin-right:  2px !important; }
.mr05 { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }

.mb00 { margin-bottom:  0px !important; }
.mb05 { margin-bottom:  5px !important; }
.mb06 { margin-bottom:  6px !important; }
.mb07 { margin-bottom:  7px !important; }
.mb08 { margin-bottom:  8px !important; }
.mb09 { margin-bottom:  9px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }

.ml00 { margin-left:  0px !important; }
.ml02 { margin-left:  2px !important; }
.ml05 { margin-left:  5px !important; }
.ml06 { margin-left:  6px !important; }
.ml07 { margin-left:  7px !important; }
.ml08 { margin-left:  8px !important; }
.ml09 { margin-left:  9px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }

.m0a { margin: 0 auto !important; }

/* ----------------------------------------------------
padding
---------------------------------------------------- */
.pt00 { padding-top:  0px !important; }
.pt05 { padding-top:  5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }

.pr00 { padding-right:  0px !important; }
.pr03 { padding-right:  3px !important; }
.pr05 { padding-right:  5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }

.pb00 { padding-bottom:  0px !important; }
.pb05 { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }

.pl00 { padding-left:  0px !important; }
.pl05 { padding-left:  5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }

/* ----------------------------------------------------
width
---------------------------------------------------- */
.wd25{ width: 25px !important;}
.wd50{ width: 50px !important;}
.wd30 {width: 30px !important;}
.wd40 {width: 40px !important;}
.wd100{ width: 100px !important;}
.wd120 {width: 120px !important;}
.wd170 {width: 170px !important;}
.wd200{ width: 200px !important;}
.wd240{ width: 240px !important;}
.wd250 {width: 250px !important;}
.wd300 {width: 300px !important;}
.wd348 {width: 348px !important;}
.wd400 {width: 400px !important;}
.wd420 {width: 420px !important;}
.wd500 {width: 500px !important;}

.wper0 {width: 0% !important;}
.wper1 {width: 1% !important;}
.wper2 {width: 2% !important;}
.wper3 {width: 3% !important;}
.wper4 {width: 4% !important;}
.wper5 {width: 5% !important;}
.wper6 {width: 6% !important;}
.wper7 {width: 7% !important;}
.wper8 {width: 8% !important;}
.wper9 {width: 9% !important;}
.wper10 {width: 10% !important;}
.wper11 {width: 11% !important;}
.wper12 {width: 12% !important;}
.wper13 {width: 13% !important;}
.wper14 {width: 14% !important;}
.wper15 {width: 15% !important;}
.wper16 {width: 16% !important;}
.wper17 {width: 17% !important;}
.wper18 {width: 18% !important;}
.wper19 {width: 19% !important;}
.wper20 {width: 20% !important;}
.wper21 {width: 21% !important;}
.wper22 {width: 22% !important;}
.wper23 {width: 23% !important;}
.wper24 {width: 24% !important;}
.wper25 {width: 25% !important;}
.wper26 {width: 26% !important;}
.wper27 {width: 27% !important;}
.wper28 {width: 28% !important;}
.wper29 {width: 29% !important;}
.wper30 {width: 30% !important;}
.wper31 {width: 31% !important;}
.wper32 {width: 32% !important;}
.wper33 {width: 33% !important;}
.wper34 {width: 34% !important;}
.wper35 {width: 35% !important;}
.wper36 {width: 36% !important;}
.wper37 {width: 37% !important;}
.wper38 {width: 38% !important;}
.wper39 {width: 39% !important;}
.wper40 {width: 40% !important;}
.wper41 {width: 41% !important;}
.wper42 {width: 42% !important;}
.wper43 {width: 43% !important;}
.wper44 {width: 44% !important;}
.wper45 {width: 45% !important;}
.wper46 {width: 46% !important;}
.wper47 {width: 47% !important;}
.wper48 {width: 48% !important;}
.wper49 {width: 49% !important;}
.wper50 {width: 50% !important;}
.wper51 {width: 51% !important;}
.wper52 {width: 52% !important;}
.wper53 {width: 53% !important;}
.wper54 {width: 54% !important;}
.wper55 {width: 55% !important;}
.wper56 {width: 56% !important;}
.wper57 {width: 57% !important;}
.wper58 {width: 58% !important;}
.wper59 {width: 59% !important;}
.wper60 {width: 60% !important;}
.wper61 {width: 61% !important;}
.wper62 {width: 62% !important;}
.wper63 {width: 63% !important;}
.wper64 {width: 64% !important;}
.wper65 {width: 65% !important;}
.wper66 {width: 66% !important;}
.wper67 {width: 67% !important;}
.wper68 {width: 68% !important;}
.wper69 {width: 69% !important;}
.wper70 {width: 70% !important;}
.wper71 {width: 71% !important;}
.wper72 {width: 72% !important;}
.wper73 {width: 73% !important;}
.wper74 {width: 74% !important;}
.wper75 {width: 75% !important;}
.wper76 {width: 76% !important;}
.wper77 {width: 77% !important;}
.wper78 {width: 78% !important;}
.wper79 {width: 79% !important;}
.wper80 {width: 80% !important;}
.wper81 {width: 81% !important;}
.wper82 {width: 82% !important;}
.wper83 {width: 83% !important;}
.wper84 {width: 84% !important;}
.wper85 {width: 85% !important;}
.wper86 {width: 86% !important;}
.wper87 {width: 87% !important;}
.wper88 {width: 88% !important;}
.wper89 {width: 89% !important;}
.wper90 {width: 90% !important;}
.wper91 {width: 91% !important;}
.wper92 {width: 92% !important;}
.wper93 {width: 93% !important;}
.wper94 {width: 94% !important;}
.wper95 {width: 95% !important;}
.wper96 {width: 96% !important;}
.wper97 {width: 97% !important;}
.wper98 {width: 98% !important;}
.wper99 {width: 99% !important;}
.wper100 {width: 100% !important;}

.ht100 { height: 100px !important; }
.ht175 { height: 175px !important; }
.ht200 { height: 200px !important; }


/* ----------------------------------------------------
font size
---------------------------------------------------- */
.fs10 {font-size: 10px !important;}
.fs11 {font-size: 11px !important;}
.fs12 {font-size: 12px !important;}
.fs13 {font-size: 13px !important;}
.fs14 {font-size: 14px !important;}
.fs15 {font-size: 15px !important;}
.fs16 {font-size: 16px !important;}
.fs17 {font-size: 17px !important;}
.fs18 {font-size: 18px !important;}
.fs19 {font-size: 19px !important;}
.fs20 {font-size: 20px !important;}
.fs21 {font-size: 21px !important;}
.fs22 {font-size: 22px !important;}
.fs23 {font-size: 23px !important;}
.fs24 {font-size: 24px !important;}
.fs25 {font-size: 25px !important;}
.fs26 {font-size: 26px !important;}
.fs27 {font-size: 27px !important;}
.fs28 {font-size: 28px !important;}
.fs29 {font-size: 29px !important;}
.fs30 {font-size: 30px !important;}

/* ----------------------------------------------------
visual none
---------------------------------------------------- */
.none {display: none !important}


/* ----------------------------------------------------
nobr
---------------------------------------------------- */
.nobrdt {border-top: none !important}
.nobrdr {border-right: none !important}
.nobrdb {border-bottom: none !important}
.nobrdl {border-left: none !important}

.vat {vertical-align: top !important;}
.vab {vertical-align: bottom !important;}
.vam {vertical-align: middle !important;}

/* ----------------------------------------------------
color
---------------------------------------------------- */
.colorRd {color: #e50000;}

.strong {font-weight:bold !important;}

div.relative { position: relative; }

.listLink a {
	padding-left: 10px;
	background: url(img/icon_link_a_01.png) no-repeat 0 0.583em /* = 7px */;
}


/*header 201401 ver
-------------------------------------------------------- */
#headerTop {
	border-bottom: 1px #ebebeb solid;
}
.toSpSite {
	margin: 15px 0;
	text-align: center;
}
#htWrap {
	width: 950px;
	margin: 0 auto;
}
#htWrap h1 {
	float: left;
	width: 700px;
	color: #999999;
	line-height: 150%;
	font-size: 10px;
	text-align: left;
	margin-top: 5px;
}
#htWrap ul.member {
	margin: 0 0 0 15px;
}
#htWrap ul {
	float: right;
	padding-top: 3px;
	line-height: 0;
	font-size: 0;
}
#htWrap ul.member li {
	margin-left: 5px;
}
#htWrap ul li {
	float: left;
}

div#header { margin: 9px auto 10px;}
#header table {
	float: left;
	border: 1px #cccccc solid;
	border-collapse: collapse;
	border-spacing: 0;
}
div#header p {
	margin-right: 16px;
}
#header table td {
	width: 58px;
	height: 19px;
	border: 1px #cccccc solid;
	color: #333333;
	vertical-align: middle;
	text-align: center;
	line-height: 19px;
	font-size: 11.5px;
}
#header table td a {
	color: #333;
}
div#header ul.utility li {
	margin-top: 0;
}
div#header p.prLink {
	clear: right;
	float: right;
	margin-top: 10px;
	margin-right: 0;
	text-align: right;
	font-size: 10.5px;
}

ul#topicPath {
	width: 950px;
	margin: 0 auto;
}
ul#topicPath li {
	float: left;
	margin-left: 0;
	margin-right: 5px;
}
ul#topicPath li.current { margin-right: 0; }

ul.topicPath {
	width: 950px;
	margin: 0 auto;
}
ul.topicPath li {
	float: left;
	margin-left: 0;
	margin-right: 5px;
}
ul.topicPath li.current { margin-right: 0; }

/*footer 201401 ver
-------------------------------------------------------- */
div#footer {
	width: 950px;
	margin: 0 auto;
}
div#footer div.site, div#footer div.inner {
	width: 950px;
}
div#footer ul.return li.top {
	margin-top: 5px;
}
div#footer ul.return li.page {
margin-top: 5px;
float: right !important;
margin-left: 12px;
}


/* 回遊リンク
------------------------------------------------------------ */
div#content div.excursion {
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	padding-bottom: 6px;
	padding-top: 18px;
}
div#content div.excursion h3,
div#content div.excursion h2 {
	background: url(img/jobsearch/icon_excursion_01.gif) 0 0.167em no-repeat;
	margin-bottom: 6px;
	padding-left: 16px;
}
div#content div.excursion div.content {
	background: url(img/content/background_separator_01.gif) repeat-x;
	padding-left: 17px;
	padding-top: 10px;
}
div#content div.excursion div.content dl {
	background: url(img/content/background_separator_01.gif) repeat-x;
	_height: 1%;
	margin-top: 6px;
	padding-top: 6px;
	*zoom: 1;
}
div#content div.excursion div.content dl:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
div#content div.excursion div.content dl:first-child,
div#content div.excursion div.content dl.first_child {
	background: 0;
	margin-top: 0;
	padding-top: 0;
}
div#content div.excursion div.content dl dt {
	float: left;
	/* #9621 20140708 150px→120px */
	width: 120px;
}
div#content div.excursion div.content dl dd {
	float: right;
	/* #9621 20140708 763px→793px */
	width: 793px;
}
div#content div.excursion div.content dl.area dd ul li {
	min-width: 4em;
}
div#content ul.horizontal {
	_height: 1%;
	*zoom: 1;
}
div#content ul.horizontal:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
div#content ul.horizontal li {
	float: left;
	margin-right: 15px;
	white-space: nowrap;
}

/*content 201401 ver
-------------------------------------------------------- */
div#content {
	position: relative;
	/*position: static;*/
	clear: both;
}
.Stage {
	width: 100%;
}

.tooltip_b {
	z-index: 100;
}

div.floatPageTop {
	width: 50px;
	height: 50px;
	position: fixed;
	z-index: 10000;
	right: 0;
	bottom: 50px;
}
div.floatPageBottom {
	width: 50px;
	height: 50px;
	position: fixed;
	z-index: 10000;
	right: 0;
	top: 50px;
}
/* ----------------------------------------------------
Title
---------------------------------------------------- */
/* #9621 20140708 ADD */
div#content > .title,
div#content h2.title,
div#content> form > div  > h2.title  {
	background: url(img/content/bg_h2_title.gif) no-repeat left top !important;
	margin: 15px 0 24px;
	padding: 0 0 10px 20px !important;
	font-size: 1.333em !important;
	border-bottom: 1px dashed #ddd !important;
	position: relative !important;
	line-height: 20px;
}
div#content h3.title {
	background: url(img/content/bg_h3_title.gif) no-repeat left top !important;
	height: 37px;
	font-size: 1.167em /* = 14px */ !important;
	line-height: 37px !important;
	margin-bottom: 1px !important;
	padding: 2px 16px 1px;
	position: relative !important;
}

/* ----------------------------------------------------
form Table
---------------------------------------------------- */
div.tableBlock {
	overflow: hidden;
	clear: both;
	border: 1px solid #e1e1e1;
	background: #f5f5f5;
	padding-bottom: 13px;
	margin-bottom: 20px;
}

div.tableBlock input[type="checkbox"],
div.tableBlock input[type="checkbox"] + label {
	vertical-align: middle;
}

div.tableBlock h5 {
	background: url(img/coach/bg_form_title.gif) repeat-x left top;
	height: 24px;
	padding: 8px 17px 7px;
	font-weight: bold;
}
div#mainContents div.tableBlock h5 {
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}
div.tableBlock h5 p {
	float: left;
	background: url(img/coach/icon_note.gif) no-repeat left top;
	font-size: 1.167em /* = 14px */;
	height: 24px;
	line-height: 24px;
	padding-left: 28px;
	color: #333;
}
div.tableBlock h5 span {
	line-height: 24px;
	display: block;
	text-align: right;
	font-weight: normal;
}
/* #10945 modify */
div.tableBlock table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #e1e1e1;
	margin: 0 auto;
	width: 920px;
	table-layout: fixed;
}
div.tableBlock table th,
div.tableBlock table td {
	table-layout: fixed !important;
}
div.tableBlock table th {
	display: table-cell !important;
	border: 1px solid #e1e1e1;
	padding: 15px 9px 15px 15px;
	background: #f7f7f7;
	vertical-align: top;
	font-size: 13px;
	font-weight: bold;
	-moz-box-shadow: 1px 1px 1px #fff inset, -1px -1px 1px #fff inset;
	-webkit-box-shadow: 1px 1px 1px #fff inset, -1px -1px 1px #fff inset;
	box-shadow: 1px 1px 1px #fff inset, -1px -1px 1px #fff inset;
}
div.tableBlock table tr.error th {
	background: #ffd5cd;
	color: #333;
}
/* #9621 20140708 ADD */
div.tableBlock table tr.attention th {
	background: #ffd5cd;
	color: #333;
}
div.tableBlock table th p.requiredIcon {
	width: 40px;
	height: 21px;
	float: right;
}
div.tableBlock table th a {
	font-weight: normal;
}
div.tableBlock table td {
	border: 1px solid #e1e1e1;
	padding: 9px 40px;
	background: #fff;
	vertical-align: middle;
	line-height: 1.5em;
}
div.tableBlock table tr.error td {
	background: #fff4f2;
	color: #333;
}
/* #9621 20140708 ADD */
div.tableBlock table tr.attention td {
	background: #fffae0 !important;
	color: #333;
}
div.tableBlock table tr.disabled {
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
div.tableBlock table tr.disabled th {
	background: #d3d3d3;
}
div.tableBlock table tr.disabled td {
	background: #e6e6e6;
}
div.tableBlock table td img,
div.tableBlock table td select,
div.tableBlock table td input {
	vertical-align: middle;
}

div.tableBlock table td input {
	vertical-align: top;
}
div.tableBlock table td input.inputTxt {
	height: 22px;
	line-height: 22px;
	border: 1px solid #c0a6a3;
	background: #ffffe0;
	padding: 1px 5px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	vertical-align: middle;
	position: relative;
}
div.tableBlock table td input.inputYear {
	width: 2.5em;
}
div.tableBlock table td input.inputMonth,
div.tableBlock table td input.inputDay {
	width: 1.5em;
}

div.tableBlock table td textarea {
	width: 615px;
	height: 6em;
	border: 1px solid #ccc;
	background: #fff;
	padding: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #000;
	position: relative;
}
div.tableBlock table td textarea.required {
	border: 1px solid #c0a6a3;
	background: #ffffe0;
}

div.tableBlock table td ul li {
	margin-left: 0;
	margin-bottom: 0;
	padding-bottom: 5px;
}
div.tableBlock table td div.choiceBoxGray {
	display: inline-block;
	width: auto;
	border: 1px solid #e6e6e6;
	background: #f5f5f5;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 8px 50px 8px 13px;
	position: relative;
}
div.tableBlock table td div.choiceBoxGray.block {
	display: block;
}
div.tableBlock table td div.choiceBoxBlue {
	display: inline-block;
	width: auto;
	border: 1px solid #bce8f1;
	background: #d9edf7;
	color: #3a87ad;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 5px 24px 5px 10px;
	position: relative;
	margin: 0 5px 5px;
}
div.tableBlock table td div.choiceBoxBlue.file {
	padding: 5px 24px 5px 28px !important;
	background: #d9edf7 url(img/content/icn_file.gif) no-repeat 10px 50%;
}
div.tableBlock table td div.choiceBoxBlue a.delete,
div.tableBlock table td div.choiceBoxGray a.delete {
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	right: 15px;
	top: 13px;
	background: url(img/coach/icn_delete.png) no-repeat left top;
}
div.tableBlock table td div.choiceBoxBlue a.delete {
	right: 5px;
	top: 9px;
}
div.tableBlock table td div.choiceBoxBlue a.delete span, div.tableBlock table td div.choiceBoxGray a.delete span { display: none; }
div.tableBlock table td p.choice {
	display: inline-block;
	margin: 8px 0 8px 15px;
}
div.tableBlock table td span.note {
	font-size: 0.833em /* = 10px */;
	line-height: 1.5em /* = 15px */;
	color: #666;
}
div.tableBlock table td dl.name dt {
	width: 30px;
	float: left;
	margin: 2px 0;
	margin-right: 5px;
	text-align: right;
	padding: 2px 0;
}
div.tableBlock table td dl.name dd {
	width: 160px;
	float: left;
	margin-right: 13px;
}
div.tableBlock table td dl.name input {
	width: 150px;
}
div.tableBlock table td ul.englishSkill li {
	width: 205px;
	float: left;
	margin-right: 5px;
}
div.tableBlock table td ul.qualificationList li {
	width: 205px;
	float: left;
	margin-right: 5px;
}
ul.qualificationList li label {
	display: block;
	text-indent: -23px;
	padding-left: 23px;
}
div.tableBlock table td.privacy {
	position: relative;
}
div.tableBlock table td.privacy p.privacyIcon {
	width: 14px;
	height: 17px;
	position: absolute;
	left: 15px;
	top: 15px;
}
div.tableBlock table td.privacy p.privacyIcon.bottom {
	top: auto;
	bottom: 15px;
}
div.tableBlock div.notes {
	width: 888px;
	margin: 0 auto;
	border: 1px solid #e1e1e1;
	padding: 14px;
	background: #fffae0;
}
div.tableBlock div.notes.error {
	background: #fff4f2;
}
div.tableBlock div.notes textarea {
	width: 866px;
	height: 68px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
div.tableBlock table td ul.englishSkill li select {
	width: 205px;
}
div.tableBlock table th.experience {
	display: block;
	border-top: 2px solid #676767;
	background: #fff;
	height: 44px;
	line-height: 44px;
	font-weight: bold;
	padding: 0 0 0 15px;
	margin: 0;
}
div.tableBlock table th.experience + td.advice {
	border-top: 2px solid #676767;
}
div.tableBlock table th.experience span {
	color: #f42600;
}
div.tableBlock div.plusCareer {
	width: 890px;
	padding: 15px 15px 0;
}
div.buttonBlock {
	margin: 35px auto 24px;
	text-align: center;
	position: relative;
}
div.tableBlock div.form div.more{
	font-size: 1em;
}
div.tableBlock div.form.expanded p.expand,
div.tableBlock div.form p.collapse,
div.tableBlock div.form div.more{
	display: none;
}
div.tableBlock div.form p.expand,
div.tableBlock div.form.expanded p.collapse,
div.tableBlock div.form.expanded div.more{
	display: block;
}
div.no-contact{
	opacity: 0.60;
	cursor: not-allowed;
	filter: alpha(opacity=60);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

div.no-contact table td {
	opacity: 0.60;
	filter: alpha(opacity=60);
}


div#errorBlock {
	border: 3px solid #ff5c46;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	margin-bottom: 20px;
}
div#errorBlock dl {
	text-align: center;
}
div#errorBlock dl.al {
	text-align: left;
}
div#errorBlock dl dd,
div#errorBlock dl dt {
	display: inline-block;
	/display: inline;
	vertical-align: top;
}
div#errorBlock dl dd {
	max-width: 90%;
}
div#errorBlock dl.vMiddle dd,
div#errorBlock dl.vMiddle dt {
	vertical-align: middle;
}

div#errorBlock dl dd p {
	font-size: 2em !important;
	line-height: 1.2em !important;
	padding: 0 !important;
	text-align: left;
	font-weight: bold;
}
div#mainContents div#errorBlock dl dd p {
	font-size: 1.6em !important;
}
div#errorBlock dl dd ul li {
	color: #ff2600;
	text-align: left;
	font-weight: bold;
}
div.errorBalloon {
	width: 635px;
}
div.errorBalloon p.errorHead {
	height: 3px;
	line-height: 0;
	overflow: hidden;
}
div.errorBalloon p.errorFoot {
	height: 11px;
	line-height: 0;
}
div.errorBalloon div.errorBody {
	background: url(img/content/bg_alert_body.gif) repeat-y left top;
	display: block;
}
div.errorBalloon div.errorBody ul {
	background: url(img/content/icn_error_02.gif) no-repeat 8px center;
	padding: 8px 8px 0 35px;
	margin: 0;
}
div.errorBalloon div.errorBody ul li {
	padding-bottom: 5px;
	color: #fff;
}
#passSetting div.errorBalloon,
div.messageMain div.buttonArea table tr.error td div.errorBalloon,
#mainContents div.errorBalloon {
	width: 406px;
}
div.errorBalloon.advieBlock {
	width: 325px;
}
 div.errorBalloon.advieBlock p.errorHead,
#passSetting div.errorBalloon p.errorHead,
div.messageMain div.buttonArea table tr.error td div.errorBalloon p.errorHead,
#mainContents div.errorBalloon p.errorHead {
	height: 3px;
	padding: 0;
	margin: 0;
}
div.errorBalloon.advieBlock p.errorFoot,
#passSetting div.errorBalloon p.errorFoot,
div.messageMain div.buttonArea table tr.error td div.errorBalloon p.errorFoot,
#mainContents div.errorBalloon p.errorFoot {
	height: 11px;
	padding: 0;
	margin: 0;
}
#passSetting div.errorBalloon div.errorBody,
div.messageMain div.buttonArea table tr.error td div.errorBalloon div.errorBody,
#mainContents div.errorBalloon div.errorBody {
	background: url(img/content/bg_alert_body_short.png) repeat left top;
}
div.errorBalloon.advieBlock div.errorBody {
	background: url(img/content/bg_alert_body_coach.png) repeat left top;
}
div.errorBalloon.advieBlock div.errorBody ul,
#passSetting div.errorBalloon div.errorBody ul,
div.messageMain div.buttonArea table tr.error td div.errorBalloon div.errorBody ul,
#mainContents div.errorBalloon div.errorBody ul {
	background: url(img/content/icn_error_02.gif) no-repeat 8px center;
	padding: 8px 8px 0 35px;
	margin: 0;
}
div.errorBalloon.advieBlock div.errorBody ul li,
#passSetting div.errorBalloon div.errorBody ul li,
div.messageMain div.buttonArea table tr.error td div.errorBalloon div.errorBody ul li,
#mainContents div.errorBalloon div.errorBody ul li {
	padding-bottom: 5px;
	margin: 0;
	color: #fff;
}
div.buttonBlock input.modify {
	height: 15px;
	border: none;
	background: url(img/content/bg_modify.gif) no-repeat left top;
	cursor: pointer;
	color: #0a5fc3;
	padding-left: 28px;
}
div.buttonBlock a.back {
	background: url(img/content/bg_modify.gif) no-repeat left top;
	padding-left: 28px;
}

div.buttonBlock input.editConfirm {
	display: block;
	overflow: hidden;
	width: 260px;
	height: 37px;
	margin: 0 auto;
	background: url(img/content/btn_edit_confirm.gif) no-repeat scroll left top;
	border: medium none;
	cursor: pointer;
	text-indent: -9999px;
}
div.buttonBlock input.editConfirm:hover {
	background-image: url(img/content/btn_edit_confirm_hover.gif)
}
div.buttonBlock input.send {
	display: block;
	overflow: hidden;
	width: 239px;
	height: 37px;
	margin: 0 auto;
	background: url(img/content/btn_send.gif) no-repeat scroll left top;
	border: medium none;
	cursor: pointer;
	text-indent: -9999px;
}
div.buttonBlock input.send:hover {
	background: url(img/content/btn_send_hover.gif) no-repeat left top;
}


div.buttonBlock input.confirm {
	display: block;
	overflow: hidden;
	width: 260px;
	height: 37px;
	margin: 0 auto;
	background: url(img/content/btn_confirm.gif) no-repeat scroll left top;
	border: medium none;
	cursor: pointer;
	text-indent: -9999px;
}
div.buttonBlock input.confirm:hover {
	background: url(img/content/btn_confirm_hover.gif) no-repeat left top;
}


div.buttonBlock input.cancel {
	display: block;
	overflow: hidden;
	width: 260px;
	height: 37px;
	margin: 0 auto;
	background: url(img/content/btn_cancel.gif) no-repeat scroll left top;
	border: medium none;
	cursor: pointer;
	text-indent: -9999px;
}
div.buttonBlock input.cancel:hover {
	background: url(img/content/btn_cancel_hover.gif) no-repeat left top;
}

div.completeText {
	margin-top: 20px;
}
div.completeText p.lead {
	padding: 0 15px 15px 0;
	font-size: 1.167em /* = 14px */ !important;
	line-height: 1.286em /* = 18px */ !important;
	font-weight: bold;
}
div.completeText.border {
	border: 1px solid #e1e1e1;
	padding: 10px;
	margin-bottom: 20px;
}
div.completeText p em {
	color: #e50000;
}
p.regThanks {
	background: #d9edf7;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 20px 15px;
	color: #666;
	font-size: 1.5em;
	font-weight: bold;
}
p.privacyText {
	padding: 0 15px;
	vertical-align: middle;
	margin-bottom: 20px;
}

div.tableBlock table.careerSheet {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #e1e1e1;
	margin: 0 auto 9px;
	width: 100%;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
div.tableBlock table.careerSheet td {
	padding: 9px;
	border: 1px solid #e1e1e1;
}

div.attentionBock {
	background: #ffc;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin: 10px auto 0;
	padding: 15px 30px;
	width: 890px;
}
div.attentionBock ul li {
	padding-bottom: 5px;
}

div#content div.recommendArea {
	clear: both;
	overflow: hidden;
	/*margin: 15px 0;*/

	margin: 15px -3px 15px 0;
}

div#content div.recommendArea > div {
	position: relative;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	border-left: 1px solid #dadada;
	margin-bottom: 2px;
	border-top: 2px solid #ff2800;
	width: 948px;
}

div#content div.recommendArea h2 {
	line-height: 36px;
	height: 36px;
	margin: 0 1px 1px;
	padding: 0 14px;
	font-size: 1.333em /* = 16px */;
	font-weight: bold;
	background: #f6f6f6;
	background-image: -moz-linear-gradient(top, #ffffff, #f6f6f6);
	background-image: -ms-linear-gradient(top, #ffffff, #f6f6f6);
	background-image: -o-linear-gradient(top, #ffffff, #f6f6f6);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f6f6f6));
	background-image: -webkit-linear-gradient(top, #ffffff, #f6f6f6);
	background-image: linear-gradient(top, #ffffff, #f6f6f6);
	-pie-background: linear-gradient(top, #ffffff, #f6f6f6);
}

div#content div.recommendArea > div p {
	position: absolute;
	display: block;
	top: 0;
	right: 15px;
	line-height: 36px;
	height: 36px;
	padding-left: 10px;
	background: url(img/icon_link_a_01.png) no-repeat 0 50%;
}

div#content div.recommendArea dl {
	float: left;
	width: 188px;
	margin-right: 2.5px;
	margin-bottom: 2.5px;
	background: #f2f2f2;
}

div#content div.recommendArea dl + dl + dl + dl + dl {
	/*margin-right: 0;*/
}

div#content div.recommendArea dt {
	min-height: 120px;
	padding: 12px 9px 8px;
	border-bottom: 1px dashed #ddd !important;
	font-weight: normal;
	line-height: 1.5em /* = 18px */;
}

div#content div.recommendArea dt img {
	display: block;
	width: 100px;
	margin: 0 auto 8px;
}

div#content div.recommendArea dd {
	padding: 8px 9px 12px;
	line-height: 1.5em /* = 18px */;
}

div#content div.recommendArea dd div.companyData {
	font-size: 0.833em /* = 10px */;
	height: 33px;
}
div#content div.recommendArea dd span.bookmarked_btn {
	display: none;
}

div#content div.recommendArea dd img {
	display: block;
	margin: 8px auto 0;
}
div#content div.recommendArea div.box_tooltip_save {
	position: absolute !important;
}

div#content div#Ichiran_recommend {
	width: 946px;
	margin: 10px auto 20px;
}
div#content div#Ichiran_recommend div.group_recommend_ichiran {
	width: 716px;
	margin: 0 auto;
}
div#content div#Ichiran_recommend div.content_recommend_ichiran {
	margin: 5px 3px;
}

div#content div.send_mail {
	background-repeat: no-repeat;
}

div.skyscraperBnr {
	padding:9px;
	border:solid 1px #c8c8c8;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 5px 0;
}
div.skBnr {
	margin: 5px 0;
}

div.bnrArea {
	margin: 10px 0;
	text-align: center;
}

td.loginBlock .header {
	background: #FFECE9;
	border-top: 3px solid #f00;
	border-right: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	border-left: 1px solid #c1c1c1;
	padding: 8px 10px 5px;
	color: #e62400;
	font-weight: bold;
	font-size: 1.167em /* = 14px */;
	margin-bottom: 10px;
}

#fancybox-close {
	position: absolute;
	top: -29px;
	right: -30px;
	width: 30px;
	height: 30px;
	background: transparent url('img/fancy_close.png');
	cursor: pointer;
	z-index: 1103;
	display: none;
}
#fancybox-close:hover {
	background: transparent url('img/fancy_close.png');
}

.ui-autocomplete {
	overflow: auto;
	white-space: nowrap;
	text-align: left;
}

input[type="checkbox"] {
	margin-right: 2px !important;
}

input[type="radio"] {
	padding: 0 !important;
	margin: 1px 1px 0 0 !important;
}
ul.qualificationList li label input[type="radio"] {
	margin-top: 3px !important;
}

#add_attach {
	position: relative;
	z-index: 10;
}
.filefield {
	position: relative;
}
.filefield input {
	z-index: 1;
}
#content ul.mark li {
	float: left;
	margin-right: 5px;
	margin-bottom: 3px;
	border: 1px solid #d0d0d0;
	padding: 0;
	padding-right: 5px;
	height: 21px;
	line-height: 21px;
	font-size: 1em;
	color: #666;
	vertical-align: middle;
}
/*ADD 201401 recomend area---------------------------------------------------------------------------------------------*/
.kyujinRecommendArea {
    margin: 30px 0 20px 0;
}

.oubo_recommendBox {
	padding:20px 0 0px 0;
	border-top: solid 5px #E1CC68;
}


#oubo_recommend{
	margin:10px 0 0 10px;
	border:none;

}

#kantan_oubo{
	background:#749AE0;
	border:none;
	width:784px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom:20px;
}

#kantan_ouboIn{
	text-align:center !impotant;
	padding:10px 10px 5px 10px;
	border:none;
}

#kantan_ouboIn .kantan_ouboTit{
	padding:5px 0px 10px 5px;
}

#kantan_ouboIn .content_recommend{
 	float: left;
	margin:5px 6px 5px 1px;
	background:#FFF;
	 width: 184px;
	line-height:0!important;
}

#kantan_ouboIn .content_recommend_in{
	margin:0px;
	padding:10px 10px;
}


#kantan_ouboIn .content_recommend_in table{
	margin:0;
	border-collapse: collapse;
	font-size:12px;
	border:none;
	width:100%;
}
.content_recommend_in table tr{
	padding:0;
	margin:0;
	}
#kantan_ouboIn .content_recommend_in table td{
	padding:0px 8px;
	line-height:1.4;
	vertical-align:top;
	text-align:left;
	}

#kantan_ouboIn .content_recommend_in table td p{
		height:115px;
		text-align:left;
	}

#kantan_ouboIn .reco_companyph{
		float:right;
		padding:0 0 0 5px;
		margin:0;
}
#kantan_ouboIn .recommend_detailTxt{
		padding:10px 0;
		text-align:center;
		line-height:1.4;
	}

#kantan_ouboIn .recommend_detailText{
		margin:10px 0;
		line-height:1.4;
	}

#kantan_ouboIn .recommend_detailTxt_icon{
	display:block;
	background:#9A9A9A;
	float:left;
	margin:0 3px 0px 0;
	height:15px;
	padding:0 5px;
	font-size:10px;
	line-height:16px!important;
	color:#FFF;
}

#kantan_ouboIn.clearfix_recommend:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
border:none!important;
}
.clearfix_recommend {
	min-height: 1px;
}

.content_recommend_ichiran_last{
 	float: left !important;
	margin:5px 2px 5px 0;
	background:#FFF;
	 width: 173px;
}
.simpleInfoBox2{
	display:block;
	text-align: left !important;
	margin:0 0 1px 1px;
	padding:4px;
}
div.tooltip_b a.tooltip_close {
	background: url(img/tool/button_close_01.gif) 0 0 no-repeat !important;
	font-size: 0;
	height: 14px;
	line-height: 0;
	position: absolute;
	right: 11px;
	text-indent: -9999px;
	top: 11px;
	width: 50px;
}
div.tooltip_b a.tooltip_close:hover {
	background: url(img/tool/button_close_01_hover.gif) 0 0 no-repeat !important;
	cursor: pointer;
}
.form_table_entry div.tableBlock table {
	table-layout: fixed\9;
}
@-moz-document url-prefix() {
	.form_table_entry div.tableBlock table {
		table-layout: fixed;
	}
}
.form_table_entry div.tableBlock table td.nobrdl a img {
	margin: 9px;
}
.form_table_entry div.tableBlock table td p {
	word-wrap: break-word;
}
.messageEditArea pre {
	white-space: pre-wrap;
	word-wrap: break-word;
}
div.messageMain form div.buttonArea div.table table {
	table-layout: fixed;
	border-top: none;
	border-left: none;
	border-right: none;
}
div.messageMain form div.buttonArea div.table table th,
div.messageMain form div.buttonArea div.table table td {
	border-bottom: none;
}
.fbBox {
	border: 3px solid #3B57A0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	margin-bottom: 20px;
}
.fbBox dl {
	text-align: center;
}
.fbBox dl dt,
.fbBox dl dd {
	display: inline-block;
	vertical-align: top;
}
.fbBox dl dt {
	margin-right: 5px;
}
.fbBox dl dd p {
	font-size: 2em;
	line-height: 1.2em;
	padding: 0;
	text-align: left;
	font-weight: bold;
}
.fbBox dl dd ul li {
	color: #3B57A0;
	text-align: left;
	font-weight: bold;
}
.ycBox {
	border: 3px solid #f60e0b;
}
.ycBox dl dd ul li {
	color: #f60e0b;
}

div#relatedLink {
	width: 904px;
	padding: 10px 20px;
	border: 3px solid #e1e1e1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin: 0 auto 20px;
}
div#relatedLink dl {
	margin-top: 10px;
	border-top: 1px solid #e1e1e1;
	padding-top: 10px;
}
div#relatedLink dl:first-child {
	margin-top: 0;
	border-top: none;
	padding-top: 0;
}
div#relatedLink dt {
	line-height: 1.5em;
	font-weight: bold;
}
div#relatedLink dd {
	margin: -1.5em 0 0 6em;
}

div#originalTxt {
	margin-top: 20px;
	padding: 10px;
	border: 3px solid #e1e1e1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* #9621 20140708 ADD */
div.lumpEntryArea {
	padding: 10px;
	border: 3px solid #c1c1c1;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin-bottom: 10px;
}
div.lumpEntryArea p {
	text-align: center;
}
div.lumpEntryArea p.item1 {
	margin-bottom: 10px;
}
div.lumpEntryArea p.item1 span.kantanOubo {
	background: #f33;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	padding: 1px 3px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-right: 3px;
}
div.lumpEntryArea p.item2 {
	margin-bottom: 10px;
}
div.lumpEntryArea p.item2 input[type="button"] {
	background: url(img/entry/btn_lump_entry.gif) no-repeat left top;
	width: 300px;
	height: 37px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
div.lumpEntryArea p.item2 input[type="button"]:hover {
	background: url(img/entry/btn_lump_entry_hover.gif) no-repeat left top;
}
div.lumpEntryArea p.item3 {
	font-weight: bold;
	margin: 0;
}

/* =========================================================
■Clearfix
========================================================= */
#socialHeader:after,
#topicPath:after,
.topicPath:after,
.clearfix:after,
#htWrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#socialHeader,
#topicPath,
.topicPath,
.clearfix,
#htWrap {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html #socialHeader,
* html #topicPath,
* html .topicPath,
* html .clearfix,
* html #htWrap { height: 1%; }
#socialHeader,
#topicPath,
.topicPath,
.clearfix,
#htWrap { display: block; }
/* End hide from IE-mac */

/* ------------------------------------------------------ */


/* 20150212 MLC start */
div.completeText .autoTransitionLink{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-bottom: 20px;
	border: 1px solid #e1e1e1;
	padding: 20px;
}
div.completeText .notice{
	position: relative;
	margin-bottom: 5px;
	padding-left: 1.25em;
}
div.completeText .notice:last-child{
	margin-bottom: 40px;
}
div.completeText .notice .mark{
	position: absolute;
	top: 0;
	left: 0;
}
/* 20150212 MLC end */


/* 20170516 NSSOL */
div#content div.matchbanner div.inner div.osusumelist .sub_title span.icon_employment,
.result .header .sub_title span.icon_employment,
.jobAdviceBlock .header .sub_title span.icon_employment,
.list .sub_header .sub_title span.icon_employment,
.previewUnit .header .sub_title span.icon_employment,
#companyInfo span.icon_employment,
.tab_footer .other span.icon_employment,
.listJobSet .listJob span.icon_employment {
	display: inline-block;
	background: #2c66d0;
	font-size: 10px;
	line-height: 10px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	min-width: 62px;
	margin: -4px 0 0 10px;
	padding: 4px 4px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.previewUnit #companyInfo .text h1 span.icon_employment {
	color: #fff;
}
.tab_footer .other span.icon_deli_status,
.listJobSet .listJob span.icon_deli_status {
	display: inline-block;
	font-size: 10px;
	line-height: 10px;
	letter-spacing: 0.3em;
	font-weight: normal;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	min-width: 70px;
	margin: -4px 0 0 2px;
	padding: 4px 0;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.tab_footer .other span.icon_deli_status.new,
.listJobSet .listJob span.icon_deli_status.new {
	background: #ff2800;
}
.tab_footer .other span.icon_deli_status.update,
.listJobSet .listJob span.icon_deli_status.update {
	background: #ac0505;
}
.tab_footer .other span.icon_employment + .icon_deli_status {
	margin-left: 2px;
}
.list .sub_header .sub_title span.simpleentry,
#companyInfo span.simpleentry {
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	background-color: #F00;
	padding: 2px 6px 4px;
	margin: -3px 10px 0 4px;
}