@import "common/common.css";

#point {
  width: 616px;
  height: 121px;
  margin-top: 15px;
  background-image: url("img/point_bg.jpg");
  background-repeat: no-repeat;
}

/* IE6 */
* html #point {
  width: 616px;
}

#point ul {
  margin: 0 auto;
  width: 600px;
}

/* IE6 */
* html #point ul {
  width: 610px;
  margin-left: 0px;
}

#point li {
  margin-top: 54px;
  margin-left: 4px;
  float: left;
}

#point li a {
  width: 295px;
  height: 61px;
}

#point #btn_point { background-image: url("img/btn_point.jpg"); }
#point #btn_step  { background-image: url("img/btn_step.jpg"); }

#point li a:hover {
  background-position: 0 -61px;
}

#pickup {
  width: 615px;
  height: 118px;
  margin-top: 15px;
  padding-top: 65px;
  background-image: url("img/select_sougisya.jpg");
  background-repeat: no-repeat;
}

  /* IE6 */
  * html #pickup {
    height: 183px;
  }

#pickup .row {
  width: 616px;
  height: 105px;
  clear: both;
}

  /* IE6 */
  * html #pickup .row {
    width: 614px;
  }

#pickup .row .left {
  float: left;
  margin-left: 15px;
  width: 285px;
}

  /* IE6 */
  * html #pickup .row .left {
    margin-left: 10px;
    width: 265px;
  }

#pickup .row .right {
  float: right;
  margin-right: 15px;
  width: 285px;
}

  /* IE6 */
  * html #pickup .row .right {
    margin-right: 10px;
    width: 265px;
  }

#pickup img {
  float: left;
}

#pickup .detail {
  float: right;
  width: 160px;
}

  /* IE6 */
  * html #pickup .detail {
    width: 130px;
  }

#pickup .detail h3 a {
  font-size: 11px;
  font-weight: normal;
  color: #0A8774;
}

#pickup .detail p {
  margin-top: 5px;
  font-size: 10px;
}

#pickup .btn_detail {
  float: right;
  margin-top: 15px;
}

#pickup .pu_line {
  margin: 15px 0 15px 15px;
}

#area {
  margin: 15px 0;
}

#area #adachi:hover {
  border-style: solid;
}

/* 希望する地域から検索
------------------------------------- */

#search #main {
  margin-top: 20px;
}

#search dl{
	margin:0 0 0 5px;
	padding: 0 0 0px 0;
	display:block;
	width: 480px;
}

  /* IE6 */
  * html #search dl{
    width: 460px;
  }

/*
#search dl:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
*/
#search dl {display: inline-block;}


#search dt{
	margin:0 20px 0 0;
	padding:9px 0 0 0;
	background:url("img/company_icon.gif") no-repeat 10px 12px;
	width:480px;
	float:left;
	text-align: left;
}

  /* IE6 */
  * html #search dt {
    width: 460px;
  }

#search dt a {
  font-size: 14px;
  margin-left: 28px;
  margin-top: 10px;
}

#search dt a:hover {
  color: #0FC017;
  text-decoration: underline;
}

#search dt p {
  padding: 5px 0 5px 10px;
}

#search dd{
	float:right;
}

#search .btn_soudan {
  clear: both;
  margin-top: 50px;
}

#search .corp_block {
  width: 615px;
  height: 100px;
  background:url("img/line.gif") repeat-x left bottom;
}

#search .corp_photo_link {
  float: left;
  margin: 10px;
}

/*3つのメリット
------------------------------------- */
#advantage h2 {
  margin-top: 15px;
}

/*東京都の葬儀費用の相場を知ろう！!
------------------------------------- */
#market_price {
  width: 615px;
  margin-top: 15px;
  background-image: url("img/market_price_bg.jpg");
  float: left;
}

#market_price p {
  width: 600px;
  margin-left: 15px;
  line-height: 140%;
  letter-spacing: 0.05em;
}

#market_price  #basic_info_table {
  width: 582px;
  margin-left: 15px;
}

#market_price  #basic_info_table .line {
  margin: 8px 0;
}

#market_price #basic_info_table .inputarea select {
  margin-bottom: 2px;
}

#market_price #basic_info_table th img {
  margin: 15px 0 3px 85px;
}

#market_price #basic_info_table td img {
  float: left;
  margin-left: 12px;
}

#market_price #basic_info_table td span {
  display: block;
  float: left;
  width: 268px;
  margin: 7px 0 0 10px;
}

#cost {
  float: left;
}

#market_price #cost #push {
  float: left;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  width: 342px;
  height: 67px;
  background-image: url("img/btn_push.jpg");
}

#market_price #cost #push:hover {
  background-position: 0 -67px;
}

  /*IE6.IE7*/
  #market_price #cost {
    /margin-top: 8px;
  }

#market_price #cost img {
  float: left;
  margin: 23px 5px 0 7px;
}

#market_price #cost #total {
  float: left;
  width: 187px;
  height: 42px;
  padding-top: 25px;
  text-align: center;
  background-image: url("img/total_bg.jpg");
  background-repeat: no-repeat;
}
  /* IE6 */
    * html #market_price #cost #total {
    height: 67px;
  }

#market_price #cost #total span {
  display: black;
  font-size: 28px;
  font-weight: bold;
}


#market_price #cost #comparison {
  float: left;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  width: 586px;
  height: 55px;
  margin-top: 15px;
  background-image: url("img/betabtn_easy_comparison.jpg");
  background-repeat: no-repeat;
}
#market_price #cost #comparison:hover {
  background-position: 0 -55px;
}

/*東京都斎場検索
------------------------------------- */
#saijyo_search {
  margin-top: 15px;
}

#step1,
#step2,
#step3 {
  width: 615px;
  background-image: url("img/saijyo_search_bg.jpg");
  background-repeat: repeat-y;
}

#step1 #area,
#step2 #saijyo,
#step3 #saijyo_detail {
  float: left;
  width: 562px;
  padding-left: 20px;
  margin: 0 0 0 15px;
  border:solid 2px #0B82AA;
  border-top: none;
}

 /* IE6 */
  * html #step1 #area,
  * html #step2 #saijyo,
  * html #step3 #saijyo_detail {
    width: 586px;
    display: inline;
  }

#step3 #saijyo_detail {
  width: 582px;
  padding: 0;
}

#step2 .step1_title,
#step3 .step1_title,
#step3 .step2_title  {
  display: block;
}

#step1 .step1_title { background-image: url("img/step1_over.jpg"); }
#step2 .step1_title,
#step3 .step1_title { background-image: url("img/step1.jpg"); }
#step2 .step2_title { background-image: url("img/step2_over.jpg"); }
#step3 .step2_title { background-image: url("img/step2.jpg"); }
#step3 .step3_title { background-image: url("img/step3_over.jpg"); }

#step1 .step1_title,
#step2 .step1_title,
#step2 .step2_title,
#step3 .step1_title,
#step3 .step2_title,
#step3 .step3_title {
  width: 486px;
  height: 24px;
  margin-left: 15px;
  padding-left: 100px;
  padding-top: 7px;
  font-size: 14px;
  font-weight: bold;
}

#step3 .step2_title {
    height: 23px;
  }

  /* IE6 */
  * html #step1 .step1_title,
  * html #step2 .step1_title,
  * html #step2 .step2_title,
  * html #step3 .step1_title,
  * html #step3 .step3_title {
    width: 586px;
    height: 31px;
  }

  /* IE6 */
  * html #step3 .step2_title {
    width: 586px;
    height: 30px;
  }

#step1 .step1_title,
#step2 .step2_title,
#step3 .step3_title  {
  color: #FFFFFF;
  font-size: 14px;
}

#step2 .step1_title,
#step3 .step1_title,
#step3 .step2_title {
  color: #0B82AA;
  font-size: 14px;
}

#step2 .step1_title:hover,
#step3 .step1_title:hover,
#step3 .step2_title:hover {
  color: #FFFFFF;
  background-position: 0 -30px;
}

#step1 #area h4,
#step2 #saijyo h4 {
  clear: both;
  margin: 14px 0 10px 0;
  font-size: 13px;
  font-weight: lighter;
  color: #333333;
}

#step1 #area ul,
#step2 #saijyo ul {
  float: left;
  margin-bottom: 10px;
}

  /* IE6.IE7 */
  #step1 #area ul,
  #step2 #saijyo ul	 {
    /margin-bottom: 0px;
  }

#step1 #area #area23 li {
  width: 55px;
}

  /* IE6 */
  * html #step1 #area #area23 li {
    width: 70px;
  }

#step1 #area #area23_other li {
  width: 65px;
}

  /* IE6 */
  * html #step1 #area #area23_other li {
    width: 70px;
  }

#step2 #saijyo li {
  width: 125px;
}

#step1 #area li,
#step2 #saijyo li {
  display: block;
  padding-left: 12px;
  margin-bottom: 4px;
  float: left;
  list-style: none;   
  background: url("img/icon.jpg") left no-repeat;
}

#step1 #area li a,
#step2 #saijyo li a {
  color: #333333;
  letter-spacing: -1px;
}

#step1 #area li a:hover,
#step2 #saijyo li a:hover {
  color: #36ADC3;
  letter-spacing: -1px;
  text-decoration: underline;
}

#step3 #saijyo_detail table {
  width: 100%;
  border: 1px #D4D4D4 solid;
  border-collapse: collapse;
  border-spacing: 0;
}

#step3 #saijyo_detail th {
  width: 80px;
  padding-left: 10px;
  border: #D4D4D4 solid;
  border-width: 0 0 1px 1px;
  background: #E8F3F7;
  font-weight: lighter;
  text-align: left;
}

#step3 #saijyo_detail td {
    padding: 10px 0 10px 20px;
    border: 1px #D4D4D4 solid;
    border-width: 0 0 1px 1px;
    line-height: 150%;
}

#step3 #saijyo_detail td span {
  margin: 0 20px 0 5px;
}

#step3 #sougisya {
  display: block;
  overflow: hidden;
  width:  568px;
  height: 55px;
  margin: 10px 7px;
  text-indent: -9999px;
  background-image: url("img/btn_shokai.jpg");
}

#step3 #sougisya:hover {
  background-position: 0 -55px;
}