@charset "utf-8";
/*
=============================================================================
page-recruit.css
=============================================================================
Structure:
	[Content]
		01. Headline
	[Main Content]
		01. Recruit Page
		02. President Message Page
		03. Senior Message Page
		04. Employ Info Page
		05. Personnel Policy Page
		06. Classification Page
	[Common Styling]
		01. Element Styling
*/

/*
-----------------------------------------------------------------------------
[Content]
=============================================================================
/*	01. Headline
-----------------------------------------------------------------------------*/
div.content h2 { margin-bottom: 50px; }


/*
-----------------------------------------------------------------------------
[Main Content]
=============================================================================
/*	01. Recruit Page
-----------------------------------------------------------------------------*/
/* 採用情報 */
div#recruit {
	margin-top: -65px;
	background: url(../images/bg-recruit.jpg) no-repeat 100% 0;
	}

div#recruit-heads { margin-bottom: 30px; }

	div#recruit-heads h2 { padding-top: 75px; }

	div#recruit-heads h3 {
		margin-top: 50px;
		margin-bottom: 0;
		padding-bottom: 0;
		background: none;
		}

	div#recruit-heads p {
		width: 480px;
		padding-top: 20px;
		color: #555555;
		font-size: 108%;
		text-align: justify;
		text-justify: inter-ideograph;
		}

div#recruit div.main-content {
	font-size: 93%;
	zoom: 1;
	}
	div#recruit div.main-content:after {
		content: " ";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
		}

	div#recruit div.main-content ul.view {
		margin-right: -10px;
		padding: 0 0 4em;
		overflow: hidden;
		zoom: 1;
		}
		div#recruit div.main-content ul.view:after {
			content: " ";
			clear: both;
			height: 0;
			display: block;
			visibility: hidden;
			}

		div#recruit div.main-content ul.view li {
			float: left;
			margin-right: 10px;
			padding: 0;
			}

			div#recruit div.main-content ul.view li a {
				display: block;
				width: 115px;
				padding: 10px 20px;
				border: solid 5px #ccc;
				background: #fdfdfd url(../images/img-gradation.gif) repeat-x 0 100%;
				font-size: 108% !important;
				font-weight: bold;
				text-align: center;
				}
				div#recruit div.main-content ul.view li a:hover,
				div#recruit div.main-content ul.view li a:active {
					border: solid 5px #aaa;
					text-decoration: none;
					}

	div#recruit div.main-content dl {
		display: inline-table;
		width: 100%;
		padding: 0 0 4em;
		zoom: 1;
		}

		div#recruit div.main-content dl dt {
			float: left;
			width: 200px;
			padding-right: 20px;
			vertical-align: top;
			overflow: hidden;
			zoom: 1;
			}

			div#recruit div.main-content dl dt img {
				display: block;
				width: 200px;
				}

		div#recruit div.main-content dl dd {
			line-height: 1.6;
			vertical-align: middle;
			overflow: hidden;
			zoom: 1;
			}

			div#recruit div.main-content dl dd ul { margin: 0 10px; }

				div#recruit div.main-content dl dd ul li {
					padding: 0.2em 0 0.2em 20px;
					background: url(../images/li-head2.png) no-repeat 0 0.4em;
					font-weight: bold;
					vertical-align: middle;
					}


/*	02. President Message Page
-----------------------------------------------------------------------------*/
/* 社長からのメッセージ */
div#graduates div.main-content div.post {
	margin-bottom: 20px;
	overflow: hidden;
	zoom: 1;	
	}

	div#graduates div.main-content div.post p {
		text-align: justify;
		text-justify: inter-ideograph;
		}

/* 写真 */
div#graduates div.main-content div.sidebar {
	margin-left: 20px;
	text-align: center;
	}

	/* キャプション */
	div#graduates div.main-content div.sidebar ul li p {
		padding: 5px 3px;
		font-size: 85%;
		line-height: 1.2;
		text-align: center;
		}


/*	03. Senior Message Page
-----------------------------------------------------------------------------*/
/* 先輩からのメッセージ（リスト） */
div#message-head p {
	padding-bottom: 2.5em;;
	color: #555555;
	font-size: 108%;
	}

ul#message-list {
	margin-right: -15px;
	overflow: hidden;
	zoom: 1;
	}

ul#message-list li.senior-list {
	display: block;
	float: left;
	width: 317px;
	margin: 0 15px 15px 0;
	padding: 5px;
	border: solid 5px #ccc;
	background: #fdfdfd url(../images/img-gradation.gif) repeat-x 0 100%;
	vertical-align: middle;
	overflow: hidden;
	zoom: 1;
	}

	ul#message-list li.senior-list:hover { border-color: #68d6c6; }

	ul#message-list li.senior-list ul {
		float: left;
		width: 80px;
		margin-right: 10px;
		}

	ul#message-list li.senior-list div.text {
		overflow: hidden;
		zoom: 1;
		}

		ul#message-list li.senior-list a {
			font-size: 93%;
			line-height: 1.6;
			color: #323232;
			font-weight: bold;
			}
		ul#message-list li.senior-list a:hover { text-decoration: none; }
	
		ul#message-list li.senior-list p {
			padding: 0.5em 0.5em 0 0;
			font-size: 85%;
			line-height: 1.6;
			}

/* 先輩からのメッセージ（個別） */
div#senior_message div.message {
	float: left;
	width: 465px;
	margin-bottom: 20px;
	}

	/* 質問 */
	div#senior_message div.message div.question {
		padding-bottom: 1.2em;
		color: #aaa;
		font-weight: bold;
		vertical-align: middle;
		}

		div#senior_message div.message div.question p { display: inline; }

	/* 回答 */
	div#senior_message div.message div.answer {
		padding-bottom: 2.0em;
		text-align: justify;
		text-justify: inter-ideograph;
		vertical-align: middle;
		}

		div#senior_message div.message div.answer p { display: inline; }

		div#senior_message div.message div.answer span {
			padding-right: 1em;
			font-weight: bold;
			}

/* プロフィール */
div#senior_message div.profile {
	float: right;
	width: 200px;
	}

	div#senior_message div.profile img.attachment-medium {
		display: block;
		width: 200px;
		overflow: hidden;
		zoom: 1;
		}

	div#senior_message div.profile h4 {
		margin-top: 15px;
		padding-bottom: 10px;
		font-size: 93%;
		font-weight: bold;
		}

	div#senior_message div.profile p { font-size: 93%; }


/*	04. Employ Info Page
-----------------------------------------------------------------------------*/
/* どんな人を求めているか */
div#employ_info ul.wanted-list {
	display: block;
	margin: 0 15px 2.5em;
	padding: 0 20px 0 30px;
	font-weight: bold;
	}

	div#employ_info ul.wanted-list li {
		padding: 0.5em 0 0.5em 40px;
		background: url(../images/li-check.gif) no-repeat 0 0.45em;
		font-size: 108%;
		line-height: 1.6;
		vertical-align: middle;
		}

/* 採用の流れ */
div#employ_info ol.step {
	display: block;
	margin: 0.5em 15px 2.5em;
	overflow: hidden;
	zoom: 1;
	}

	div#employ_info ol.step li {
		margin: -2px 10px 10px;
		padding: 15px 0 10px 90px;
		border-top: dotted 2px #c5fbec;
		background-repeat: no-repeat;
		background-position: 0 15px;
		list-style: none;
		font-size: 108%;
		font-weight: bold;
		line-height: 1.6;
		vertical-align: middle;
		}

		div#employ_info ol.step li.step1 { background-image: url(../images/li-step1.png); }
		div#employ_info ol.step li.step2 { background-image: url(../images/li-step2.png); }
		div#employ_info ol.step li.step3 { background-image: url(../images/li-step3.png); }
		div#employ_info ol.step li.step4 { background-image: url(../images/li-step4.png); }
		div#employ_info ol.step li.step5 { background-image: url(../images/li-step5.png); }
		div#employ_info ol.step li.step6 { background-image: url(../images/li-step6.png); }
		div#employ_info ol.step li.step7 { background-image: url(../images/li-step7.png); }
		div#employ_info ol.step li.step8 { background-image: url(../images/li-step8.png); }
		div#employ_info ol.step li.step9 { background-image: url(../images/li-step9.png); }

/*	05. Personnel Policy Page
-----------------------------------------------------------------------------*/
/* 人事方針 */
div#personnel_policy ul.wanted-list {
	display: block;
	margin: 0 15px 2.5em;
	padding: 0 20px 0 30px;
	font-weight: bold;
	}

	div#personnel_policy ul.wanted-list li {
		padding: 0.5em 0 0.5em 40px;
		background: url(../images/li-check.gif) no-repeat 0 0.45em;
		font-size: 108%;
		line-height: 1.6;
		vertical-align: middle;
		}

div#personnel_policy ol {
	display: block;
	margin: 0.5em 15px 2.5em;
	overflow: hidden;
	zoom: 1;
	}

	div#personnel_policy ol li {
		margin: 0 10px 0 26px;
		padding: 10px 0 10px 44px;
		background-repeat: no-repeat;
		background-position: 0 50%;
		list-style: none;
		font-size: 100%;
		font-weight: bold;
		line-height: 1.6;
		vertical-align: middle;
		}

		div#personnel_policy ol li.step1 { background-image: url(../images/li-number1.png); }
		div#personnel_policy ol li.step2 { background-image: url(../images/li-number2.png); }
		div#personnel_policy ol li.step3 { background-image: url(../images/li-number3.png); }
		div#personnel_policy ol li.step4 { background-image: url(../images/li-number4.png); }
		div#personnel_policy ol li.step5 { background-image: url(../images/li-number5.png); }
		div#personnel_policy ol li.step6 { background-image: url(../images/li-number6.png); }
		div#personnel_policy ol li.step7 { background-image: url(../images/li-number7.png); }
		div#personnel_policy ol li.step8 { background-image: url(../images/li-number8.png); }
		div#personnel_policy ol li.step9 { background-image: url(../images/li-number9.png); }

/*	06. Classification Page
-----------------------------------------------------------------------------*/
/* 新卒者募集要項・経験者募集職種 */
div#classification #tabs ul#job-class {
	float: none;
	left: 0;
	margin: 0 20px 40px;
	overflow: hidden;
	text-align: left;
	zoom: 1;
	}

div#classification #tabs div.ui-tabs-panel { margin-bottom: 40px; }

/* 職種一覧 */
div#classification #tabs ul#job-class li.job-class-list {
	display: block;
	right: auto;
	padding: 0.2em 0 0.2em 20px;
	background: url(../images/li-head2.png) no-repeat 0 0.35em;
	line-height: 1.4;
	vertical-align: middle;
	}

	/* 職種のアンカー */
	div#classification #tabs ul#job-class li.job-class-list a {
		font-weight: bold;
		}

/* エントリーページへのアンカー */
div#classification .entry a.entry-link {
	display: block;
	width: 97%;
	margin: 5px auto;
	padding: 10px 0;
	border: solid 1px #333;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#4f4f4f), to(#323232));
	background: -moz-linear-gradient(top,  #4f4f4f,  #323232);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f4f4f', endColorstr='#323232');
	color: #c7c7c7;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
	outline: 0;
	}
	div#classification .entry a.entry-link:hover {
		background: #000;
		background: -webkit-gradient(linear, left top, left bottom, from(#404040), to(#323232));
		background: -moz-linear-gradient(top,  #404040,  #212121);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#404040', endColorstr='#323232');
		text-decoration: none;
		}
	div#classification .entry a.entry-link:active {
		color: #efefef;
		background: -webkit-gradient(linear, left top, left bottom, from(#323232), to(#4f4f4f));
		background: -moz-linear-gradient(top,  #212121,  #404040);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#323232', endColorstr='#4f4f4f');
		text-decoration: none;
		}

/* 職種一覧に戻る */
div#classification a.goto-job-list {
	position: absolute;
	right: 0;
	margin-top: -2.0em;
	padding-right: 20px;
	background: url(../images/bg-up.gif) no-repeat 100% 50%;
	color: #777;
	font-size: 85%;
	outline: 0;
	}
	div#classification a.goto-job-list:hover { text-decoration: none; }

/* 採用担当 */
div#classification h3.work { margin-top: 30px; }



/*
-----------------------------------------------------------------------------
[Common Styling]
=============================================================================
/*	01. Element Styling
-----------------------------------------------------------------------------*/
div#employ_info table,
div#explanation table,
div#experienced table {
	width: 96%;
	margin: 0 auto 2.5em;
	}

	div#employ_info table p,
	div#explanation table p,
	div#experienced table p { padding: 0; }