@charset "UTF-8";

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

.mailtoi a,a:link,a:visited  {
  text-decoration:underline;
  margin-bottom:1em;
}

h2.youkou {
  font-size:90%;
  color:#333333;
} 

.btn {
  text-align:center;
}

.btn img {
  margin-right:10px;
}


.btn_top {
  text-align:center;
}

.btn_top img {
  margin-right:0px;
  padding-top:25px;
}

table {
  margin-left:0px;
  margin-top:10px;
  border-collapse:collapse;
}

tr td {
  background-color:#ffffff;
  font-weight:normal;
  padding:3px;
  padding-left:15px;
  text-align:left;
  border:solid #000000 1px;
}

tr td.green {
  background-color:#ccd4bc;
}

tr td.none-l {
  border-left:none;
}

tr td.none-r {
  border-right:none;
}

tr td.none-t {
  border-top:none;
}

tr td.none-b {
  border-bottom:none;
}

#rec_top {
  background:url(img/recruit_top_bace.jpg) no-repeat left top;
  width:550px;
  height:350px;
  position:absolute;
  z-index:2;
  top:120px;
  left:157px;
}

/* ---ie6のバグ対応----- */
*html #rec_top {
  top:120px;
  left:-27px;
}

#rec_top_up {
  height:40px;
  padding-top:360px;
}

#rec_top ul {
  /* --- マージンを設定してください --- */
  margin: 0;
  /* --- パディングを設定してください --- */
  padding: 0;
  padding-left:32px;
  padding-top:35px;
  list-style:none;
}

#rec_top ul li {
  /* --- マージンを設定してください --- */
  margin: 0;
  /* --- パディングを設定してください --- */
  padding: 0;
  padding-right:12px;
  padding-top:5px;
  /* --- 横並びにさせるためにフロートを指定してください --- */
  float: left;
}

#rec_top ul li a {
  margin: 0;
  padding: 0;
  text-align:center;
  background: url(img/navi_bace.jpg) repeat-x;
  /* --- ナビゲーション１項目あたりのフォントの太さを指定してください --- */
  color:#FFFFFF;
  text-decoration: none;
}

.rec_top_photo {
  float:left;
  margin-right:20px;
}

/* ---ie6のバグ対応----- */
*html .rec_top_photo {
  position:relative;
}

.toptitle {
  margin-bottom:15px;
}

.rec_right {
  width:238px;
  background:url(img/rec_a.jpg);
  float:left;
  margin-top:-3px;
  padding-left:37px;
  padding-top:5px;
  padding-bottom:10px;
  padding-right:9px;
  font-size:90%;
  line-height:155%;
  margin-bottom:20px;
}

/* --- IE6,7以外に適用 --- */
html>/**/body .rec_right {     margin-top: 0; }

.rec_left {
  float:left;
  margin-right:9px;
}

/* ---ie6のバグ対応----- */
*html .rec_left {
  position:relative;
}

/* ---ie6のバグ対応----- */
*html .rec_right {
  position:relative;
}

.rec_photo_right {
  float:right;
  margin-left:9px;
}

/* ---ie6のバグ対応----- */
*html .rec_photo_right {
  position:relative;
}

.rec_messe {
  width:465px;
  background-color:#E6F5E2;
  padding:20px;
  padding-top:10px;
  margin-top:-3px;
}