@charset "utf-8";
/* CSS Document */

body { font-size: 11px; line-height: 1.3em; color: #666464; background: url(../images/home/bg.gif) repeat-y center top; }

#header { height: 80px; width: 780px; margin-right: auto; margin-left: auto; background: url(../images/home/header.png) no-repeat; }
#header h1 { text-indent: -9999px; }


#headNavi { width: 780px; margin-right: auto; margin-left: auto; }

ul#headNavi { list-style: none; }

#headNavi li { display: inline; }

#headNavi li a { text-decoration: none; display: block; float: left; height: 32px; width: 130px; }

#headNavi li.sw1 a { background: url(../images/home/topNavi.png) no-repeat 0px 0px; }
#headNavi li.sw1 a:hover { background: url(../images/home/topNavi.png) no-repeat 0px -32px; }
#headNavi li.sw2 a { background: url(../images/home/topNavi.png) no-repeat -130px 0px; }
#headNavi li.sw2 a:hover { background: url(../images/home/topNavi.png) no-repeat -130px -32px; }

#headNavi li.sw3 a { background: url(../images/home/topNavi.png) no-repeat -260px 0px; }
#headNavi li.sw3 a:hover { background: url(../images/home/topNavi.png) no-repeat -260px -32px; }
#headNavi li.sw4 a { background: url(../images/home/topNavi.png) no-repeat -390px 0px; }
#headNavi li.sw4 a:hover { background: url(../images/home/topNavi.png) no-repeat -390px -32px; }
#headNavi li.sw5 a { background: url(../images/home/topNavi.png) no-repeat -520px 0px; }
#headNavi li.sw5 a:hover { background: url(../images/home/topNavi.png) no-repeat -520px -32px; }
#headNavi li.sw6 a { background: url(../images/home/topNavi.png) no-repeat -650px 0px; }
#headNavi li.sw6 a:hover { background: url(../images/home/topNavi.png) no-repeat -650px -32px; }
#container { width: 780px; margin-right: auto; margin-left: auto; clear: both; }

.sw1 a em,.sw2 a em,.sw3 a em,.sw4 a em,.sw5 a em,.sw6 a em,.sw10 a em,.sw11 a em,.sw12 a em,.sw13 a em { font-size: 5px; line-height: 1.3em; visibility: hidden; }
.catch{ clear: left; height: 38px; width: 780px; background: url(../images/home/explan_bg.gif) no-repeat 0px 0px; }
h2.copy { padding-left: 1.5em; padding-top: 1em; font-size: 12px; line-height: 1.3em; background: url(../images/home/arrow1.png) no-repeat left 1em; margin-left: 2.5em; margin-top: 0em; }

.topImg { width: 721px; margin-right: auto; margin-left: auto; background: url(../images/home/topImg.jpg) no-repeat; height: 306px; }
.topImg h2 { text-indent: 100%; white-space: nowrap; overflow: hidden; }


.secondmenu { width: 721px; margin-right: auto; margin-left: auto; height: 60px; margin-bottom: 2em; }

ul.secndNavi { list-style: none; }

.secndNavi li { display: inline; }

.secndNavi li a { text-decoration: none; float: left; height: 60px; width: 180px; display: block; }

.secndNavi li.sw10 a { background: url(../images/home/secndNavi.jpg) no-repeat 0px 0px; }
.secndNavi li.sw10 a:hover { background: url(../images/home/secndNavi.jpg) no-repeat 0px -60px; }

.secndNavi li.sw11 a { background: url(../images/home/secndNavi.jpg) no-repeat -180px 0px; }
.secndNavi li.sw11 a:hover { background: url(../images/home/secndNavi.jpg) no-repeat -180px -60px; }

.secndNavi li.sw12 a { background: url(../images/home/secndNavi.jpg) no-repeat -360px 0px; }
.secndNavi li.sw12 a:hover { background: url(../images/home/secndNavi.jpg) no-repeat -360px -60px; }

.secndNavi li.sw13 a { background: url(../images/home/secndNavi.jpg) no-repeat -540px 0px; }
.secndNavi li.sw13 a:hover { background: url(../images/home/secndNavi.jpg) no-repeat -540px -60px; }
#main { width: 721px; margin-right: auto; margin-left: auto; }



.main_sub { float: left; width: 448px; margin-left: 30px; margin-bottom: 3em; }

.thank { margin-bottom: 1em; }

p.lead { line-height: 181%; margin-bottom: 1em; }

h2.daial { background: url(../images/home/freeDaial.jpg) no-repeat; height: 106px; width: 444px; text-indent: -9999px; }

.sideNavi { float: right; width: 242px; margin-right: 30px; }

.katuragi { border: 1px solid #A0A0A4; padding: 3px; background: url(../images/home/katsura_openImg.jpg) no-repeat center center; height: 154px; width: 234px; margin-bottom: 1.8em; }

.katuragi h3 { text-indent: -9999px; }

h2.katsuragiCopy { margin-bottom: 1em; background: url(../images/home/katsuragi_copy.jpg) no-repeat; height: 41px; width: 212px; text-indent: -9999px; }


ul.fotnavi{ list-style: none; clear: both; width: 721px; margin-right: auto; margin-left: auto; margin-bottom: 1em; }
ul.fotnavi_2{ list-style: none; clear: both; width: 510px; margin-right: auto; margin-left: auto; margin-bottom: 1em; position: absolute; bottom: 30px; left: 54px; }
.fotnavi li { display: inline; }
.fotnavi_2 li{display: inline; }
.fotnavi li a{ font-size: 10px; line-height: 1.3em; text-decoration: none; border-right: 1px solid #808080; margin-left: 5px; padding-right: 5px; }
.fotnavi_2 li a{font-size: 10px; line-height: 1.3em; text-decoration: none; border-right: 1px solid #808080; margin-left: 5px; padding-right: 5px;} 
.fotnavi li:first-child a,.fotnavi_2 li:first-child a { font-size: 10px; line-height: 1.3em; text-decoration: none; border-left: 1px solid #808080; padding-left: 5px; }


#footer,
#footer_2 { clear: both; height: 29px; width: 721px; background: url(../images/home/footer_bg.gif) no-repeat; margin-right: auto; margin-left: auto; }
#footer h4,
#footer_2 h4 { color: #FFF; padding-top: .7em; padding-left: 1em; font-size: 10px; line-height: 1.3em; }

a:link { color: #666464; }
a:visited { color: purple; }
a:hover { color: red; }
a:active { color: yellow; }

.main_sub_about { width: 520px; float: left; padding-bottom: 3em; }

.topImg_about { width: 721px; margin: 40px auto 2em; }

p.lead_about { font-size: 12px; line-height: 200%; width: 410px; float: left; margin-bottom: 1em; }

h2.aboutadd { background: url(../images/about/about_address.jpg) no-repeat; height: 39px; width: 506px; text-indent: -9999px; clear: both; margin-bottom: 1.5em; }

.sideNavi_about { width: 180px; float: right; }

ul.sideNavi_about ul { list-style: none; margin-bottom: 2em; }

.sideNavi_about ul li { display: block; }

.sideNavi_about ul li a { height: 59px; width: 180px; text-decoration: none; display: block; }

.sideNavi_about ul li.bt1 a { background: url(../images/about/sidenavi-bt.jpg) no-repeat 0px 0px; }
.sideNavi_about ul li.bt1 a:hover { background: url(../images/about/sidenavi-bt.jpg) no-repeat -180px 0px; }

.sideNavi_about ul li.bt2 a { background: url(../images/about/sidenavi-bt.jpg) no-repeat 0px -59px; }
.sideNavi_about ul li.bt2 a:hover { background: url(../images/about/sidenavi-bt.jpg) no-repeat -180px -59px; }

.sideNavi_about ul li.bt3 a { background: url(../images/about/sidenavi-bt.jpg) no-repeat 0px -118px; }
.sideNavi_about ul li.bt3 a:hover { background: url(../images/about/sidenavi-bt.jpg) no-repeat -180px -118px; }

.sideNavi_about ul li.bt4 a { background: url(../images/about/sidenavi-bt.jpg) no-repeat 0px -177px; }
.sideNavi_about ul li.bt4 a:hover { background: url(../images/about/sidenavi-bt.jpg) no-repeat -180px -177px; }
.sideNavi_about .bt1 a em ,.bt2 a em,.bt3 a em,.bt4 a em{ font-size: 5px; line-height: 1.3em; visibility: hidden; }

.map { float: left; width: 246px; margin-right: 15px; margin-bottom: 5em; }

.end { margin-right: 0px;shadow}

h3.billName { width: 246px; background: url(../images/about/seikado_ttl.jpg) no-repeat; height: 34px; text-indent: 100%; margin-top: 1em; white-space: nowrap; overflow: hidden; }
p.maptel { clear: left; font-size: 110%; line-height: 1.3em; }

h3.billName_katsuragi{ width: 247px; background: #fff url(../images/about/katsuragi_ttl.jpg) no-repeat; text-indent: 100%; margin-top: 1em; white-space: nowrap; overflow: hidden; height: 34px; }
p.maptel_katsuragi{ width: 247px; font-size: 110%; line-height: 1.3em; }
.number { font: 900 18px/1.3em "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; letter-spacing: .1em; }


h3.emergency { background: url(../images/about/harry_contact-bn.jpg) no-repeat center center; padding: 6.5px; height: 162px; width: 165px; text-indent: -9999px; margin-top: 2em; border: 1px solid #cacaca; }


/*葬儀の流れ*/



p.flow_lead_come  { width: 485px; margin-left: 3em; font-size: 12px; line-height: 200%; margin-bottom: 1.8em; }
p.ifabout { background: url(../images/flow/if_aboutImg.jpg) no-repeat; float: left; height: 64px; width: 169px; text-indent: 100%; white-space: nowrap; overflow: hidden; margin-right: 1.5em; }

p.process { background: url(../images/flow/ruleImg.jpg) no-repeat; float: left; height: 65px; width: 317px; text-indent: 100%; white-space: nowrap; overflow: hidden; margin-bottom: 30px; }

ul.process_detail { padding-left: 3.5em; list-style: none; width: 90%; }
.process_detail li { display: block; }
li p.flow_lead { font-size: 12px; line-height: 2em; margin-bottom: 2em; }


h3.process_comidashi, h3.process_comidashi2 , h3.process_comidashi3 , h3.process_comidashi4 , h3.process_comidashi5 , h3.process_comidashi6  ,h3.process_comidashi7 , h3.process_comidashi8 , h3.process_comidashi9 , h3.process_comidashi10{ background: url(../images/flow/death-cottl.jpg) no-repeat; height: 20px; width: 215px; margin-bottom: .5em; text-indent: 100%; white-space: nowrap; overflow: hidden; }

h3.process_comidashi2 { background: url(../images/flow/anchi-cottl.jpg) no-repeat; }
h3.process_comidashi3 { background: url(../images/flow/uchiawase-cottl.jpg) no-repeat; }
h3.process_comidashi4 { background: url(../images/flow/renraku-cottl.jpg) no-repeat; }
h3.process_comidashi5 { background: url(../images/flow/noukan-cottl.jpg) no-repeat; }
/*----------------------------------------------------------------------------------------*/
h3.process_comidashi6 { background: url(../images/flow/otsuya-cottl.jpg) no-repeat; }
/*----------------------------------------------------------------------------------------*/
h3.process_comidashi7 { background: url(../images/flow/kokubetu-cottl.jpg) no-repeat; }
h3.process_comidashi8 { background: url(../images/flow/casou-ttl.jpg) no-repeat; }
h3.process_comidashi9 { background: url(../images/flow/kichyubiki-cottl.jpg) no-repeat; }
h3.process_comidashi10 { background: url(../images/flow/atomatsuri-cottl.jpg) no-repeat; }

h2.process-ttl,h2.process-ttl2,h2.process-ttl3 { clear: left; background: url(../images/flow/lady-ttl.jpg) no-repeat; height: 36px; width: 512px; margin-bottom: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden; }
h2.process-ttl2 {background: url(../images/flow/tsuya-ttl.jpg) no-repeat; height: 36px; width: 512px; }
h2.process-ttl3 {background: url(../images/flow/sougi-ttl.jpg) no-repeat; height: 36px; width: 512px; }
h4.freedaial { background: url(../images/flow/freeDaial_bn.jpg) no-repeat center center; height: 162px; border-top: 1px solid #F099AC; border-bottom: 1px solid #F099AC; text-indent: -9999px; padding: 2em 4em; margin-right: 10px; width: 388px; float: right; overflow: hidden; clear: both; margin-bottom: 2em; }


p.flow_come { font-size: 10px; line-height: 1.3em; margin-left: 3.5em; padding-left: 1em; text-indent: -1em; width: 465px; margin-bottom: 1.8em; }

p.come2 { font-size: 10px; color: #D40000; margin-bottom: 1em; }

h3.pri_title { font-size: 12px; line-height: 1.3em; margin-bottom: .5em; font-weight: 900; }

p.pri_lead { font-size: 12px; line-height: 200%; margin-bottom: 1em; }

.orng { color: #f09075; }

.indent { padding-left: 1.5em; }

ul#pri { list-style: none; font-size: 12px; line-height: 200%; }

#pri li { display: block; }

/*IF共済会*/
.if_img { margin-bottom: 2em; }
h3.midashi_if { background: url(../images/if/if_promis-ttl.jpg) no-repeat; height: 20px; width: 277px; margin-bottom: 1em; text-indent: 100%; white-space: nowrap; overflow: hidden; }

h4.co-midashi { background: url(../images/if/cyoikin-ttl.jpg) no-repeat; height: 15px; width: 402px; margin-bottom: 1em; margin-left: 2em; text-indent: 100%; white-space: nowrap; overflow: hidden; }

h4.about_if { margin-left: 2em; float: left; width: 115px; margin-right: 1em; margin-bottom: 3em; }

p.about { width: 500px; }
h3.feature,h3.feature_2 { background: url(../images/if/if-tokuchou.jpg) no-repeat; clear: left; height: 21px; width: 165px; margin-left: 2em; margin-bottom: 1em; text-indent: 100%; white-space: nowrap; overflow: hidden; }

p.feature_copy { padding-left: 2em; margin-bottom: 1em; }
.dot { height: 1px; border-top: 1px dotted #cacaca; border-right: none; border-bottom: none; border-left: none; padding-bottom: 1.5em; clear: both; float: right; width: 96%; }
.dot.end { margin-bottom: 3em; }

ul.feature { list-style: none; width: 519px; float: left; }

.feature li { display: block; float: left; clear: left; }
.no { float: left; height: 48px; width: 48px; padding-left: 2em; }
h4.fea-ttl,h4.fea-ttl2,h4.fea-ttl3,h4.fea-ttl4 { background: url(../images/if/no1-ttl.jpg) no-repeat left top; height: 15px; width: 420px; float: left; margin-left: 1em; text-indent: 100%; white-space: nowrap; overflow: hidden; margin-bottom: .5em; }
p.fea_lead { width: 420px; float: left; margin-left: 1em; font-size: 10px; line-height: 160%; margin-bottom: 1em; }

h4.fea-ttl2 { background: url(../images/if/no2-ttl.jpg) no-repeat left top; height: 35px; width: 420px; }

h4.fea-ttl3 { background: url(../images/if/no3-ttl.jpg) no-repeat left top; height: 15px; width: 420px; }
h4.fea-ttl4 { background: url(../images/if/no4-ttl.jpg) no-repeat left top; height: 15px; width: 420px; }
h3.feature_2 { background: url(../images/if/about_nishintou.jpg) no-repeat; }
.kakei { float: left; width: 479px; margin-left: 2em; margin-bottom: 4em; }
ul.service { list-style: none; margin-left: 2em; padding-bottom: 3em; }

.service li { display: inline; }
.service li.s1,.service li.s2,.service li.s3 { background: url(../images/if/kenkoservice.jpg) no-repeat; width: 153px; margin-right: 12px; margin-bottom: 12px; display: block; float: left; height: 153px; }
.service li.s2 { background: url(../images/if/kusuriservice.jpg) no-repeat; }
.service li.s3 { background: url(../images/if/eiyoservice.jpg) no-repeat;  }
.service li.s4,.service li.s5,.service li.s6 { background: url(../images/if/kaigoservice.jpg) no-repeat; width: 153px; margin-right: 12px; margin-bottom: 12px; display: block; float: left; height: 118px; padding-bottom: 1em; }
.service li.s5 { background: url(../images/if/iryokikanservice.jpg) no-repeat; }

.service li.s6 { background: url(../images/if/seikatsuadvice.jpg) no-repeat;  }
.s1 h3,.s2 h3,.s3 h3,.s4 h3,.s5 h3,.s6 h3 { text-indent: 100%; white-space: nowrap; overflow: hidden; }
.s1 p,.s2 p,.s3 p,.s4 p,.s5 p,.s6 p { width: 150px; text-indent: 100%; white-space: nowrap; overflow: hidden; }


h3.option_service { clear: both; margin-left: 2em; background: url(../images/if/option-ttl.jpg) no-repeat; height: 26px; width: 483px; margin-bottom: 1em; text-indent: 100%; white-space: nowrap; overflow: hidden; }
h3.service_pay { }


p.option_P { text-align: center; margin-bottom: 1em; }

h3.service_pay ,h3.service_pay1{ background: url(../images/if/yusokensaService-bn.jpg) no-repeat; height: 138px; width: 236px; margin-left: 2em; margin-right: 0px; float: left; margin-bottom: 2em; text-indent: 100%; white-space: nowrap; overflow: hidden; }
h3.service_pay1 { background: url(../images/if/yusokensaService-bn.jpg) no-repeat; height: 138px; width: 236px; margin-left: 12px; float: left; }
p.pay { text-indent: 100%; white-space: nowrap; overflow: hidden; }

h4.zensouren { background: url(../images/if/zensourenn-bn.jpg) no-repeat; clear: both; height: 52px; width: 482px; margin-left: 2em; margin-bottom: 2em; }

.mac.webkit p.flow_lead{ letter-spacing: -.1em; }
.mac.webkit #pri .indent{padding-left:2.8em; }
.mac.webkit #pri .indent{ letter-spacing: -.1em; }
.mac.webkit .indent {padding-left:2.8em; }


html{
    height:100%;
}
body{
    height:100%;
}
* html div#wrapper{/*containerは一番外側の枠wrapperとか*/
    height:100%;
}
div#wrapper{ width: 830px; margin:0px auto; position:relative; min-height: 100%; }
body > #wrapper {
        height: auto;
}
div#main{
    padding-bottom:30px;/*footerの高さ*/
}

#footer_2{ position:absolute; bottom:0px; height:30px; width:721px; clear: both; left: 54px; }


/*葬儀プラン*/
p.plan_lead { margin-bottom: 1em; }

.saidanImg { margin-bottom: 1em; }

h2.plan_midashi,
h2.plan_midashi2,
h2.plan_midashi3,
h2.plan_midashi4
 { background: url(../images/plan/bigHole300_ttl.jpg) no-repeat; clear: left; height: 36px; width: 520px; margin-bottom: .5em; text-indent: 100%; white-space: nowrap; overflow: hidden; }

h2.plan_midashi2{ background: url(../images/plan/family50_ttl.jpg) no-repeat; height: 36px; }
h2.plan_midashi3{ background: url(../images/plan/includ_ttl.jpg) no-repeat; height: 36px; }
h2.plan_midashi4{ background: url(../images/plan/another/nocontain-ttl.jpg) no-repeat; height: 36px; }
ul.includM { list-style: url(none) none; clear: left; }

.includM li { display: inline; }

.includM li a { height: 96px; width: 121px; float: left; margin-right: 9px; margin-bottom: 35px; }
.includM .sw1  { background: url(../images/plan/includ_1.png) no-repeat; float: left; margin-right: 9px; }
.includM .sw2 a { background: url(../images/plan/includ_2.png) no-repeat; }
.includM .sw3 a { background: url(../images/plan/includ_3.png) no-repeat; }
.includM .sw4 a { background: url(../images/plan/includ_4.png) no-repeat; }
.includM .sw5 a { background: url(../images/plan/includ_5.png) no-repeat; }
.includM .sw6 a { background: url(../images/plan/includ_6.png) no-repeat; }
.includM .sw7 a { background: url(../images/plan/includ_13.png) no-repeat; }
.includM .sw8 a { background: url(../images/plan/includ_8.png) no-repeat; }
.includM .sw9 a { background: url(../images/plan/includ_9.png) no-repeat; }
.includM .sw10  { background: url(../images/plan/includ_10.png) no-repeat; float: left; margin-right: 9px; }
.includM .sw11  { background: url(../images/plan/includ_11.png) no-repeat; float: left; margin-right: 9px; }
/*.includM .sw12 a { background: url(../images/plan/includ_12.png) no-repeat; }*/
.name { padding-top: 100px; }
.name1 { padding-top: 2px; }

.name2 { padding-top: 130px; }

.includ_Img { float: left; width: 282px; margin-bottom: 0.5em; margin-right: 0.7em; }

h4.includ-midashi { float: left; color: #808080; font-size: 120%; overflow: hidden; width: 16em; line-height: 1.3em; margin-bottom: 3em; }

p.att { clear: left; margin-bottom: 1em; }

.another { float: left; width: 230px; }

.room { width: 520px; margin-top: -2.3em; }

.mainImg { width: 520px; margin-bottom: 1em; }

h2.guideZu { margin-right: auto; margin-left: auto; background: url(../images/guide/guide_bg.jpg) no-repeat; height: 170px; width: 518px; text-indent: 100%; white-space: nowrap; overflow: hidden; }

p.ready { font-size: 150%; text-align: center; padding-top: 5em; font-weight: bold; padding-bottom: 5em; }

.NOcontain li { display: inline; }

.NOcontain li a { display: block; float: left; height: 126px; width: 165px; margin-bottom: 35px; margin-right: 11px; }

.NOcontain .bt1 a{ background: url(../images/plan/another/noconatin1.png) no-repeat; height: 126px; }

.NOcontain .bt2 a{ background: url(../images/plan/another/nocontain2.png) no-repeat; height: 126px; }

.NOcontain .bt3 a { background: url(../images/plan/another/nocontain3.png) no-repeat; height: 126px; }

.NOcontain .bt3.end a ,
.NOcontain .bt6.end a
{ margin-right: 0px; }

.NOcontain .bt4 a { background: url(../images/plan/another/nocontain4.png) no-repeat; height: 126px; }

.NOcontain .bt5 a{ background: url(../images/plan/another/nocontain5.png) no-repeat; height: 126px; }

.NOcontain .bt6 a{ background: url(../images/plan/another/nocontain6.jpg) no-repeat; height: 126px; }

.NOcontain .bt7 a{ background: url(../images/plan/another/nocontain7.png) no-repeat; height: 126px; }

.plan_lead2 { font-size: 130%; line-height: 1.3em; }

p.option { margin-bottom: 3em; }

h2.handyphon { background: url(../images/home/handyphon.jpg) no-repeat left bottom; height: 40px; text-indent: 100%; white-space: nowrap; overflow: hidden; margin-left: 5px; }