/*スタイル初期化
---------------------------------------------------------*/
*{
	margin: 0;
	padding: 0;
	text-decoration: none;
}

/*基本スタイルここから
---------------------------------------------------------*/
body{
	/*	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
--*/
	color: #333;
	font-family: "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	text-decoration: none;
	padding: 0px;
}

html,body{
    width: 100%;
}

/*IE以外にフォントサイズを上書き
-----------------------------------*/
html>body{
	font-size: 90%;
}

a:link, a:visited{
	color: #bd6a69;
	text-decoration: none;
}

a:hover{
	color: #DB7171;
	text-decoration: underline;
}

h1{
	width: 238px;
	height: 460px;
	display: block;
	position: relative;
	top: 0;
}

h2{
	font-size: 10px;
	text-indent: -9999px;
	line-height: 10px;
}

h3{
	font-size: 10px;
	text-indent: -9999px;
	line-height: 10px;
}

h4{
}

h5{
	font-size: 14px;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: normal;
}

#content ul {
	margin:3px 5px;
}

#content li{
	margin-left: 15px;
	padding: 0px;
}

p{margin-bottom: 30px;}

.f_color01{color: #ac7e7a;}

.f_center{text-align: center;
}

.min{
	font-size: 14px;
	line-height: 22px;
}

.m_bottom40{margin-bottom: 40px;}

/*micro clearfix
---------------------------------------------------------*/
.cf:before,.cf:after{
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}


/*ヘッドバー
---------------------------------------------------------*/
#headbar {
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   padding: 0;
   background-color: rgba(255,255,255,0.9);
   filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.2));
   z-index: 999;
}

#headbar #headnav{
	width: 950px;
	margin: 0 auto;
}

#headbar #headnav ul#nav li{
	font-size: 12px;
	margin-right: 20px;
	list-style-type: none;
	line-height: 24px;
	float: left;
}

#headbar #headnav ul#nav li a{
    color: #000;
	margin-right: 10px;
	list-style-type: none;
	float: left;
}



.menu {
    position: relative;
    width: 100%;
    max-width: 950px;
    margin: 0 auto;
}

.menu > li {
    float: left;
	line-height: 40px;
	padding: 0 15px;
   background-color: rgba(255,255,255,0);
}

.menu > li a {
    display: block;
    color: #000;
}

.menu > li a:hover {
    color: #999;
}

.menu > li::marker {
   color: rgba(255,255,255,0);
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
    background: #EEE;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
   background-color: rgba(255,255,255,0);
}
.menu__second-level > li::marker {
   color: rgba(255,255,255,0);
}

.menu__second-level li a {
	text-align: center;
}

.menu__third-level li {
    border-top: 1px solid #111;
}

.menu__second-level li a:hover {
    background: #DDD;
}

.menu__third-level li a:hover {
    background: #2a1f1f;
}

.menu__fourth-level li a:hover {
    background: #1d0f0f;
}

/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 10px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

.menu > li.menu__single {
    position: relative;
}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 40px;
	left: 0px;
    width: 100%;
   background-color: rgba(255,255,255,0.8);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__single:hover ul.menu__second-level {
    top: 40px;
    visibility: visible;
    opacity: 1;
}



/*コンテナー
---------------------------------------------------------*/
#container{
	width: 100%;
	font-size: 15px;
	line-height: 28px;
	text-align: left;
}

.important{color:#C00;}
.important_b{
	font-size: 20px;
	font-weight: bold;
}

img{border:none;}

/*ヘッドエリア
---------------------------------------------------------*/
#headArea{
	width: 100%;
	height: 680px;
	background:url(../img/00header.jpg) no-repeat center top;
}

#header{
	width: 238px;
	height: 460px;
	margin: 0 auto;
	padding: 94px 0px 126px 712px;
}

.logo{
	width: 238px;
	height: 460px;
	background: url(../img/00header.jpg) no-repeat -1237px -94px;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
}


/*mainArea
---------------------------------------------------------*/
.contents{width: 100%;position: static;}

.bg_w{background: #FFF;}

.main{
	width: 890px;
	height: 600px;
	margin: 0 auto;
	padding: 80px 30px;
}


/*お問い合わせボタン*/
.main#b_contact{height: 100px;padding-bottom: 0;}

a.b_contact{
	width: 600px;
	height: 100px;
	background: url(../img/b_contact.png) 0px 0px no-repeat;
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
}

a.b_contact:hover{
	background: url(../img/b_contact.png) 0px -100px no-repeat;
}


/*価格早見表ボタン*/
a.stone_button{
	width: 185px;
	height: 185px;
	background: url(../img/03stone_button.png) 0px 0px no-repeat;
	display: block;
	text-indent: -9999px;
	margin: 458px auto 0 716px;
}

a.stone_button:hover{
	background: url(../img/03stone_button.png) 0px -185px no-repeat;
}



/*11「敬愛」大切な方に感謝の気持ちを込めて*/
.contents#keiai{background: url(../img/11keiai_bg.jpg) center top no-repeat;}

.contents#keiai .main{
	width: 890px;
	height: 600px;
	padding: 80px 30px;
}

.contents#keiai h2{
	width: 686px;
	height: 40px;
	background: url(../img/11keiai_title.png) no-repeat 0 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 53px;
}

.contents#keiai p{
	line-height: 48px;
	text-align: right;
	margin-right: 42px;
}

.contents#keiai a#keiai_arrow{
	width: 34px;
	height: 80px;
	background: url(../img/11keiai_arrow.png) no-repeat 0 0;
	display: block;
	margin-left: 589px;
}


/*12樹木葬「敬愛」*/
.contents#keiai_s{background: url(../img/12keiai_s_bg.jpg) center top;}

.contents#keiai_s .main{
	width: 950px;
	height: 760px;
	padding: 0;
}

.contents#keiai_s #watashi{
	width: 950px;
	height: 760px;
	background: url(../img/12keiai_s.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}


/*01一世代だけのお墓という選択肢*/
.contents#choices .main{
	height: auto;
	background: url(../img/01choices_bg.jpg) no-repeat 581px 158px;
	padding-bottom: 20px;
}

.contents#choices h2{
	width: 520px;
	height: 40px;
	background: url(../img/01choices_title.png) no-repeat 0 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 55px;
}

.contents#choices h3{
	width: 480px;
	height: 26px;
	margin-right: auto;
	margin-bottom: 26px;
}
.contents#choices h3#choices_sbtitle01{background: url(../img/01choices_sbtitle01.png) no-repeat 0 0;}
.contents#choices h3#choices_sbtitle02{background: url(../img/01choices_sbtitle02.png) no-repeat 0 0;}
.contents#choices h3#choices_sbtitle03{background: url(../img/01choices_sbtitle03.png) no-repeat 0 0;}

.contents#choices p{
	width: 480px;
	margin-right: auto;
	margin-bottom: 50px;
}

/*02平安陵*/
.contents#heianryou{background: #fafdef url(../img/02heianryou_bg.png) center top no-repeat;}

.contents#heianryou .main{
	height: auto;
	background: url(../img/02heianryou_bg.jpg) no-repeat 581px 198px;
}

.contents#heianryou h2{
	width: 532px;
	height: 40px;
	background: url(../img/02heianryou_title.png) no-repeat 0 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 55px;
}

.contents#heianryou h3{
	width: 480px;
	height: 26px;
	margin-right: auto;
	margin-bottom: 26px;
}
.contents#heianryou h3#heianryou_sbtitle01{background: url(../img/02heianryou_sbtitle01.png) no-repeat 0 0;}
.contents#heianryou h3#heianryou_sbtitle02{background: url(../img/02heianryou_sbtitle02.png) no-repeat 0 0;}

.contents#heianryou li{
	margin-right: 1px;
	list-style: none;
	float: left;
}
.contents#heianryou li:last-child{margin-right: 0px;}

.contents#heianryou p{
	margin-bottom: 0px;
}



/*03-1墓石（わたし）*/
.contents#stone01{background: url(../img/03stone01_bg.jpg) center top; margin-bottom: 2px;}

.contents#stone01 .main{
	width: 950px;
	height: 760px;
	padding: 0;
}

.contents#stone01 #watashi{
	width: 950px;
	height: 760px;
	background: url(../img/03stone01.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}


/*03-2墓石（ふたり）*/
.contents#stone02{background: url(../img/03stone02_bg.jpg) center top;}

.contents#stone02 .main{
	width: 950px;
	height: 760px;
	padding: 0;
}

.contents#stone02 #hutari{
	width: 950px;
	height: 760px;
	background: url(../img/03stone02.jpg) 0 0 no-repeat;
	text-indent: -9999px;
}

/*03-3墓石（早見表）*/

.contents#list .main{
	height: auto;
}

.contents#list table{
	border-collapse:collapse;
	margin-bottom: 20px;
}

.contents#list table .t_list{
	font-size: 20px;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: normal;
	letter-spacing: 0.3em;
}

.contents#list table td{
	width: 190px;
	padding: 14px 10px;
	border: 1px solid #DDD;
	text-align: center;
}
.contents#list table td.long{width: 204px;}
.contents#list table td.short{width: 90px;}

.contents#list table th{
	width: 94px;
	padding: 12px 18px;
	text-align-last: justify;
	text-justify: inter-ideograph;
    -moz-text-align-last: justify;
}

.contents#list table .min{
	font-size: 12px;
	line-height: 12px;
}

.contents#list li{
	list-style: none;
}

.color_light-g{background-color:#e9f4e2;}
.color_light-p{background-color:#faeff2;}
.color_light-b{background-color:#eff7fa;}

.separately{
	text-align: center;
	width: 80px;
	margin: 20px 0 10px;
	padding: 4px 10px 1px;
	border: 1px solid #CCC;
}


/*04合葬樹へ埋葬までの流れ*/
.contents#flow{background: url(../img/04flow_bg.jpg) center top;}

.contents#flow .main{height: auto;}

.contents#flow h2{
	width: 532px;
	height: 40px;
	background: url(../img/04flow_title.png) no-repeat 0 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 55px;
}

.contents#flow .flow-frame{
	width: 230px;
	margin-right: 16px;
	padding: 15px 28px 15px;
	background-color: rgba(255,255,255,0.8);
	border-radius: 15px;
	float: left;
}
.contents#flow .flow-frame.last{
	margin-right: 0;
}

.contents#flow h3{
	color: #589e67;
	font-size: 16px;
	text-indent: 0px;
	line-height: 24px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 15px;
	padding-bottom: 7px;
	border-bottom: 1px solid #999;
}

.contents#flow dd{
	margin-bottom: 15px;
	padding-bottom: 30px;
	background: url(../img/04flow_arrow.png) no-repeat center bottom;
}
.contents#flow dd:last-child{
	margin-bottom: 0;
	padding-bottom: 20px;
	background: none;
}

.contents#flow .min{
	font-size: 12px;
	line-height: 18px;
}



/*
.contents#flow #watashi{
}
.contents#flow #hutari{
}

.contents#flow li{
	width: 330px;
	margin-bottom: 20px;
	padding: 10px 25px;
	background: #FFF;
	list-style: none;
	line-height: 24px;
    position: relative;
    display: inline-block;
	border: 1px solid #d1b560;
}

.contents#flow li:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #d1b560;
}

.contents#flow li:last-child:before {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  margin-left: -15px;
  border: none;
}

.contents#flow li h4{
	color: #589e67;
	font-size: 18px;
	text-indent: 0px;
	line-height: 30px;
	font-weight: normal;
}
*/

/*05お客様からの声*/
.contents .main#voice{height: 360px;}

.contents .main#voice h2{
	font-size: 24px;
	text-indent: 0px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 40px;
}

.contents .main#voice #huuhu{text-align: right;}

/* 吹き出し本体 */
.contents .main#voice .fukidasi{
  position: relative;
  padding: 20px;
  background-color: #9cca80;
  font-size: 16px;
  color: #ffffff;
  border-radius: 10px;
  top: -80px;
  margin-top: -80px;
	text-align: left;
}
.contents .main#voice #kojin .fukidasi{width: 320px; left: 200px;}
.contents .main#voice #huuhu .fukidasi{width: 515px; left: 40px;}

/* 色付きの半円 */
.contents .main#voice #kojin .fukidasi::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(45deg);
  left: -15px;
  top: 22px;
  border-left: 25px solid #9cca80;
  border-top: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
/* 白い半円 */
.contents .main#voice #kojin .fukidasi::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(45deg);
  left: -25px;
  top: 40px;
  border-left: 25px solid #ffffff;
  border-top: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 25px solid transparent;
}

/* 色付きの半円 */
.contents .main#voice #huuhu .fukidasi::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(45deg);
  right: -15px;
  top: 22px;
  border-left: 25px solid transparent;
  border-top: 25px solid #9cca80;
  border-right: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
/* 白い半円 */
.contents .main#voice #huuhu .fukidasi::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(45deg);
  right: -25px;
  top: 40px;
  border-left: 25px solid transparent;
  border-top: 25px solid #ffffff;
  border-right: 25px solid transparent;
  border-bottom: 25px solid transparent;
}



/*07アクセス*/
.main#access{height: auto; background: url(../img/07access.png) 0 0 no-repeat; padding-top: 80px;}

.main#access h3{
	width: 890px;
	height: 110px;
	background: url(../img/07access.png) -30px -80px no-repeat;
}

.main#access p#map{
	width: 490px;
	height: 290px;
	background: url(../img/07access.png) -30px -190px no-repeat;
	text-indent: -9999px;
	margin: 0 auto 0 0;
}

.main#access h4{
	font-size: 18px;
	width: 90px;
	margin: 40px 0 40px;
	padding: 19px 20px 15px;
	border: 1px solid #CCC;
	float: left;
	clear: both;
}

.main#access ul{
	width: 400px;
	margin: 40px 0 0 40px;
	float: left;
}

.main#access li{margin-top: 3px;}

.main#access li#vicinity{list-style-type: none;}

.main#access li#vicinity ul{
	margin: 10px auto 0 50px;
}

.main#access p#reservation{
	color: #FFF;
	margin: 0 auto 0 0;
	padding: 10px;
	background-color: #9cca80;
	clear: both;
	text-align: center;
}

.main#access p#reservation a, .main#access p#reservation a:hover{
	color: #FFF;
	text-decoration: underline;
}









/*08概要*/
.contents#prof{background: #fbfaf1 url(../img/08prof_bg.png) center bottom no-repeat;}

.contents#prof .main{
	height: auto;
	padding-bottom: 80px;
}

.contents#prof .main p#p_left{
	width: 344px;
	margin-right: 50px;
	float: left;
}

.contents#prof .main p#p_right{
	width: 496px;
	float: left;
}

.contents#prof .main p img{
	margin-top: 30px;
	float: left;
}

.contents#prof .main p img.space50{margin-right: 50px;}

.contents#prof #prof_l{
	width: 438px;
	margin-right: 52px;
	float: left;
}

.contents#prof h3{
	width: 360px;
	height: 30px;
	background: url(../img/08prof_title.png) 0 0 no-repeat;
	margin-right: auto;
	margin-bottom: 40px;
}

.contents#prof dl{
	width: 400px;
	margin: 0 36px 60px 0;
	clear: both;
	float: left;
}

.contents#prof dt{
	width: 120px;
	padding: 6px 20px 5px;
	clear: both;
	float: left;
}

.contents#prof dd{
	width: 260px;
	padding: 6px 20px 5px 120px;
	border-bottom: 1px solid #FFF;
}

.contents#prof #prof_img{
	width: 454px;
	float: left;
}

.contents#prof #prof_img img{
	margin-left: 24px;
	float: left;
}

.contents#prof h4{
	width: 170px;
	height: 22px;
	background: url(../img/08prof_literature.png) 0 0 no-repeat;
	margin-bottom: 5px;
	clear: both;
	text-indent: -9999px;
}

.contents#prof #prof_r p{
	line-height: 34px;
	margin-top: 30px;
}

.contents#prof #prof_r p img{
	margin-top: 20px;
	margin-left: 100px;
}

.contents#prof #lite{
	padding: 20px 30px 8px;
	border: 2px solid #9cca80;
	background-color: rgba(255,255,255,0.7);
}

.contents#prof #lite p{
	margin-bottom: 10px;
}

.text_right{
	margin-left: auto;
	text-align: right;
}



/*お問い合わせフォーム*/
.contents#contact .main{height: auto;}

iframe{
	border: none;
	margin: 0 auto;
}
		
/*理念*/
.main#idea{
	height: 30px;
	padding-top: 0;
	padding-bottom: 10px;
}

.main#idea p{
	background: url(../img/idea.png) center 0 no-repeat;
	text-indent: -9999px;
}


/*フッター
---------------------------------------------------------*/
.contents#footer{
	background-color: #9cca80;
	color: #FFF;
	font-size: 13px;
}

.contents#footer .main{
	height: auto;
	padding: 60px 0 60px;
}

.contents#footer h4{
	text-indent: -9999px;
	margin: 0 20px;
	float: left;
}

.contents#footer p#support{margin: 15px 0 0 10px;}

#cr h4{
	width: 230px;
	height: 22px;
	background: url(../img/foot_logo02.png) 0 bottom no-repeat;
}

#cr p{width: 220px; margin: 0 0 10px 10px; float: left;}

#cr p.contact_tel{width: 280px; margin-left: 20px;}

.contents#footer .tel{font-size: 24px; line-height: 24px; margin:0;}

#cr p.link_hp{width: 46px; height: 18px; line-height: 18px; margin: 2px 0 10px 20px; float: left;}



/*pagetop
---------------------------------------------------------*/
.pagetop {
	position: fixed;
	bottom: -110px;
	right: 50px;
}
.pagetop a {
	display: block;
	width: 134px;
	height: 70px;
	text-align: center;
	color: #fff;
	background-image: url(../img/pagetop.png);
	background-repeat: no-repeat;
}


/*非表示クラス
---------------------------------------------------------*/
.skipLinks {display: none;}

/********************* 以上 **********************/