@charset "utf-8";

.mb10{
margin-bottom:10px;
}
/*step1*/
#article h2.step1_tit01,
#article h3.step1_tit01{
margin: 10px 0 5px 0;
clear:both;
}



/*step1 場所を選ぶ*/
ul#ansin img{float:left;padding: 0 10px 0 0;}
p.c1lear{float:none;}
ul#ansin{width:590px;height:56px;float:left;padding:0 0 0 0 ;margin:0 0 0 0;}
ul#ansin li{height:56px;float:left;padding:0 0 0 0 ;margin:0 0 0 0;}
ul#ansin li.step1 a{width:133px;height:56px;background: url(../../img/step4_1.gif) no-repeat left top;text-indent: -9999px;display:block;float:left;}
ul#ansin li.step2 a{width:182px;height:56px;background: url(../../img/step4_2.gif) no-repeat left top;text-indent: -9999px;display:block;float:left;}
ul#ansin li.step3 a{width:178px;height:56px;background: url(../../img/step4_3.gif) no-repeat left top;text-indent: -9999px;display:block;float:left;}
ul#ansin li.step4 a{width:97px;height:56px;background: url(../../img/step4_4.gif) no-repeat left top;text-indent: -9999px;display:block;float:left;}
ul#ansin li.step1 a:hover,
ul#ansin li.step2 a:hover,
ul#ansin li.step3 a:hover,
ul#ansin li.step4 a:hover
{background-position: 0 -56px;}


/*エリアで選ぶ*/
dl.taiou{width:590px; height:140px ;float:left;}
dl.taiou dt{width:195px;height:135px;float:left;background-image:url(../../img/top/map.jpg);background-repeat: no-repeat;display:block;text-indent: -9999px;}
dl.taiou dd{width:385px;float:right;}
dl.taiou dd ul li{width:85px; height:28px;float:left;padding : 10px 11px 20px 0;}
dl.taiou dd ul li.tokyo a{background: url(../../img/top/btn_tokyo.gif) no-repeat left top;text-indent: -9999px;display:block;height:28px;}
dl.taiou dd ul li.kanagawa a{background: url(../../img/top/btn_kanagawa.gif) no-repeat left top;text-indent: -9999px;display:block;height:28px;}
dl.taiou dd ul li.saitama a{background: url(../../img/top/btn_saitama.gif) no-repeat left top;text-indent: -9999px;display:block;height:28px;}
dl.taiou dd ul li.chiba a{background: url(../../img/top/btn_chiba.gif) no-repeat left top;text-indent: -9999px;display:block;height:28px;}
dl.taiou dd ul li.tokyo a:hover,
dl.taiou dd ul li.kanagawa a:hover,
dl.taiou dd ul li.saitama a:hover,
dl.taiou dd ul li.chiba a:hover
{background-position: 0 -28px;}

/*場所で選ぶ*/

ul#place li{width:69px; height:28px;float:left;padding : 5px 10px 20px 0;}
ul#place li.last{padding : 10px 0 20px 0;}
ul#place li.jitaku a{background: url(../../img/btn_jitakusougi.gif) no-repeat left top;text-indent: -9999px;display:block;height:28px;}
ul#place li.syukai a{background: url(../../img/btn_syuukaijyou.gif) no-repeat left top;text-indent: -9999px;display:block;height:28px;}
ul#place li.hotel a{background: url(../../img/btn_hotel.gif) no-repeat left top;text-indent: -9999px;display:block;height:28px;}
ul#place li.jitaku a:hover,
ul#place li.syukai a:hover,
ul#place li.hotel a:hover
{background-position: 0 -28px;}
/*
ul#place li{width:103px; height:28px;float:left;padding : 10px 10px 20px 0;}
ul#place li.jitaku a{background: url(../../img/btn_jitakusougi.gif) no-repeat left top;text-indent: -9999px;display:block;height:28px;}
ul#place li.syukai a{background: url(../../img/btn_syuukaijyou.gif) no-repeat left top;text-indent: -9999px;display:block;height:28px;}
ul#place li.hotel a{background: url(../../img/btn_hotel.gif) no-repeat left top;text-indent: -9999px;display:block;height:28px;}
ul#place li.jitaku a:hover,
ul#place li.syukai a:hover,
ul#place li.hotel a:hover
{background-position: 0 -28px;}
*/

/*よく利用される代表的な斎場*/
.step1Tokyo:after,
.step1Kanagawa:after,
.step1Saitama:after,
.step1Chiba:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.step1Tokyo,
.step1Kanagawa,
.step1Saitama,
.step1Chiba{
	height:1%;
	overflow:hidden;
	/* Hide for Mac IE5 \*/
	min-height:1%;
	overflow:visible;
	/* End Hide for Mac IE5 */
}

ul.list {
width:570px;
padding: 0 0 10px 0;
}
ul.list li {
width:190px;
float:left;
display:block;
}
dl.listtokyo dt,
dl.listkanagawa dt {
clear:left;
background: url(../../img/link.gif)  no-repeat;
padding: 0 0 0 10px;
}

ul.list li a{background-image: url(../../img/link.gif);padding : 0 0 0 10px;background-repeat: no-repeat;}



/*step02*/
/**/
#article h2.step2_tit01 {
margin: 30px 0 0 0;
clear: left;
}

#article h2.step2_tit02 {
margin: 40px 0 0 0;
}

dl.select {
	width: 286px;
	padding: 0;
	margin:0px 0px 20px;
	background: url(../../ansin/img/style_boxbg.gif) repeat-y 0px 0px;
}

dl.select-l {float:left;}
dl.select-r {float:right;}

dl.top {
border: none;
}


dl.select dt {
	float:left;
	width:274px;
	background: url(../../ansin/img/style_herad.gif) no-repeat 0px 0px;
	padding: 7px 7px 0px;
}

dl.select dt .img-l{
	margin: 0px 7px 0px 0px;
	float: left;
}
dl.select dt .img-r{
	float: left;
}

dl.select dd {
	float:left;
	width:274px;
	background: url(../../ansin/img/style_foot.gif) no-repeat 0px bottom;
	padding: 7px 6px 10px 7px;

}

dl.select dd a.show {
	background: url(../../ansin/img/btn_show.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	margin: 5px 0px 0px;
	float: right;
	height: 20px;
	width: 98px;
	padding: 0px 6px 0px 0px;
}
dl.select dd a.show:hover {background-position: 0 -20px;}


/*step03*/
ul.planChange {
width:300px;
height:180px;
float:right;
margin:0 0 0 10px;
}
ul.planChange li {
float:left;
}
ul.planChange li.planTitle {
margin-bottom:9px;
}
ul.planChange li.arrow{
margin:16px 0 0 7px;
}

table.planTable {
width:588px;
border:1px solid #D9D9D9;
border-collapse:collapse;
clear:both;
}
table.planTable th {
background:#A2A2A2;
color:#FFF;
border-right:1px solid #FFF;
font-weight:normal;
padding:5px;
}
table.planTable td {
padding:3px;
border:1px solid #D9D9D9;
}

ul.planChart {
margin:10px 0 0 0;
}

h2.step3_tit01 {
margin:30px 0 10px;
}
#article #step3 ul li{width:140px;height:96px;float:left;padding:0 10px 2em 0;}
#article #step3 ul li.last{float:left;padding:0 0 2em 0;} 
#article #step3 p a{background-image: url(../../img/link.gif);padding : 0 0 0 10px;background-repeat: no-repeat;}
#article #step3 ul li a.non{background-image:none;padding : 0 0 0 0;}
#article #step3 ul li a{background-image: url(../../img/link.gif);padding : 0 0 0 10px;background-repeat: no-repeat;}
#article #step3 p{clear:both;}

/*step04*/

h2.step4_tit01 {
margin:20px 0 0 0;
}

ul.inquiryList li{
float:left;
margin:2px 10px 15px 0;
}
ul.inquiryList li.last{
margin:2px 0 15px 0;
}

.boxR,
.boxL {
width:291px;
float:left;
padding:0 0 30px;
}
.boxR {
margin:0 0 0 8px;
}

.boxR ul img, 
.boxL ul img{
margin:10px 0 0 13px;
}
ul.boxList {
}

ul.boxList li {
background:url(../../ansin/img/step04_listicon.gif) no-repeat 0 4px;
padding:0 0 0 15px;
}


#step4 .box1 {width:370px;float:left;}
#step4 .box1 h3{width:370px;height:19px;background:url(../../img/contact_staff.gif) no-repeat left bottom;display:block;text-indent: -9999px;}
#step4 .box1 img{float:left;padding:10px 10px 0 0;}
#step4 .box1 p{padding:10px 0 0 0;}

#step4 .box2{width:210px;float:left; margin:0 0 0 10px;}
#step4 .box2 h3{width:210px;height:19px;background:url(../../img/contact_tm.gif) no-repeat left bottom;display:block;text-indent: -9999px;}
#step4 .box2 p{width:210px;height:64px;background-image:url(../../img/contact_tel.gif);display:block;text-indent: -9999px;margin:10px 0 0 0;}
#step4 .box2 a{width:210px;height:61px;background-image:url(../../img/contact_btn_inet.gif);display:block;text-indent: -9999px;}
#step4 .box2 a:hover{background-position: 0 -61px;}




/*------------------------------------------------------------------------------------------------------------------*/
div.branding{width:640px;height:177px;background-image:url(../../img/top/image.jpg);display:block;text-indent: -9999px;}
ul li ul li a{background-image: url(../../img/link.gif);padding : 0 0 0 10px;background-repeat: no-repeat;}
ul {padding : 0 0 10px 0;}

/*対応地域*/
h2{padding:0 0 0 0;margin:0 0 0 0;border-bottom: none;}
h2.taiou{width:590px;height:66px;background-image:url(../../img/top/taiou.gif);display:block;text-indent: -9999px;clear:both;}
dl.taiou{width:590;float:left;}
dl.taiou dt{width:195px;height:135px;float:left;background-image:url(../../img/top/map.jpg);background-repeat: no-repeat;display:block;text-indent: -9999px;}
dl.taiou dd{width:385px;float:right;}
dl.step1_3{width:640px;padding:0 0 20px 0;}
dl.step1_3 dt{width:195px;height:135px;float:left;margin:0 0 0 30px;background-image:url(../../img/redy.gif);background-repeat:no-repeat;display:block;text-indent: -9999px;}
dl.step1_3 dd{width:385px;}
dl.taiou dd ul li{width:85px; height:28px;float:left;padding : 10px 11px 20px 0;}
dl.taiou dd ul li.tokyo a{background: url(../../img/top/btn_tokyo.gif) no-repeat left top;text-indent: -9999px;display:block;height:28px;}
dl.taiou dd ul li.kanagawa a{background: url(../../img/top/btn_kanagawa.gif) no-repeat left top;text-indent: -9999px;display:block;height:28px;}
dl.taiou dd ul li.saitama a{background: url(../../img/top/btn_saitama.gif) no-repeat left top;text-indent: -9999px;display:block;height:28px;}
dl.taiou dd ul li.chiba a{background: url(../../img/top/btn_chiba.gif) no-repeat left top;text-indent: -9999px;display:block;height:28px;}
dl.taiou dd ul li.tokyo a:hover,
dl.taiou dd ul li.kanagawa a:hover,
dl.taiou dd ul li.saitama a:hover,
dl.taiou dd ul li.chiba a:hover
{background-position: 0 -28px;}

/*安心して葬儀*/
 a.link{background-image: url(../../img/link.gif);margin: 0 0 0 0px;padding: 0 0 0 10px;background-repeat: no-repeat;}

#ansin h1{width:590px;height:66px;background:url(../../img/top/step3.gif) no-repeat left bottom;display:block;text-indent: -9999px;clear:both; padding:0 0 0 0;}
#ansin img{float:left;padding: 0 10px 0 0;}
#ansin p.clear{float:none;}
#ansin ul{width:590px;height:56px;float:left;padding:0 0 0 0 ;margin:0 0 0 0;}
#ansin ul li{height:56px;float:left;padding:0 0 0 0 ;margin:0 0 0 0;}
#ansin ul li.step1 a{width:133px;height:56px;background: url(../../img/step4_1.gif) no-repeat left top;text-indent: -9999px;display:block;float:left;}
#ansin ul li.step2 a{width:182px;height:56px;background: url(../../img/step4_2.gif) no-repeat left top;text-indent: -9999px;display:block;float:left;}
#ansin ul li.step3 a{width:178px;height:56px;background: url(../../img/step4_3.gif) no-repeat left top;text-indent: -9999px;display:block;float:left;}
#ansin ul li.step4 a{width:97px;height:56px;background: url(../../img/step4_4.gif) no-repeat left top;text-indent: -9999px;display:block;float:left;}
#ansin ul li.step1 a:hover,
#ansin ul li.step2 a:hover,
#ansin ul li.step3 a:hover,
#ansin ul li.step4 a:hover
{background-position: 0 -56px;}


ul.list01{
	width:590px;
	margin:10px 0 15px;
	float: left;
	border-bottom: 1px dotted #999999;
}
ul.list01 li{
width:142px;
padding:0 5px 10xp 0;
float:left;
}
ul.list01 li a.small{
font-size:0.9em;
}

hr {padding-right:0;margin-right:110;height:20px;}



/*ＳＴＥＰ１～４*/
#step1 h2{width:590px;height:35px;background:url(../../img/top/step4_s1.gif) no-repeat right bottom ;display:block;text-indent: -9999px;clear:both;padding:20px 0 0 0;position: relative;}
#step2 h2{width:590px;height:35px;background:url(../../img/top/step4_s2.gif) no-repeat right bottom ;display:block;text-indent: -9999px;clear:both;padding:20px 0 0 0;position: relative;}
#step3 h2{width:590px;height:35px;background:url(../../img/top/step4_s3.gif) no-repeat right bottom ;display:block;text-indent: -9999px;clear:both;padding:20px 0 0 0;position: relative;}
#step4 h2{width:590px;height:35px;background:url(../../img/top/step4_s4.gif) no-repeat right bottom ;display:block;text-indent: -9999px;clear:both;padding:20px 0 0 0;position: relative;}

a.steps{height:18px;width:151px;background:url(../../img/btn_konostep.gif) no-repeat right top;text-indent: -9999px;display:block;float:right;position: absolute;top: 24px;right:10px;}

a.steps:hover{background-position: 0 -22px;}

#step1 .box1 {width:354px;float:left;}
#step1 .box1 h3{width:354px;height:19px;background:url(../../img/top/step1_sectionhed1.gif) no-repeat left bottom;display:block;text-indent: -9999px;}
#step1 .box1 ul li{width:85px; height:28px;float:left;padding : 10px 3px 0 0;}
#step1 .box1 ul li.tokyo a{background: url(../../img/top/btn_tokyo.gif) no-repeat left top;text-indent: -9999px;display:block;height:28px;}
#step1 .box1 ul li.kanagawa a{background: url(../../img/top/btn_kanagawa.gif) no-repeat left top;text-indent: -9999px;display:block;height:28px;}
#step1 .box1 ul li.saitama a{background: url(../../img/top/btn_saitama.gif) no-repeat left top;text-indent: -9999px;display:block;height:28px;}
#step1 .box1 ul li.chiba a{background: url(../../img/top/btn_chiba.gif) no-repeat left top;text-indent: -9999px;display:block;height:28px;}
#step1 .box1 ul li.tokyo a:hover,
#step1 .box1 ul li.kanagawa a:hover,
#step1 .box1 ul li.saitama a:hover,
#step1 .box1 ul li.chiba a:hover
{background-position: 0 -28px;}

#step1 .box2{width:227px;float:right;}
#step1 .box2 h3{width:227px;height:19px;background:url(../../img/top/step1_sectionhed2.gif) no-repeat left bottom;display:block;text-indent: -9999px;}
#step1 .box2 ul li{width:69px; height:28px;float:left;padding : 10px 10px 20px 0;}
#step1 .box2 ul li.last{padding : 10px 0 20px 0;}
#step1 .box2 ul li.jitaku a{background: url(../../img/btn_jitakusougi.gif) no-repeat left top;text-indent: -9999px;display:block;height:28px;}
#step1 .box2 ul li.syukai a{background: url(../../img/btn_syuukaijyou.gif) no-repeat left top;text-indent: -9999px;display:block;height:28px;}
#step1 .box2 ul li.hotel a{background: url(../../img/btn_hotel.gif) no-repeat left top;text-indent: -9999px;display:block;height:28px;}
#step1 .box2 ul li.jitaku a:hover,
#step1 .box2 ul li.syukai a:hover,
#step1 .box2 ul li.hotel a:hover
{background-position: 0 -28px;}

#step2 h3.sanretu{width:140px;height:96px;background:url(../../img/logo_ninzu.gif) no-repeat right bottom ;display:block;text-indent: -9999px;clear:both;float:left;}
#step2 h3.style{width:140px;height:96px;background:url(../../img/logo_style.gif) no-repeat right bottom ;display:block;text-indent: -9999px;clear:both;float:left;}
#step2 ul li{width:140px;height:96px;float:left;padding:0 0 2em 10px;}
#step2 p a{background-image: url(../../img/link.gif);padding : 0 0 0 10px;background-repeat: no-repeat;}
#step2 ul li a{background-image: url(../../img/link.gif);padding : 0 0 0 10px;background-repeat: no-repeat;}
#step2 ul li a.non{background-image:none;padding : 0 0 0 0;}

#article #step3 ul li{width:140px;height:96px;float:left;padding:0 10px 2em 0;}
#article #step3 ul li.right{width:140px;height:96px;float:right;padding:0 0 0 0;} 
#article #step3 p a{background-image: url(../../img/link.gif);padding : 0 0 0 10px;background-repeat: no-repeat;}
#article #step3 ul li a.non{background-image:none;padding : 0 0 0 0;}
#article #step3 ul li a{background-image: url(../../img/link.gif);padding : 0 0 0 10px;background-repeat: no-repeat;}
#article #step3 p{clear:both;}

.mb20{margin-bottom:20px;}