@charset "shift_jis";
/* CSS Document */
/*table設定*/
table{
	width: 100%;
}
table,
table tr,
table th,
table td{
	border: 1px solid #ccc;
	border-collapse : collapse;
}
table th,
table td{
	padding: 10px;
}
/*トップページ*/

.topPlan3 {
	width: 960px;
	margin-bottom: 20px;
	overflow: hidden;
}
.topPlan3 li {
	float: left;
	width: 220px;
	margin-right: 20px;
}
.topPlan3 li:last-child {
	margin-right: 0;
}
/*ハートホール若葉イベント情報*/
.top-event-title{
	position: relative;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	text-align: left;
	font-size:16px;
	color:#13946e;
	font-weight: bold;
	margin-bottom: 10px;
}
.top-event-title::before,
.top-event-title::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 145%;
	height: 3px;
	background-color: #13946e;
}
.top-event-title::before {
	right: 100%;
}
.top-event-title::after {
	left: 100%;
}
/*イベント日付*/
.event-day{
	background: #13946e;
	color: #fff;
	border-radius: 20px;
	padding: 3px 5px 3px 20px;
	text-align: center;
	width: 110px;
	display: inline-block;
	width: 120px;
}
/********************************/

.pickupVoiceArea {
	width: 658px;
	border: 1px solid #CCC;
	overflow: hidden;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	padding-top: 20px;
	padding-right: 19px;
	padding-bottom: 10px;
	padding-left: 19px;
	margin-bottom: 30px;
}
.pickupVoice {
	width: 200px;
	float: left;
	margin: 0 9px;
}

.pvTitle {
	line-height: 200%;
	font-weight: bold;
	color: #916ACE;
	text-align: center;
}
.pvComment {
	padding: 5px;
	font-size: 12px;
	line-height: 150%;
	background-color: #FBF7FF;
	border: 1px dotted #916ACE;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
}
.pvButton {
	font-size: 10px;
	/*font-weight: bold;*/
	color: #FFF;
	background-color: #916ACE;
	width: 80px;
	padding: 2px;
	margin-top: 5px;
	text-align: center;
	float: right;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	display: block;
}
.pvButton:hover {
	background-color:#639;
}
.floatArea {
	overflow: hidden;
	margin-bottom: 20px;
}
.floatLeft {
	float: left;
	width: 340px;
	margin-right: 20px;
}
.floatRight {
	float: left;
	width: 340px;
}


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

.sutaffArea {
	width: 218px;
	overflow: hidden;
	border: 1px solid #CCC;
	margin-top: 5px;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
}
.staffArea_title {
	font-size: 14px;
	line-height: 250%;
	font-weight: bold;
	color: #333;
	text-align: center;
	background-color: #F5F0F7;
}
.taffArea_comment {
	font-size: 12px;
	line-height: 150%;
	width: 198px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.staffArea_sumarea {
	margin-bottom: 20px;
	overflow: hidden;
}
.staffArea_sumleft {
	float: left;
	width: 90px;
	margin-right: 9px;
	margin-left: 10px;
	font-size: 11px;
}
.staffArea_sumRight {
	float: left;
	width: 90px;
	margin-right: 10px;
	margin-left: 9px;
	font-size: 11px;
}
.staff_p {
	font-size: 10px;
	color: #FFF;
	background-color: #7442BC;
	padding: 2px;
	margin-right: 5px;
}
.staff_p2 {
	font-size: 10px;
	color: #FFF;
	background-color:#F90;
	padding: 2px;
	margin-right: 5px;
}
.staff_p3 {
	font-size: 10px;
	color: #FFF;
	background-color:#06C;
	padding: 2px;
	margin-right: 5px;
}
.staff_p4 {
	font-size: 10px;
	color: #FFF;
	background-color:#C03;
	padding: 2px;
	margin-right: 5px;
}


/*********************************/
.rightNav {
	margin-bottom: 20px;
}
.rightNav li {
	margin: 0px;
}



/*********************************/
.plan_headbnrArea {
	width: 700px;
	overflow: hidden;
	margin-bottom: 30px;
}
.plan_headbnrArea li {
	float: left;
	width: 175px;
}

/*各プランの見出し*/
.planpageTitleArea {
	height: 45px;
	width: 700px;
	border-top-width: 3px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #7D48CE;
	border-bottom-color: #723EC7;
	overflow: hidden;
	margin-bottom: 20px;
}
.planpageTitle {
	float: left;
	width: 200px;
	line-height: 45px;
	font-size: 21px;
	font-weight: bold;
	color: #733FC7;
	padding-left: 20px;
}
.planpagePrice {
	float: left;
	width: 280px;
	height: 45px;
	font-size: 16px;
	color: #000;
	line-height: 45px;
	text-align: right;
}
.planpageCategory {
	width: 200px;
	float: left;
	height: 30px;
	line-height: 30px;
	color: #FFF;
	background-color: #7341BE;
	text-align: center;
	margin-top: 7px;
}
.planComment1 {
	width: 700px;
	margin-top: -10px;
	margin-bottom: 20px;
}

.planTable {
	height: 40px;
	width: 700px;
	margin-top: -5px;
	margin-bottom: 30px;
	border: 1px solid #CCC;
}
.planTable tr td {
	line-height: 150%;
	text-align: center;
	border: 1px solid #F5F5F5;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*プランページのサブタイトル*/
.subTitleArea {
	width: 700px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #723EC7;
	overflow: hidden;
	margin-bottom: 20px;
	vertical-align: middle;
	line-height: 30px;
	height: 30px;
}
.subTitle {
	float: left;
	color: #733FC7;
	padding-left: 10px;
	vertical-align: bottom;
}
.subComment {
	float: left;
	color: #666;
	margin-left: 20px;
}

/*プラン内容棺他*/
.plansetArea {
	width: 700px;
	margin-bottom: 20px;
	overflow: hidden;
}
.plansetBlock {
	float: left;
	width: 210px;
	border: 1px solid #F3F3F3;
	margin-right: 30px;
}
.planBlockTitle {
	height: 37px;
	width: 210px;
	line-height: 37px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3F3F3;
}

/*セット内容アイコン関連*/
.setIconArea {
	width: 700px;
	margin-bottom: 20px;
	overflow: hidden;
}
.setIconArea li {
	float: left;
	width: 125px;
	margin-right: 18px;
}
.setIconArea li:last-child {
	margin-right: 0px;
}
.setIconArea li .iconImg {
	height: 125px;
	width: 125px;
	border: 1px solid #F5F5F5;
}
.setIconArea li .iconName {
	font-size: 12px;
	color: #333;
	line-height: 120%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*祭壇小写真（2枚分）*/
.saidan2Area {
	width: 700px;
	margin-bottom: 30px;
	overflow: hidden;
}
.saidanSleft {
	float: left;
	width: 340px;
	margin-right: 20px;
}
.saidanStitle {
	height: 30px;
	width: 340px;
	margin-top: 15px;
	line-height: 30px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.saidanSdate {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	line-height: 130%;
}
.saidanSright {
	float: left;
	width: 340px;
}


/*スタッフ紹介*/

.staffArea {
	padding: 20px;
	width: 658px;
	border: 1px solid #7442BC;
	overflow: hidden;
	margin-bottom: 30px;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */

}
.staffNamearea {
	width: 658px;
	overflow: hidden;
}
.staffPhoto {
	float: left;
	width: 200px;
	margin-right: 50px;
}
.profile {
	width: 400px;
}
.staffProfile {
	width: 400px;
	float: left;
}
.staffComment {
	clear: both;
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}
.yakushoku {
	color: #FFF;
	padding: 5px;
	line-height: 200%;
	background-color: #7442BC;
	display: inline;
	margin-bottom: 15px;
}
.staffName {
	font-size: 24px;
	line-height: 200%;
	font-weight: bold;
	color: #333;
}
/*プロフィール用table*/
.staffProfile .profile {
	margin-top: 20px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #7442BC;

}
.staffProfile .profile tr th {
	line-height: 150%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7442BC;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #7442BC;
	width: 100px;
}
.staffProfile .profile tr td {
	line-height: 150%;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7442BC;
}


/*神道でのお葬式*/
.itemArea4 {
	width: 700px;
	margin-bottom: 30px;
	overflow: hidden;
}

.itemArea4 li {
	float: left;
	width: 160px;
	margin-right: 20px;
}
li .itemArea4_name {
	line-height: 24px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
li .itemArea4_price {
	text-align: center;
}


/*良くあるご質問*/
.faqTable_q tr td {
	font-size: 18px;
	color: #7342B5;
	line-height: 150%;
	font-weight: bold;
}
.faqTable_q {
	width: 700px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #7242BC;
}
.faqTable_a {
	width: 700px;
	margin-bottom: 30px;
	background:#F9FBFC;
}
.faqTable_a tr td {
	padding:10px;
}
.faqTable_q tr th , .faqTable_a tr th{
	vertical-align: top;
}

/*葬儀の流れ*/
.titlebox1 {
	background-color: #089263;
	height: 45px;
	width: 700px;
	font-size: 24px;
	line-height: 45px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}
.commentCenter {
	line-height: 150%;
	text-align: center;
	width: 700px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.flowArrow {
	width: 80px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.titlebox2 {
	background-color: #089263;
	height: 40px;
	width: 680px;
	font-size: 21px;
	line-height: 40px;
	font-weight: bold;
	color: #FFF;
	padding-left: 20px;
	margin-bottom: 20px;
}
.flowArea {
	width: 700px;
	margin-bottom: 20px;
	overflow: hidden;
}
.flowIcon {
	float: left;
	width: 125px;
	margin-right: 20px;
}
.flowRight {
	width: 555px;
	float: left;
}
.flowTitle {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #089263;
	font-size: 18px;
	line-height: 200%;
	font-weight: bold;
	color: #089263;
}
.flowComment {
	width: 555px;
	margin-top: 10px;
	font-size: 13px;
	line-height: 150%;
}
.titlebox3 {
	background-color: #E9D6E8;
	height: 40px;
	width: 680px;
	font-size: 21px;
	line-height: 40px;
	font-weight: bold;
	color: #936;
	padding-left: 20px;
	margin-bottom: 20px;
}
.flowTitle2 {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #E9D6E8;
	font-size: 18px;
	line-height: 200%;
	font-weight: bold;
	color: #936;
}

/*会社概要*/
.outlineTable {
	width: 700px;
	margin-bottom: 50px;
}
.outlineTable tr th {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #C7ABE6;
	width: 150px;
	text-align: left;
	background-color: #FBF9FC;
	padding: 10px;
}
.outlineTable tr td {
	padding: 10px;
}

/*お店*/
.shopTable {
	width: 400px;
	float: left;
}
.shopTable tr th {
	width: 100px;
	text-align: center;
	background-color: #BFA6DF;
	color: #FFF;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
}
.shopTable tr td {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}.shopFloatarea {
	width: 700px;
	margin-bottom: 20px;
	overflow: hidden;
}
.shopImg {
	float: left;
	width: 280px;
	margin-right: 20px;
}
.comment_type1 {
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #C1282D;
	padding: 10px;
	margin-bottom: 20px;
}

/*お急ぎの方*/
.emBox {
	width: 700px;
	margin-bottom: 20px;
	border: 1px dotted #C1282D;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
}
.emTitle {
	font-size: 21px;
	line-height: 200%;
	font-weight: bold;
	color: #C1282D;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #C1282D;
}
.emContents {
	padding: 10px;
}
.emh2 {
	font-size: 18px;
	line-height: 200%;
	font-weight: bold;
	color: #FFF;
	background-color: #C1282D;
	width: 680px;
	padding-left: 20px;
	margin-bottom: 20px;
}

/*オリジナル葬*/
.originalNav {
	width: 680px;
	border: 1px solid #C79C71;
	overflow: hidden;
	padding: 5px 5px ;
	margin-bottom: 20px;
}
.originalNav li {
	float: left;
	width: 134px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #C79C71;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #9E724B;
	line-height: 300%;
	display: block;
}
.originalNav li:hover {
	background: #C79C71;
	color:#fff;
}
		
h3 {
	width: 700px;
	font-size: 21px;
	line-height: 200%;
	font-weight: bold;
	color: #333;
}
.ogPrice {
	background-color: #FBF8F2;
	padding: 10px;
	font-weight: bold;
	text-align: right;
}
.ogBox {
	padding: 10px;
	border: 1px dotted #98724E;
	overflow: hidden;
	margin-bottom: 20px;
		border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
}
.ogBoxtitle {
	float: left;
	width: 120px;
	font-weight: bold;
	color: #98724E;
	text-align: center;
}
.ogBoxcontents {
	float: left;
	width: 530px;
	padding-left: 20px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #98724E;
}
.ogBox2 {
	width: 700px;
	margin-bottom: 30px;
	overflow: hidden;
}
.ogBoxphoto {
	float: left;
	width: 300px;
	margin-right: 20px;
}
.ogBox2price {
	width: 380px;
	font-size: 14px;
	line-height: 300%;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C59D6C;
	text-align: right;
}
.ogBox2right {
	float: left;
	width: 380px;
}
.ogBox2comment {
	margin-top: 10px;
}
.ogBox3 {
	width: 700px;
	overflow: hidden;
	margin-bottom: 50px;
}
.ogBox3title {
	font-weight: bold;
	color: #C79E70;
	width: 690px;
	padding-left: 10px;
	line-height: 250%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C89E6C;
	font-size: 16px;
}
.ogBox3comment {
	padding: 10px;
}
.ogBoxleft {
	float: left;
	width: 340px;
	margin-right: 20px;
}
.ogBoxright {
	float: left;
	width: 340px;
}
.tokuten {
	font-size: 16px;
	font-weight: bold;
	color: #A560A1;
	line-height: 150%;
	margin-bottom: 10px;
}
.tokuten_comment {
	padding-left: 20px;
}