@charset "Shift_JIS";

a{/*リンクされた文字*/
    font-style:normal;
    color: #666;
    text-decoration:none;
}
a:hover {/*マウスをのせたとき*/
    font-style:normal;
    color: #666;
    text-decoration:underline;
}
#contents_left a:link {/*マウスをのせたとき*/
	background-repeat:no-repeat;
	color: #006fa9;
}
#contents_left a:visited {/*マウスをのせたとき*/
	background-repeat:no-repeat;
	color: #006fa9;
}
#contents_left a:hover {/*マウスをのせたとき*/
	background-repeat:no-repeat;
	text-decoration: underline;
	color: #006fa9;
}


/*-----------------------------------マウスオーバーで画像半透明*/
img.icon:hover{
    opacity: 0.9;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
	cursor:pointer;
}

/*------------------------------------------
 フォントサイズ
------------------------------------------*/
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }
.blue_tit {
	color:#0058AD;
	font-weight: bold;
	font-size:138.5%;
}
.blue_cap {
	color:#0058AD;
	font-weight: bold;
	font-size:116%;
}
.blue{ color: #006fa9;}
.red { color: #FF0600;}
.rblue { color: #006fa9;}

/*------------------------------------------
 フォント強調
------------------------------------------*/
.strong { font-weight: bold;}


/*------------------------------------------
 外余白
------------------------------------------*/
.mgn_btm_5 { margin-bottom:5px;}
.mgn_btm_10 { margin-bottom:10px;}
.mgn_btm_15 { margin-bottom:15px;}
.mgn_btm_20 { margin-bottom:20px;}
.mgn_btm_30 { margin-bottom:30px;}
.mgn_btm_40 { margin-bottom:40px;}
.mgn_btm_50 { margin-bottom:50px;}
.mgn_top_5 { margin-top:5px;}
.mgn_top_10 { margin-top:10px;}
.mgn_top_15 { margin-top:15px;}
.mgn_top_20 { margin-top:20px;}
.mgn_top_30 { margin-top:30px;}
.mgn_top_40 { margin-top:40px;}
.mgn_top_50 { margin-top:50px;}
.mgn_top_335 { margin-top:335px;}

/*------------------------------------------
 内余白
------------------------------------------*/
.pdd_lft_5 { padding-left:5px;}
.pdd_lft_10 { padding-left:10px;}
.pdd_lft_14 { padding-left:14px;}
.pdd_lft_15 { padding-left:15px;}
.pdd_lft_20 { padding-left:20px;}
.pdd_lft_27 { padding-left:27px;}
.pdd_lft_30 { padding-left:30px;}
.pdd_lft_40 { padding-left:40px;}
.pdd_lft_50 { padding-left:50px;}
.pdd_rgt_5 { padding-right:5px;}
.pdd_rgt_10 { padding-right:10px;}
.pdd_rgt_15 { padding-right:15px;}
.pdd_rgt_20 { padding-right:20px;}
.pdd_rgt_30 { padding-right:30px;}
.pdd_rgt_40 { padding-right:40px;}
.pdd_rgt_50 { padding-right:50px;}
.pdd_rgt_60 { padding-right:60px;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { 
	margin:0;
	padding:0;
}

fieldset,img { 
	border:0;
}

/* --- 全体 --- */
html, body {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
body {
    margin: 0;
    padding: 0;
    color: #666;
	background-color: #fff;
    font-family: sans-serif;
    font:13px "メイリオ","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro",Osaka,arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
    text-align: center; /* IE6対応 */
	line-height: 1.6;
}
body > #wrap {
    height: auto;
}
#wrap {
	width:100%;
    margin: 0 auto;
    height: 100%;
    min-height: 100%; /* 高さをウィンドウにあわせる（縦短ページ用） */
}
#container {
    margin: 0 auto;
    padding: 0;
    width: 100%;
	height: 100%;
    background-color: #fff;
    text-align: left; /* IE6対応 */
    overflow: hidden;
}
#contents {
	width: 981px;
	margin: 0 auto;
}
.center {
	text-align: center;
}
/*------------------------------------------
 head
------------------------------------------*/
#head_wrap {
	width:100%;
	margin: 0 auto;
	background-image:url(../img/bg_head.gif);
}
#head {
	width:981px;
	padding :0;
	text-align:left;
	margin: 0 auto;
}
#head_l {
	width:770px;
	float:left;
}
#head_r {
	width:211px;
	float:left;
	text-align:right;
}
#head_logo {
	float:left;
	width: 546px;
}
#head_tel {
	float:left;
	width: 224px;
	margin-left: -30px;
}
#head_text {
	font-size:77%;
	color: #bbb;
	margin-top:5px;
	margin-bottom: 5px;
}
/*------------------------------------------
 Menu
------------------------------------------*/
#menu_wrap {
	width:100%;
	height:39px; 
	margin: 0 auto;
	background-image:url(../img/bg_menu.jpg);
}
#menu {
	width:981px;
	height:58px;
	margin: 0 auto;
	padding :0;
}
#menu ul { 
	margin: 0; 
	padding :0; 
	list-style-type : none; 
}
#menu li { 
	display : inline; 
	padding :0; 
	margin: 0;
	float:left; 
}


/*------------------------------------------
 Top contents
------------------------------------------*/
#top_contents {
	width:981px;
	padding-top: 30px;
	margin: 0 auto;
}
#top_contents_left {
	float: left;
	width: 511px;
	text-align:left;
	
	overflow: hidden;
}
#top_contents_right {
	float: left;
	width: 470px;
	text-align:left;
}
#recommend_left {
	float: left;
	width: 162px;
	height: 390px;
	background-image:url(../img/bg_recommend_01.jpg);
	background-repeat: no-repeat;
}
#recommend_right {
	float: left;
	width: 819px;
	background-image:url(../img/bg_recommend_02.jpg);
	background-repeat: no-repeat;
	text-align: right;
}

#slide{width:980px; height:370px; margin:0px auto; padding:30px 0 0 0;}
.clImg{
    position:relative;
    width:980px;
    margin:0 auto;
}
.clImg img {
    position:absolute;
    left:0;
    top:0;
}


/*--------------------------------------
icon
--------------------------------------*/
.arrow li
{
	list-style: none;
	background:url(../img/arrow.gif);
	background-repeat: no-repeat;
	padding: 0 0 10px 17px;
	color: #666;
}


.arrow a:link {/*マウスをのせたとき*/
	padding-left: 8px;
	background: url(../img/arrow_s.gif);
	background-repeat:no-repeat;
	color: #666;
}
.arrow a:visited {/*マウスをのせたとき*/
	padding-left: 8px;
	background: url(../img/arrow_s.gif);
	background-repeat:no-repeat;
}
.arrow a:hover {/*マウスをのせたとき*/
	padding-left: 8px;
	background: url(../img/arrow_s.gif);
	background-repeat:no-repeat;
	color: #666;
}
.blue_circle {
	padding-left: 12px;
	background: url(../img/circle_blue.gif);
	background-repeat:no-repeat;
}
.blue_arrow {
	padding-left: 14px;
	background: url(../img/arrow_blue.gif);
	background-repeat:no-repeat;
}

/*------------------------------------------
second
------------------------------------------*/
#contents {
	width:981px;
	padding-top: 30px;
	margin: 0 auto;
}
#contents_left {
	float: left;
	width: 721px;
	text-align:left;
	margin-right:30px;
	overflow: hidden;
}
#contents_right {
	float: left;
	width: 230px;
	text-align:left;
}
#contents_right #now {
	width: 212px;
	border: 5px solid #C9C8C4;
	margin-bottom:20px;
	padding: 4px;
}
#navi {
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}
#contents_right #now li
{
	list-style: none;
	background-repeat: no-repeat;
	color: #666;
}


#contents_right #now a:link {/*マウスをのせたとき*/
	padding-left: 10px;
	background: url(../img/arrow_now.gif);
	background-repeat:no-repeat;
	color: #666;
}
#contents_right #now a:visited {/*マウスをのせたとき*/
	padding-left: 10px;
	background: url(../img/arrow_now.gif);
	background-repeat:no-repeat;
}
#contents_right #now a:hover {/*マウスをのせたとき*/
	padding-left: 10px;
	background: url(../img/arrow_now_r.gif);
	background-repeat:no-repeat;
	color: #F35911;
	text-decoration: none;
}
#contents_right #now .selected a:link {/*マウスをのせたとき*/
	padding-left: 10px;
	background: url(../img/arrow_now_r.gif);
	background-repeat:no-repeat;
	color: #F35911;
	text-decoration: none;
}
#contents_right #now .selected a:visited {/*マウスをのせたとき*/
	padding-left: 10px;
	background: url(../img/arrow_now_r.gif);
	background-repeat:no-repeat;
	color: #F35911;
	text-decoration: none;
}
#contents_right #now .selected a:hover {/*マウスをのせたとき*/
	padding-left: 10px;
	background: url(../img/arrow_now_r.gif);
	background-repeat:no-repeat;
	color: #F35911;
	text-decoration: none;
}
.com_left {
	float:left;
	width: 300px;
}
.com_right {
	float: right;
	width: 300px;
}
.subtit {
	background-image:url(../img/bg_subtit.jpg);
	width: 711px;
	height: 25px;
	font-size: 116%;
	padding: 5px 0 5px 10px;
	color: #FFF;
	margin-bottom: 20px;
}
.box721 {
	width: 721px;
}
/*------------------------------------------
service
------------------------------------------*/
.box_service {
	width: 721px;
	float: left;
}
.service_ph {
	float: left;
	width: 201px;
}
.service_text {
	float:left;
	width: 520px;
}
.text_name {
	float:left;
	width: 721px;
	overflow: hidden;
	margin-top: 5px;
}
.text_name_l {
	float: left;
	width: 250px;
}
.text_name_c {
	float: left;
	width: 250px;
}
.text_name_r {
	float: left;
	width: 221px;
}
.box_line {
	width: 719px;
	border: 1px solid #999;
}
.box_line_l {
	width: 364px;
	float:left;
	margin-top: 13px;
	margin-bottom: 13px;
}
.box_line_r {
	width: 340px;
	float:left;
	margin-top: 13px;
	margin-bottom: 13px;
}
.box_howtomake_photo {
	float: left;
	width: 210px;
}
.box_howtomake_txt {
	float:left;
	width: 500px;
}
/*------------------------------------------
voice
------------------------------------------*/
.box_voice_left {
	float: left;
	width: 352px;
	margin-right:10px;
}
.box_voice_right {
	float: left;
	width: 358px;
	text-align: center;
}
.box_border_voice {
	float:left;
	width: 350px;
	border: 1px solid #ccc;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*------------------------------------------
knowledge
------------------------------------------*/
.tit_bg_blue {
	width:711px;
	background:#E6EFF8;
	padding:5px; 
	}
.box_border_gray {
	width:701px;
	padding: 10px;
	border: 1px solid #ccc;
}
.title_bar {
	width: 697px;
	height:19px;
	padding: 12px;
	background-image:url(../../knowledge/img/bg_tit_bar.gif);
	background-repeat: repeat-x;
	 }
.box_other_text {
	float: left;
	width: 560px;
}
.box_other_photo {
	float: left;
	width:161px;
	text-align: right;
}
.box_other_name {
	float: left;
	width: 120px;
}
.box_other_read  {
	float: left;
	width: 501px;
}
.title_faq {
	width: 673px;
	height:20px;
	padding: 12px 0 12px 48px;
	background-image:url(../../knowledge/img/bg_tit_faq.gif);
	background-repeat: repeat-x;
	 }
.faq9_left {
	float:left;
	width:250px;
}
.faq9_right {
	float:left;
	width:250px;
}

/*------------------------------------------
products
------------------------------------------*/
.miyagi {
	width:721px;
	overflow:hidden;
}
.miyagi_ph_l {
	float: left;
	width:138px;
}
.miyagi_ph_c {
	float: left;
	width:138px;
}
.miyagi_ph_r {
	float: left;
	width:138px;
}
.miyagi_text {
	float: left;
	width:307px;
}
.stone_left {
	float: left;
	width: 355px;
}
.stone_right {
	float: left;
	width: 355px;
}
.stone_photo {
	float: left;
	width:138px;
}
.stone_text {
	float: left;
	width:202px;
	margin-right: 10px;
}
.stone_overseas_photo {
	width: 721px;
	overflow: hidden;
}
.stone_overseas_photo01 {
	float: left;
	width: 129px;
	margin-right: 19px;
}
.stone_overseas_photo02 {
	float: left;
	width: 129px;
	margin-right: 19px;
}
.stone_overseas_photo03 {
	float: left;
	width: 129px;
	margin-right: 19px;
}
.stone_overseas_photo04 {
	float: left;
	width: 129px;
	margin-right: 19px;;
}
.stone_overseas_photo05 {
	float: left;
	width: 129px;
}
.products_result_left {
	float: left;
	width:345px;
	margin-right:25px;
	overflow: hidden;
}
.products_result_right {
	float: left;
	width:345px;
	overflow: hidden;
}
.box_border_result {
	width: 323px;
	height: 50px;
	margin-top:20px;
	padding: 10px;
	border: 1px solid #ccc;
}
.box_border_ba {
	width: 699px;
	margin-top:20px;
	padding: 10px;
	border: 1px solid #ccc;
	overflow: hidden;
}
.box_border_left {
	float: left;
	width:350px;
}
.box_border_right {
	float: left;
	width:349px;
}
.products_original_left {
	float: left;
	width:194px;
	overflow: hidden;
}
.products_original_right {
	float: left;
	width:527px;
	overflow: hidden;
}
.products_original_name {
	float: left;
	width:176px;
	overflow: hidden;
}
.products_original_pg {
	float: left;
	width:351px;
	text-align: right;
	overflow: hidden;
}
.products_original_name2 {
	float: left;
	width:106px;
	overflow: hidden;
}
.products_original_pg2 {
	float: left;
	width:421px;
	text-align: right;
	overflow: hidden;
}
#love_tit {
	float: left;
	width: 282px;
}
#love_btnarea {
	float: left;
	width: 439px;
}
div#boxreg {  
    overflow: hidden;  
    height: auto;  
    width: 721px;  
}
/*
div#boxreg div {  
    float: left;  
    padding-bottom: 32767px;  
    margin-bottom: -32767px;   
}
*/
div#boxreg div {  
    float: left;   
	padding-bottom: 100px;  
    margin-bottom: -100px;   
}
#boxreg #love_reg01_left {
	float: left;
	width:360px;
	background-color: #E3F1EA;
}
#boxreg #love_reg01_right {
	float: left;
	width:361px;
	background-color: #F7E1A7;
}
div#boxreg div#love_reg02_left {
	float: left;
	width:360px;
	background-color: #F7E1A7;
}
div#boxreg div#love_reg02_right {
	float: left;
	width:361px;
	background-color: #E3F1EA;
}
#love_character_left {
	float: left;
	width: 181px;
}
#love_character_center {
	float: left;
	width: 377px;
}
#love_character_right {
	float: left;
	width: 163px;
}
.love_str_l {
	float: left;
	width: 235px;
}
.love_str_c {
	float: left;
	width: 235px;
}
.love_str_r {
	float: left;
	width: 221px;
}
#lovepot {
	width:721px;
	background:url(../../products/img/love_bgpot.jpg);
	background-repeat: no-repeat;
}
/*------------------------------------------
cemetery
------------------------------------------*/
#cemetery_map {
	width: 721px;
	height:450px;
	background-image:url(../../cemetery/img/map_cemetery.gif);
}
.cemetery_photo {
	float: left;
	width: 180px;
	margin-top: 10px;
	margin-bottom:10px;
	}
.cemetery_text {
	float: left;
	width: 541px;
}
.cemetery_text a:link {/*マウスをのせたとき*/
	background-repeat:no-repeat;
	color: #006fa9;
}
.cemetery_text a:visited {/*マウスをのせたとき*/
	background-repeat:no-repeat;
	color: #006fa9;
}
.cemetery_text a:hover {/*マウスをのせたとき*/
	background-repeat:no-repeat;
	text-decoration: underline;
	color: #006fa9;
}
.cemetery_detail_box {
	float:left;
	width:721px;
	overflow:hidden;
}
.cemetery_detail_box_l {
	float:left;
	width:121px;
	font-weight: bold;
}
.cemetery_detail_box_c {
	float:left;
	width:420px;
}
.cemetery_detail_box_r {
	float:left;
	width:180px;
}
.cemetery_detail_box_cr {
	float:left;
	width:600px;
}
.cemetery_detail_box2 {
	float:left;
	width:721px;
	overflow:hidden;
}
.cemetery_detail_box2_l {
	float:left;
	width:121px;
	font-weight: bold;
}
.cemetery_detail_box2_c {
	float:left;
	width:211px;
}
.cemetery_detail_box2_r1 {
	float:left;
	width:200px;
}
.cemetery_detail_box2_r2 {
	float:left;
	width:189px;
}
.cemetery_detail_box3_l {
	float:left;
	width:121px;
	font-weight: bold;
}
.cemetery_detail_box3_c {
	float:left;
	width:304px;
}
.cemetery_detail_box3_r {
	float:left;
	width:296px;
}
.cemetery_detail {
	width:721px;
	overflow:hidden;
}
.cemetery_detail_r510 {
	float:left;
	width: 501px;
	margin-right: 10px;
}
.cemetery_detail_l210 {
	float:left;
	width:210px;
}
.cemetery_detail_l199 {
	float:left;
	width: 189px;
	margin-right: 10px;
}
.cemetery_detail_r522 {
	float:left;
	width:522px;
}
.cemetery_detail_r199 {
	float:left;
	width: 189px;
	margin-left: 10px;
}
.cemetery_detail_l522 {
	float:left;
	width:522px;
}
.cemetery_detail_r135 {
	float:left;
	width: 135px;
	margin-left: 10px;
}
.cemetery_detail_l576 {
	float:left;
	width:576px;
}
.cemetery_photo280box {
	margin:0 auto;
	width: 580px;
	overflow:hidden;
}
.cemetery_photo280box_l {
	float:left;
	width: 280px;
	margin-right:20px;
	text-align:center;
}
.cemetery_photo280box_r {
	float:left;
	width: 280px;
	text-align:center;
}
/*------------------------------------------
inquiry
------------------------------------------*/
.inquiry_left {
	float: left;
	width: 128px;
	padding: 6px;
	background-color:#E6EFF8;
	margin-bottom:2px;
	}
.inquiry_left_bottom{
	float: left;
	width: 128px;
	height:120px;
	padding: 6px;
	background-color:#E6EFF8;
	margin-bottom:2px;
	}
.inquiry_right {
	float: left;
	width: 568px;
	padding: 6px;
}
.width100 {
	width:100px;
}
.width200 {
	width:200px;
}
.width300 {
	width:300px;
}.width550height120 {
	width:550px;
	height:120px;
}
ul.citylist{
 	width:580px;
	padding:0px 3px;
	margin:0 auto;
	list-style-type:none;
	margin-bottom:10px;
}
ul.citylist li{
	float:left;
	display:block;
	width:80px;
	height:20px;
	margin:2px 1px;
	text-align:center;
	background-image:url(../../cemetery/img/citybutton.jpg);
	background-repeat:no-repeat;
	}
ul.citylist a{
	color:#003366;
}
ul.citylist a:hover{
	text-decoration:none;
	}
/*--------------------------------------
table
--------------------------------------*/
table .table_com {
	width: 721px;
	margin-top:20px;
	
	}
.table_com th {
	width:111px;
	padding: 0;
	background-color:#E6EFF8;
	border: 1px #6ca0ce solid;
	vertical-align:top;
	}
.table_com td {
	padding: 0;
	margin-bottom:10px;
	background-color: #fff;
	border: 1px #6ca0ce solid;
	 }

table .cemet {
    border: 1px #6ca0ce solid;
    border-collapse: collapse;
    width: 100%;
    }
.cemet th, td {
    border: 1px #6ca0ce solid;
    padding: 5px;
    }
.cemet th {
	color: #6ca0ce;
    background-color: #e5eef7;
	vertical-align: middle;
    text-align: center;
    }
.cemet td {
    text-align: center;
	background-color: #fff;
	vertical-align: middle;
    }
/*--------------------------------------
foot
--------------------------------------*/
#foot_top_wrap {
	width:100%;
}
#foot_top {
	width: 971px;
	margin:0 auto;
	text-align:right;
}
#foot_wrap {
	width:100%;
	height: 320px;
	background: url(../img/bg_foot.jpg);
	background-repeat:none;
	background-color: #0058AD;
	color: #FFF;
}
#foot {
	margin:0 auto;
	width: 981px;
	overflow: hidden;
	
}
#foot01 {
	float:left;
	text-align: left;
	width:139px;
}
#foot02 {
	float:left;
	text-align: left;
	width: 200px;
}
#foot03 {
	float:left;
	text-align: left;
	width: 250px;
}
#foot04 {
	float:left;
	text-align: left;
	width: 387px;
}
.boxfoot {
	width: 367px;
	border:1px solid  #FFF;
	padding: 10px;
}
#foot a {
    font-style:normal;
    color: #FFF;
    text-decoration:none;
}
#foot a:hover {/*マウスをのせたとき*/
    font-style:normal;
    color: #FFF;
    text-decoration:underline;
}
.arrow_w li
{
	list-style: none;
	background:url(../img/arrow_w.gif);
	background-repeat: no-repeat;
	padding: 0 0 10px 10px;
	font-size:85%;
}
.clear { clear:both; } 



/*--------------------------------------
23-12追加
--------------------------------------*/

.list-design{
	display: flex;
	flex-wrap: wrap;
	gap:0 6%;
	margin-top: 20px;
}
.list-design div{
	width:47%;
}
.list-design div img{
	max-width: 100%;
}