@charset "UTF-8";

@import url("common.css");
@import url("lower.css");


/* -------------------------------------------------------------------
 新卒採用トップ,社会人採用トップ,募集情報
------------------------------------------------------------------- */

div.index-box {
	position: relative;
	width: 487px;
	margin-bottom: 25px;
}

div.index-box p.link {
	position: absolute;
	top: 3px;
	right: 0px;
	width: 283px;
	text-align: right;
	font-size: 86%;
}

div.index-box p.link a {
	padding: 1px 0px 1px 15px;
	background: url(../img/icon_link.gif) no-repeat 0px 3px;
}

div.index-box p.main_image {
	margin-bottom: 20px;
}

p.caution {
	font-size: 86%;
	line-height: 1.5em;
	padding: 0px 0px 5px;
}

/* コンテンツリンク -------------------- */

div.link-wrap {
	width: 487px;
	margin-bottom: 17px;
}

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

div.link-wrap dl {
	float: left;
	width: 233px;
}

div.link-wrap dl.right {
	float: right;
}

div.link-wrap dl dt {
	font-size: 1px;
	line-height: 1px;
}

div.link-wrap dl dd {
	margin-top: 8px;
	font-size: 86%;
}

div.link-wrap p {
	float: right;
	width: 233px;
}

div.link-wrap p span.video-link {
	font-size: 86%;
	margin-top:5px;
	padding-left: 15px;
	background: url(../img/icon_link.gif) no-repeat 0px 2px;

}

/* エントリー -------------------- */

div.entry-box {
	width: 487px;
	background: url(../img/bg_reader_repeat.gif) repeat-y;
}

div.entry-box p {
	padding: 10px 14px 17px;
	background: url(../img/bg_reader_tp.gif) no-repeat left top;
	font-size: 86%;
}

div.entry-box ul {
	padding: 0px 0px 0px 57px;
	background: url(../img/bg_reader_bt.gif) no-repeat left bottom;
}
div.entry-box ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.entry-box ul { display:inline-block; }
/*\*/
* html div.entry-box ul { height:1%; }
div.entry-box ul { display:block; }
/**/

div.entry-box ul li {
	float: left;
	width: 215px;
	padding-bottom: 15px;
}

div.entry-box ul li img {
	vertical-align: top;
}



/* -------------------------------------------------------------------
 採用情報
------------------------------------------------------------------- */

div.require-box {
	position: relative;
	width: 487px;
}

div.require-box p.date {
	position: absolute;
	top: 3px;
	right: 0px;
	width: 283px;
	text-align: right;
	font-size: 86%;
}


/* 職種リスト -------------------- */

div.require-box td.job dl {
	margin: 5px 0px 15px;
	padding-left: 8px;
	border-left: 2px solid #D0D0D0;
}

div.require-box td.job dl.btm {
	margin: 5px 0px 0px;
}

div.require-box td.job dl dt {
	font-weight: bold;
	line-height: 1.5em;
}

div.require-box td.job dl dd {
	margin-bottom: 5px;
	font-size: 86%;
	line-height: 1.5em;
}

div.require-box td.job dl dd.btm {
	margin-bottom: 0px;
}

div.require-box td span.small {
	font-size: 86%;
}

div.require-box td ul {
	margin: 8px 0px;
}

div.require-box td li {
	display: inline;
	padding: 0px 20px 0px 0px;
}

div.require-box td li a {
	padding: 0px;
	background: none;
}


/* 初任給 -------------------- */

table.salary {
	width: 309px;
}

table.salary th {
	width: 309px;
	padding: 0px;
	border-top: none;
	background: url(../img/line_dot_gray.gif) repeat-x left bottom;
}

table.salary td {
	padding: 0px;
	border-top: none;
	background: url(../img/line_dot_gray.gif) repeat-x left bottom;
}

table.salary tr.btm th,
table.salary tr.btm td {
	background: none;
}


/* 個人情報の取り扱いについて -------------------- */

dl.privacy {
	width: 309px;
	margin: 8px 0px;
	background: url(../../recruit/carrier/img/bg_privacy_repeat.gif) repeat-y;
	font-size: 86%;
	line-height: 1.5em;
}

dl.privacy dt {
	padding: 6px 9px 0px;
	background: url(../../recruit/carrier/img/bg_privacy_tp.gif) no-repeat;
	font-weight: bold;
}

dl.privacy dd {
	padding: 0px 9px 6px;
	background: url(../../recruit/carrier/img/bg_privacy_bt.gif) no-repeat left bottom;
}


/* お問い合わせ -------------------- */

div.contact-box {
	width: 487px;
	margin-top: 15px;
	margin-bottom:40px;
	background: url(../img/bg_reader_repeat.gif) repeat-y;
}

div.contact-box dl {
	width: 487px;
	background: url(../img/bg_reader_tp.gif) no-repeat left top;
}

div.contact-box dt {
	margin: 0px 15px;
	padding: 12px 0px 5px;
	background: url(../img/line_dot_gray.gif) repeat-x left bottom;
	font-weight: bold;
}

div.contact-box dd {
	padding: 4px 15px 11px 15px;
	background: url(../img/bg_reader_bt.gif) no-repeat left bottom;
	line-height: 1.8em;
}

div.contact-box dd dl.number {
	width: 457px;
	background: none;
}

div.contact-box dd dl.number dt {
	float: left;
	width: 2em;
	margin: 0px;
	padding: 0px;
	background: none;
	font-weight: normal;
}

div.contact-box dd dl.number dd {
	margin-left: 2.2em;
	padding: 0px;
	background: none;
}



/* -------------------------------------------------------------------
 採用担当者からのメッセージ
------------------------------------------------------------------- */

p.message-top {
	margin-bottom: 20px;
}

dl.message {
	padding-top: 15px;
}

dl.message dt {
	margin: 40px 0px 6px;
	font-size: 125%;
	font-weight: bold;
}

dl.message dd {
	line-height: 1.8em;
}


/* -------------------------------------------------------------------
 ID Saloon
------------------------------------------------------------------- */

p.saloon-txt {
	margin-bottom: 30px;
	font-weight: bold;
	line-height: 1.7em;
}

p.saloon-flash {
	margin-bottom:35px;
}


/* -------------------------------------------------------------------
 トレーニング制度,職種一覧
------------------------------------------------------------------- */

p.training-txt {
	margin: 9px 0px 33px;
	font-size: 86%;
}

div.training table.tbl-type01 {
	width: 487px;
	margin-bottom: 10px;
	background: url(../img/line_dot_gray.gif) repeat-x left bottom;
}

div#ct-right div.training h2.noline {
	border-bottom: none;
}


/* トレーンジング体系図 -------------------- */

div.training div.pic-area {
	position: relative;
	width: 487px;
	padding: 51px 0px 19px;
	background: url(../../recruit/fresh/img/training_bg.gif) no-repeat;
}

div.training div.pic-area h3.ct01 {
	position: absolute;
	top: 51px;
	left: 14px;
	width: 34px;
}

div.training div.pic-area h3.ct02 {
	position: absolute;
	bottom: 28px;
	left: 14px;
	width: 34px;
}

div.training div.pic-area ul {
	margin-left: 71px;
}

div.training div.pic-area ul.ct01 {
	padding-bottom: 28px;
}

div.training div.pic-area ul li img {
	margin-bottom: 6px;
}

div.training div.pic-area ul li ul {
	margin: 0px;
}
div.training div.pic-area ul li ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.training div.pic-area ul li ul { display:inline-block; }
/*\*/
* html div.training div.pic-area ul li ul { height:1%; }
div.training div.pic-area ul li ul { display:block; }
/**/

div.training div.pic-area ul li ul li {
	float: left;
	width: 111px;
	margin-right: 31px;
}

div.training div.pic-area ul li ul li.right {
	margin: 0px;
}

div.training div.pic-area ul li ul li.right img {
	margin-bottom: 5px;
}


/* -------------------------------------------------------------------
 福利厚生
------------------------------------------------------------------- */

p.welfare-txt {
	margin-bottom: 18px;
	font-weight: bold;
}

div.welfare-wrap {
	width: 487px;
	padding-bottom: 9px;
	border-top: 1px solid #BCBBB9;
}
div.welfare-wrap:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.welfare-wrap { display:inline-block; }
/*\*/
* html div.welfare-wrap { height:1%; }
div.welfare-wrap { display:block; }
/**/

div.welfare-wrap dl {
	width: 310px;
	float: left;
	margin-top: 4px;
}

div.welfare-wrap dl dt {
	margin-bottom: 4px;
	font-weight: bold;
}

div.welfare-wrap dl dd {
	line-height: 1.8em;
}

div.welfare-wrap p {
	float: right;
	width: 149px;
	margin-top: 8px;
}

div.welfare-wrap p img {
	margin-bottom: 1px;
}


/* -------------------------------------------------------------------
 入社までの流れ
------------------------------------------------------------------- */

div.flow {
	width: 487px;
	height: 754px;
	background: url(../../recruit/fresh/info/img/flow_bg.gif) no-repeat;
}

div.flow ul {
	margin-left: 14px;
	padding-top: 14px;
}

div.flow ul li {
	margin-bottom: 19px;
}

div.flow ul li.btm {
	margin-bottom: 0px;
}

p.flow {
	font-size: 100%;
	padding: 2px;
}


/* -------------------------------------------------------------------
 会社説明会日程


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

div#ct-right div.schedule h2 {
	padding: 0px 0px 10px;
	/* 2010-01-05 */
	border-bottom: 2px solid #819E5B;
	margin-bottom:5px;
	/*
	border-bottom: none;
	*/
}

div#ct-right div.schedule h2.noline {
	padding: 0px 0px 10px;
	border-bottom: none;
}

/* 開催予定地マップ -------------------- */

div.schedule div.map-area {
	position: relative;
	width: 487px;
	height: 524px;
	margin: 20px 0px 120px;
}

div.schedule div.map-area {
	position: relative;
	z-index: 1;
}

div.schedule div.map-area li {
	width: 38px;
}

div.schedule div.map-area li.point01 {
	position: absolute;
	top: 76px;
	right: 114px;
}

div.schedule div.map-area li.point02 {
	position: absolute;
	top: 234px;
	right: 126px;
}

div.schedule div.map-area li.point03 {
	position: absolute;
	top: 323px;
	right: 159px;
}

div.schedule div.map-area li.point04 {
	position: absolute;
	top: 338px;
	left: 212px;
	width: 49px;
}

div.schedule div.map-area li.point05 {
	position: absolute;
	top: 378px;
	left: 181px;
}

div.schedule div.map-area li.point06 {
	position: absolute;
	top: 351px;
	left: 134px;
}


div.schedule div.map-area li.point07 {
	position: absolute;
	top: 354px;
	left: 94px;
}

div.schedule div.map-area li.point08 {
	position: absolute;
	top: 393px;
	left: 137px;
}
div.schedule div.map-area li.point09 {
	position: absolute;
	top: 381px;
	left: 37px;
}

div.schedule div.map-area li.point10 {
	position: absolute;
	top: 434px;
	left: 57px;
}

div.schedule div.map-area li.point11 {
	position: absolute;
	top: 474px;
	left: 25px;
	width: 49px;
}


/* 開催予定地詳細 -------------------- */

div.schedule table {
	width: 487px;
	background: url(../img/line_dot_gray.gif) repeat-x left bottom;
}

div.schedule th {
	width: 98px;
	padding: 5px 0px 15px;
	border-btm: 1px solid #BCBBB9;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	line-height: 1.7em;
}

div.schedule td {
	padding: 5px 0px 15px;
	border-btm: 1px solid #BCBBB9;
	text-align: left;
	vertical-align: top;
	line-height: 1.7em;
}

div.schedule tr.top th,
div.schedule tr.top td {
	padding: 5px 0px 2px;
	border-bottom: 2px solid #819E5B;
	font-weight: bold;
}

div.schedule tr.btm th,
div.schedule tr.btm td {
	padding: 5px 0px 40px;
	border-bottom: 1px solid #819E5B;
}

div.schedule p.info {
	padding: 30px 0px 100px 0px;
}



/* -------------------------------------------------------------------
 「採トレ」日記


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

div#ct-right p.nikki-txt {
	margin-bottom: 26px;
	padding-right: 90px;
	background: url(../../recruit/fresh/img/character.gif) no-repeat top right;
	font-weight: bold;
	line-height: 1.7em;
}

div.nikki-box {
	margin-bottom: 34px;
	padding: 0px 13px;
	border: 1px solid #E7E7E7;
}

div.nikki-box p {
	padding-bottom: 23px;
	line-height: 1.7em;
}

div.nikki-box p.date {
	margin-bottom: 21px;
	padding: 5px 0px 11px;
	background: url(../img/line_dot_gray.gif) repeat-x left bottom;
	font-size: 86%;
}

div.nikki-box p.pic,
div.nikki-box p.end {
	padding-bottom: 16px;
}



/* -------------------------------------------------------------------
 よくあるご質問


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

div.faq ul {
	padding: 0px 3px 45px;
	border-bottom: 3px solid #434343;
}

div.faq ul li {
	margin-bottom: 1px;
	padding-left: 18px;
	background: url(../../recruit/fresh/img/faq_mark01.gif) no-repeat left center;
	line-height: 1.9em;
}

div.faq dl {
	padding-top: 50px;
}

div.faq dl dt {
	margin-bottom: 3px;
	padding-left: 20px;
	background: url(../../recruit/fresh/img/icon_q.gif) no-repeat 0px 3px;
	line-height: 1.8em;
	font-weight: bold;
}

div.faq dl dd {
	margin-bottom: 16px;
	padding-bottom: 18px;
	background: url(../img/line_dot_gray.gif) repeat-x left bottom;
}

div.faq dl dd.btm {
	padding-bottom: 0px;
	background: none;
}

div.faq dl dd div.ans {
	padding-left: 20px;
	background: url(../../ir/img/icon_a.gif) no-repeat 0px 3px;
	line-height: 1.8em;
}

div.faq dl dd span {
	display: block;
	margin-top: 20px;
}

div.faq dl dd ul {
	padding: 0px 0px 0px 13px;
	border-bottom: none;
	border-left: 2px solid #D9D9D9;
}

div.faq dl dd ul li {
	padding-left: 1em;
	text-indent: -1em;
	background: none;
	line-height: 1.8em;
}

div.faq dl dd ul li span {
	display: inline;
}