/* =======================================
基本
 ======================================= */
.square_top01{
    position: relative;
    width: auto;
    height: 700px;
    padding: 0px;
    margin-top: auto;
    margin-bottom: auto;
    background-image: url(../sozai/back2.jpg);
    background-repeat: repeat-x;
}
.square_top{
    position: relative;
    width: 1024px;
    height: 700px;
    margin: auto;
    padding: 0px;
    background-image: url(../sozai/back.jpg);
    background-repeat: no-repeat;
}
.square_top2{
    position: relative;
    width: 980px;
    height: auto;
    background-color: #ffffff;
    margin: auto;
    padding: 22px 22px 30px;
    color: #000000;
}
.square_top2w{
    position: relative;
    width: 1024px;
    height: auto;
    background-color: #ffffff;
    margin: auto;
    padding-top: 22px;

    color: #000000;
}
.square_yuubin{
    position: relative;
    width: 620px;
    height: auto;
    background-color: #ffffff;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    padding: 30px 22px;
    border: 1px solid #666;
    text-align: left;
}
#kobayashi {
    position: absolute;
    left: 41px;
    top: 25px;
    width: 280px;
    height: auto;
    z-index: 1;
}

/* =======================================
TOPページイメージの文字
 ======================================= */
#top-mail {
    position: absolute;
    left: 575px;
    top: 109px;
    width: auto;
    height: auto;
    z-index: 5;
    font-size: 17px;
}

#t001 {
    position: absolute;
    left: 40px;
    top: 140px;
    width: 500px;
    height: auto;
    z-index: 1;
    font-family: 'Noto Serif JP', serif;
    font-size: 30px;
    font-weight: 600;
}
.mo001{
    font-size: 65px;
    color: #CD0047;
    font-weight: 900;
    margin-top: 25px;
    height: auto;
    width: auto;
}
#t002 {
    position: absolute;
    left: 40px;
    top: 260px;
    width: 550px;
    height: auto;
    z-index: 1;
    font-family: 'Noto Serif JP', serif;
    font-size: 30px;
    font-weight: 600;
}
.mo002{
    font-size: 40px;
    font-weight: 600;
    margin-top: 25px;
    height: auto;
    width: auto;
}
#t003 {
    position: absolute;
    left: 40px;
    top: 305px;
    width: 612px;
    height: auto;
    z-index: 1;
    font-family: 'Noto Serif JP', serif;
    font-size: 130px;
    font-weight: 600;
    line-height: 75px;
    letter-spacing: -3px;
}
/*==============================================*/


#apDiv1 {
	position:absolute;
	left:20px;
	top:18px;
	width:auto;
	height:auto;
	z-index:1;
}
txt{
	border: solid 0px #7F9DB9; /*1pxには線の太さ、その後は色*/
	width: 525px; /*横幅*/
	height: 150px; /*空白の大きさ*/
	overflow: auto; /**/
	font-size: 16px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
body,td,th {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
}
body {
	margin-top: 0px;
	margin-bottom: 5px;
	background-color: #FFF;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: lighter;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 25px;
}
p {
	text-align: left;
	margin: 0px;
	padding: 0px;
	line-height: 140%;
}




div.g_menu {
    width:980px;
		font-size:0;
}
div.g_menu div {
    border: 1px solid #FFF;
	display: inline-block;
	vertical-align: top;
	font-size:0;
}
div.g_menu2 {
    width:980px;
		font-size:0;
}
div.g_menu2 div {
    border: 1px solid #FFF;
	display: inline-block;
	vertical-align: top;
	font-size:0;
}

/* =======================================
タイプ別　ボタン　横並び
 ======================================= */
div.global_menu {
    width:980px;
    font-size: 0px;
    margin-top: 20px;


}
div.global_menu div {
	width:auto;
	display: inline-block;
	margin-left: 20px;
	vertical-align: top;
	font-size:16px;
}
div.global_menu div:nth-child(1) {
    margin-left: 0px;
}

/* =======================================
お問い合わせ/TOP
 ======================================= */
.square_otoiawase{
	position: relative;
	width:1024px;
	height:200px;
	margin: auto;
	padding: 0px;
	background-color: #eae8e6;
}
.square_otoiawase2{
	position: relative;
	width:auto;
	height:200px;
	margin: auto;
	padding: 0px;
	background-color: #eae8e6;
}
.otoi {
	position:absolute;
	left:220px;
	top:50px;
	width:auto;
	height:auto;
	z-index:1;
}
.otoi2 {
	position:absolute;
	left:66px;
	top:-50px;
	width:auto;
	height:auto;
	z-index:50;
}
/* =======================================
プラン/TOP
 ======================================= */
.square_plan{
    position: relative;
    width: 980px;
    height: auto;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 40px;
    padding: 22px;
    background-color: #f3f2f1;
}

/* =======================================
フッダー
 ======================================= */
.footer{
    position: relative;
    width: 980px;
    height: 340px;
    margin: auto;
    padding: 22px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 13px;
    line-height: 17px;
    background-color: #FFF;
}
.footer2{
	position: relative;
	width:auto;
	height:auto;
	margin: 50px auto auto;
	padding: 0px;
	background-color: #FFF;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #99C4D6;
}
.footer_otoi {
    position: absolute;
    left: 494px;
    top: 90px;
    width: 517px;
    height: auto;
    z-index: 1;
}
.footer_otoi2 {
    position: absolute;
    left: 848px;
    top: -48px;
    width: auto;
    height: auto;
    z-index: 50;
}
.footer_koba {
	position:absolute;
	left:22px;
	top:22px;
	width:457px;
	height:auto;
	z-index:50;
	font-size: 14px;
	line-height: 18px;
}
.footer_area {
    position: absolute;
    left: 497px;
    top: 241px;
    width: 507px;
    height: auto;
    z-index: 50;
    font-size: 14px;
    line-height: 18px;
}
#apDiv_z50 {
	z-index: 50;
	height: auto;
	width: auto;
	position: absolute;
}

/*====================岡山リベッツ====================*/
.rivets{
    position: relative;}
.rivets a {
text-decoration: none;  
    color: #FFFFFF;}

.rivets a{
    width: 978px;
    height: 100px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 20px;
    line-height: 22px;
    display: block;
    margin-top: 1px;
    background-color: #004FFF;
    font-weight: 600;
    border: 1px solid #FFFFFF;
}
 /* 以下マウスを載せたときのスタイル */
.rivets a:hover {
    background-color: #4880FF;
}
 /* ロゴと文字　ならび */
.rivets_menu1 {
    width: 266px;
    position: absolute;
    left: 52px;
    top: 32px;
    height: auto;
}
.rivets_menu2 {
    width: 628px;
    position: absolute;
    left: 343px;
    top: 64px;
    text-align: left;
}


/* =======================================
TOP以外の他ページボタン
 ======================================= */
.square_top3{
	position: relative;
	width:980px;
	height:100px;
	background-color:#ffffff;
	margin: auto;
	padding-top: 30px;
	padding-right: 22px;
	padding-left: 22px;
}
.square_top4_1{
	position: relative;
	width:auto;
	height:110px;
	padding: 0px;
	margin-top: auto;
	margin-bottom: auto;
	background-image: url(../sozai/top_sozai.jpg);
	background-repeat: repeat-x;
}
.square_top4{
	position: relative;
	width:1024px;
	height:110px;
	margin: auto;
	padding: 0px;
}
#kobayashi2 {
    position: absolute;
    left: 20px;
    top: 43px;
    width: auto;
    height: auto;
    z-index: 1;
}
#tel {
	position:absolute;
	left:682px;
	top:54px;
	width:auto;
	height:65px;
	z-index:1;
	text-align: right;
}

/* =======================================
画像自動切替
 ======================================= */
#container {
	width: 100%;
	text-align: center;
}

#viewer {
	margin: 0 0px;
	width: 360px;
	height: 240px;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#viewer img {
	top: 0;
	left: 0;
	position: absolute;
}

/* =======================================
お問い合わせページ
 ======================================= */
 .otoiawase_yoko{
	height: auto;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}
 .otoiawase_yoko2{
	height: auto;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 150px;
	margin-bottom: 150px;
}

/* =======================================
動画
 ======================================= */
.dvd {
	text-align: center;
	margin-top:20px;
}

.youtube{
    margin-left: auto;
    margin-right: auto;
    width: 1024px;
    height: auto;
    text-align: center;
    margin-bottom: 60px;
}



div.gl_youtube {
    width:1000px;


}
div.gl_youtube div {
	width:485px;
	display: inline-block;
	margin-left: 10px;
	vertical-align: top;
	font-size:0;
}
div.gl_youtube div:nth-child(1) {
    margin-left: 0px;
}





/* =======================================
お知らせ
 ======================================= */
.oshirase{
    margin-left: auto;
    margin-right: auto;
    width: 524px;
    height: auto;
    text-align: left;
    margin-bottom: 40px;
    padding-left: 250px;
    padding-right: 250px;
    margin-top: 40px;
}

/* =======================================
マウスのると画像を半透明にする
 ======================================= */
.a_img:hover{
	opacity:0.8;/*透明にする*/
}


/* =======================================
庵治石
 ======================================= */
.square_aji{
    position: relative;
    width: 980px;
    height: auto;
    background-color: #ffffff;
    margin: auto;
    padding-top: 1100px;
    padding-right: 22px;
    padding-left: 22px;
    padding-bottom: 30px;
    background-image: url(../sozai/ajiishi_img.png);
    background-repeat: no-repeat;
    background-position: 22px 22px;
}
.aji_01{
    position: absolute;
    top: 582px;
    width: auto;
    left: 1px;
}
.aji_02{
    position: absolute;
    top: 708px;
    left: 278px;
    width: 747px;
    text-align: center;
    height: 179px;
}
.title_min2 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 35px;
	line-height: 50px;
}
.min_s {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 15px;
	line-height: 30px;
}


/* =======================================
センター揃え→左揃え
 ======================================= */
.c_from_j{
    text-align: center;
    
}
/* -----------------------------------*/
.g_center{
    text-align: center;
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    margin-bottom: 60px;
}
/* =======================================
他の
 ======================================= */
.style_r{    font-size: 120%;
    line-height: 160%;}
/* =======================================
自然石風墓石
 ======================================= */
.nature{
    position: relative;
    margin-top: 30px;
}

.nature000{
    width: auto;
    height: 735px;
    background-image: url(../sozai/sale/bo_n_000.JPG);
    opacity: 0.5;
    background-repeat: no-repeat;
}
.nature001{
    position: absolute;
    top: 52px;
    left: 15px;
    z-index: 3;
}
.nature002{
    position: absolute;
    top: 7px;
    left: 393px;
    z-index: 3;
}
.nature003{
    position: absolute;
    top: 22px;
    left: 695px;
    z-index: 3;
}
.nature004{
    position: absolute;
    top: 464px;
    left: 6px;
    z-index: 10;
}
.nature005{
    position: absolute;
    top: 453px;
    left: 389px;
    z-index: 5;
    width: 343px;
}
.nature006{
    position: absolute;
    top: 525px;
    left: 680px;
    z-index: 7;
    width: 300px;
}
.nature007{
    position: absolute;
    top: 242px;
    left: 249px;
    z-index: 4;
}



.ajiishi a:link {
    color: #1F29AB;
}

.ajiishi a {
text-decoration: none;  
    color: #FFFFFF;}

.ajiishi a{
    width: 600px;
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    font-size: 25px;
    line-height: 28px;
    /* [disabled]border: 1px solid #B9B9B9; */
    border-radius: 20px;
    box-shadow: 5px 5px 5px #E89D9F;
    -webkit-box-shadow: 5px 5px 5px #E89D9F;
    display: block;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    background-color: #F14B4E;
}
 /* 以下マウスを載せたときのスタイル */
.ajiishi a:hover {
    background-color: #FA6E71;

}
 /* 202003 appendix */
img.tel2 {
	position: absolute;
	display: block;
	right:50px;
	top: 30px;
	width: 400px;
}





/* =======================================
TOP価格枠の中
 ======================================= */
div.global_kakaku {
    width:100%;
    font-size: 0px;

}
div.global_kakaku div {
	
	display: inline-block;
	margin-left: 0px;
	vertical-align: top;
	font-size:16px;
}
div.global_kakaku div:nth-child(1) {
    width:54%;
    margin-left: 0px;
}
    div.global_kakaku div:nth-child(2) {
    font-size: 16px;
    width: 44%;
    text-align: justify;
    padding-top: 5px;
    padding-right: 2%;
}
/* =======================================
TOP　合祀の写真横並び
 ======================================= */
div.global_gou_p{
    width: 100%;
    font-size: 0px;
    margin-bottom: 10px;
}
div.global_gou_p div {
    width: 37%;
    display: inline-block;
    margin-left: 0px;
    vertical-align: top;
    font-size: 16px;
    text-align: center;
 margin-bottom: 20px;
}
div.global_gou_p div:nth-child(1) {

    margin-left: 10%;

}
    div.global_gou_p div:nth-child(2) {
    margin-left: 6%;
            margin-right: 10%;
}

/* =======================================
TOP　ペット供養写真サイズ
 ======================================= */
.pet_p{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
