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

 file name  :recruit.css
 author     :Ability Consultant
style info  :タイトル
=================================================================== */
/*-----------------------------------------------------------
	gnavのactive設定
-----------------------------------------------------------*/
#recruit #gnav li.gnav_rec a {
  background-position: bottom;
}

/* -----------------------------------------------------------
	.con_main
----------------------------------------------------------- */
.con_main {
  background: url(../images/header/bg_main.jpg) center bottom repeat-x;
}
.con_main .box_main {
  height: 250px;
  margin: 0 auto;
  background: url(../recruit/images/bg_title.jpg) center 0 no-repeat;
}
.con_main .box_main h2 {
  padding-top: 100px;
  text-align: center;
}

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

	index.php

----------------------------------------------------------- */
/* -----------------------------------------------------------
	.intro
----------------------------------------------------------- */
h3.intro {
  padding: 0 0 50px 0;
  margin: 0 auto;
  text-align: center;
}

/* -----------------------------------------------------------
	.con_guideline
----------------------------------------------------------- */
.con_guideline {
  margin: 0 auto;
  width: 1000px;
  overflow: hidden;
  padding: 15px 0 50px 0;
}
.con_guideline h4 {
  padding: 0 0 22px 0;
}
.con_guideline ul {
  width: 980px;
  overflow: hidden;
  padding: 0 0 10px 25px;
}
.con_guideline ul li {
  float: left;
  padding: 0 10px 0 0;
}
.con_guideline .navlist {
  border-bottom: 1px solid #fcf6ed;
  margin: 0 0 50px 0;
}
.con_guideline .navlist ul {
  padding: 0 25px;
  width: 950px;
  border-bottom: 1px solid #c4bb88;
}
.con_guideline .navlist ul li {
  float: left;
  padding: 0;
  width: 25%;
}
.con_guideline .navlist ul li a {
  text-align: center;
  display: block;
  padding: 15px 0;
  border-top: 1px solid #dfd0ba;
  border-left: 1px solid #dfd0ba;
  background: url(../recruit/images/bg_nav.jpg) left bottom repeat-x #efe0ca;
}
.con_guideline .navlist ul li a span {
  background: url(../recruit/images/ic_arrow.png) left center no-repeat;
  padding: 0 0 0 13px;
}
.con_guideline .navlist ul li a:hover {
  background: url(../recruit/images/bg_nav_on.jpg) left bottom repeat-x #9c7f57;
  color: #fff !important;
}
.con_guideline .navlist ul li a:hover span {
  background: url(../recruit/images/ic_arrow_on.png) left center no-repeat;
  padding: 0 0 0 13px;
}
.con_guideline .box_applicants h5 {
  padding: 0 0 14px 0;
  background: url(../recruit/images/bg_st.png) left bottom repeat-x;
  margin: 0  0 32px 0;
}
.con_guideline .box_applicants h5 span {
  background: url(../recruit/images/ic_rec_st.png) left 5px no-repeat;
  padding: 2px 0 2px 25px;
  font-size: 130%;
  color: #764d17;
}
.con_guideline .box_applicants h5 span i {
  font-size: 80%;
  font-style: normal;
  color: #a70000;
}
.con_guideline .box_applicants .apparea {
  width: 1000px;
  overflow: hidden;
}
.con_guideline .box_applicants .apparea .box_l {
  float: left;
  width: 515px;
}
.con_guideline .box_applicants .apparea .box_l p.btn {
  text-align: center;
  padding: 20px 0;
}
.con_guideline .box_applicants .apparea .box_l table {
  width: 470px;
}
.con_guideline .box_applicants .apparea .box_l table th {
  width: 130px;
}
.con_guideline .box_applicants .apparea p.box_r {
  float: left;
  width: 485px;
}
.con_guideline .box_applicants .apparea p.box_r img {
  width: 485px;
}
.con_guideline .box_applicants .apparea .box_flat p.btn {
  text-align: center;
  padding: 20px 0;
}
.con_guideline .box_applicants .apparea .box_flat table {
  width: 100%;
}
.con_guideline .box_applicants .apparea .box_flat table th {
  width: 160px;
}

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

	detail.php

----------------------------------------------------------- */
/* -----------------------------------------------------------
	.con_formintro
----------------------------------------------------------- */
.con_formintro {
  margin: 0 auto;
  width: 1000px;
  overflow: hidden;
  padding: 15px 0 50px 0;
}
.con_formintro .box_intro {
  float: left;
  width: 510px;
  padding: 0 41px 0 0;
}
.con_formintro .box_intro h3 {
  padding: 0 0 18px 0;
}
.con_formintro .box_intro .add {
  margin: 15px 0 0 0;
  background: url(../recruit/images/form/bg_intro.png);
}
.con_formintro .box_intro .add .addarea {
  background: url(../recruit/images/bg_flower.jpg) right bottom no-repeat;
  padding: 20px 15px;
}
.con_formintro .box_intro .add .addarea h4 {
  padding: 5px 0;
  font-size: 120%;
  font-weight: normal;
}
.con_formintro p.photo {
  float: left;
  width: 449px;
}

/* -----------------------------------------------------------
	.con_form
----------------------------------------------------------- */
.con_form {
  margin: 0 auto;
  width: 1000px;
  overflow: hidden;
}
.con_form h4, .con_form p.flow {
  padding: 0 0 60px 0;
}
.con_form p.txt {
  padding: 0 50px 15px 50px;
}
.con_form table {
  margin: 0 50px;
}
.con_form table td input.name_form,
.con_form table td input.tel_form {
  width: 300px;
}
.con_form table td input.address_form,
.con_form table td input.mail_form {
  width: 500px;
}
.con_form table td textarea.other_form {
  width: 500px;
  height: 80px;
}
.con_form table th span {
  color: #ff0000;
}
.con_form p.btn {
  text-align: center;
  padding: 20px 0;
}
.con_form ul.btn {
  width: 1000px;
  padding: 20px 0;
  text-align: center;
}
.con_form ul.btn li {
  display: inline-block;
  padding: 0 20px;
}