@charset "Shift_JIS";
/* Search Index page */

@import "reset.css";
@import "search_body.css";
@import "search_footer.css";

/* ---------- Map ---------- */
#area_01{
  width:447px;
  height:307px;
  padding: 0px 0px 8px 20px;
  float:left;
}
#area_01 h2{
  position:absolute;
  z-index:1;
  padding: 15px 0px 0px 67px;
}
#area_01 p{
  position:absolute;
  z-index:1;
  padding: 45px 0px 0px 67px;
  font-size:90%;
}

/* ---------- Area ---------- */
#area_02{
  width:305px;
  height:307px;
  background: url(../2008_images/search_index/bg_area_02.jpg) no-repeat left top;
  float:right;
  margin: 0px 0px 8px 0px;
  padding-right:14px;
}
#area_02 h2{
  padding: 12px 0px 0px 67px;
}
#area_02 p{
  margin: 14px 0px 0px 67px;
  font-size:90%;
}
#area_02 ol{
  padding:0px;
  margin:20px 0px 0px 35px;
}
#area_02 ol li{
  background: url(../2008_images/search_index/lst_area_02.gif) no-repeat left top;
  padding-left:18px;
  padding-bottom:8px;
  vertical-align:middle;
}
* html #area_02 ol li{
  padding-bottom:10px;
}
#post1{
	width:30px;
  margin:0px 10px;
}
#post2{
	width:50px;
  margin-left:10px;
}
#city,#shop{
	width:200px;
}

/* ---------- Icons ---------- */
#area_03 h2{
  padding: 15px 0px 25px 67px;
}
#area_03{
  clear:both;
  width:763px;
  height:255px;
  margin:0px 0px 0px 20px;
  background: url(../2008_images/search_index/bg_area_03.jpg) no-repeat left top;
}
#area_03 h3{
  height: 19px;
  padding: 0px 0px 0px 80px;
  margin: 0px 0px 10px 20px;
}
.step{
	display:none;
}
.attention{
  font-size:85%;
}
#step1 h3{
  background: url(../2008_images/search_index/lst_area_0301.gif) no-repeat left center;
  padding-top:2px;
}
#step2 h3{
  background: url(../2008_images/search_index/lst_area_0302.gif) no-repeat left center;
  padding-top:2px;
}
#step2 table{
  width:698px;
  border-collapse: collapse;
  margin: 0px 0px 18px 40px;
}
#step2 td{
  font-size:85%;
  vertical-align:middle;
  height:26px;
}
#step2 td input{
  vertical-align:middle;
  margin: 0px 8px 0px 0px;
}
#icon_01,#icon_02,#icon_03,#icon_04,#icon_05,#icon_06,#icon_07,#icon_08,#icon_09{
  width:125px;
}
#icons1 td{
	padding-bottom:10px;
}
#icon_01 p,#icon_02 p,#icon_03 p,#icon_04 p,#icon_06 p,#icon_07 p,#icon_08 p,#icon_09 p{
	margin-right:12px;
}
*+html #icon_01 p,*+html #icon_02 p,*+html #icon_03 p,*+html #icon_04 p,*+html #icon_06 p,*+html #icon_07 p,*+html #icon_08 p,*+html #icon_09 p{
  margin-right:0px;
}
#step2 td p{
	margin-left:32px;
  line-height:110%;
}
#icon_01{
  background: url(../2008_images/icons/icon01.gif) no-repeat left top;
}
#icon_02{
  background: url(../2008_images/icons/icon02.gif) no-repeat left top;
}
#icon_03{
  background: url(../2008_images/icons/icon03.gif) no-repeat left top;
}
#icon_04{
  background: url(../2008_images/icons/icon04.gif) no-repeat left top;
}
#icon_05{
  background: url(../2008_images/icons/icon05.gif) no-repeat left top;
}
#icon_06{
  background: url(../2008_images/icons/icon06.gif) no-repeat left top;
}
#icon_07{
  background: url(../2008_images/icons/icon07.gif) no-repeat left top;
}
#icon_08{
  background: url(../2008_images/icons/icon08.gif) no-repeat left top;
}
#icon_09{
  background: url(../2008_images/icons/icon09.gif) no-repeat left top;
}
#step1 h3{
  background: url(../2008_images/search_index/lst_area_0301.gif) no-repeat left center;
}
#step3 h3{
  background: url(../2008_images/search_index/lst_area_0303.gif) no-repeat left center;
}

/* ---------- Coin laundry Search Service Introduction ---------- */
#service_intro{
	margin:10px 20px 20px 20px;
  height:154px;
}
#intro_01,#intro_02,#intro_03{
	width:242px;
  height:154px;
}
#left_part{
	width:502px;
  float:left;
}
#intro_01{
  background: url(../2008_images/search_index/bg_msg_01.gif) no-repeat left top;
  float:left;
}
#intro_02{
  background: url(../2008_images/search_index/bg_msg_02.gif) no-repeat left top;
  float:right;
}
#intro_03{
  background: url(../2008_images/search_index/bg_msg_03.gif) no-repeat left top;
  float:right;
}
#service_intro h3{
	padding:12px 0px 10px 10px;
}
#service_intro p{
	font-size:85%;
  margin:0px 10px;
}