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

/* ------------------------------------------------------------------------------
葬儀・料金プランインデックス
------------------------------------------------------------------------------ */ 
.pageTit {
margin-bottom: 20px;
}

.planBox {
margin-top: 10px;
}
.planBox li {
float: left;
width: 301px;
padding-top: 50px;
border-top: 1px dashed #CCC;
padding-bottom: 50px;
display: inline;
}
.btn {
margin-top: 10px;
}
.planDetail {
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
width: 660px;
margin-bottom: 20px;
}
.planDetail th {
background: #FBF4EC;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
color: #6B5733;
padding: 10px;
vertical-align: top;
width: 25%;
}
.planDetail td {
border-left: 1px solid #CCC;
border-top: 1px solid #CCC;
padding: 10px;
color: #333;
}
.planDetail td.secondSell {
width: 40%;
}
.bar {
margin-top: 20px;
margin-bottom: 20px;
}
.stit {
margin-top: 15px;
margin-bottom: 10px;
}
.planDetail .totalCell {
background: #FFFFD7;
font-weight: bold;
text-align: center;
}
.planDetail .totalCell2 {
font-weight: bold;
background: #FFFFD7;
}
.planDetail .priceCell {
text-align: right;
}
.planPagetop {
padding-top: 30px;

}
.planSpace {
padding-right: 60px;
}

/* ------------------------------------------------------------------------------
葬儀・料金プラン詳細
------------------------------------------------------------------------------ */ 
.plandTit01{
margin-top: 22px;
padding-left: 9px;
margin-bottom: 20px;
}
.plandImg01{
margin-bottom: 45px;
text-align: center;
}
.plandIn{
margin-top: 13px;
margin-bottom: 25px;
}
.plandIn li{
float: left;
padding-left: 10px;
width: 155px;
margin-bottom: 10px;
}
.plandOut{
margin-top: 21px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 45px;
}
.plandOut li{
border: 1px solid #E1E1E1;
padding-top: 9px;
padding-right: 9px;
padding-bottom: 15px;
padding-left: 9px;
}
.plandOut li p{
padding-left: 5px;
padding-right: 5px;
margin-top: 10px;
}
.plandOut li p.planDetailBtn{
padding-left: 5px;
padding-right: 5px;
margin-top: 10px;
text-align:center;
}
.plandOut li.plandPlus{
text-align: center;
padding: 0px;
margin-top: 5px;
margin-bottom: 5px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.plandAfter{
margin-top: 15px;
padding-left: 12px;
margin-bottom: 40px;
}
.plandAfter li{
padding-right: 5px;
float: left;
}
.plandOption{
margin-top: 15px;
padding-left: 12px;
margin-bottom: 40px;
}
.plandOption li{
padding-right: 5px;
float: left;
}
.plandList{
width: 650px;
margin-right: auto;
margin-left: auto;
border-top-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-left-style: solid;
border-top-color: #CCC;
border-left-color: #CCC;
margin-top: 6px;
margin-bottom: 13px;
}
.plandList th{
color: #6B5733;
background-color: #FBF4EC;
border-right-width: 1px;
border-bottom-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-right-color: #CCC;
border-bottom-color: #CCC;
width: 130px;
padding-right: 15px;
padding-left: 15px;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.plandList td{
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCC;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-right: 15px;
padding-left: 15px;
}
.plandTit02{
margin-bottom: 17px;
}
.plandTit03{
padding-left: 14px;
}
.plandList td.plandRight{
text-align: right;
width: 100px;
}
.plandList tr.plandTotal th{
background-color: #FFFFD7;
font-weight: bold;
color: #6B5733;
text-align: center;
}
.plandList tr.plandTotal td{
background-color: #FFFFD7;
text-align: right;
font-weight: bold;
}
.PlusImg{
text-align: center;
padding: 0px;
margin-top: 5px;
}
ul.plandOut li ul.change01 li{
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
float: left;
padding-right: 5px;
margin-right: 0px;
margin-left: 0px;
padding-left: 0px;
}
.planText {
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.planRedText {
text-align: center;
color: #F03;
padding-top: 10px;
font-weight: bold;
}
.planBtnList li {
float: left;
padding-right: 10px;
margin-bottom: 10px;
}
.planBtnList {
margin-right: -10px;
margin-top: 10px;
width: 680px;
}
.planExBox{
width:600px;
padding: 20px;
border: 1px solid #CCC;
background: #FFFFF4;
margin-bottom: 40px;
}
.planExLeft {
float: left;
width: 200px;
}
.planExRight {
float: right;
width: 370px;
}
.PlanExDitail {
width: 350px;
}
.planTable{
width:365px;
}
.planTable th {
padding-top: 5px;
padding-bottom: 5px;
vertical-align: top;
border-bottom: 1px dashed #CCC;
width: 70px;
}
.planTable td {
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px dashed #CCC;
}
.planTd02 {
width: 50px;
}
.planBoxTit {
margin-bottom: 15px;
}
.planstit {
margin-bottom: 20px;
}
.planMoneyBox {
width: 650px;
background: url(../plan/img_common/p_box_mdl.jpg) repeat-y;
}
.planMoneyTit {
text-align: center;
width: 650px;
margin-bottom: 20px;
}
.planMoneyL {
float: left;
width: 370px;
padding-left: 30px;
}
.planMoneyR {
float: right;
width: 191px;
padding-right: 30px;
}
.planMoneyStit {
margin-bottom: 15px;
}
.marBtm50{
margin-bottom:50px;
}

.planWave {
margin-bottom: 30px;
}
.planRecoAria {
padding-right: 10px;
padding-left: 10px;
margin-bottom: 20px;
}
.planRecoBox01 {
width: 510px;
border: 1px solid #CCC;
padding: 10px;
background: #FFFFE6;
font-size: 93%;
float: left;
}
.planRecoBox02 {
width: 630px;
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
border: 1px solid #CCC;
padding: 10px;
background: #ECFFD9;
font-size: 93%;
}
.planRecoList {
padding-left: 20px;
}
.planIntroP {
float: left;
width: 430px;
}
.planIntroImg {
float: right;
width: 170px;
margin-top: 10px;
}
.planIntroTit{
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #CCC;
padding-bottom: 8px;
padding-top: 3px;
}
.marBtm20{
margin-bottom:20px;
}
.planTitText {
margin-left: 20px;
margin-top: 5px;
}
.plan_cell {
width: 110px;
}
.planRecoImg {
float: right;
width: 112px;
}
.planRed_b {
font-size: 77%;
font-weight: bold;
color: #EA2F00;
}
.change01 {
width: 630px;
}