/* ------------------------------
 index.css

 Last Update:2008-10-12
 Fujihito Watanabe
------------------------------ */

/* ------------------------------
 コンテンツ 設定
------------------------------ */
#index .info {
  width: 564px;
  height: 28px;
  margin: 0 0 3px 0;
  background: url(../../images/index/info.gif) no-repeat;
}


/* ------------------------------
 お知らせ 設定
------------------------------ */
#index .info_space {
  margin: 0 9px 7px 11px;
}


#index ul.banner {
  width: 544px;
}

#index ul.banner li {
  float: left;
  width: 270px;
  height: 87px;
}

#index ul.banner li.r {
  margin: 0 4px 0 0;
}
/*　特別枠バナー*/
a.bnr_sptop {
  display: block;
  width: 564px;
  height: 80px;
  background: url(../../images/bnr/bnr_sptop.jpg) no-repeat;
}

a.bnr_sptop:hover {
  background-position: -564px;
}
/*　特集バナー*/
a.bnr_sp {
  display: block;
  width: 545px;
  height: 50px;
  background: url(../../images/bnr/bnr_sp.gif) no-repeat;
}

a.bnr_sp:hover {
  background-position: -545px;
}

a.bnr1 {
  display: block;
  width: 270px;
  height: 80px;
  background: url(../../images/bnr/bnr1.gif) no-repeat;
}

a.bnr1:hover {
  background-position: -270px;
}

a.bnr2 {
  display: block;
  width: 270px;
  height: 80px;
  background: url(../../images/bnr/bnr2.gif) no-repeat;

}

a.bnr2:hover {
  background-position: -270px;
}


#index .latest_info {
  clear: both;
  width: 545px;
  height: 28px;
  margin: 0 0 6px 0;
  background: url(../../images/index/latest_info.gif) no-repeat;
}

#index .newly_arrived {
  clear: both;
  width: 545px;
  height: 28px;
  margin: 0 0 6px 0;
  background: url(../../images/index/newly_arrived.gif) no-repeat;
}

#index a.more_list {
  float: right;
  margin: 6px 14px 0 0;
  padding: 0 0 0 15px;
  background: url(../../images/more_point.gif) no-repeat left 0;
}

#index dl.info_txt dt {
  float: left;
  width: 70px;
  line-height: 120%;
  padding: 0;
  margin: 0 0 5px 0;
  padding-left: 6px;
  color:#7E7E7E;
}

#index dl.info_txt dd {
  line-height: 120%;
  width: 445px;
  margin: 0 0 5px 6.5em;
  padding: 0;
  padding-left: 17px;
  background: url(../../images/more_point.gif) no-repeat left 1px;
}

#index dl.info_txt_last dt {
  float: left;
  width: 70px;
  line-height: 120%;
  padding: 0;
  margin: 0 0 8px 0;
  padding-left: 6px;
  color:#7E7E7E;
}

#index dl.info_txt_last dd {
  line-height: 120%;
  width: 445px;
  margin: 0 0 8px 6.5em;
  padding: 0;
  padding-left: 17px;
  background: url(../../images/more_point.gif) no-repeat left 1px;
}

#index .newly_arrived {
  margin: 0 0 6px 0;
}

#index .j_box {
  overflow: hidden;
  width: 545px;
  margin: 0 0 7px 0;
  padding: 0 0 6px 0;
  background: url(../../images/dotted.gif) repeat-x bottom;
}

#index .j_box_last {
  overflow: hidden;
  width: 545px;
  margin: 0 0 0 0;
}

#index .p_box {
  float: left;
  width: 93px;
  margin: 0 8px 0 0;
}

#index dl.j_define {
  float: left;
  width: 140px;
  margin: 0 48px 0 0;
}

#index dl.j_define dt {
  color: #7E7E7E;
  margin: 0 0 2px 0;
  padding: 0 0 0 3px;
}

#index dl.j_define dd a {
  font-size: 10px;
}

#index dl.j_define_last {
 float: left;
 width: 140px;
}

#index dl.j_define_last dt {
 color: #7E7E7E;
}

#index dl.j_define_last dd a {
 font-size: 10px;
}


/* ------------------------------
 スタッフのおすすめ 設定
------------------------------ */
#index .staff_box {
 width: 560px;
 margin: 0 1px 5px 2px;
}

#index .staff {
  margin: 0 0 0 0;
}

#index .rec_area {
  overflow: hidden;
  margin: 0 0 1px 0;
}

#index .perf_area {
	float: left;
	width: 345px;
	margin:0;
}

#index .area_box {
  float: left;
  overflow: hidden;
  width: 329px;
  margin: 0 0 3px 0;
  padding: 0 0 3px 0;
  background: url(../../images/dotted.gif) repeat-x bottom;
}

#index .area_box {
	float: left;
	overflow: hidden;
	width: 345px;
}
#index .p_rec_box {
  float: left;
  width: 203px;
  margin-left: 3px;
}


#index .p_area {
	float: left;
	width: 70px;
	color: #7E7E7E;
}

#index .area_area0 {
  float: left;
  width: 200px;
	padding: 3px 1px 3px 70px;
  
  background: url(../../images/ico_area0.gif) no-repeat left center;
}

#index .area_area1 {
	float: left;
	width: 200px;
	padding: 3px 1px 3px 70px;
	background: url(../../images/ico_area1.gif) no-repeat left center;
}

#index .area_area2 {
  float: left;
  width: 200px;
  padding: 3px 1px 3px 70px;
  background: url(../../images/ico_area2.gif) no-repeat left center;
}

#index .area_area3 {
  float: left;
  width: 200px;
  padding: 3px 1px 3px 70px;
  background: url(../../images/ico_area3.gif) no-repeat left center;
}

#index .area_area4 {
  float: left;
  width: 200px;
  padding: 3px 1px 3px 70px;
  background: url(../../images/ico_area4.gif) no-repeat left center;
}

#index .area_area5 {
  float: left;
  width: 200px;
  padding: 3px 1px 3px 70px;
  background: url(../../images/ico_area5.gif) no-repeat left center;
}

#index .area_area6 {
	float: left;
	width: 200px;
	padding: 3px 1px 3px 70px;
	background: url(../../images/ico_area6.gif) no-repeat left center;
}

#index .area_intro a {
  font-size: 10px;
}

#index .report {
  width: 545px;
  height: 28px;
  margin: 0 0 6px 0;
  background: url(../../images/index/report.gif) no-repeat;
}

#index .report_area {
  overflow: hidden;
}

#index .report_block {
  float: left;
  width: 217px;
  margin: 0 30px 0 0;
  padding: 0 0 0 3px;
}

#index .p_report {
  float: left;
  width: 93px;
  margin: 0 10px 0 0;
}

#index .article_box {
  float: left;
  width: 110px;
}

#index .article_txt {
  margin: 0 0 3px 0;
  font-weight: bold;
  font-size: 12px;
  color: #CC0000;
}

#index dl.j_report dt {
  color: #7E7E7E;
  margin: 0 0 3px 0;
}

#index dl.j_report dd a {
  font-weight: bold;
  font-size: 12px;
}

#index .article_block {
  float: left;
  width: 280px;
  border-left: 1px solid #D4D4D4;
  padding: 0 0 0 10px;
}

#index dl.article_def dt {
  float: left;
  width: 70px;
  line-height: 120%;
  padding: 0;
  margin: 0 0 5px 0;
  color: #7E7E7E;
}

#index dl.article_def dd {
  line-height: 120%;
  width: 180px;
  margin: 0 0 5px 6.5em;
  padding: 0;
  padding-left: 17px;
  background: url(../../images/more_point.gif) no-repeat left 1px;
}


/* ------------------------------
  お仕事を探す 設定
------------------------------ */
#index .job_search {
  margin: 0 1px 9px 2px;
}

#index .maps_area {
  overflow: hidden;
  margin: 0 0 9px 0;
  padding: 0 8px 0 12px;
}

#index .p_l {
  float: left;
  width: 54px;
  height:143px;
  margin: 0 7px 0 0;
}

#index .map_perf {
  float: left;
  width: 196px;
  margin: 3px 26px 0 0;
}

#index ul.bite {
  float: left;
  width: 199px;
  margin: 3px 0 0 0;
}

#index ul.bite li {
  margin: 0 0 5px 0;
}

#index .job_en_box {
  width: 322px;
  margin: 0 0 12px 0;
  padding: 0 0 7px 0;
  background: url(../../images/dotted.gif) repeat-x bottom;
}

#index .job_en_box_last {
  width: 322px;
}

#index .p_search {
  float: left;
  width: 55px;
  margin: 0 6px 0 0;
}

#index .job_en_intro {
  float: left;
  width: 100px;
}

#index .job_en_intro_last {
  float: left;
  width: 100px;
}

#index .search_l {
 float: left;
 width: 322px;
}

#index .category_box {
 float: right;
 width: 206px;
}

#index .category_block {
  margin: 0 0 5px 0;
  padding: 0 0 3px 0;
  background: url(../../images/dotted.gif) repeat-x bottom;
}

#index .p_category {
  float: left;
  width: 38px;
  margin: 0 10px 0 0;
}

#index .category_block ul {
  float: left;
  margin: 7px 0 0 0;
}

#index .category_block_last ul {
  float: left;
  margin: 7px 0 0 0;
}


/* ------------------------------
 Opera(Win)/mac hack
------------------------------ */
/*html[lang*=""]>/**/ /*body {

}


/* ------------------------------
 Safari(Win)/mac hack
------------------------------ */
/*html[lang*=""]:not(:nth-child(n)) {

}


/* ------------------------------
 IE6(Win) hack
------------------------------ */
#index .area_intro01,#index .area_intro02,
#index .area_intro03,#index .area_intro04 {
  _width: 272px;
}


/* ------------------------------
 IE7(Win) hack
------------------------------ */
/* *:first-child+html {

}


/* EOF */