@charset "utf-8";

/* ---------------------------------------------- contents */

/* トップバナー */
#topBanner {
  position: relative;
  display: block;
  margin: 0 0 10px 0px;
  padding: 0px 0 0px 0px;
  width: 690px;
  height: 211px;
}

#topBanner h2,
#topBanner p,
#topBanner span {
  display: block;
  text-indent: -9999em;
}

#topBanner a {
  position: absolute;
  right: 0px;
  bottom: 0px;
  display: block;
  text-indent: -9999em;
  width: 95px;
  height: 22px;
}

/* ------------------------ 求人検索 */
#search {
  position: relative;
  display: block;
  margin: 0 0 10px 0;
  width: 690px;
  background: url(/images/top/contents_search_middle.gif) 0 0 repeat-y;
}

#search .section {
  position: relative;
  display: block;
  width: 690px;
  background: url(/images/top/contents_section_bg.gif) 100px 36px no-repeat;
}

/* 新着求人共通 */
#search .new {
  position: relative;
  display: inline;
  margin: 0 0 0 5px;
  width: 295px;
  float: left;
}

#search .new h3 {
  text-indent: -9999em;
  width: 295px;
  height: 36px;
  background: url(/images/top/contents_new_h3.gif) 0 0 no-repeat;
}

#search .new dl {
  position: relative;
  display: block;
  padding: 20px 30px 0 10px;
  width: 253px;
  height: 200px;
  border: 1px solid #e7e7e7;
  border-top: none;
  background: #fff;
  overflow: auto;
}

#search .new dl dt {
  margin: 0 0 3px 0;
}
#search .new dl dt img { margin: 0 0 5px 15px; }

#search .new dl dd {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  width: 253px;
  border-bottom: 1px dotted #ccc;
}

#search .new dl dd ul {
  display: block;
  list-style: none;
  width: 253px;
}

#search .new dl dd ul li { list-style: none; }

#search .new dl dd ul a {
  padding: 0 0 0px 10px;
  background: url(/images/common/icon_arrow_right.gif) 0 5px no-repeat;
}



/* ------------ 定期非常勤 */
#search .regular {
  position: relative;
  display: block;
  margin: 0 0 10px 0;
  width: 690px;
}

#search h2 {
  text-indent: -9999em;
  width: 690px;
}
#search .regular h2 { height: 36px; background: url(/images/top/contents_regular_h2.gif) 0 0 no-repeat; }

/* 条件検索 */
#condition {
  position: relative;
  display: inline;
  margin: 0 5px 0 0px;
  width: 384px;
  float: right;
}

#condition h3 {
  text-indent: -9999em;
  width: 384px;
  height: 36px;
  background: url(/images/top/contents_regular_condition_h3.gif) 0 0 no-repeat;
}

#condition form {
  position: relative;
  display: block;
  margin: 0 0px 0 0;
  padding: 20px 0 0 0;
  width: 382px;
  height: 240px;
  border: 1px solid #e7e7e7;
  border-top: none;
  background: #fff;
}

#condition form table {
  display: block;
  margin: 0 0 0 10px;
  width: 362px;
}

#condition form table th,
#condition form table td {
  padding: 5px 0;
  border-bottom: 1px dotted #ccc;
  vertical-align: top;
}
#condition form table th {
  text-align: right;
  width: 77px;
}
#condition form table td {
  padding-left: 15px;
  width: 270px;
}

#condition form select { margin-right: 5px; }
#condition form div.enum { 
  float:left;
  width:80px;
}
#condition form label.check { margin-right: 20px; }

#condition form button,
#condition form input#searchBt,
#condition form a.searchBt {
  display: block;
  margin: 5px auto 0 auto;
  text-indent: -9999em;
  width: 99px;
  height: 31px;
  border: none;
  background: none;
  background: url(/images/common/bt_search.gif) 0 0 no-repeat;
  cursor: pointer;
}
#condition form button:hover,
#condition form input#searchBt:hover,
#condition form a.searchBt:hover { background: url(/images/common/bt_search.gif) 0 -31px no-repeat; }

/* ------------ スポット非常勤 */
#search .spot {
  position: relative;
  display: block;
  margin: 0 0 10px 0;
  width: 690px;
}

#search .spot h2 { height: 41px; background: url(/images/top/contents_spot_h2.gif) 0 0 no-repeat; }

/* 日にち検索 */
#date {
  position: relative;
  display: inline;
  margin: 0 5px 0 0px;
  width: 384px;
  float: right;
}

#date h3 {
  text-indent: -9999em;
  width: 384px;
  height: 36px;
  background: url(/images/top/contents_spot_date_h3.gif) 0 0 no-repeat;
}

#date form {
  position: relative;
  display: block;
  margin: 0 0px 0 0;
  padding: 5px 0 0 0;
  width: 382px;
  height: 215px;
  border: 1px solid #e7e7e7;
  border-top: none;
  background: #fff;
}

#date form h4 {
  margin: 0 0px 0 0;
  padding: 0px 0 0 0;
  color: #FF9932;
  text-align: center;
}

/* カレンダー */
#date form table {
  display: block;
  width: 182px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

#date form table th,
#date form table td {
  padding: 1px 0;
  text-align: center;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#date form table th {
  font-size: 80%;
  font-weight: normal;
  text-align: center;
  width: 25px;
  background: url(/images/top/contents_spot_date_calendar_th.gif) 0 0 repeat-x;
}
#date form table td {
  font-size: 95%;
  font-weight: bold;
  line-height: 1.0;
}
#date form table td.sat { color: #FF9932; }
#date form table td.sun { color: #CB0101; }

#date form table td a {
  font-size: 85%;
  font-weight: normal;
}
#date form span.nojob {
  color:#000;
  font-size: 85%;
  font-weight: normal;
}

#leftCalendar {
  position: relative;
  display: inline;
  margin: 0 0px 0 5px;
  width: 182px;
  float: left;
}

#date a.bt {
  position: absolute;
  top: 0px;
  display: block;
  text-indent: -9999em;
  width: 37px;
  height: 14px;
}
#leftCalendar a.bt { left: 0px; background: url(/images/top/contents_spot_date_back.gif) 0 0 no-repeat; }

#rightCalendar {
  position: relative;
  display: inline;
  margin: 0 5px 0 0px;
  width: 182px;
  float: right;
}
#rightCalendar a.bt { right: 0px; background: url(/images/top/contents_spot_date_next.gif) 0 0 no-repeat; }

/* ------------ 海外 */
#search .oversea {
  position: relative;
  display: block;
  margin: 0 0 10px 0;
  width: 690px;
}

#search .oversea h2 { height: 36px; background: url(/images/top/contents_oversea_h2.gif) 0 0 no-repeat; }

#search .oversea table.info {
  display: block;
  margin: 0 0 0 5px;
  padding: 0px 0px 0px 0px;
  width: 680px;
  background:#fff;
}

#search .oversea table.info th,
#search .oversea table.info td {
  padding: 10px 0px 10px 15px;
  border-bottom: 1px dotted #ccc;
  vertical-align: top;
}
#search .oversea table.info th {
  font-weight: normal;
  width: 110px;
  background: url(/images/common/icon_arrow_right.gif) 10px 16px no-repeat;
}

#search .oversea table.info td { width: 505px; }

#search .oversea table.info td p { 
  display: block;
  margin: 15px 0 0 0;
}

/* ------------ リンク */
#search .link {
  position: relative;
  display: block;
  margin: 0 0 10px 0;
  width: 690px;
}

#search .link h2 { height: 36px; background: url(/images/top/contents_link_h2.gif) 0 0 no-repeat; }

#search .link table.info {
  display: block;
  margin: 0 0 0 5px;
  padding: 0px 0px 0px 0px;
  width: 680px;
  background:#fff;
}

#search .link table.info th,
#search .link table.info td {
  padding: 10px 0px 10px 15px;
  border-bottom: 1px dotted #ccc;
  vertical-align: top;
}
#search .link table.info th {
  font-weight: normal;
  width: 110px;
  background: url(/images/common/icon_arrow_right.gif) 10px 16px no-repeat;
}

#search .link table.info td { width: 505px; }

#search .link table.info td p { 
  display: block;
  margin: 15px 0 0 0;
}


/* ------------ 注目のアルバイト情報 */
#search .part {
  position: relative;
  display: block;
  margin: 0 0 0px 0;
  padding: 0 0 5px 0;
  width: 690px;
  background: url(/images/top/contents_part_bottom.gif) left bottom no-repeat;
}

#search .part h2 { height: 41px; background: url(/images/top/contents_part_h2.gif) 0 0 no-repeat; }

#search .part ul {
  position: relative;
  display: block;
  margin: 0 0 0px 5px;
  padding: 10px 0 5px 0;
  list-style: none;
  width: 678px;
  border: 1px solid #ccc;
  border-top: none;
  background: #fff;
}

#search .part ul li {
  display: inline;
  margin: 0 0 0px 13px;
  font-size: 90%;
  line-height: 1.3;
  list-style: none;
  width: 120px;
  float: left;
}

#search .part ul a {
  display: block;
  margin: 0 0 5px 0px;
  font-size: 110%;
  width: 120px;
}
#search .part ul a.detail {
  display: block;
  margin: 5px 0 0px 0px;
  text-indent: -9999em;
  width: 78px;
  height: 18px;
  background: url(/images/common/contents_part_detail.gif) 0 0 no-repeat;
  float: right;
}