@charset "utf-8";
/* CSS Document */

/* =====================================================================
*
*    recruit-style.css INDEX
*
*    // 「リクルート」ページのスタイル
*
*
*    1. Content Header
*
*    2. Information
*       2.1. Job Info
*
*    3. How to Entry
*
*    4. Remarks
*
* =================================================================== */


/* =====================================================================
*
*    1. Content Header
*
* =================================================================== */

#contentHeader {
	width: 100%;
	padding: 52px 0 43px 0;
	background: url(../images/recruit/ttl_bg.jpg) right top no-repeat;
}

#contentHeader h1 {
	height: 57px;
	overflow: hidden;
	background: url(../images/recruit/ttl.gif) no-repeat;
	margin: 0 0 16px 0;
}

#contentHeader .catch {
	height: 20px;
	overflow: hidden;
	background: url(../images/recruit/desc.gif) no-repeat;
}

.desc {
	padding: 6px 12px;
	border-bottom: #EFEBE7 1px solid;
	background: #FBFBFA;
}

.desc .seal {
	position: absolute;
	left: -17px;
	top: 23px;
	z-index: 300;
}

.desc p em { color: #00A6BF;}
.desc p em a { padding: 1px 2px 0; background: #FFFF00; color: #FF3366;}


/* =====================================================================
*
*    2. Information
*
* =================================================================== */

#information h2 {
	height: 20px;
	overflow: hidden;
	background: url(../images/recruit/info_ttl.gif) no-repeat;
}

/* ---------------------------------------------------------------------
*    2.1. Job Info
* ------------------------------------------------------------------- */

.jobInfo {
	width: 700px;
	margin: 24px 0 36px 0;
}

.jobInfo h3 {
	float: left;
	width: 123px;
	padding-left: 27px;
	background: url(../images/recruit/icon_marker.gif) 12px 3px no-repeat;
	color: #00A6BF;
	font-weight: bold;
}

.jobInfo .intro {
	float: right;
	width: 526px;
	padding: 0 12px 0 0;
}

.jobInfo .intro p {
	margin-bottom: 12px;
}

.jobInfo h4 {
	clear: both;
	height: 20px;
	overflow: hidden;
	padding: 12px 0 0 0;
	background: url(../images/recruit/reguire_ttl.gif) left bottom no-repeat;
}

dl.requireDl {
	width: 700px;
	background: url(../images/recruit/require_bg_table.gif) repeat-y;
	border-bottom: 1px solid #EFEBE7;
}

dl.requireDl dt {
	clear: both;
	float: left;
	width: 138px;
	padding-left: 12px;
	line-height: 23px;
}

dl.requireDl dd {
	float: right;
	width: 526px;
	padding: 0 12px;
	line-height: 23px;
}

dl.requireDl dd strong {
	color: #00A6BF;
	font-weight: bold;
}


/* =====================================================================
*
*    3. How to Entry
*
* =================================================================== */

#how {
	width: 100%;
	margin-bottom: 60px;
}

#how .main {
	float: left;
	width: 300px;
}

#how .sub {
	float: right;
}

#how h2 {
	height: 20px;
	overflow: hidden;
	background: url(../images/recruit/how_ttl.gif);
}

#how .main ul {
	width: 276px;
	padding: 0 12px 0 12px;
	margin-bottom: 24px;
	background: url(../images/recruit/how_bg_lined.gif) repeat-y;
}

#how .main ul li { line-height: 23px; }


#how .address h3 {
	height: 10px;
	margin-bottom: 6px;
	background: url(../images/recruit/how_address_ttl.gif) 12px 0 no-repeat;
}

#how p.address_text { padding-left: 12px; color: #FF3366;}


/* =====================================================================
*
*    4. Remarks
*
* =================================================================== */

#remarks h2 {
	height: 20px;
	overflow: hidden;
	background: url(../images/recruit/remarks_ttl.gif);
}

#remarks ol {
	width: 676px;
	margin-top: 12px;
	padding: 0 12px;
}

#remarks ol li {
	list-style: decimal;
	margin-left: 20px;
}