@import url("common/common.css");

body {
  background-image: url("img/head_line.gif");
  height: auto;
}

#head {
  width: 865px;
  margin: 0 auto;
  height: auto;
}

	/*FIREFOX*/
	#head, x:-moz-any-link {
		
	}

  /* IE7 */
  *+html #head {
    
  }

#head h1 {
  float: left;
  margin-top: - 15px;
}

#head #head_left {
  float: left;
  width: 242px;
}
#head #head_left ul {
  clear: both;
  margin: -1px 0 0 0;
  float: none;
  width: 242px;
}

  /* IE6,7 */
  #head #head_left ul {
    /margin: -4px 0 0 0;
  }

#head #head_left ul li {
  float: none;
  margin: 0;
}

#head #head_left ul li a {
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  width: 225px;
  height: 84px;
}

#head #head_left ul li a:hover {
  background-position: 0 -84px;
}

#head #head_left ul li a#b_voice:hover {
  background-position: 0 -85px;
}

#head #b_cost {
  background-image: url("img/b_cost.jpg");
}

#head #b_teian {
  background-image: url("img/b_teian.jpg");
}

#head #b_shina {
  background-image: url("img/b_shina.jpg");
}

#head #b_voice {
  height: 85px;
  background-image: url("img/b_voice.jpg");
}

#head #head_right {
  float: right;
  width: 620px;
}

#head #index_logo {
  display: none;
}

#head ul {
	width:270px;
}

#hurry,
#inquiry,
#h_company,
#h_addfavorite {
	background-image: url("common/img/index_header_menu.jpg");
}

#hurry { width:71px; }
#inquiry { width:56px; background-position: -71px 0; }
#h_company { width:57px; background-position: -127px 0; }
#h_addfavorite { width:86px; background-position: -185px 0; }

#head #hurry:hover { background-position: 0px -18px; }
#head #inquiry:hover { background-position: -71px -18px; }
#head #h_company:hover { background-position: -127px -18px; }
#head #h_addfavorite:hover { background-position: -185px -18px; }

#head #head_right #MAIN_IMAGE {
  clear: both;
  position: relative;
  top: 15px;
  left: -5px;
  width: 620px;
  height: 432px;
  display: block;
  text-indent: -9999px;
  background-image: url("img/sample.jpg");
}

#head #head_right #MAIN_IMAGE:hover {
  background-position: 0 -432px;
}

#content {
  clear: both;
  float: none;
  width: 100%;
  margin-top: 10px;
}

#special {
  float: left;
  width: 419px;
  height: 263px;
  margin: 0px 0 20px 0;
  background-image: url("img/sp_back.jpg");
}
	/*IE6,7*/
	#special {
	  /margin-top: -4px;
	}

#special a {
  display: block;
  overflow: hidden;
  width: 419px;
  width: 359px;
  height: 79px;
  height: 31px;
  color: #272727;
  font-size: 12px;
  text-align: left;
  letter-spacing: -1px;
  padding: 48px 0 0 60px;
}
	/* IE6 */
	*HTML #special a {
	  width: 419px;
	  height: 79px;
	}


#special #sp_pack {
  padding-top: 45px;
  height: 34px;
}
	/*IE6*/
	*HTML #special #sp_pack {
	  padding-top: 45px;
	  height: 79px;
	}

#special a:hover {
  color: #D81E1F;
  background-position: 0 -79px;
}

#special #sp_regist { background-image: url("img/sp_regist.jpg"); }
#special #sp_soudan { background-image: url("img/sp_soudan.jpg"); }
#special #sp_yakan { background-image: url("img/sp_yakan.jpg"); }
#special #sp_pack { background-image: url("img/sp_pack.jpg"); }

#special #sp_regist {
  margin-top: 26px;
}

#news {
  clear: both;
  width: 820px;
  margin: 0px 0 20px 0;
}

#news h2 {
  padding-bottom: 10px;
}

#news p {
  font-size: 13px;
  text-align: left;
  line-height: 130%;
  letter-spacing: -1px;
  clear: both;
}

#news p span {
  display: block;
}

#news p span.date {
  float: left;
  width: 70px;
}

#news p span.newstext {
  float: left;
  width: 700px;
}

#news p a {
  color: #333333;
  text-decoration: none;
}

#news p a:hover {
  color: #933E6D;
  text-decoration: underline;
}

#banners {
  width: 407px;
  float: right;
  margin: 0px 0 22px 0;
}

#banners div a {
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}

#banners #B_CALLCENTER {
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  width: 407px;
  height: 50px;
  background-image: url("img/phone.jpg");
  margin-top: 5px;
}
	/*IE6,7*/
	#banners #B_CALLCENTER {
	  /margin-top: 1px;
	}


#banners #B_CALLCENTER:hover {
  background-position: 0 -50px;
}

#banners div {
  margin-top: 8px;
}

#banners div .left {
  float: left;
}

#banners div .right {
  float: right;
}

#row1,
#row2,
#row3 {
  float: right;
  width: 407px;
}

#row1 a {
  width: 198px;
  height: 50px;
}

#row1 a.left { background-image: url("img/b_estimate.jpg"); }
#row1 a.right { background-image: url("img/b_inquiry.jpg"); }
#row1 a:hover { background-position: 0 -50px; }

#row2 a.left { background-image: url("img/b_simulater.jpg"); }
#row2 a.right { background-image: url("img/b_costlist.jpg"); }
#row2 a:hover { background-position: 0 -67px; }

#row2 a {
  width: 198px;
  height: 67px;
}

#row3 a.left { background-image: url("img/b_saijyo.jpg"); }
#row3 a.right { background-image: url("img/b_heart.jpg"); }
#row3 a:hover { background-position: 0 -67px; }

#row3 a {
  width: 198px;
  height: 67px;
}

#indexfooter {
  margin-top: 0px;
}

  /* IE7 */
  *+html #indexfooter {
   margin-top: 10px;
  }

#outline {
  clear: both;
    height: 420px;
}
	/*IE7*/
	*+HTML #outline {
	}

#hide {
  display: none;
}

#main_flash {
  clear: both;
  position: relative;
  top: 15px;
  left: -5px;
}