@charset "UTF-8";



*{
	margin: 0px;
	padding: 0px;
}

body {
	text-align: center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	font-size: 18px;	/*文字サイズ*/
	line-height: 2;		/*行間*/
	color: #666666;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form{margin: 0px;padding: 0px;font-size: 100%;font-weight: normal;}
ul {list-style-type: none;}
ol {padding-left: 40px;padding-bottom: 15px;}


	
	
	

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #FFFFFF;	/*リンクテキストの色*/
	transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
}
a:hover {
	color: #111111;			/*マウスオン時の文字色*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}




    .main {  
        width: 100%;
		margin: 0 auto; 
    }  

h1 {	
line-height: 0px;
}

/*石柄の背景*/
.bg1 {
background-image: url("../img/bg2.jpg");
width: 1000px;
margin : auto;	
padding-top: 20px;	
padding-bottom: 10px;
}

/*石柄の背景 冒頭追加テキスト部用*/
.bg0 {
background-image: url("../img/bg2.jpg");
width: 1000px;
margin : auto;	
padding-top: 0px;	
padding-bottom: 10px;
}

/*緑色の背景*/
.bg2 {
	background-color: #2798a9;
	padding: 20px 0px 20px 0px;
	width: 1000px;
	margin : 0 auto;
	line-height: 0px;
}

/*茶色の背景*/
.bg3 {
	background-color: #b28850;
	padding: 10px 0px 10px 0px;
	width: 1000px;
	margin : 0 auto;
}

/*グレーレンガ柄の背景*/
.bg4 {
background-image: url("../img/bg3.jpg");
width: 1000px;
margin : auto;	
padding-top: 20px;	
padding-bottom: 10px;
}

.bg3 img {
	vertical-align:middle;　/*茶色背景部のテキスト揃え*/
}

.top_lineheight {
	line-height: 0px;
}

/*冒頭追加テキスト部*/
.box0 {
	margin-top: 0px;
	margin-bottom: 30px;
	padding: 0px 30px 0px 0px;
	line-height: 0px;
}

/*大見出し*/
.box1 {
	margin-top: 20px;
	padding: 0px 0px 0px 0px;
	line-height: 0px;
}

/*白地背景　半透明*/
.box2 {
	width: 875px;
	margin-left: 62.5px;
	margin-bottom: 40px;
    background: rgba(255,255,255,0.6);
    border-radius: 0px 0px 20px 20px;
	padding: 0px 0px 40px 0px;
}

/*白地背景　半透明 （フォーム用）*/
.box3 {
	width: 875px;
	margin-left: 62.5px;
	margin-top: 40px;
	margin-bottom: 40px;
    background: rgba(255,255,255,0.8);
    border-radius: 20px 20px 20px 20px;
	padding: 0px 0px 40px 0px;
}


/*トップ空き30px*/
.top30 {
	padding-top: 30px;
}

/*トップ空き40px*/
.top40 {
	padding-top: 40px;
}


/*写真配置*/
.ph1 {
	float:none;
	margin: 0px 0px 0px 0px;
	padding: 00px 0px 0px 50px;
}

/*写真配置 お客様の声*/
.ph2 {
	float:right;
	margin: 20px 20px 0px 0px;
	padding: 20px 60px 0px 10px;
}

/*写真配置 お客様の声（もっと読む内）*/
.ph3 {
	float:right;
	margin: 20px 20px 0px 0px;
	padding: 20px 0px 0px 10px;
}

/*未使用*/
.illst1 {
	position: relative; top: 320px; left:-90px;
	margin-left: 0px;
	margin-top: 0px;
}

/*納骨堂テキスト*/
.textbox1 {
	padding: 30px 50px 20px 60px;
	text-align: left;
}

/*５つの理由テキスト*/
.textbox2 {
	padding: 20px 80px;
	text-align: left;
}

/*実用新案取得済*/
.textbox3 {
	padding: 30px 0px;
	text-align: center;
}

/*納骨堂について〜テキスト*/
/*お客様の声〜テキスト*/
.textbox4 {
	padding: 20px 60px;
	text-align: left;
}

/*お客様の声〜○○様*/
.textbox5 {
	width: 70px;
	color: #2798a9;
	font-weight: bold;
	text-align: left;
	font-size: 150%;
	line-height: 1.2em;
}

/*お客様の声〜商品情報部*/
.textbox6 {
	color: #2798a9;
	font-weight: bold;
	text-align: left;
	line-height: 1.3em;
}

/*お客様の声〜テキスト（もっと見る内）*/
.textbox7 {
	padding: 10px 0px;
	text-align: left;
}




/*納骨堂について〜リスト部*/
ul {
	padding: 0 30px 0 60px;
	text-align: left;
}

table {
	width: 758px;
	border: 0;
	padding: 0;
	margin-left:auto;margin-right:auto;
	padding-top: 20px;
	padding-bottom: 0px;
}

/*良くあるご質問　A　テキスト部*/
.ta1 tbody td {
	vertical-align: top;
	text-align: left;
}

/*お客様の声　お客様情報部*/
.ta2 tbody td {
	vertical-align: bottom;
	text-align: left;
}

/*良くあるご質問　A画像部*/
.answerbox {
	width: 70px;
}

/*良くあるご質問　hr*/
hr {
width: 758px;
border-top: 1px solid #ccc;
margin-top: 40px;
margin-left:auto;margin-right:auto;
}

/*お客様の声　hr*/
.voice {
width: 750px;
border-top: 1px solid #ccc;
margin-top: 10px;
margin-left:auto;margin-right:auto;
}



/*サンクスページ用*/
.thanks {
	text-align: center;
	padding-top: 70px;
	line-height: 0px;
}

.thanks a {
	text-align: center;
	padding-top: 70px;
	padding-bottom: 70px;
	color: #666666;
}



/*プライバシーポリシーページで使用*/

.contents {
	width: 1000px;
	margin: 0 auto;
	clear: both;overflow: hidden;
	padding: 50px 0px;	/*上下、左右へのボックス内の余白*/
}


h2 {
font-weight: bold;
text-align: left;
font-size: 150%;
padding-bottom: 40px;
}


.contents h4 {
	text-align: left;
	font-size: 130%;	/*文字サイズ。上の「body」で設定しているサイズに対しての指定。*/
	padding: 10px 20px;		/*上下、左右への余白*/
	border-bottom: 1px solid #ccc;	/*下線の幅、線種、色*/
	margin-bottom: 30px;	/*見出しの下にとるスペース*/
	}
	
/*h3タグの設定*/
.contents h3 {
	clear: both;
	text-align: left;
	margin-bottom: 30px;	/*見出しの下にとるスペース*/
	padding: 0px 20px;		/*上下、左右への余白*/
	border-bottom: 1px solid #ccc;	/*枠線の幅、線種、色*/
	font-size: 130%;	/*文字サイズ。上の「body」で設定しているサイズに対しての指定。*/
	letter-spacing: 0.1em;	/*文字間隔を少し広くとる設定*/
}

/*h3タグの左側のアクセント*/
.contents h3::first-letter {
	border-left: 6px solid #2798a9;	/*左の線の幅、線種、色*/
	padding-left: 20px;	/*線とテキストとの距離*/
}


/*段落タグ設定*/
.contents p {
	text-align: left;
	padding: 0px 20px 40px;	/*上、左右、下への余白*/
}
/*段落タグが続く場合に余白が空きすぎないようにする*/
.contents p + p {
	margin-top: -20px;
}
/*h2とh3とh4タグの直後の段落タグ設定*/
.contents h2 + p,
.contents h3 + p,
.contents h4 + p {
	margin-top: -10px;
}

.contents ol li {
	text-align: left;
}

ul.disc {padding: 0em 25px 15px;list-style: disc;}

.close_btn {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 40px;
}

/*トップへ戻るJSボタン用*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 0px;
    right: 30px;
}
.pagetop a {
    display: block;
    background-color: #26ADA9;
    text-align: center;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    padding: 15px 15px;
	border-radius: 5px;
}
 
.pagetop a:hover {
    display: block;
    background-color: #2798a9;
    text-align: center;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    padding:15px 15px;
}

/*404ページ用*/
.error404 {
	width: 600px;
	text-align: center;
padding: 3em 1em;
    margin: 3em auto;
    color: #666666;/*文字色*/
    background: #FFF;
    border: solid 3px #5d5099;/*線*/
    border-radius: 10px;/*角の丸み*/
}

.error404 a {
	text-align: center;
	padding-top: 70px;
	padding-bottom: 70px;
	color: #666666;
}

.error404 p {
	margin: 0; 
    padding: 0;
}