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

#voices,
#voice_detail {
	width:620px;
	line-height:160%;
	text-align:left;
}

#voices {
  padding-bottom: 54px;
}

#voices h4,
#voice_detail h4 {
	margin:23px 0 17px 0;
}

#voices p {
	width:620px;
}

/*menu
----------------------------*/
#voices #sougi_type,
#voice_detail #sougi_type {
	width:620px;
	height:61px;
	margin:20px 0 17px 0;
}

#voices #sougi_type li,
#voice_detail #sougi_type li {
	float:left;
	height:61px;
}

#voices #simple,
#voices #cremation,
#voice_detail #simple,
#voice_detail #cremation {
	width:124px;
}

#voices #basic,
#voices #premium,
#voices #irreligion,
#voices #oneday,
#voice_detail #basic,
#voice_detail #premium,
#voice_detail #irreligion,
#voice_detail #oneday {
	width:124px;
}

#voices #simple,
#voice_detail #simple {
	background-image:url("img/voice_type01.jpg");
}
#voices #basic,
#voice_detail #basic { 
	background-image:url("img/voice_type02.jpg");
}
#voices #premium,
#voice_detail #premium { 
	background-image:url("img/voice_type03.jpg");
}
#voices #irreligion, 
#voice_detail #irreligion {
	background-image:url("img/voice_type04.jpg");
}
#voices #oneday,
#voice_detail #oneday {
	background-image:url("img/voice_type05.jpg");
}
#voices #cremation,
#voice_detail #cremation {
	background-image:url("img/voice_type06.jpg");
}

#voices #sougi_type a,
#voice_detail #sougi_type a {
	display:block;
	height:61px;
	text-indent:-9999px;
	overflow:hidden;
}

#voices #sougi_type a:hover,
#voice_detail #sougi_type a:hover {
	background-position:0 -61px;
}


/*voice_top
----------------------------*/
#voices h5 {
	margin-bottom:18px;
}

#voices .voice_box {
	clear:both;
	width:620px;
	height:129px;
	margin-bottom:16px;
	background-image:url("img/voice_box.jpg");
	background-repeat:no-repeat;
}

#voices .voice_box .imagebox {
	width:133px;
	height:106px;
	margin:12px 10px 10px 10px;
	float:left;
	background-image: url("img/type01_pic1.jpg");
}

#voices .voice_box .imagebox img {
  margin: 7px 6px 6px 6px;
}

#voices .voice_box dl {
	width:345px;
	margin-top:18px;
	float:left;
}

#voices .voice_box dt {
	float:left;
  position: relative;
  top: -6px;
}

#voices .voice_box dd {
  position: relative;
  top: -6px;
}

#voices .voice_box .syousai {
	margin:90px 20px 0 0 ;
	float:right;
}

	/*IE6*/
	*HTML #voices .voice_box .syousai {
		margin-right:10px;
	}

#voices .voice_box .syousai a {
	display:block;
	width:96px;
	height:23px;
	background-image:url("img/btn_syousai.gif");
	text-indent:-99999px;
	overflow:hidden;
}

#voices .voice_box .syousai a:hover {
	background-position:0 -23px;
}	

/*voice_detail
----------------------------*/

#voice_detail .page_navi {
	clear:both;
	width:590px;
	padding:8px 15px;
	margin-bottom:20px;
	border-top: solid 1px #DCDCDC;
	border-bottom: solid 1px #DCDCDC;
	float:left;
}
	/*IE6*/
	*HTML #voice_detail .page_navi {
		width:620px;
		margin:0px;
	}

#voice_detail .page_navi li {
	display:inline;
	margin:0px;
}

#voice_detail .page_navi .goto_back,
#voice_detail .page_navi .goto_list,
#voice_detail .page_navi .goto_next {
	height:13px;
	display:block;
	overflow:hidden;
	float:left;
	text-indent:-9999px;
}

#voice_detail .page_navi .goto_back {
	width:45px;
	margin-right:195px;
	background-image:url("img/dt_back.gif");
}

#voice_detail .page_navi .goto_list {
	width:99px;
	background-image:url("img/dt_goto_list.gif");
}

#voice_detail .page_navi .goto_next {
	width:45px;
	background-image:url("img/dt_next.gif");
	float:right;
}

#voice_detail .page_navi li a:hover {
	background-position:0 -13px;
}

/*main
----------------------------*/

#voice_detail {
	height:auto;
	padding-bottom:50px;
	float:left;
}
	/*IE6,IE7*/
	#voice_detail {
		/padding-bottom:54px;
	}

#voice_detail #main {
	clear:both;
	height:auto;
	background-image:url("img/bg_main.gif");
	background-repeat:repeat-y;
	margin-bottom:30px;
	float:left;
}

  *+html #voice_detail #main {
    margin-top: -17px;
  }

#voice_detail #main #main01 {
	height:110px;
	padding:30px 25px 0 25px;
	background-image:url("img/bg_top.gif");
	background-repeat:no-repeat;
	background-position:top;
}
	/*IE6*/
	*HTML #voice_detail #main #main01 {
		height:140px;
	}
	
#voice_detail #main #main02 {	
	height:auto;
	padding:0 25px;
	background-image:url("img/bg_bottom.gif");
	background-repeat:no-repeat;
	background-position:bottom;
	float:left;
}
	/*IE6*/
	#voice_detail #main #main02 {
		margin:0px;
	}

#voice_detail #main #main01 #case {
	width:266px;
	height:40px;
	background-image:url("img/dt_case.gif");
	background-repeat:no-repeat;
	float:left;
}

#voice_detail #main #main01 #case span {
	display:block;
	width:135px;
	margin:10px 10px 0 80px;
	text-align:right;
	font-weight:bold;
	float:right;
}

#voice_detail #main #main01 dl {
	width:265px;
	margin-top:20px;
	float:left;
}

#voice_detail #main #main01 dt {
	float:left;
}

#voice_detail #main #main01 #comment {
	width:282px;
	height:95px;
	background-image:url("img/dt_voice.gif");
	float:right;
}

#voice_detail #main #main01 #comment table {
	width:200px;
	height: 80px;
	margin-top: 5px;
	margin-left: 10px;
	clear: both;
}

#voice_detail #main #main01 #comment table tr td {
	text-align: left;
	font-weight:bold;
}

#voice_detail #main #main02 #evaluation {
	clear:both;
	border-top:solid 1px #DCDCDC;
	height:auto;
	padding:20px 0 25px 0;
}

#voice_detail #main #main02 .left_side {
	float:left;
}

#voice_detail #main #main02 .left_side #imagebox {
  border: solid 1px #cccccc;
  width: 184px;
  height: 135px;
}

#voice_detail #main #main02 .left_side #imagebox img {
  margin: 5px;
}

#voice_detail #main #main02 .right_side {
	float:right;
}

#voice_detail #main #main02 #cost {
	margin-top:10px;
	width:184px;
	height:71px;
	background-image:url("img/dt_cost.gif");
}

#voice_detail #main #main02 #cost span {
	display:block;
	width:184px;
	height:auto;
	text-align:center;
	padding-top:38px;
	font-size:26px;
}

#voice_detail #main #main02 #pdf {
	display:block;
	width:184px;
	height:55px;
	margin-top:10px;
	background-image:url("img/btn_pdf.gif");
}

#voice_detail #main #main02 a:hover {
	background-position:0 -55px;
}

#voice_detail #main #main02 #pdf span {
	display:none;
}

#voice_detail #main #main02 dl {
	clear:both;
}
	/*IE7*/
	*+HTML #voice_detail #main #main02 dl {
		margin-top: -24px;
	}


#voice_detail #main #main02 dt {
	padding:20px 0 8px 0;
}
	/*IE6*/
	*HTML #voice_detail #main #main02 dt {
		padding:0px;
		margin:20px 0 0 0 ;
	}
	
	/*IE7*/
	*+HTML #voice_detail #main #main02 dt {
	  padding:22px 0 5px 0;
	}

  /* FF */
  html:not([lang*=""]) #voice_detail #main #main02 dt {
    padding:20px 0 2px 0;
  }
	
#voice_detail #main #main02 dd img {
	margin:2px 5px 0 0;
	float:left;
}

#voice_detail #main #reason_block {
  width: 365px;
  height: 68px;
  background: url("img/select_lbl.gif") no-repeat 0 bottom;
  margin-bottom: 10px;
}

#voice_detail #main .right_side table {
  position: relative;
  top: 6px;
}

#voice_detail #main .right_side #select_block table {
  top: 8px;
}

#voice_detail #main .right_side table,
#voice_detail #main .right_side td {
  padding:0;
  margin: 0 0 0 -2px;
}

#voice_detail #main .right_side td {
  width:13px;
}

#voice_detail #main .right_side .cl1 {
  width: 103px;
}

#voice_detail #main .right_side .cl2 {
  width: 114px;
}

#voice_detail #main #select_block {
  width: 365px;
  height: 70px;
  background: url("img/select_lbl2.gif") no-repeat 0 bottom;
}

#voice_detail #main #comparison {
  clear: both;
  width: 364px;
  height: 77px;
  margin-top: -12px;
  background-image: url("img/star_area.jpg");
  background-repeat: no-repeat;
  background-position:bottom;
}

  /* IE7 */
  *+html #voice_detail #main #comparison {
    margin-top: 8px;
  }

  /* IE6 */
  *html #voice_detail #main #comparison {
    margin-top: 10px;
  }

#voice_detail #main #comparison div {
  width: 350px;
  margin: 20px auto 0 auto;
  text-align: center;
}

#voice_detail #main #comparison div img {
  margin: 30px 8px 0 8px;
}

  /* IE7 */
  *+html #voice_detail #main #comparison div {
    margin-top: 0;
  }

  /* IE6 */
  *html #voice_detail #main #comparison div {
    margin-top: 0;
  }

#voice_detail #footer_navi {
  margin-top: -9px;
}

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

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

#detail #floatMenu{
  top: 305px;
}

#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_DETAIL { background-image: url("img/r_navi_other.jpg");}
#floatMenu #BTN_PLAN_ESTIMATE { background-image: url("img/r_navi_estimate.jpg");}
#floatMenu #BTN_PLAN_SIM { background-image: url("img/r_navi_simulator.jpg");}