@import "../common/common.css";

/* cost_index
------------------------*/
#cost h3 {
	height:auto;
	margin-bottom:24px;
}
	/*IE6,IE7*/
	#cost h4 {
		/margin-bottom:-5px;
	}

#cost  {
	text-align:left;
}

#cost .mokuroku {
	margin-bottom:8px;
	width: 100%;
}

#cost .mokuroku h4,
#cost .pic,
#cost .mokuroku p {
	float:left;
}

#cost .pic {
	margin-right:5px;
}

#cost .syousai {
	display:block;
	width:105px;
	height:30px;
	margin:8px 0;
	float:right;
	background-image:url("img/btn_syousai.jpg");
	text-indent:-9999px;
	overflow:hidden;
}

	/*IE6,IE7*/
	#cost .syousai {
		/margin-bottom:-12px;
	}

/*
#cost .mokuroku a:hover {
	background-position:0 -30px;
}*/


#cost .mokuroku p {
	width:440px;
	height:auto;
	margin:10px 0 0 5px;
	line-height:160%;
}

	/*IE6,IE7*/
	#cost .mokuroku p {
		/margin:4px 0 0 5px;
	}

/*main_background 
------------------------*/

#cost #main {
	height:auto;
	margin-bottom:15px;
	background-image:url("img/bg_main.gif");
	background-repeat:repeat-y;
	text-align:left;
	float:left;
}

	/*IE6*/
	*HTML #cost #main {
	  margin-bottom:45px;
	}

#cost #main #main01 {
	height:auto;
	width:570px;
	padding:33px 25px 0 25px;
	background-image:url("img/bg_top.gif");
	background-repeat:no-repeat;
	background-position:top;
	float:left;
}
	/*IE6*/
	*HTML #cost #main #main01 {
		width:620px;
		padding-bottom: 5px;
	}
	/*IE7*/
	*+HTML #cost #main #main01 {
		padding-bottom: 5px;
	}

#cost #main #main02 {
	height:auto;
	width:570px;
	padding:0 25px 32px 25px;
	background-image:url("img/bg_bottom.gif");
	background-repeat:no-repeat;
	background-position:bottom;
	float:left;
}

	/*IE6*/
	*HTML #cost #main #main02 {
		width:620px;
	}
/* cost_enter
------------------------*/
#cost_enter #lead {
  line-height: 150%;
  margin-top: -7px;
  text-align:left;
}

#cost_enter h3 {
  height:auto;
  margin-bottom:24px;
}

#cost_enter h4 {
  margin:20px 0 0px;
}

#cost_enter p {
  margin:0px;
}

#cost_enter #discount {
	float: right;
}

	/*IE6*/
	*HTML #cost_enter #discount {
		margin-bottom: -111px;
	}

#cost_enter ul li {
	display: inline;
	float: left;
	margin-bottom: 14px;
}

#cost_enter ul li a {
	display: block;
	width: 303px;
	height: 111px;
	text-indent: -9999px;
	overflow: hidden;
}

#cost_enter ul li #MANAKA_PLAN {background: url("img/btn_manaka.jpg") 0 0;}
#cost_enter ul li #KODAWARI_PLAN {background: url("img/btn_kodawari.jpg") 0 0;}
#cost_enter ul li #MUSYUKYO_PLAN {background: url("img/btn_musyukyo.jpg") 0 0;}
#cost_enter ul li #ONEDAY_PLAN {background: url("img/btn_oneday.jpg") 0 0;}
#cost_enter ul li #KASO_PLAN {background: url("img/btn_kaso.jpg") 0 0;}

#cost_enter ul li #MANAKA_PLAN:hover,
#cost_enter ul li #KODAWARI_PLAN:hover,
#cost_enter ul li #MUSYUKYO_PLAN:hover,
#cost_enter ul li #ONEDAY_PLAN:hover,
#cost_enter ul li #KASO_PLAN:hover {
	background-position: 0 -111px;
}

#cost_enter #REASON {
	display: block;
	float: left;
	width: 620px;
	height: 53px;
	background: url("img/btn_reason.jpg");
	text-indent: -9999px;
	overflow: hidden;
}

#cost_enter #REASON:hover {
	background-position: 0 -53px;
}

#cost_enter ul .margin14 {
	margin-right: 14px;
}

/* cost_think
------------------------*/

#cost #main #index_txt1_block {
  width: 570px;
}

#cost #main #main01 p {
	margin:0 0 35px 0;
}

#cost #main #index_txt1_block span {
  color:#bf1739;
  font-weight: bold;
}

	/*IE6,7*/
	#cost #main #index_txt2_block {
	  /margin-top: 5px;
	}

#cost #index_txt2_block p,
#cost #main p {
  margin-top: 20px;
  line-height: 150%;
}

#cost #index_txt2 {
  margin-top: 35px;
  float:left;
}

#cost #index_txt2_block {
  width: 570px;
   float:left;
}

/* cost_mechanisum
------------------------*/

#cost #lead {
  line-height: 150%;
  margin-top: -7px;
}

#cost #mechanism_title {
  margin: 15px 0;
}

#cost #detail_title {
  margin: 30px 0 10px 0;
}
	/*IE6,7*/
	#cost #detail_title {
	  margin: 27px 0 10px 0;
	}

#cost #mechanism_detail h5 {
  color: #786226;
  font-size: 12px;
  margin: 20px 0 5px 0;
}

#cost #mechanism_detail h5.purple { color: #8B435B; }
#cost #mechanism_detail h5.blue   { color: #383E7C; }
#cost #mechanism_detail h5.green  { color: #46673C; }

#cost #mechanism_detail div {
  padding-bottom: 20px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #D2D2D2;
}

#cost #mechanism_detail div.end {
  border-bottom-width: none;
}

#cost #mechanism_detail div p {
  line-height: 150%;
}

#cost #mechanism_detail div p span {
  font-weight: bold;
}

#cost #mechanism_detail #BTN_GO {
  width: 407px;
  height: 56px;
  background-image: url("img/btn_go.jpg");
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  margin: 15px auto 0px auto;
}
	/* IE6 */
	*HTML #cost #mechanism_detail #BTN_GO {
	  margin-left: 106px;
	}

#cost #mechanism_detail #BTN_GO:hover {
  background-position: 0 -56px;
}


/* plan
------------------------*/
#cost #kaso_lead {
  background-image: url("img/plan_kaso_lead.jpg");
  width: 620px;
  height: 67px;
  display: block;
  text-indent: -9999px;
}

#cost #plan_block {
  background: url("img/plan_bg.jpg") repeat-y 0 0;
  width: 620px;
  height: auto;
  margin-bottom: 25px;
  margin-top: -1px;
}
	/* IE6 */
	*HTML #cost #plan_block {
		text-align: center;
	}

#cost #plan_block #plan_outline {
  width: 588px;
  margin: 0 auto;
}

#cost #plan_block #plan_type li {
  float: left;
  margin-right: 5px;
  position: relative;
  top: 2px;
}

#cost #plan_block #plan_type li.end {
  margin-right: 0px;
  margin-left: 1px;
}

#cost #plan_block #plan_type li a {
  width: 143px;
  height: 35px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url("img/plan_type.jpg");
}

#cost #p10  { background-position: 0 0; }
#cost #p30  { background-position: -148px 0; }
#cost #p50  { background-position: -296px 0; }
#cost #p100 { background-position: -445px 0; }

#cost #p10:hover  { background-position: 0 -35px; }
#cost #p30:hover  { background-position: -148px -35px; }
#cost #p50:hover  { background-position: -296px -35px; }
#cost #p100:hover { background-position: -445px -35px; }

#cost #plan_block #plan_type li a.select1 { background-position: 0 -35px; }
#cost #plan_block #plan_type li a.select2 { background-position: -148px -35px; }
#cost #plan_block #plan_type li a.select3 { background-position: -296px -35px; }
#cost #plan_block #plan_type li a.select4 { background-position: -445px -35px; }

#cost #plan_block #plan_inner_block {
  border: solid 1px #721743;
  border-width: 2px 2px 0 2px;
  background-color: white;
  clear: both;
  width: 584px;
  height: auto;
}
	/* IE6 */
	*HTML #cost #plan_block #plan_inner_block {
	  width: 588px;
	}

	/* IE6,7 */
	#cost #plan_block #plan_inner_block h3 {
	 /margin-bottom: 27px;
	}

/* IE6,7 */
	#cost #plan_block #plan_inner_block img {
      /margin-top: -3px;
	}

#cost #plan_block #plan_inner_block2 {
  width: 556px;
  margin: 0 auto;
  padding-top: 10px;
}
	/* IE6,7 */
	#cost #plan_block #plan_inner_block2 {
	  /padding-top: 20px;
	}

#cost #plan_block #plan_inner_block2 .plan_inner_title {
  width: 555px;
  height: 26px;
  display: block;
  text-indent: -9999px;
  margin-top: 10px;
}

#cost #plan_block #plan_inner_block2 #plan_inner_title_k10 {
  background: url("img/plan_inner_title.jpg") no-repeat 0 0;
}

#cost #plan_block #plan_inner_block2 #plan_inner_title_k30 {
  background: url("img/plan_inner_title.jpg") no-repeat 0 -26px;
}

#cost #plan_block #plan_inner_block2 #plan_inner_title_k50 {
  background: url("img/plan_inner_title.jpg") no-repeat 0 -52px;
}

#cost #plan_block #plan_inner_block2 #plan_inner_title_k100 {
  background: url("img/plan_inner_title.jpg") no-repeat 0 -78px;
}

#cost #pricelist_text {
  clear: both;
  border: solid 1px #DFDFDF;
  background-color: #F4F2F3;
}

#cost #pricelist_text p {
  margin: 10px;
  line-height: 140%;
  letter-spacing: -2px;
}

#cost #pagetop {
  float: right;
  height: 51px;
  margin-top: 11px;
}

#cost #pagetop a {
  width: 113px;
  height: 26px;
  display: block;
  background: url("../common/img/btn_pagetop.jpg");
  text-indent: -9999px;
  overflow: hidden;
}

#cost #pagetop a:hover {
  background-position: 0 -26px;
}

#cost #plan_navi #plan_menu {
  clear: both;
  border: solid;
  border-width: 1px 0;
  border-color: #CFAABB;
  width: 415px;
  margin: 0 auto;
  height: 28px;
}
	/*IE6*/
	*HTML #cost #plan_navi #plan_menu {
      width: 410px;
	  margin-left: 102px;
	  height: 30px;

	}

#cost #plan_navi #plan_menu ul {
  margin: 0 auto;
  width: 408px;
}

#cost #plan_navi #plan_menu ul li {
  float :left;
  margin: 0 12px;
  margin-top: 9px;
}
	/*IE6*/
	*HTML #cost #plan_navi #plan_menu ul {
	  margin-left: -33px;
	  width: 440px;
	}
	/*IE6*/
	*HTML #cost #plan_navi #plan_menu ul li {
	  margin: 6px 0 0 24px;
	}

	/*FIREFOX*/
	#cost #plan_navi #plan_menu ul li, x:-moz-any-link {
		margin-top: 6px;
	}

#cost #plan_navi #plan_menu ul li span {
  font-size: 11px;
  color: #7F7F7F;
  text-decoration: underline;
}

#cost #plan_navi a {
  font-size: 11px;
  color: #7F7F7F;
}

#cost #plan_navi a#selected {
  color: #9B3B61;
}

#cost #plan_navi a:hover {
  color: #9B3B61;
}

#cost #plan_navi #plan_top {
  margin: 0 auto;
  width: 170px;
  clear: both;
  margin-top: 10px;
  height: 20px;
}
	/*IE6*/
	*HTML #cost #plan_navi #plan_top {
	  margin-left: 225px;
	}

#floatMenu {
  position: relative;
  top: 240px;
  width: 180px;
  z-index: 100;
  display: none;
  height: 227px;
}

  *+html #floatMenu {
    left: 540px;
    display: block;
  }

#floatMenu .blocktop {
  margin-top: 5px;
}

#floatMenu li {
  margin-top: -5px;
}

#floatMenu li, x:-moz-any-link {
  margin-top: -5px;
}

#outline {
  position: relative;
  z-index: 100px;
}

#floatMenu a {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  width: 180px;
  height: 50px;
}

#floatMenu a:hover {
  background-position: 0 -50px;
}

#floatMenu #BTN_CALL_BANNER {
  height: 72px;
}

#floatMenu #BTN_CALL_BANNER:hover {
  background-position: 0 -71px;
}

#floatMenu #BTN_PLAN_OTHER { background-image: url("img/r_navi_other.jpg");}
#floatMenu #BTN_PLAN_ESTIMATE { background-image: url("img/r_navi_estimate.jpg");}
#floatMenu #BTN_PLAN_VOICE { background-image: url("img/r_navi_voice.jpg");}
#floatMenu #BTN_PLAN_SIM { background-image: url("img/r_navi_simulator.jpg");}
#floatMenu #BTN_PLAN_OTHER2 { background-image: url("img/r_navi_other_2.jpg");}