@charset "utf-8";
/* ===================================================================
CSS information

 file name  :recruit.css
 author     :Ability Consultant
style info  :求人情報ページ設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */

/* ページタイトル
----------------------------------------------------------- */
#recruit #contents_head h2 {
	background: url(../recruit/images/st_recruit.gif) no-repeat center top;
}

/* サブメニュー
----------------------------------------------------------- */
#recruit ul.menu_recruit {
	width: 695px;
	height: 43px;
	margin: 0 0 15px 0;
	background: url(../recruit/images/menu_c_recruit.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#recruit ul.menu_recruit li {
	height: 43px;
	float: left;
}

#recruit ul.menu_recruit li a {
	height: 43px;
	display: block;
	overflow: hidden;
}

/* 求人情報トップ */
#recruit ul.menu_recruit li.m_top,
#recruit ul.menu_recruit li.m_top a {
	width: 116px;
}

#recruit ul.menu_recruit li.m_top a:hover,
#recruit ul.menu_recruit li.m_top a.active {
	width: 116px;
	background: url(../recruit/images/menu_c_recruit.gif) no-repeat 0 -43px;
}

/* 理想 */
#recruit ul.menu_recruit li.m_risou,
#recruit ul.menu_recruit li.m_risou a {
	width: 116px;
}

#recruit ul.menu_recruit li.m_risou a:hover,
#recruit ul.menu_recruit li.m_risou a.active {
	width: 116px;
	background: url(../recruit/images/menu_c_recruit.gif) no-repeat -116px -43px;
}

/* スタッフ */
#recruit ul.menu_recruit li.m_staff,
#recruit ul.menu_recruit li.m_staff a {
	width: 116px;
}

#recruit ul.menu_recruit li.m_staff a:hover,
#recruit ul.menu_recruit li.m_staff a.active {
	width: 116px;
	background: url(../recruit/images/menu_c_recruit.gif) no-repeat -232px -43px;
}

/* 会社概要*/
#recruit ul.menu_recruit li.m_company,
#recruit ul.menu_recruit li.m_company a {
	width: 116px;
}

#recruit ul.menu_recruit li.m_company a:hover,
#recruit ul.menu_recruit li.m_company a.active {
	width: 116px;
	background: url(../recruit/images/menu_c_recruit.gif) no-repeat -348px -43px;
}

/* 採用情報 */
#recruit ul.menu_recruit li.m_saiyou,
#recruit ul.menu_recruit li.m_saiyou a {
	width: 116px;
}

#recruit ul.menu_recruit li.m_saiyou a:hover,
#recruit ul.menu_recruit li.m_saiyou a.active {
	width: 116px;
	background: url(../recruit/images/menu_c_recruit.gif) no-repeat -464px -43px;
}

/* フォーム */
#recruit ul.menu_recruit li.m_form,
#recruit ul.menu_recruit li.m_form a {
	width: 115px;
}

#recruit ul.menu_recruit li.m_form a:hover,
#recruit ul.menu_recruit li.m_form a.active {
	width: 115px;
	background: url(../recruit/images/menu_c_recruit.gif) no-repeat -580px -43px;
}





/* -----------------------------------------------------------
	index.php 求人情報トップ
----------------------------------------------------------- */

/* recruit_con キャッチ
----------------------------------------------------------- */
#recruit div.recruit_con {
	width: 695px;
	margin: 0 0 40px 0;
	overflow: hidden;
}

#recruit div.recruit_con h3 {
	width: 320px;
	height: 565px;
	background: url(../recruit/images/img_recruit_main.jpg) no-repeat 0 0;
	text-indent: -9999px;
	float: left;
}

#recruit div.recruit_con div.txt {
	width: 374px;
	float: right;
	padding-top: 60px;
}

#recruit div.recruit_con div.txt p {
	padding: 0 0 0 30px;
}

#recruit div.recruit_con div.txt p.staff {
	padding: 0;
}


/* recruit_nav ナビゲーション
----------------------------------------------------------- */
#recruit div.recruit_nav {
	width: 695px;
	margin: 0 0 60px 0;
}

#recruit div.recruit_nav div.bn_top {
	height: 110px;
	border-bottom: 1px #b26414 dotted;
	overflow: hidden;
}

#recruit div.recruit_nav div.bn_bottom {
	overflow: hidden;
}

#recruit div.recruit_nav p.bn_l {
	margin: 0;
	padding: 20px 30px 20px 20px;
	border-right: 1px #b26414 dotted;
	float: left;
}

#recruit div.recruit_nav p.bn_r {
	margin: 0;
	padding: 20px;
	float: right;
}


/* bn_nav ボタン
----------------------------------------------------------- */
#recruit p.bn_nav {
	width: 695px;
	margin: 0 0 40px 0;
	text-align: right;
}





/* -----------------------------------------------------------
	risou.php 向陽閣が求める理想
----------------------------------------------------------- */

/* risou_catch_con キャッチ
----------------------------------------------------------- */
#recruit div.risou_catch_con {
	width: 695px;
	margin: 0 0 40px 0;
	overflow: hidden;
}

#recruit div.risou_catch_con h3 {
	width: 695px;
	height: 60px;
	margin: 0 0 15px 0;
	background: url(../recruit/images/risou/st_risou.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#recruit div.risou_catch_con p.photo {
	padding: 0 0 0 20px;
	float: right;
}

#recruit div.risou_catch_con div.txt {
	padding: 20px 0 0 0;
	overflow: hidden;
}



/* training_con 研修
----------------------------------------------------------- */
#recruit div.training_con {
	width: 695px;
	margin: 0 0 40px 0;
}

#recruit div.training_con div.training {
	width: 695px;
	margin: 0 0 40px 0;
}

#recruit div.training_con div.training h4 {
	width: 683px;
	margin: 0 0 10px 0;
	padding: 10px 0 10px 10px;
	border: 1px #b26414 dotted;
	font-size: 120%;
}

#recruit div.training_con div.training div.comment {
	width: 695px;
	overflow: hidden;
}

#recruit div.training_con div.training div.comment p.photo {
	padding: 0 0 0 20px;
	float: right;
}

#recruit div.training_con div.training div.comment div.txt {
	overflow: hidden;
}

#recruit div.training_con div.training div.prof {
	width: 663px;
	margin: 10px 0 0 0;
	padding: 15px 15px 0 15px;
	border: 1px #cfc9aa solid;
}

#recruit div.training_con div.training div.prof p {
	margin: 0 0 15px 0;
}





/* -----------------------------------------------------------
	staff.php スタッフの想い
----------------------------------------------------------- */

/* staff_comment_con スタッフコメント
----------------------------------------------------------- */
#recruit div.staff_comment_con {
	width: 695px;
	margin: 0 0 40px 0;
}

#recruit div.staff_comment_con h3 {
	width: 695px;
	height: 60px;
	margin: 0 0 15px 0;
	background: url(../recruit/images/staff/st_staff.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/* 共通 */
#recruit div.staff_comment_con div.staff_list {
	width: 695px;
	margin: 0 0 30px 0;
	overflow: hidden;
}

#recruit div.staff_comment_con div.staff_list h4 {
	width: 683px;
	margin: 0 0 10px 0;
	padding: 10px 0 10px 10px;
	border: 1px #b26414 dotted;
	font-size: 120%;
}

#recruit div.staff_comment_con div.staff_list p.photo {
	padding: 0 0 0 20px;
	float: right;
}

#recruit div.staff_comment_con div.staff_list div.txt {
	overflow: hidden;
}


/* staff_photo_con スタッフ写真館
----------------------------------------------------------- */
#recruit div.staff_photo_con {
	width: 695px;
	margin: 0 0 40px 0;
}

#recruit div.staff_photo_con h4 {
	width: 695px;
	height: 40px;
	margin: 0 0 10px 0;
	background: url(../recruit/images/staff/st_photo.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#recruit div.staff_photo_con div.staff_photo {
	width: 650px;
	margin: 0 0 0 25px;
	overflow: hidden;
}

#recruit div.staff_photo_con div.staff_photo div.photo_list {
	width: 310px;
	margin: 0 15px 15px 0;
	float: left;
}

#recruit div.staff_photo_con div.staff_photo div.photo_list h5 {
	width: 100%;
	padding: 10px 0;
	background-color: #e7e1cb;
	text-align: center;
}

#recruit div.staff_photo_con div.staff_photo div.photo_list p {
	margin: 0 0 5px 0;
}





/* -----------------------------------------------------------
	company.php 会社概要
----------------------------------------------------------- */

/* company_con 社長コメント
----------------------------------------------------------- */
#recruit div.company_con {
	width: 695px;
	margin: 0 0 40px 0;
	overflow: hidden;
}

#recruit div.company_con h3 {
	width: 695px;
	height: 60px;
	margin: 0 0 15px 0;
	background: url(../recruit/images/company/st_company.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#recruit div.company_con div.txt {
	width: 490px;
	float: left;
}

#recruit div.company_con div.txt h4 {
	width: 395px;
	height: 25px;
	margin: 0 0 10px 0;
	background: url(../recruit/images/company/st_company_txt.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#recruit div.company_con div.photo {
	width: 180px;
	float: right;
}

#recruit div.company_con div.photo p.president_name {
	width: 100%;
	padding: 10px 0;
	background-color: #e7e1cb;
	text-align: center;
}


/* company_info 会社情報
----------------------------------------------------------- */
#recruit div.company_info {
	width: 695px;
	margin: 0 0 40px 0;
}

#recruit div.company_info h4 {
	font-size: 120%;
}

#recruit div.company_info table {
	width: 694px;
	margin: 0 0 0 1px;
}

#recruit div.company_info dl {
	width: 400px;
}

#recruit div.company_info dl dt {
	width: 100px;
	padding: 5px 0 5px 10px;
	clear: both;
	float: left;
}

#recruit div.company_info dl dd {
	width: 260px;
	margin-left: 100px;
	padding: 5px 5px 5px 10px;
}





/* -----------------------------------------------------------
	saiyou.php 採用情報
----------------------------------------------------------- */

/* saiyou_con 採用情報
----------------------------------------------------------- */
#recruit div.saiyou_con {
	width: 695px;
	margin: 0 0 40px 0;
}

#recruit div.saiyou_con h3 {
	width: 695px;
	height: 60px;
	margin: 0 0 15px 0;
	background: url(../recruit/images/saiyou/st_saiyou.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#recruit div.saiyou_con p.bn_mynavi {
	width: px;
	margin: 0 auto;
	padding: 0 0 40px 150px;
}

#recruit div.saiyou_con h4.st_shinsotsu {
	width: 695px;
	height: 40px;
	margin: 0 0 10px 0;
	background: url(../recruit/images/saiyou/st_shinsotsu.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#recruit div.saiyou_con h4.st_tyuto {
	width: 695px;
	height: 40px;
	margin: 0 0 10px 0;
	background: url(../recruit/images/saiyou/st_tyuto.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#recruit div.saiyou_con h4.st_part {
	width: 695px;
	height: 40px;
	margin: 0 0 10px 0;
	background: url(../recruit/images/saiyou/st_part.gif) no-repeat 0 0;
	text-indent: -9999px;
}


#recruit div.saiyou_con span.ex {
	font-weight: bold;
}

#recruit div.saiyou_con table {
	margin: 0 0 40px 0;
	width: 100%;
}

#recruit div.saiyou_con dl {
	width: 500px;
}

#recruit div.saiyou_con dl dt {
	/*width: 100px;*/
	padding: 5px 0 1px 5px;
	float: left;
}

#recruit div.saiyou_con dl dd {
	padding: 5px 0 5px 100px;
	border-bottom: 1px #cfc9aa dotted;
}

#recruit div.saiyou_con dl dd.last {
	border-bottom: none;
}

/* 応募先 */
#recruit div.saiyou_con div.saiyou_contact {
	width: 330px;
	margin: 0 auto;
	padding: 15px 15px 10px 15px;
	text-align: center;
	border: 1px #cfc9aa solid;
}


/* saiyou_bn 求人サイトへのリンク
----------------------------------------------------------- */
#recruit div.saiyou_bn {
	width: 360px;
	margin: 0 auto 40px auto;
	text-align: center;
}






/* -----------------------------------------------------------
	form/index.php エントリーフォーム
----------------------------------------------------------- */

/* menu_recruit フォームナビゲーション
----------------------------------------------------------- */
#recruit div.formguide_con {
	width: 695px;
	padding: 20px 0;
	margin: 0 0 10px 0;
}


/* form_con フォーム
----------------------------------------------------------- */
#recruit div.form_con {
	width: 695px;
	margin: 0 0 40px 0;
	padding: 10px 0;
}

#recruit div.form_con h4 {
	margin: 30px 0 0 0;
	padding: 5px 0 5px 10px;
	background: url(../recruit/form/images/icon_st.gif) no-repeat left center;
}

#recruit div.form_con img {
	margin: 0 5px;
	vertical-align: middle;
}

#recruit div.form_con table {
	margin: 0 0 20px 0;
	border-top: 2px #bcb17d solid;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

#recruit div.form_con table th {
	width: 20%;
	padding: 8px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px #bcb17d dotted;
}

#recruit div.form_con table td {
	padding: 8px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px #bcb17d dotted;
}

#recruit div.form_con input.f_tex {
	width: 400px;
}

#recruit div.form_con input.f_num {
	width: 100px;
}

#recruit div.form_con input.f_num02 {
	width: 70px;
}

#recruit div.form_con input,
#recruit div.form_con select {
	margin: 0 2px 0 0;
	vertical-align: middle;
}

#recruit div.form_con textarea {
	width: 400px;
	height: 150px;
}

#recruit div.form_con textarea.f_area {
	width: 670px;
}

#recruit div.form_con p.bt {
	width: 695px;
	padding: 10px 0;
	background-color: #e0d9b9;
	text-align: center;
}

#recruit div.form_con p.error {
	color: #4d1717;
}

#recruit div.form_con label {
	color: #FF0000;
	font-weight: bold;
	font-size: 90%;
}


/* thanks_con 送信完了
----------------------------------------------------------- */
#recruit div.thanks_con {
	margin: 0 0 100px 0;
}




/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


/*======================================

	hack - 各種cssハック - for IE6

=======================================*/

/* risou.php 向陽閣が求める理想 テキスト回り込み対策 */
* html #recruit div.risou_catch_con div.txt,
* html #recruit div.training_con div.training  div.comment div.txt {zoom: 1;}

/* staff.php スタッフの想い テキスト回り込み対策 */
* html #recruit div.staff_comment_con div.staff_list div.txt {zoom: 1;}#recruit #page #contents #main .saiyou_con #mainavi {
	margin-bottom: 15px;
}