@charset "utf-8";
/***********************************************/
/*sec.css                                      */
/***********************************************/

#main p,
#main ul,
#main dl,
#main div,
#main table{margin:0 0 10px}

.new{display:none}

#main .adr div{margin:0}

#main .fig,
#main .btn{text-align:center}

.pageTop{
clear:both;
margin:0 20px 10px;
text-align:right}

.pageTop a{
background:url(../img/sec/pageTop.gif) no-repeat 0 2px;
padding:0 0 0 20px}

#main .bg01,
#main .bg02,
#main .bg03,
#main .bg04,
#main .bg05,
#main .bg06,
#main .bg07,
#main .bg08,
#main .bg09{
background:url(../img/sec/pict01.jpg) no-repeat 100% 0;
min-height:140px;
_height:140px;
padding:0 220px 0 0}

#main .bg02{background:url(../img/sec/pict02.jpg) no-repeat 100% 0}
#main .bg03{background:url(../img/sec/pict03.jpg) no-repeat 100% 0}
#main .bg04{background:url(../img/sec/pict04.jpg) no-repeat 100% 0}
#main .bg05{background:url(../img/sec/pict05.jpg) no-repeat 100% 0}
#main .bg06{background:url(../img/sec/pict06.jpg) no-repeat 100% 0}
#main .bg07{background:url(../img/sec/pict07.jpg) no-repeat 100% 0}
#main .bg08{background:url(../img/sec/pict08.jpg) no-repeat 100% 0}
#main .bg09{background:url(../img/sec/pict09.jpg) no-repeat 100% 0}

/* パンくず
*****************************************/

#main ol.topicPath{
margin:0 0 10px;
text-align:right}

#main ol.topicPath li{
background:url(../img/common/topicPathBg.gif) no-repeat 0 3px;
display:inline;
font-size:x-small;
_font-size:xx-small;
margin:0 0 0 4px;
padding:0 0 0 10px}

#main ol.topicPath li.firstChild{background:none}

#main ol.topicPath li a{
font-size:x-small;
_font-size:xx-small}

/* 見出し
*****************************************/

#main h2{
background:url(../img/sec/h2bg.jpg) no-repeat 0 0;
color:#454545;
font-weight:bold;
font-size:x-large;
_font-size:large;
margin:0 0 20px;
min-height:80px;
_height:80px;
padding:40px 0 0 10px}


#main h3{
background:url(../img/sec/h3bg.jpg) repeat-x 0 50%;
border:1px solid #e6e6e6;
border-bottom:4px solid #f87ebe;
color:#454545;
font-weight:bold;
margin:0 0 20px;
padding:6px 0 6px 10px}

#main h3 span{
border-left:5px solid #f87ebe;
display:block;
font-size:large;
_font-size:medium;
padding:0 0 0 8px}

#main h4{
background:url(../img/sec/h4bg.gif) no-repeat 5px 5px #ffeeff;
border-bottom:2px solid #f87ebe;
color:#333;
font-size:115%;
font-weight:bold;
margin:0 0 10px;
padding:0 0 0 15px}

#main h5{
background:url(../img/sec/h5bg.gif) no-repeat 0 100%;
border-bottom:1px solid #d2d2d2;
color:#333;
font-weight:bold;
margin:0 0 15px;
padding:0 0 0 10px}

/* リスト
*****************************************/

#main ul li{
background:url(../img/common/icon02.gif) no-repeat 0 8px;
padding:0 0 0 10px}

#main ul li.note{background:none}

#main ul.note li{
background:url(../img/common/icon03.gif) no-repeat 0 5px;
padding:0 0 0 12px}

/* dl
*****************************************/

#main dl dt{font-weight:bold}

#main dl dd{padding:0 0 0 10px}

#main dl.step dt{margin:20px 0 5px}

#main dl.step dt.firstChild{margin:0 0 5px}

#main dl.step dd{padding:0}

/* テーブル
*****************************************/

#main table{
height:auto;
width:100%}

#main table th{
background:#fba6d2;
border-bottom:1px dotted #fff;
color:#fff;
font-weight:bold;
padding:5px 10px;
text-align:center;
vertical-align:middle;
white-space:nowrap;
width:1%}

#main table td{
border-bottom:1px dotted #fa9acc;
padding:5px 5px 5px 10px}

#main table th.firstChild{border-top:1px dotted #fa9acc}

#main table td.firstChild{border-top:1px dotted #fa9acc}

#main table td p,
#main table td ul,
#main table td div{margin:0}

.form table span{color:#cc0000}

.form table th{width:180px!important}

.form table td input{margin:0 0 5px}

*:first-child+html .form table td input{margin:0}
* html body .form table td input{margin:0}

.form table td input.text01{width:150px}

.form table td input.text03{width:100px}

.form table td input.text02{width:80px}

.form table td input.text04{width:380px}

.form #main ul.btn li{
background:none;
display:inline;
margin:0 10px;
padding:0}

#main table.col th.top,
#main table.col td{
border-left:5px solid #fff;
border-bottom:1px dotted #adadad;
text-align:center;
vertical-align:middle}

#main table.col th.top{
background:url(../img/sec/thBg.gif) repeat-x #ffddee;
border-bottom:none;
color:#666}

#main table.col th.top.note{border:none}

#main table.note td{border-left:1px dotted #fa9acc}

/* 一覧ページ
*****************************************/

#main table.area{border:1px solid #ffd0e8}

#main table.area td{
background:#fffcff;
border-bottom:1px dotted #ffb3d9;
border-right:1px solid #ffd0e8;
padding:0;
text-align:center}

#main table.area td a{
background:#fffcff;
display:block;
padding:5px}

#main table.area td a:hover{background:#ffb3d9}

/* 詳細ページ
*****************************************/

#main .hall:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main .hall{
background:#f8f4ef;
display:inline-block;
padding:20px}

/*\*/
*html #main .hall{height:1%}
#main .hall{display:block}
/**/

#main .hall div.image{
float:left;
margin:0 20px 0 0;
width:230px}

#main .hall .detail{
float:right;
margin:0;
width:410px}

#main .hall .detail table{margin:0}

#main .hall .detail table th{
background:none;
border-bottom:1px dotted #adadad;
color:#454545}

#main .hall .detail table td{border-bottom:1px dotted #adadad}

#main .hall .detail dl{
border-bottom:1px dotted #adadad;
margin:0;
padding:0 0 5px}

#main .hall .detail dl dt{
color:#454545;
margin:0 0 10px 10px}

#main .plan:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main .plan{
border:1px solid #f87ebe;
display:inline-block;
padding:0 10px}

/*\*/
*html #main .plan{height:1%}
#main .plan{display:block}
/**/

#main .plan dl{
background:url(../img/sec/planBg.jpg) no-repeat 0 0;
margin:0 -10px 20px;
padding:10px 10px 5px}

#main .plan dl dt{
color:#fff;
font-size:medium;
_font-size:small}

#main .plan dl dd{
color:#fff;
font-size:x-large;
_font-size:large;
font-weight:bold;
margin:-1.4em 50px 0 0;
padding:0;
text-align:right}

#main .plan ul{
float:left;
width:380px}

#main .plan ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main .plan ul{display:inline-block;}

/*\*/
*html #main .plan ul{height:1%}
#main .plan ul{display:block}
/**/

#main .plan ul li{
background:none;
float:left;
margin:0 10px 10px 0;
padding:0}

#main .plan ul li img{vertical-align:bottom}

#main .plan table{
float:right;
width:290px}

/* 家族葬・密葬と一般葬の違い
*****************************************/

#main table.diff{border:1px solid #ffc8e3}

#main table.diff th{
background:#fafafa;
border-bottom:1px solid #ffc8e3;
color:#666}

#main table.diff th.top{
border-top:6px solid #fa9acc;
border-right:1px solid #ffc8e3;}

#main table.diff th.top.family{background:#ffddee}

#main table.diff td{
border-bottom:1px solid #ffc8e3;
border-left:1px solid #ffc8e3;
vertical-align:middle}

#main table.diff td.family{background:#fff6ff}

#main table.diff td.note{
font-size:large;
_font-size:medium;
text-align:center}

/* よくある質問
*****************************************/

#main dl.faqAll dt img{vertical-align:bottom}

#main dl.faqAll dd{
border:1px solid #ffbbdd;
padding:20px}

#main dl.faqAll dd ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main dl.faqAll dd ul{
display:inline-block;
margin:0}

/*\*/
*html #main dl.faqAll dd ul{height:1%}
#main dl.faqAll dd ul{display:block}
/**/

#main dl.faqAll dd ul li{
float:left;
width:310px}

#main dl.faq dt{
background:url(../img/sec/faq01.gif) no-repeat 0 100%;
font-size:medium;
_font-size:small;
margin:0 0 10px;
padding:17px 0 5px 50px}

#main dl.faq dd{
background:url(../img/sec/faq02.gif) no-repeat;
margin:0 0 15px;
min-height:45px;
_height:45px;
padding:0 0 0 50px}

#main dl.faq dd p{margin:0}

/* サイトマップ
*****************************************/

#main ul.sitemap li ul{margin:0}

#main ul.sitemap li{
background:url(../img/common/icon03.gif) no-repeat 0 5px;
height:1%;
margin:0 0 5px;
padding:0 0 0 12px}

#main ul.sitemap li.note{background:none}

#main ul.sitemap li ul li{
background:url(../img/common/icon02.gif) no-repeat 0 8px;
padding:0 0 0 10px}

/***********************************************/

#index #main h3,
#index #main h3 span{
background:none;
border:none;
margin:0;
padding:0}

#index #main h3 img{vertical-align:bottom}

#index #main .h301{position:relative}

#index #main .h301 div{margin:0}

#index #main .h301 h3{margin:0 0 10px}

#index #main .h301 dl{
background:url(../img/index/areaBg.gif) repeat-y;
padding:0;
position:absolute;
top:111px;
left:20px}

#index #main .h301 dl dd dt img{vertical-align:bottom}

#index #main .h301 dl dd{
margin:0;
padding:0}

#index #main .h301 dl dd.lastChild{
background:url(../img/index/areaBgBot.gif) no-repeat 0 100%;
padding:0 0 5px}

#index #main .h301 dl dd a{
background:url(../img/common/icon01.gif) no-repeat 10px 0;
padding:0 0 0 30px}

#index #main .h301 ul{margin:0}

#index #main .h301 ul li{
background:none;
margin:0;
padding:0;
position:absolute}

#index #main .h301 ul li.li01{
top:98px;
left:220px}

#index #main .h301 ul li.li02{
top:106px;
left:421px}

#index #main .h301 ul li.li03{
top:184px;
left:301px}

#index #main .h301 ul li.li04{
top:179px;
left:459px}

#index #main .h301 ul li.li05{
top:246px;
left:444px}

#index #main .h301 ul li.li06{
top:248px;
left:280px}

#index #main .h302 table{background:url(../img/index/infoBg.jpg) repeat-y}

#index #main .h303 table{background:url(../img/index/planBg.jpg) no-repeat}

#index #main .h302 table th,
#index #main .h303 table th{
background:url(../img/index/infoBgTop.jpg) no-repeat 0 0;
border:none;
padding:15px 10px 0 15px;
text-align:left;
width:205px;
_width:230px}

#index #main .h303 table th{background:url(../img/index/planBgTop.jpg) no-repeat 0 0}

#index #main .h302 table th.mid,
#index #main .h303 table th.mid{background-position:2px 0}

*:first-child+html #index #main .h302 table th.mid,
*:first-child+html #index #main .h303 table th.mid{background-position:1px 0}

* html #index #main .h302 table th.mid,
* html #index #main .h303 table th.mid{background-position:1px 0}

#index #main .h302 table th.end,
#index #main .h303 table th.end{background-position:4px 0}

*:first-child+html #index #main .h302 table th.end,
*:first-child+html #index #main .h303 table th.end{background-position:3px 0}

* html #index #main .h302 table th.end,
* html #index #main .h303 table th.end{background-position:3px 0}

#index #main .h302 table td,
#index #main .h303 table td{
border:none;
padding:0 10px 0 15px;
width:205px;
_width:230px}

#index #main .h302 table td div,
#index #main .h303 table td div{margin:0 0 5px}

#index #main .h302 table td.link,
#index #main .h303 table td.link{
background:url(../img/index/infoBgBot.jpg) no-repeat 0 100%;
padding:15px 20px 15px 15px;
text-align:right}

#index #main .h303 table td.link{background:url(../img/index/planBgBot.jpg) no-repeat 0 100%}

#index #main .h302 table td.link.mid,
#index #main .h303 table td.link.mid{background-position:2px 100%}

*:first-child+html #index #main .h302 table td.link.mid,
*:first-child+html #index #main .h303 table td.link.mid{background-position:1px 100%}

* html #index #main .h302 table td.link.mid,
* html #index #main .h303 table td.link.mid{background-position:1px 100%}

#index #main .h302 table td.link.end,
#index #main .h303 table td.link.end{background-position:4px 100%}

*:first-child+html #index #main .h302 table td.link.end,
*:first-child+html #index #main .h303 table td.link.end{background-position:3px 100%}

* html #index #main .h302 table td.link.end,
* html #index #main .h303 table td.link.end{background-position:3px 100%}

#index #main .h302 table td img,
#index #main .h303 table td img{vertical-align:bottom}

#index #main .h304 h3{margin:0 0 5px}

#main div.news dl:after,
#index #main .h304 dl:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main div.news dl,
#index #main .h304 dl{display:inline-block;}

/*\*/
*html #main div.news dl,
*html #index #main .h304 dl{height:1%}
#main div.news dl,
#index #main .h304 dl{display:block}
/**/

#main div.news dl,
#index #main .h304 dl{
border-bottom:1px dotted #ddd;
margin:0 0 5px;
min-height:38px;
_height:38px;
padding:0 0 10px 50px;
position:relative}

#main div.news h4{margin:15px 0 10px}

#main div.news dl dt,
#index #main .h304 dl dt{font-weight:normal}

#main div.news dl dt a,
#index #main .h304 dl dt a{margin:0 0 0 10px}

#main div.news dl dd,
#index #main .h304 dl dd{padding:0}

#main div.news dl dd.new,
#index #main .h304 dl dd.new{
position:absolute;
top:5px;
left:0}

.b {
	font-weight:bold;
	color:#FF3366;
	font-size:16px;
	line-height:35px;
}



.center {
	text-align:center;
}

.voice {
	clear:both;
}