﻿/*
Theme Name: kawanami
template: twentyfifteen
*/
@charset "utf-8";
/*___________ 基本設定 ___________ */
body {
    margin: 0;
    padding: 0;
    font-family: 'メイリオ',Meiryo,'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
    color: #000;
    font-size: 1em;
    line-height: 1.7;
}
.ie8 body {
	background-color: #ffffff!important;
	}

h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,div {
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-size: 1em;
}
ul {
    list-style-type: none;
}
ol { padding-left: 2em;}
p {
    margin-bottom: 1.2em;
}
textarea {
    font-size: 1em; /* or 100% */
}
img {
    border:0;
    vertical-align: top;
	height: auto;
	max-width: 100%;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}

/* ____ リンクテキスト ____ */
a {
	color: #74B634;
    text-decoration: underline;
}
a:visited {
	color: #74B634;
    text-decoration: underline;
}
a:hover,
a:active, /* for IE (Keyboard) */
a:focus {/* for Netscape (Keyboard) */
	color: #74B634;
    text-decoration: none;
}

/*___________ レイアウト設計 ___________ */

.ifr_wrapper {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-top: 51%;
}
.ifr_wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*___________ 【HEADER】共有 ___________ */

#header_bg{
	background: url(img-layout/top_img_bg.jpg) no-repeat bottom center;
	background: url(img-layout/top_img_bg_mi.jpg) no-repeat bottom center\9;
	-moz-background-size:cover;
	background-size:cover;
	height: 392px;
/*	position: relative;*/
}
#top_copy{
	/*
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 158px auto 0 auto;
	width: 960px;
	*/
	text-align: center;
	padding-top: 150px;
}

/*__ 新規墓地区画募集 __*/
#top_banner_wrap{
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#top_banner{
	position: absolute;
	/*right: 15px;*/
	left: 0;
	padding-top: 83px;
	width: 310px;
}

#top_banner_p2 {
	position: absolute;
	left: 325px;
	padding-top: 92px;
	width: 310px;
	
}
#top_banner_p3 {
	position: absolute;
	left: 650px;
	padding-top: 92px;
	width: 310px;
}


/*__ 高槻市営公園墓地 32区画募集 __*/
#top_banner_tak{
	position: absolute;
	left: 448px;
	padding-top: 84px;
}
#top_banner_tak2 {
	position: absolute;
	left: 448px;
	padding-top: 92px;
}


/*
#top_copy img{
	margin: 0 0 0 189px;
}
*/
#header_wrap{
	background-color: rgba(255,255,255,0.6);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99FFFFFF,EndColorStr=#99FFFFFF);　/* IE7以下 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99FFFFFF,EndColorStr=#99FFFFFF)";　/* IE8以上 */
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
}
#header_wrap:not(:target){
    filter: none;
    -ms-filter: none;
}
#header{
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	padding: 15px 0;
}
#header #logo{
	float: left;
	font-size: 112.5%;
}
#header #logo a{
	text-decoration: none;
	color: #000;
}
#head_info{
	float: right;
}
#top_img{
	clear: both;
	width: 960px;
	margin: 0 auto;
}
#gnav_wrap{
	width: 960px;
	margin: 0 auto;
	text-align: center;
}
#gnav{
	clear: both;
	font-size: 17px;
	overflow: hidden;
	padding: 10px 0;
	border-top: 1px solid #949494;
}
#t_head #gnav{
	border: none;
}
#gnav li{
	display: inline;
	padding: 0 9px;
}
#gnav li.fst {	padding-left: 0;}
#gnav li.lst {	padding-right: 0;}
#gnav li a {
	color: #000;
	padding: 10px 17px; 
	display: inline-block;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#gnav li a:hover{
	background: #E4EFEE;
}

/*___________ 共有設計 ___________ */
h2{
	font-size: 175%;
	line-height: 1.3em;
	clear: both;
}
#top_img_wrap h2{
	font-size: 200%;
}
.company_page #greeting h2,
.company_page #greeting_p h2,
.company_page #overview h2,
#main #accessmap h2,
#main .voice_detail h2,
#main h2#dir_h,
#main .choose_p h2{
	border-top: 2px solid #74B634;
}
h3{
	font-size: 118.75%;
	font-weight: bold;
	line-height: 1.3em;
}
h3.attent {
/*	color: #fff;
	background: #74B634;*/
	margin-bottom: 20px;
	font-size: 162.5%;
	font-weight: normal;
	border-bottom: 2px solid #74B634;
	padding: 10px 0 5px;
}
strong{
	color: #F08021;
	font-weight: bold;
}
#main{
	width: 960px;
	margin: 50px auto 0 auto;
}
#main h2{
	border-top: 1px solid #949494;
	padding-top: 20px;
	margin-bottom: 25px;
}
#top_img_wrap{
	background: #e4efee;
}
#intro{
	border: 1px solid #74B634;
	overflow: hidden;
	margin: 0 0 33px 0;
}
#intro_h{
	float: left;
	background: #E4EFEE;
}
#intro_h img{
	border-right: 1px solid #74B634;
}
#intro p{
	padding: 17px 10px;
	float: left;
	margin: 0;
	width: 770px;
}
a.txt_link{
	color: #74B634;
}

/*_ お墓ディレクターリンク共有設定 _*/
.link_icon{
	margin-left: 10px;
	margin-top: 4px;
}
#p_ohaka_link a,
.s_ohaka_link a{
	font-size: 87.5%;
	color: #0084C7;
	/*text-decoration: none;
	padding: 4px 8px;
	border: 1px solid #949494;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all  0.3s ease;*/
	background: #FFF;
}
/*
#p_ohaka_link a:hover,
.s_ohaka_link a:hover{
	background: #eeefee;
}*/

/*___________ 一覧に戻るボタン ___________ */
#back_btn{
	clear: both;
	text-align: right;
}
#back_btn a{
	border: 1px solid #74B634;
	background: url(img-layout/arrow_g.png) no-repeat 15px center;
	padding: 10px 15px 10px 40px;
	color: #74B634;
	text-decoration: none;
	display: inline-block;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#back_btn a:hover{
	background: url(img-layout/arrow_g.png) #E4EFEE no-repeat 15px center;
}

/*___________ リンクボタン ___________ */
#main .link_btn a{
	border: 1px solid #74B634;
	background: url(img-layout/arrow_w.png) #74B634 no-repeat 15px center;
	padding: 10px 15px 10px 40px;
	margin: 5px 0 10px 0;
	color: #FFF;
	text-decoration: none;
	display: inline-block;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#main .link_btn a:hover{
	background: url(img-layout/arrow_w.png) #61A628 no-repeat 15px center;	
}

/*___________ 【お問い合わせ】共有 ___________ */
.inquiry{
	clear: both;
	margin: 60px auto;
	overflow: hidden;
	width: 950px;
}
.inquiry a{
	display: inline-block;
	margin-left: 60px;
	vertical-align: top;
}

/*___________ 【FOOTER】共有 ___________ */
#footer{
	background: #DBE3E5;
	/*padding: 30px 0 0 0;*/
	padding: 40px 0 30px 0;
	clear: both;
	overflow: hidden;
	font-size: 87.5%;
	border-top: 1px solid #949494;
}
#footer a{
	text-decoration: none;
	color: #000;
}
#footer a:hover{
	text-decoration: underline;
}

#footer_wrap{
	width: 960px;
	margin: 0 auto;
}
/*
#com_info{
	width: 290px;
	float: left;
}
#footer_logo{
	margin-bottom: 25px;
}
.footer_list{
	float: left;
	padding: 0 47px;
	min-height: 140px;
	border-left: 1px solid #949494;
}
*/

/*__ footer変更20151207 __*/
#footer_wrap #com_list{
	overflow: hidden;
	border-bottom: 1px solid #949494;
	margin: 0 0 30px 0;
	padding: 0 0 40px 0;
}
#com_list h3{
	font-weight: normal;
	margin: 0 0 15px 0;
}
#footer_wrap #com_list li{
	float: left;
	margin: 0 25px 0 0;
	padding: 0 25px 0 0;
	border-right: 1px solid #949494;
}
#com_list li p{
	margin: 0;
}
#footer_wrap #com_list li.lst{
	margin: 0;
	padding: 0;
	border: none;
}
#f_com_info{
	margin: 0 50px 0 0;
	float: left;
}
#f_logo{
	margin: 0 0 25px 0;
}

.f_link{
	float: left;
	padding: 0 40px 0 0;
	margin: 0 50px 0 0;
	min-height: 110px;
	border-right: 1px solid #949494;
}
.f_link a{
	background: url(img-layout/footer_arrow.png) no-repeat left center;
	padding: 0 0 0 16px;
}
.f_link a:hover{
	background: url(img-layout/footer_arrow.png) no-repeat 2px center;
}
#footer_wrap .lst{
	margin: 0 ;
	padding: 0;
	border: none;
}

/*___________ 固定設定 ___________ */
.clear {
    clear:both;
}
/* ____ テキスト設定 ____ */
.notice {
	color: #f55c21;
	font-size: 80%;
	padding: 10px 0 0 0;
}

/*___________ ページの先頭へ ___________ */
div.tothetopfixed {
/*	z-index: 1500;*/
	position: fixed;
	bottom: 30px;
	right: 20px;
}

div.tothetopfixed a {
	width: 28px;
	height: 30px;
	padding-top: 9px;
	text-align: center;
	display: block;
}

/*___________ 404ページ ___________ */
#no_page {
	clear: both;
	padding: 150px 0;
	width: 960px;
	margin: 50px auto 0 auto;
}
#no_page h2{
	clear: both;
	margin: 0 0 23px;
	border: none;
	font-size: 164.285714%;
}
#no_page p{
	margin-bottom: 1.4em;
	font-size: 95%;
	line-height: 1.7em;
}

/*___________ トップページ ___________ */
.swiper-wrapper {
	padding: 15px 0;
}
.swiper-slide {
	padding: 0 10px;
/*	max-width: 400px;*/
}
.swiper-slide .kinkokuen {
	margin-top: -2.6%;
}
#top_consul_wrap{
	clear: both;
	background: #eeefee;
}
#top_consul_bg{
	background:url(img-layout/top_consul_bg.jpg) no-repeat top center;
	height: 408px;
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#top_consul{
	position: absolute;
	width: 380px;
	top: 32px;
	left: 32px;
}
#top_consul h2{
	margin: 0 0 19px 0;
}

#top_point{
	margin: 0 0 45px 0;
	overflow: hidden;
}
/*
#top_point li{
	width: 274px;
	min-height: 256px;
	padding: 9px 12px;
	border: 1px solid #949494;
	margin: 0 30px 0 0;
	float: left;
}
#top_point li a{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#top_point li a:hover{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
#top_point li.lst{
	margin: 0;
}
*/
#top_point a{
	width: 274px;
	min-height: 256px;
	padding: 9px 12px;
	border: 1px solid #949494;
	margin: 0 30px 0 0;
	float: left;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#top_point a:hover{
	background: #E4EFEE;
}
/*
#top_point a img{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all  0.3s ease;
	}
#top_point a:hover img {
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
	}*/

#top_point a.lst{
	margin: 0;
}
#top_point a p{
	color: #000;
}

#top_point h3{
	color: #F08021;
	margin: 10px 0 7px 0;
}
#top_point p{
	width: 274px;
	margin-bottom: 0;
}

#sub_nav_l{
	float: left;
}

#top_intro,
#top_flow{
	display: block;
	width: 419px;
	height: 92px;
	text-decoration: none;
}
#top_intro{
	background: url(img-layout/top_intro.gif) no-repeat top left;
	padding: 35px 0 0 50px;
	margin-bottom: 25px;
}
#top_flow{
	background: url(img-layout/top_flow.jpg) no-repeat top left;
	padding: 19px 0 0 50px;
}

#sub_nav{
	overflow: hidden;
	margin: 0 0 50px 0;
}
#sub_nav_l a{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#sub_nav_l a:hover{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
#sub_nav_l h3{
	font-size: 156.25%;
	color: #74B634;
	border: none;
	font-weight: bold;
}
#sub_nav_l p{
	color: #000;
	line-height: 1.5em;
}
#top_tel{
	float: right;
	background: url(img-layout/top_tel.jpg) no-repeat top right;
	display: block;
	width: 449px;
	height: 221px;
	padding: 38px 0 0 20px;
	text-decoration: none;
}
#top_tel h3{
	font-size: 156.25%;
	color: #74B634;
	border: none;
	font-weight: bold;
	margin-bottom: 18px;
}
#top_tel p{
	color: #000;
}


/*__ TOPページ お客様の声 __*/
#top_sect_case{
/*	margin: 0 0 50px 0;*/
	overflow: hidden;
	margin: 0 -30px 0 0;
}
#top_sect_case .top_case {
	width: 298px;
	margin-right: 30px;
	border: 1px solid #949494;
	float: left;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all  0.3s ease;
	text-decoration: none;
/*	min-height: 323px;	*/
}
.top_case:hover {
	background: #E4EFEE;
	}
.top_case img{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all  0.3s ease;
	}
.top_case:hover img {
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
	}
#top_sect_case .top_case.lst {
	margin: 0;
}
.top_case p {
	margin: 7px 9px;
/*	font-weight: bold;*/
	color: #000;
}

/*__ プラスペット バナー 20151222追記 __*/
/*__ その他サービスバナー 20160121追記 __*/
#top_nav{
	overflow: hidden;
	border-bottom: 1px dashed #949494;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#top_p_banner,
#top_s_banner{
	border: 1px solid #74B634;
	clear: both;
	display: block;
	min-height: 97px;
	padding: 5px 0;
	color: #4D4D4D;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#top_s_banner{
	background: url(img-layout/s_banner_bg.jpg) no-repeat right center;
	margin-bottom: 25px;
}
#top_p_banner{
	background: url(img-layout/p_banner_bg.jpg) no-repeat right center;
}

#top_p_banner:hover,
#top_s_banner:hover{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
#p_ban_txt,
#s_ban_txt{
	width: 512px;
	margin: 0 0 0 5px;
	padding: 5px 0 0 15px;
	border-left: 7px solid #74B634;
	min-height: 92px;
}
#p_ban_txt h3,
#s_ban_txt h3{
	border-bottom: 1px solid #949494;
	background: url(img-layout/arrow.gif) no-repeat left center;
	padding: 0 0 3px 28px;
	font-size: 156.25%;
}
#p_ban_txt p,
#s_ban_txt p{
	margin: 7px 0 0 0;
	line-height: 1.4;
}

/*__ その他サービスバナー 20170116追記 __*/

.top_bnr_2c a{
	width:470px;
	height:150px;
	display:inline-block;
	border: 5px solid #74b634;
	box-sizing: border-box;
	padding: 0;
	margin:0;
	color: #4D4D4D;
	text-decoration: none;
}
.top_bnr_2c a:last-child{
	float:right;
}

.top_bnr_2c #bnr01{
	background: #f6f9f4 url(img-layout/top_bnr_pluspet.png) no-repeat 0 -5px;

}
.top_bnr_2c #bnr02{
	background: #f6f9f4 url(img-layout/top_bnr_ojizosama.png) no-repeat 0 -5px;
}

.top_bnr_2c a:hover{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

.top_bnr_2c h3{
	color:#74b634;
	margin: 10px 0 5px 30px;
	padding-bottom:0;
	font-size: 156.25%;
	line-height:1.2;
}



.top_bnr_2c h3 span{
	font-size: 75%;	
}
.top_bnr_2c p{
	width:330px;
	margin: 0 0 0 30px;
	line-height: 1.2;
	font-size: 96%;
	color:#333;
}






/*__ 20151214追記 __*/
#top_page_voice{
	width: 510px;
	float: left;
}
#top_page_voice h2{
	border-top: 2px solid #74B634;
}
#top_page_voice .top_case{
	border: 1px solid #949494;
	overflow: hidden;
	display: block;
	width: 510px;
	text-decoration: none;
	margin: 0 0 20px 0;
}
#top_page_voice .thumb img{
	float: left;
	width: 180px;
	height: 104px;
}
#top_page_voice p{
	padding: 15px 15px 0 15px;
	margin: 0 0 0 180px;
}
#top_f_book{
	float: right;
	border: 1px solid #949494;
}

#top_page_voice,
#top_f_book{
	margin: 0 0 45px 0;
}


/*__ TOPページ 河波忠兵衛コラム・お墓と終活お役立ち情報 __*/
h2#top_c_h{
	border-top: 2px solid #74B634;
}
#top_column{
	background: url(img-layout/top_column_bg.jpg) #DEECEB no-repeat top right;
	height: 189px;
	padding: 16px 0;
}
#top_column a{
	padding: 8px 0 8px 20px;
	margin: 0 0 0 26px;
	border-bottom: 1px dashed #808080;
	display: inline-block;
	background: url(img-layout/arrow.gif) no-repeat left center;
	text-decoration: none;
	color: #000;
	width: 640px;
}
#top_column a:hover{
	background: url(img-layout/arrow.gif) no-repeat 2px center;
}

/*__ 20151214追記 __*/
#c_main h2{
	border-top: 2px solid #74B634;
}
#c_main{
	width: 680px;
	float: left;
}
#c_side{
	width: 240px;
	float: right;
}
#c_side_h{
	background: url(img-layout/column_bg.gif) no-repeat top left;
	min-height: 35px;
	color: #FFF;
	font-size: 112.5%;
	font-weight: bold;
	text-align: center;
	padding: 10px 0 0 0;
}
#c_side li{
	border-bottom: 1px solid #949494;
	padding: 15px 0;
}
#c_side a{
	background: url(img-layout/arrow_g.png) no-repeat left 5px;
	padding: 0 5px 0 20px;
	color: #000;
	display: block;
}

/*__ facebook 20151224記述追加 __*/
#fb_emb{
	width: 680px;
	margin: 30px 0 0 0;
	overflow: hidden;
}
.fb-like,
.fb-share-button{
	margin: 0 8px 15px 0;
}

/*___________ お墓の種類と価格 ___________ */
#plan_top{
	width: 940px;
	margin: 0 auto;
	height: 116px;
	background: url(img-layout/plan_main_img.jpg) no-repeat top right;
	padding: 55px 0 0 20px;
}
.plan_con{
	border: 1px solid #949494;
	padding: 20px;
	clear: both;
	overflow: hidden;
	margin-bottom: 42px;
}
.plan_img{
	float: right;
}
.plan_txt{
	float: left;
	width: 500px;
}
.plan_txt img{
	margin: 0 0 15px;
}
.plan_txt th,
.plan_txt td,
.plan_txt p{
	padding: 8px 0;
}
.plan_txt table{
	margin-bottom: 13px;
}
.plan_txt th{
	color: #74B634;
	padding-right: 32px; 
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px dashed #4D4D4D;
}
.plan_txt td{
	vertical-align: top;
	border-bottom: 1px dashed #4D4D4D;
}
.plan_txt p{
	margin: 0;
}

/*___________ 墓地・霊園紹介 ___________ */
#cemetery_top{
	width: 940px;
	margin: 0 auto;
	height: 116px;
	background: url(img-layout/cemetery_main_img.jpg) no-repeat top right;
	padding: 55px 0 0 20px;
}
#cemetery_link{
	/*font-size: 150%;*/
	font-size: 125%;
	margin-bottom: 25px;
	overflow: hidden;
}
#cemetery_link li{
	float: left;
	margin-right: 30px;
}
#cemetery_link .lst{
	margin: 0;
}
#cemetery_link a{
	display: inline-block;
	width: 255px;
	background: url(img-layout/arrow_w_d.png) #74B634 no-repeat 15px center;
	padding: 10px 0px 10px 45px;
	text-decoration: none;
	color: #FFF;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#cemetery_link a:hover{
	background: url(img-layout/arrow_w_d.png) #61A628 no-repeat 15px center;
}
.cemetery_page h2.fst{
	margin: 0;
}
h2.cemetery_h{
	margin: 50px 0 0 0;
	clear: both;
}
.cemetery_list{
	border: 1px solid #949494;
	padding: 20px;
	clear: both;
	overflow: hidden;
	margin: 0 0 35px 0;
}
.cemetery_txt{
	width: 560px;
	float: left;
}
.cemetery_detail_txt{
	width: 600px;
	float: left;
}
.cemetery_txt h3{
	border-bottom: 1px solid #4D4D4D;
	padding: 0 0 8px 0;
	margin: 0 0 12px 0;
	font-size: 150%;
}
.cemetery_txt a{
	color: #74B634;
}
.cemetery_img{
	float: right;
}
.cemetery_page table th{
	text-align: left;
	width: 180px;
	white-space: nowrap;
}
.cemetery_page table td{
	width: 380px;
}
.cemetery_link_btn{
	margin: 25px 0 0 0;
}
/*___________ 墓地・霊園紹介 個別ページ ___________ */
#main .cemetery_detail_txt h2{
	color: #fff;
	background: url(img-layout/header_bg.gif) #74B634 no-repeat bottom left;
	border: none;
	padding: 10px 0 8px 18px;
	margin: 0 0 15px;
}
.cemetery_detail{
	clear: both;
	overflow: hidden;
}
#image_list{
	float: right;
}
#image_list iframe{
	vertical-align: bottom;
}
#image_list li{
	margin-bottom: 16px;
}
.cemetery_detail_txt table{
	margin-bottom: 30px;
	width: 100%;
}


/*___________ 墓地・霊園紹介,施工例　テーブル共有設計 ___________ */
.cemetery_page table tr,
.case_page table tr{
	border-bottom: 1px dashed #4D4D4D;
}
.cemetery_page table th,
.cemetery_page table td,
.case_page table th,
.case_page table td{
	vertical-align: top;
	padding: 8px 0;
}
/*IE7のみ適用*/
*+.cemetery_page table th,
*+.cemetery_page table td,
*+.case_page table th,
*+.case_page table td{
     border-bottom: 1px dashed #4D4D4D;
}


/*___________ お墓ができるまで ___________ */
#flow_top{
	width: 940px;
	margin: 0 auto;
	height: 116px;
	background: url(img-layout/flow_main_img.jpg) no-repeat top right;
	padding: 55px 0 0 20px;
}
.flow_page img{
	float: left;
}
.step_point{
	overflow: hidden;
}
.step_txt{
	float: right;
	width: 768px;
}
.flow_page .link_btn a{
	background: url(img-layout/arrow_w.png) #74B634 no-repeat 13px center;
	padding: 6px 24px 6px 35px;
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-size: 112.5%;
}
.flow_page .link_btn a:hover{
	background: url(img-layout/arrow_w.png) #61A628 no-repeat 13px center;
}
.arrow{
	background: url(img-layout/d_arrow.gif) no-repeat;
	width: 65px;
	height: 42px;
	margin: 27px auto 50px auto;
	clear: both;
}
.arrow hr{
	display: none;
}

/*___________ 施工事例 ___________ */
#case_top{
	width: 940px;
	margin: 0 auto;
	height: 116px;
	background: url(img-layout/case_main_img.jpg) no-repeat top right;
	padding: 55px 0 0 20px;
}
#case_info{
	overflow: hidden;
	padding: 0 0 35px 0;
	margin: 0 0 0 -26px;
}
#case_info a{
	width: 298px;
	margin: 0 0 30px 25px;
	vertical-align: top;
	border: 1px solid #949494;
	display: inline-block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#case_info a img{
	width: 298px;
}
#case_info h3{
	color: #74B634;
	text-decoration: underline;
	padding: 9px;
	font-size: 100%;
}

#case_info a:hover {
	background: #E4EFEE;
	}
.case_link img{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all  0.3s ease;
	}
.case_link:hover img {
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
	}
	
/*___________ 施工事例 個別ページ ___________ */
#main .case_detail h2{
	color: #fff;
	background: url(img-layout/header_long_bg.gif) #74B634 no-repeat bottom left;
	border: none;
	padding: 10px 0 8px 18px;
	margin: 0 0 30px;
	background-size: cover;
}
.case_detail{
	clear: both;
	overflow: hidden;
}
.case_detail_img,
#photo{
	float: left;
}
.case_detail #photo{
	width: 450px;
}
.case_detail #photo img{
	width: 100%;
}
.case_detail_txt{
	width: 480px;
	float: right;
}
.case_detail_txt a{
	color: #74B634;
}
.case_detail_txt table{
	margin: 0 0 30px 0;
	width: 100%;
}
.case_page table th{
	text-align: left;
	width: 130px;
	white-space: nowrap;
}

.case_detail_txt #navi{
	overflow: hidden;
	margin-top: 65px;
}
.case_detail_txt #navi ul{
	margin: 0 0 0 -10px;
	/zoom: 1;/* for IE6,7 */
}
.case_detail_txt #navi li{
	float: left;
	margin: 0 0 10px 10px; 
}

/*___________ お客様の声　一覧、河波忠兵衛コラム　一覧 ___________ */
#voice_top{
	width: 940px;
	margin: 0 auto;
	height: 116px;
	background: url(img-layout/voice_main_img.jpg) no-repeat top right;
	padding: 55px 0 0 20px;
}
#column_top{
	width: 940px;
	margin: 0 auto;
	height: 116px;
	background: url(img-layout/column_main_img.jpg) no-repeat top right;
	padding: 55px 0 0 20px;
}
.voice_blk,
.column_blk{
	border-top: 1px solid #949494;
	padding: 30px 0 0 0;
	margin: 0 0 30px 0;
	clear: both;
	overflow: hidden;
}
#voice_lst,
#column_lst{
	border-bottom: 1px solid #949494;
	padding: 30px 0;
}
.voice_blk:last-child,
.column_blk:last-child{
	border-bottom: 1px solid #949494;
	padding: 30px 0;
}
.voice_blk img,
.column_blk img{
	float: left;
}
.voice_txt,
.column_txt{
	float: right;
	width: 650px;
}
.voice_txt p,
.column_txt p{
	margin: 0;
}
#main .voice_blk h2,
#main .column_blk h2{
	border-top: none;
	border-bottom: 1px solid #74B634;
	padding: 0 0 9px 0;
	margin: 0 0 12px 0;
	font-size: 150%;
}
.voice_blk a,
.column_blk a{
	color: #74B634;
	text-decoration: underline;
}
.voice_blk a:hover,
.column_blk a:hover{
	text-decoration: none;
}

/*___________ お客様の声 個別ページ 、河波忠兵衛コラム 個別ページ ___________ */
/*
#main .voice_detail h2{
	color: #fff;
	background: url(img-layout/header_long_bg.gif) #74B634 no-repeat bottom left;
	border: none;
	padding: 10px 0 8px 18px;
	margin: 0 0 30px;
}
*/
#main .voice_detail h3,
#main .column_detail h3{
	clear: none;
	font-size: 100%;
	color: #74B634;
	border-bottom: 1px solid #949494;
	margin: 0 0 14px 0;
	padding: 0 0 6px 0;
}
.voice_detail,
.column_detail{
	/*
	border: 1px solid #949494;
	padding: 20px;*/
	clear: both;
	overflow: hidden;
}
.voice_detail_img,
.column_detail_img{
	float: right;
}
.voice_detail_img img,
.column_detail_img img{
	width: 326px;
	height: auto;
	margin-bottom: 5px;
}
.voice_detail_txt,
.column_detail_txt{
	width: 600px;
	float: left;
}
.voice_detail_txt a,
.column_detail_txt a{
	color: #74B634;
}


/*___________ 会社案内 ___________ */
#company_link{
	font-size: 125%;
	margin-bottom: 40px;
	overflow: hidden;
}
#company_link li{
	float: left;
	margin-right: 30px;
}
#company_link .lst{
	margin: 0;
}
#company_link a{
	display: inline-block;
	width: 255px;
	background: url(img-layout/arrow_w.png) #74B634 no-repeat 15px center;
	padding: 10px 0px 10px 45px;
	text-decoration: none;
	color: #FFF;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#company_link a:hover{
	background: url(img-layout/arrow_w.png) #61A628 no-repeat 15px center;
}
#company_top{
	width: 940px;
	margin: 0 auto;
	height: 116px;
	background: url(img-layout/company_main_img.jpg) no-repeat top right;
	padding: 55px 0 0 20px;
}
#greeting{
	background: url(img-layout/presi_img.jpg) no-repeat right 20px;
	min-height: 390px;
	margin-bottom: 50px;
	position: relative;
}
#greeting_p {
	background: url(img-layout/presi_img_p.jpg) no-repeat right 20px;
	min-height: 390px;
	margin-bottom: 50px;
	position: relative;
}
#greeting p,
#greeting_p p  {
	width: 580px;
}


/*_ お墓ディレクターリンク追加 _*/
#p_ohaka_link{
	position: absolute;
	top: 330px;
	left: 695px;
}
#greeting_p #p_ohaka_link {
	position: absolute;
	top: 353px;
	left: 695px;
}
.org_link{
	color: #0084C7;
}
.org_link:hover{
	color: #0084C7;
}
.org_link:visited{
	color: #0084C7;
}
/*_ お墓ディレクターここまで _*/

#overview table{
	width: 100%;
}
#overview tr{
	border-bottom: 1px solid #959595;
}
#overview th{
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
	width: 176px;
}
#overview th,
#overview td{
	padding: 10px;
}
/*IE7のみ適用*/
*+#overview th,
*+#overview td,{
     border-bottom: 1px solid #959595;
}
#overview iframe{
	padding: 5px 0 0 0;
}
.tel_num,
#overview .link_btn{
	float: left;
}
#overview .link_btn{
	margin-left: 20px;
}
#purveyor_l,
#purveyor_r{
	float: left;
}
#purveyor_l{
	margin: 0 45px 0 0;
}
/*___________ アクセスマップ ___________ */
#gion, #osaka{
	margin-top: 50px;
}

/*___________ スタッフ紹介 ___________ */
.stf_blk {
	clear: both;
	margin-bottom: 55px;
}
.stf_pic {
	float: left;
	padding-bottom: 55px;
}
#main .stf_blk h2{
	border-top: 2px solid #74B634;
	clear: none;
	margin-left: 390px;
	padding: 15px 0 0 0;
	font-size: 156.25%;
}
#main .stf_blk h3 {
	clear: none;
	font-size: 100%;
	color: #74B634;
	border-bottom: 1px solid #949494;
	margin: 0 0 14px 390px;
	padding: 0 0 6px 0;
}
#main .stf_blk p {
	margin: 0 0 24px 390px;
}

#craftsman_blk{
	overflow: hidden;
	clear: both;
}
#craftsman_blk h2{
	border-top: 2px solid #74B634;
}

#craftsman_blk ul{
	margin: 0 0 0 -30px;
}
#craftsman_blk li{
	float: left;
	text-align: center;
	margin: 0 0 37px 30px;
	font-size: 125%;
}
#craftsman_blk li img{
	margin: 0 0 10px 0;
}

/*_ お墓ディレクターリンク _*/
#main .stf_blk .ohaka_h{
	margin: 0 0 35px 390px;
	font-weight: bold;
}

/*___________ お問い合わせ ___________ */
#inquiry_top{
	width: 940px;
	margin: 0 auto;
	height: 116px;
	background: url(img-layout/inquiry_main_img.jpg) no-repeat top right;
	padding: 55px 0 0 20px;
}
.inquiry_page #inquiry_content h2{
	border-top: 2px solid #74B634;
}
#inquiry_phone{
	margin-bottom: 50px;
	overflow: hidden;
}
#inquiry_phone img{
	float: left;
	padding: 8px 0 0 0;
}
#inquiry_phone p{
	border-left: 1px solid #949494;
	margin: 0 0 0 375px;
	padding: 0 0 0 30px;
}
#privacy_ad a{
	text-decoration: underline;
}
#privacy_ad a:hover{
	text-decoration: none;
}

/*___________ 個人情報保護方針 ___________ */
#privacy_top{
	width: 940px;
	margin: 0 auto;
	height: 116px;
	background: url(img-layout/privacy_main_img.jpg) no-repeat top right;
	padding: 55px 0 0 20px;
}
#enactment{
	text-align: right;
}


/*___________ 選ばれる理由 ___________ */
#choose_top{
	width: 940px;
	margin: 0 auto;
	height: 116px;
	background: url(img-layout/choose_main_img.jpg) no-repeat top right;
	padding: 55px 0 0 20px;
}
.choose_page strong{
	color: #000000;
}
#cemetery_dir{
	overflow: hidden;
}
#cemetery_d_txt{
	width: 600px;
	float: left;
}
.cemetery_d_img{
	float: right;
}
#cemetery_dir #comment{
	background: url(img-layout/director_bg.gif) no-repeat top left;
	min-height: 120px;
	overflow: hidden;
	padding: 22px 20px;
/*	margin: 0 0 40px 0;*/
	font-size: 87.5%;
}
#cemetery_dir #comment h3,
#cemetery_dir #comment p{
	width: 435px;
	float: left;
}
#cemetery_dir #comment h3{
	border-bottom: 1px solid #949494;
	margin: 0 0 12px 0;
	padding: 0 0 12px 0;
}
#cemetery_dir #comment p{
	margin-bottom: 0;
}
#cemetery_dir #comment #cerrificate{
	float: right;
}
#cemetery_dir #comment #cerrificate img{
	width: 90px;
	height: 125px;
}
/*_ お墓ディレクタ―リンク追加 _*/
#comment .s_ohaka_link{
	clear: both;
}

h3.choose_h{
	color: #74B634;
	font-size: 125%;
	border: none;
	margin: 35px 0 25px 0;
}

.choose_p{
	overflow: hidden;
	clear: both;
	margin: 50px 0 0 0;
}
.choose_p .left_i{
	float: left;
	width: 220px;
	padding: 0 80px 0 0;
}
.choose_p .right_i{
	float: right;
	width: 220px;
	padding: 0 0 0 80px;
}
.choose_p_img img{
	margin: 0 0 10px 0;
}
.right_t{
	width:  660px;
	float: right;
}
.left_t{
	width: 660px;
	float: left;
}
.right_t h2,
.left_t h2{
	clear: none;
}
#choose_link .link_btn{
	float: left;
	margin: 0 20px 0 0;
	overflow: hidden;
}


/*__ 主なご用達先リスト __*/
#yotashi{
	border-top: 1px solid #949494;
	padding: 15px 0 0 0;
	margin: 30px 0 15px 0;
}
.right_t th{
	vertical-align: top;
}
.right_t th,
.right_t td{
	padding: 0 45px 0 0;
}
.right_t .lst{
	margin: 0;
}


/*__ ペットも一緒のお墓 __*/
.oneheart_page #plus_p h2,
.oneheart_page h2#plus_p_c,
.oneheart_page h2#plus_p_n{
border-top: 2px solid #74B634;
}
.oneheart_page h3{
	color: #74B634;
	margin: 25px 0 15px 0;
}
#oneheart_top{
	width: 940px;
	margin: 0 auto;
	height: 116px;
	background: url(img-layout/oneheart_main_img.jpg) no-repeat top right;
	padding: 55px 0 0 20px;
}
#plus_p_txt{
	width: 595px;
	float: left;
}
#plus_p_img{
	width: 320px;
	float: right;
}
#plus_p_img p{
	margin: 6px 0 0 0;
}
#plus_p .f_img{
	margin: 20px 0 50px 0;
}
#oneheart_c{
	overflow: hidden;
	margin: 0 -20px 0 0;
	padding: 10px 0 25px 0;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
#oneheart_c li{
	border: 1px solid #74B634;
	display: inline-block;
	margin: 0 20px 20px 0;
	letter-spacing: normal; /* 文字間を通常に戻す */
}
#plus_nec{
	background: url(img-layout/nec_img.jpg) no-repeat right top;
	padding: 0 240px 0 0;
}


/*__ その他のサービス __*/
#service_top{
	width: 940px;
	margin: 0 auto;
	height: 116px;
	background: url(img-layout/service_main_img.jpg) no-repeat top right;
	padding: 55px 0 0 20px;
}

#service_top_m{
	font-size: 125%;
	margin-bottom: 25px;
	overflow: hidden;
}
#service_top_m li{
	float: left;
	margin-right: 30px;
}
#service_top_m .lst{
	margin: 0;
}
#service_top_m a{
	display: inline-block;
	width: 255px;
	background: url(img-layout/arrow_w_d.png) #74B634 no-repeat 15px center;
	padding: 10px 0px 10px 45px;
	text-decoration: none;
	color: #FFF;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#service_top_m a:hover{
	background: url(img-layout/arrow_w_d.png) #61A628 no-repeat 15px center;
}
.service_page strong{
	color: #000;
}
.service_page #service01,
.service_page #service02,
.service_page #service03,
.service_page #service04{
	overflow: hidden;
	margin-bottom: 55px;
}
.service_page #service01 h2,
.service_page #service02 h2,
.service_page #service03 h2,
.service_page #service04 h2{
	border-top: 2px solid #74B634;
}
.service_page h3{
	color: #74B634;
}
.service_page #service01 table{
	width: 100%;
	margin-bottom: 32px;
}
.service_page #service02 table,
.service_page #service03 table{
	width: 100%;
	margin-bottom: 8px;
}
.service_page table th,
.service_page table td{
	border-bottom: 1px dashed #4d4d4d;
	text-align: left;
	vertical-align: top;
	padding: 8px 0;
}
.service_page #service01 table th,
.service_page #service03 table th{
	width: 130px;
}
.service_page #service02 table th{
	width: 225px;
}
.service_page table .no_border td{
	border: none;
	padding: 8px 0 0 0;
}
.service_t{
	width: 595px;
	float: left;
}
.service_i{
	width: 320px;
	float: right;
}
.service_i img{
	padding-bottom: 30px;
}
#creaning_list{
	overflow: hidden;
	margin: 16px 0 35px 0;
}
#creaning_list ul{
	float: left;
	margin: 0 30px 0 0;
}
.service_bg{
	background: #E4EFDE;
	border-radius: 10px;
	padding: 20px;
}
.service_page #service02 .service_bg{
	margin-bottom: 35px;
}
.service_bg li{
	margin: 0;
	text-indent: -1em;
	padding-left: 1em;
}

#proc{
	margin: 16px 0 0 0;
	padding: 0 0 8px 0;
}
#proc li{
	text-indent: -2em;
	padding-left: 2em;
	border-bottom: 1px dashed #4D4D4D;
	padding-bottom: 8px;
	margin-bottom: 8px;
}
.service_page #service02 p.lst{
	margin: 0;
}

/* その他のサービス　20161228追加 */
.service_page .service_inner h3{
	padding-bottom:20px;
}
.service_page .service_inner .top_bnr_2c h3{
	padding-bottom:0 ;
}
.service_page h4{
	font-weight:bold;
	padding-bottom:10px;
}
.service_page ul.photo_list li{
	display:inline-block;
	margin:0 8.8px 0 0;
}
.service_page ul.photo_list li p{
	margin:0 0 10px 0;
	padding:0;
}
.service_page ul.photo_list li:last-child{
	margin-right:0;
}
.service_page .float_right{
	float:right;
}
.service_page .float_left{
	float:left;
}
.service_page .service_inner{
	clear:both;
	padding:0 ;
	margin:0 0 30px;
	overflow:hidden;
}
.service_page .service_inner .inner_txt1{
	margin:35px 0 0 0;
	width:390px;
}
.service_page .service_inner .inner_txt2{
	margin:40px 0 0 0;
	width:350px;
}
.service_page .border_b{
	border-bottom: #666 dashed 1px;
	padding-bottom:30px;
}
.service_page .margin_t{
	margin-top:20px;
}


/*__ ちいさなお地蔵さま __*/
.ojizosama_page #ojizosama_p h2,
.ojizosama_page h2#ojizosama_p_c,
.ojizosama_page h2#ojizosama_p_n{
border-top: 2px solid #74B634;
}
#ojizosama_p_txt dl{
	border-bottom:#333 dashed 1px;
}
#ojizosama_p_txt dl dt,
#ojizosama_p_txt dl dd{
	padding:5px;
}
#ojizosama_p_txt dl dt{
	font-weight:bold;
	float:left;
	width:100px;
}
#ojizosama_p_txt dl dd{
	width:600px;
}
.ojizosama_page h3{
	color: #74B634;
	margin: 25px 0 15px 0;
}
#ojizosama_top{
	width: 940px;
	margin: 0 auto;
	height: 116px;
	background: url(img-layout/ojizosama_main_img.jpg) no-repeat top right;
	padding: 55px 0 0 20px;
}
#ojizosama_p_txt{
	width: 595px;
	float: left;
	margin-bottom:50px;
}
#ojizosama_p_img{
	width: 320px;
	float: right;
}
#ojizosama_p_img p{
	margin: 6px 0 0 0;
}

.ojizosama_page .mt20{
	margin-top:20px;
}
.ojizosama_page .mt50{
	margin-top:50px;
}
.ojizosama_page .sp{
	display:none;
}
.oji_opt {
	display: flex;
	justify-content: space-between;
	margin-bottom: 25px;
}
.oji_opt a {
	margin: 2px;
}

/*__ 縁添珠（よりそいじゅ） __*/
#yorisoi_top {
	width: 940px;
	margin: 0 auto;
	height: 116px;
	background: url(img-layout/yorisoi_main_top.jpg) no-repeat top right;
	padding: 55px 0 0 20px;
}
#main.yorisoi_page .yorisoi_p h2 {
	border-top: 2px solid #74B634;
}
#main.yorisoi_page .yorisoi_p_sub h2 {
	border-top: 1px solid #74B634;
	font-size: 156.25%;
}
.yorisoi_p,
.yorisoi_p_sub {
	clear: both;
}
.yorisoi_p_txt dl{
	border-bottom:#333 dashed 1px;
}
.yorisoi_p_txt dt{
	font-weight:bold;
	float:left;
	width:100px;
	padding:5px;
}
.yorisoi_p_txt dd{
	width:600px;
	padding:5px;
}
.yorisoi_page h3{
	color: #74B634;
	margin: 25px 0 10px 0;
	border-top: 1px dotted #949494;
	padding-top: 13px;
}
.yorisoi_p_txt{
	width: 595px;
	float: left;
	margin-bottom:50px;
}
.yorisoi_p_img{
	width: 320px;
	float: right;
	padding-bottom: 50px;
}
.yorisoi_p_img p{
	margin: 6px 0 0 0;
}


/* トップ　20170619追加 */


#sub_nav_in{
	float: left;
}

#sub_nav_in2{
	background: url(img-layout/top_intro.gif) no-repeat top left;
	padding: 35px 0 0 50px;
}

#sub_nav_fl{
	float: right;
}

#sub_nav_fl2{
	background: url(img-layout/top_flow.jpg) no-repeat top left;
	padding: 19px 0 0 50px;
	margin-top: 19px;
}


#sub_nav_in2,
#sub_nav_fl2{
	display: block;
	width: 419px;
	height: 92px;
	text-decoration: none;
}	
	
#sub_nav_in2 a{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all  0.3s ease;
	text-decoration: none;
}
#sub_nav_in2 a:hover{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
#sub_nav_in h3{
	font-size: 156.25%;
	color: #74B634;
	border: none;
	font-weight: bold;
}
#sub_nav_in p{
	color: #000;
	line-height: 1.5em;
}


#sub_nav_fl h3{
	font-size: 156.25%;
	color: #74B634;
	border: none;
	font-weight: bold;
}
#sub_nav_fl p{
	color: #000;
	line-height: 1.5em;
}
	

#sub_tel{
	float: left;
	background: url(img-layout/top_tel_2.jpg) no-repeat top left;
	display: block;
	width: 566px;
	height: 146px;
	padding: 15px 0 0 20px;
	text-decoration: none;
	margin-top: 19px;
}
#sub_tel h3{
	font-size: 156.25%;
	color: #74B634;
	border: none;
	font-weight: bold;
	margin-bottom: 5px;
}
#sub_tel p{
	color: #000;
	line-height: 1.5em;
}

#sub_staff{
	float: right;
	display: block;
	width: 370px;
	height: 146px;
	margin-top: 19px;
}

#top_nav a{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#top_nav a:hover{
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

#bana_ft {
	background: #edeeed;
	text-align: center;
}
#bana_ft ul {
	display: flex;
	justify-content: space-around;
	width: 620px;
	margin: 0 auto;
	align-items: center;
}
#bana_ft li {
	padding: 20px 55px;
}