@charset "UTF-8";

@import url("common.css");
@import url("low_common.css");

/* -------------------------------------------------------------------
 下層コンテンツ
------------------------------------------------------------------- */

/* ご葬儀プラン -------------------- */

#plan-top{
	width: 680px;
}

#plan-top ul{
	margin: 30px 0px 0px 0px;
}

#plan-top ul li{
	margin-bottom: 10px;
}

#plan-low{
	width: 680px;
}

#plan-low .type{
	width: 680px;
}

#plan-low .type th{
	width: 15%;
	padding: 5px 0px;
	text-align: center;
	text-align: center;
	background: #CCCCCC;
	border-bottom: 5px solid #FFFFFF;
}

#plan-low .type td{
	padding: 5px;
	border-bottom: 5px solid #FFFFFF;
}

#plan-low .main-photo{
	margin: 20px 0px 0px 0px;
	text-align: center;
}

#plan-low .main-photo img{
	border: 3px solid #CCCCCC;
}

#plan-low .gallery{
	width: 643px;
	margin: 0px 0px 0px 14px;
	background: #CCCCCC;
	padding:5px;
}

#plan-low .gallery dt{
	width: 60px;
	margin-right: 15px;
	padding: 16px 5px 16px 10px;
	background: #363612;
	color: #FFFFFF;
	font-weight: bold;
	float: left;
	line-height: 120%;
}

#plan-low .gallery dd ul li{
	display: inline;
	margin-right: 5px;
}

#plan-low .gallery dd ul li img{
	border: 2px solid #FFFFFF;
	vertical-align: bottom;
}

#plan-low .read{
	margin: 25px 0px;
}

#plan-low .read ul{
	margin: 10px 0px;
	font-weight: bold;
}

#plan-low .read p{
	margin-top: 10px;
	font-size: 90%;
}

#plan-low .plan-icon{
	width: 680px;
	margin-bottom: 15px;
}

#plan-low .plan-icon li{
	display: inline;
	margin: 0px 12px 0px 0px;
}

#plan-low .plan-icon li.end{
	margin-right: 0px;
}

#plan-low .plan-icon img{
	margin-bottom: 14px;
	vertical-align: bottom;
}

#plan-low .tokuten{
	margin-bottom: 40px;
	text-align: center;
}

#plan-low .tsuiki{
	margin-bottom: 40px;
}

#plan-low .case-box{
	width: 680px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #999999;
}

#plan-low .case-box .photo{
	width: 190px;
	float: left;
}

#plan-low .case-box .photo img{
	border: 4px solid #999999;
}


#plan-low .case-box .detail{
	width: 470px;
	float: right;
}

#plan-low .case-box .detail .title{
	border-left: 5px solid #353512;
	padding-left: 10px;
}

#plan-low .case-box .detail .title h4{
	font-weight: bold;
	font-size: 110%;
}

#plan-low .case-box .detail .title p{
	margin-top: 5px;
	font-weight: bold;
}

#plan-low .case-box .detail .title p span{
	font-size: 120%;
	color: #FF0033;
}

#plan-low .case-box .detail table{
	width: 470px;
	margin-top: 15px;
	border-collapse: collapse;
	border: 1px solid #666666;
}

#plan-low .case-box .detail table th{
	width: 20%;
	padding: 3px 5px;
	font-weight: bold;
	text-align: left;
	border: 1px solid #666666;
	background: #CCCCCC;
}

#plan-low .case-box .detail table td{
	padding: 3px 5px;
	border: 1px solid #666666;
}

#plan-low .free-photo{
	width: 680px;
	margin-top: 20px;
}

#plan-low .free-photo th{
	width: 170px;
	text-align: center;
}

#plan-low .free-photo th img{
	border: 3px solid #999999;
}

#plan-low .free-photo td{
	padding: 10px;
	font-size: 90%;
	vertical-align: top;
}


/* 葬儀事例 -------------------- */

#case{
	width: 680px;
}

#case .case-box{
	width: 680px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #999999;
}

#case .case-box .photo{
	width: 190px;
	float: left;
}

#case .case-box .photo img{
	border: 4px solid #999999;
}

#case .case-box .detail{
	width: 470px;
	float: right;
}

#case .case-box .detail .title{
	border-left: 5px solid #353512;
	padding-left: 10px;
}

#case .case-box .detail .title h4{
	font-weight: bold;
	font-size: 110%;
}

#case .case-box .detail .title p{
	margin-top: 5px;
	font-weight: bold;
}

#case .case-box .detail .title p span{
	font-size: 120%;
	color: #FF0033;
}

#case .case-box .detail table{
	width: 470px;
	margin-top: 15px;
	border-collapse: collapse;
	border: 1px solid #666666;
}

#case .case-box .detail table th{
	width: 20%;
	padding: 3px 5px;
	font-weight: bold;
	text-align: left;
	border: 1px solid #666666;
	background: #CCCCCC;
}

#case .case-box .detail table td{
	padding: 3px 5px;
	border: 1px solid #666666;
}


#case-detail{
	width: 680px;
}

#case-detail p.photo{
	text-align: center;
}

#case-detail p.photo img{
	border: 4px solid #CCCCCC;
}

#case-detail .gallery{
	margin-bottom: 20px;
	background: #CCCCCC;
	padding:5px;
}

#case-detail .gallery dt{
	width: 60px;
	margin-right: 15px;
	padding: 16px 5px 16px 10px;
	background: #363612;
	color: #FFFFFF;
	font-weight: bold;
	float: left;
	line-height: 120%;
}

#case-detail .gallery dd ul li{
	display: inline;
	margin-right: 5px;
}

#case-detail .gallery dd ul li img{
	border: 2px solid #FFFFFF;
	vertical-align: bottom;
}

#case-detail .total-price{
	margin-bottom: 30px;
	padding-bottom: 20px;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px dotted #999999;
}

#case-detail .total-price strong{
	color: #FF0033;
}

#case-detail .total-price span{
	font-size: 150%;
	margin: 0px 5px 0px 10px;
}

#case-detail table{
	width: 100%;
	margin-bottom: 40px;
	border-collapse: collapse;
	border: 1px solid #666666;
}

#case-detail table.margin{
	margin-bottom: 10px;
}

#case-detail table th{
	width: 25%;
	padding: 3px 5px;
	font-weight: bold;
	text-align: left;
	border: 1px solid #666666;
	background: #CCCCCC;
}

#case-detail table td{
	padding: 3px 5px;
	border: 1px solid #666666;
}

#case-detail table td.price{
	width: 19%;
	text-align: right;
	font-weight: bold;
}

#case-detail table td.price span{
	font-size: 115%;
	margin-right: 5px;
}

#case-detail table td.total{
	text-align: right;
	font-weight: bold;
	color: #FF0033;
}

#case-detail table td.total span{
	font-size: 120%;
	margin-right: 5px;
}

#case .next-link{
	padding-top: 25px;
	text-align: center;
}



/* ご葬儀の流れ -------------------- */

#flow{
	width: 680px;
}

#flow .read{
	margin-bottom: 20px;
}


#flow dl{
	width: 680px;
	padding-top: 10px;
}

#flow dl dt{
	margin-bottom: 5px;
	font-size: 110%;
	font-weight: bold;
}

#flow dl dd{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #999999;
}

#flow02{
	width: 680px;
}

#flow02 .flow02-box{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #999999;
}

#flow02 .flow02-box .box01{
	width: 680px;
}

#flow02 .flow02-box .box01 .img{
	width: 190px;
	float: left;
}

#flow02 .flow02-box .box01 .txt{
	width: 490px;
	float: right;
}

#flow02 .flow02-box .box01 .txt ul{
	margin-top: 10px;
}

#flow02 .flow02-box .box01 .txt02 ul{
	font-weight: bold;
}

#flow02 .flow02-box .box01 .txt02 dl dt{
	margin-top: 10px;
	font-weight: bold;
}

#flow02 .flow02-box .one-point{
	margin: 15px 0px 0px 0px;
	padding: 10px;
	background: #D6CEBC;
	clear: both;
}

#flow02 .flow02-box .one-point h4{
	margin-bottom: 5px;
	color: #FF0033;
	font-weight: bold;
}

#flow02 .flow02-box .one-point dl dt{
	font-weight: bold;
}

#flow02 .flow02-box .sansyou-link{
	margin: 10px 0px 0px 0px;
}

#flow03{
	width: 680px;
}

#flow03 .read{
	margin-bottom: 20px;
}

#flow03 table{
	width: 100%;
	margin-bottom: 15px;
	border-collapse: collapse;
	border: 1px solid #999999;
}

#flow03 table th{
	width: 25%;
	padding: 3px 5px;
	text-align: left;
	background: #EFEFEF;
	border: 1px solid #999999;
}

#flow03 table td{
	padding: 3px 5px;
	border: 1px solid #999999;
}

#flow03 table td .point-box{
	margin-top: 10px;
	padding: 10px;
	background: #EFEFEF;
}

#flow03 table td .point-box h4{
	margin-bottom: 5px;
	color: #FF0033;
	font-weight: bold;
}

#flow03 table td .point-box dl dt{
	font-weight: bold;
}

#flow03 table td .txt-list dt{
	margin-top: 5px;
	font-weight: bold;
	color: #FF0033;
}

#flow03 .caution{
	margin: 15px 0px 0px 0px;
	padding: 10px;
	background: #D6CEBC;
	clear: both;
}

#flow03 .caution h4{
	margin-bottom: 5px;
	color: #FF0033;
	font-weight: bold;
}

#flow03 .caution dt{
	font-weight: bold;
}


/* 会館案内 -------------------- */

#hall{
	width: 680px;
}

#hall .read{
	margin-bottom: 20px;
}

#hall .feature-box{
	padding: 10px;
	margin-bottom: 10px;
	background: #626221;
}

#hall .feature-box h3{
	font-weight: bold;
	font-size: 110%;
	color: #FFFFFF;
}

#hall .feature-box ul{
	margin-top: 5px;
	padding: 10px;
	background: #FFFFFF;
}

#hall .tokuten{
	margin-bottom: 45px;
	text-align: center;
}

#hall .hall-box00{
	width: 680px;
	padding-bottom: 10px;
	margin-bottom: 45px;
	border-bottom: 1px dotted #999999;
}

#hall .hall-box01{
	width: 680px;
	margin-bottom: 25px;
}

#hall .hall-box01 .photo{
	width: 250px;
	float: left;
}

#hall .hall-box01 .txt{
	width: 420px;
	float: right;
}

#hall .detail-box{
	width: 680px;
	margin-bottom: 15px;
	background: url(../../hall/img/bg_detail_title.gif) no-repeat top left;
}

#hall .detail-box .s-box{
	width: 210px;
	float: left;
	margin-right:20px;
}

#hall .detail-box .s-box-end{
	width: 210px;
	float: left;
}

#hall .detail-box h5{
	padding: 10px 0px;
	text-align: center;
	font-size: 105%;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 0.1em;
}

#hall .detail-box img{
	border-top: 5px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
}

#hall .detail-box .txt{
	padding: 5px;
	background: #ECE9D8;
}

#hall .caution{
	clear: both;
}

#hall .add{
	margin-bottom: 10px;
}
 
#hall .map{
	padding: 5px;
}

#hall .chart{
	width: 680px;
	margin-top: 20px;
}

#hall .chart dl{
	width: 210px;
	float: left;
	margin-right: 20px;
}

#hall .chart dl.end{
	margin-right: 0px;
}


#hall .chart dl dt{
	padding: 3px 0px;
	background: #CCCCCC;
	text-align: center;
	font-weight: bold;
}

#hall .chart dl dd{
	padding: 5px;
	background: #ECE9D8;
}

#hall .map-link{
	margin-top: 30px;
	clear: both;
	text-align: center;
}


/* 対応可能な式場 -------------------- */

#others_hall{
	width: 680px;
}

#others_hall ul.hall-list{
	margin: 15px 0px 30px 0px;
}

#others_hall ul.hall-list li{
	display: inline;
}

#others_hall .hall-box{
	width: 680px;
	margin-bottom: 15px;
}

#others_hall .hall-box .photo{
	width: 158px;
	float: left;
}

#others_hall .hall-box .photo img{
	border: 4px solid #999999;
}

#others_hall .hall-box .detail{
	width: 500px;
	float: right;
}

#others_hall .hall-box .detail table{
	width: 500px;
	border-collapse: collapse;
	border: 1px solid #999999;
}

#others_hall .hall-box .detail table th{
	width: 20%;
	padding: 3px 5px;
	text-align: left;
	border: 1px solid #999999;
	background: #EFEFEF;
}

#others_hall .hall-box .detail table td{
	padding: 3px 5px;
	border: 1px solid #999999;
}

#others_hall .box-end{
	margin-bottom: 40px;
}


#others-hall-detail{
	width: 680px;
}

#others-hall-detail .hall-box01{
	width: 680px;
	margin-bottom: 30px;
}

#others-hall-detail .hall-box01 .photo{
	width: 228px;
	float: left;
}

#others-hall-detail .hall-box01 .photo img{
	border: 4px solid #999999;
}

#others-hall-detail .hall-box01 .detail{
	width: 430px;
	float: right;
}

#others-hall-detail .hall-box01 .detail table{
	width: 430px;
	border-collapse: collapse;
	border: 1px solid #999999;
}

#others-hall-detail .hall-box01 .detail table th{
	width: 20%;
	padding: 3px 5px;
	text-align: left;
	border: 1px solid #999999;
	background: #EFEFEF;
}

#others-hall-detail .hall-box01 .detail table td{
	padding: 3px 5px;
	border: 1px solid #999999;
}

#others-hall-detail .hall-box02{
	width: 680px;
	margin-bottom: 30px;
}

#others-hall-detail .hall-box02 .photo-box{
	margin-bottom: 10px;
}

#others-hall-detail .hall-box02 .photo-box p{
	width: 228px;
	float: left;
	margin-right: 10px;
}

#others-hall-detail .hall-box02 .photo-box p img{
	border: 4px solid #999999;
}

#others-hall-detail .hall-box02 table{
	width: 680px;
	border-collapse: collapse;
	border: 1px solid #999999;
}

#others-hall-detail .hall-box02 table th{
	width: 20%;
	padding: 3px 5px;
	text-align: left;
	border: 1px solid #999999;
	background: #EFEFEF;
}

#others-hall-detail .hall-box02 table td{
	padding: 3px 5px;
	border: 1px solid #999999;
}



/* 葬儀最新事情 -------------------- */

#topics{
	width: 680px;
}

#topics .read{
	margin-bottom: 30px;
}

#topics ul.link{
	margin: 15px 0px 30px;
}

#topics dl{
	margin: 10px 0px 30px;
}

#topics dl dt{
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 105%;
	background: #626221
}

#topics dl dd{
	padding: 10px;
	border-bottom: 5px solid #626221;
	border-left: 5px solid #626221;
	border-right: 5px solid #626221;
}


/* 葬儀の用語・豆知識 -------------------- */

#lib{
	width: 680px;
}

#lib .read{
	margin-bottom: 20px;
}

#lib .read02{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #999999;
}

#lib .capture{
	margin: 10px 0px 0px 0px;
	font-size: 110%;
	font-weight: bold;
	color: #FF0033;
}


/* 4つの安心 -------------------- */

#promise{
	width: 680px;
}

#promise p{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #999999;
}

#promise p.read{
	padding-bottom: 0px;
	margin-bottom: 20px;
	border-bottom: none;
}


/* 葬儀に伴う費用の知識 -------------------- */

#chishiki{
	width: 680px;
}

#chishiki .read{
	margin-bottom: 15px;
}

#chishiki .read02{
	margin-bottom: 30px;
}

#chishiki table{
	width: 680px;
	border-collapse: collapse;
	border: 1px solid #999999;
}

div#chishiki table.table01{
	margin: 0px 0px 10px 0px;
}

div#chishiki table.table01 th{
	padding: 2px;
	border: 1px solid #CCCCCC;
	font-weight: bold;
}

div#chishiki table.table01 th.caption{
	background: #EFEFEF;
	text-align: center;
}

div#chishiki table.table01 th.bg01{
	width: 22%;
	background: #FFEFBF;
	text-align: left;
}

div#chishiki table.table01 td.bg01{
	background: #FFEFBF;
}

div#chishiki table.table01 th.bg02{
	width: 22%;
	background: #ECE9D8;
	text-align: left;
}

div#chishiki table.table01 td.bg02{
	background: #ECE9D8;
}

div#chishiki table.table01 th.bg03{
	width: 22%;
	background: #CCD7EB;
	text-align: left;
}

div#chishiki table.table01 td.bg03{
	background: #CCD7EB;
}

div#chishiki table.table01 td{
	padding: 2px;
	border: 1px solid #CCCCCC;
}

div#chishiki table.table02{
	margin: 0px 0px 30px 0px;
}

div#chishiki table.table02 th{
	padding: 2px;
	border: 1px solid #CCCCCC;
	font-weight: bold;
}

div#chishiki table.table02 th.caption{
	background: #EFEFEF;
	text-align: center;
}

div#chishiki table.table02 td{
	padding: 2px;
	border: 1px solid #CCCCCC;
}

div#chishiki table.table02 th.bg01{
	width: 22%;
	background: #FFEFBF;
	text-align: left;
}

div#chishiki table.table02 td.midashi{
	width: 20%;
}

div#chishiki table.table03{
	margin: 0px 0px 30px 0px;
}

div#chishiki table.table03 th{
	padding: 2px;
	border: 1px solid #CCCCCC;
	font-weight: bold;
}

div#chishiki table.table03 th.caption{
	background: #EFEFEF;
	text-align: center;
}

div#chishiki table.table03 td{
	padding: 2px;
	border: 1px solid #CCCCCC;
}

div#chishiki table.table03 th.bg01{
	width: 22%;
	background: #ECE9D8;
	text-align: left;
}

div#chishiki table.table03 td.midashi{
	width: 20%;
}

div#chishiki table.table04{
	margin: 0px 0px 30px 0px;
}

div#chishiki table.table04 th{
	padding: 2px;
	border: 1px solid #CCCCCC;
	font-weight: bold;
}

div#chishiki table.table04 th.caption{
	background: #EFEFEF;
	text-align: center;
}

div#chishiki table.table04 td{
	padding: 2px;
	border: 1px solid #CCCCCC;
}

div#chishiki table.table04 th.bg01{
	width: 22%;
	background: #CCD7EB;
	text-align: left;
}

div#chishiki table.table04 td.midashi{
	width: 20%;
}
	
	
/* 会社案内 -------------------- */

#about{
	width: 680px;
}

#about .aisatsu{
	width: 680px;
	margin-bottom: 30px;
}

#about .aisatsu p{
	margin-bottom: 10px;
}

#about .aisatsu .photo{
	width: 250px;
	margin-bottom: 10px;
	float: left;
}

#about table{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #999999;
}

#about table th{
	width: 20%;
	padding: 5px;
	background: #EFEFEF;
	text-align: left;
	border: 1px solid #999999;
}

#about table td{
	padding: 5px;
	border: 1px solid #999999;
}

#about table td dl dt{
	font-weight: bold;
}

#about table td dl dd{
	margin-bottom: 5px;
}


/* 湯灌 -------------------- */

#yukan{
	width: 680px;
}

#yukan .read{
	margin-bottom: 30px;
}

#yukan .yukan-flow{
	width: 680px;
	margin-bottom: 20px;
	padding-bottom: 15px;
}

#yukan .yukan-flow .img{
	width: 170px;
	float: left;
}

#yukan .yukan-flow .detail{
	width: 500px;
	float: right;
}

#yukan .yukan-flow .detail h4{
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 115%;
	color: #FF0033;
}


/* お問い合せフォーム -------------------- */

#contact{
	width: 680px;
}

#contact .read{
	margin-bottom: 15px;
}

#contact .read02{
	margin-bottom: 30px;
}

#contact ul.caution{
	margin-bottom: 20px;
}

#contact ul.caution li span{
	font-weight: bold;
	color: #FF0033;
}

#contact .read strong{
	font-size: 110%;
	color: #FF0033;
}

#contact table{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #999999;
	margin-bottom: 20px;
}

#contact table th{
	width: 30%;
	padding: 5px;
	background: #EFEFEF;
	text-align: left;
	border: 1px solid #999999;
}

#contact table th span{
	margin-left: 5px;
	font-weight: bold;
	color: #FF0033;
}

#contact table td{
	padding: 5px;
	border: 1px solid #999999;
}

#contact table td p{
	margin-top: 5px;
}

#contact table td .form-50{
	width: 50px;
}

#contact table td .form-100{
	width: 100px;
}

#contact table td .form-150{
	width: 150px;
}

#contact table td .form-250{
	width: 250px;
}

#contact table td .form-max{
	width: 450px;
}

#contact .submit-box{
	padding-top: 20px;
	text-align: center;
}

#contact .wtn_copyright{
	display: none;
}

#contact .thx p{
	margin-bottom: 10px;
}

#contact .thx dl{
	margin-bottom: 20px;
}

#contact .thx dl dt{
	font-weight: bold;
}

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

#sitemap{
	width: 680px;
}

#sitemap ul li{
	padding: 10px 0px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #999999;
	font-weight: bold;
	font-size: 110%;
}

#sitemap ul li ul{
	margin: 10px 0px 10px 0px;
}

#sitemap ul li ul li{
	margin-bottom: 5px;
	padding: 0px;
	font-weight: normal;
	font-size: 100%;
	margin: 0px;
	border: none;
}


/* サイトポリシー -------------------- */

#stp{
	width: 680px;
}

#stp .read{
	margin-bottom: 20px;
}

#stp dl dd{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #999999;
}


/* プライバシーポリシー -------------------- */

#pvp{
	width: 680px;
}

#pvp .read{
	margin-bottom: 20px;
}

#pvp ul{
	margin: 30px 0px;
	padding: 10px;
	background: #EFEFEF; 
}

#pvp ul li{
	margin-bottom: 10px;
}


/* リンク集 -------------------- */

#link{
	width: 680px;
}

#link dl dd{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #999999;
}


/* リンク集 -------------------- */

#news{
	width: 680px;
}

#news dl dt{
	margin-bottom: 5px;
}

#news dl dd{
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999999;
}