@charset "utf-8";

*{margin:0;padding:0;}
html {width:100%;background:#fef8ff;}
body{
font: 13px/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color: #252525;
background: url(images/back.jpg) repeat-x top;
}

body#toppage {
background: url(images/back.jpg) repeat-x top;
background-position:center top;
 background-repeat:no-repeat;
-moz-background-size:cover;
 background-size:cover;
}

a{color:#717171;text-decoration:none;}
a:hover{color:#9e9e9e;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}



/*************
全体
*************/
#wrapper{
background:url(images/bg.png) ;
margin: 0 auto;
padding: 0 20px;
width: 910px;
}

/*************
/* ヘッダー
*************/
#header{
height: 80px;
}

#addL {
float:left;text-align:right;
}

#addR {
float:right;
width:80%;
}

.grr{color:#33b633;font-weight:bold;}
.rdd{color:#ff3374;font-size:18px;font-weight:bold;}
.rdr{color:#ff3374;font-size:8px;font-weight:bold;line-height:0px;}
#header h1 {
padding: 7px 0 0;
font-size: 12px;
font-weight: normal;
}


/*************
/* トップナビゲーション
*************/
ul#topnav{
margin: 15px 0;
width: 910px;
height: 46px;
background:url(images/topnav.png) no-repeat 0 0;
}

ul#topnav li{float:left;list-style:none;width:130px;}

ul#topnav a{
text-indent: -9999px;
text-decoration: none;
display: block;
width: 130px;
height: 46px;
background:url(images/topnav.png) no-repeat;
}

ul#topnav a#home{background-position:0 0;}
ul#topnav a#about{background-position:-130px 0;}
ul#topnav a#menu{background-position:-260px 0;}
ul#topnav a#faq{background-position:-390px 0;}
ul#topnav a#map{background-position:-520px 0;}
ul#topnav a#blog{background-position:-650px 0;}
ul#topnav a#link{background-position:-780px 0;}

ul#topnav a#home:hover, ul#topnav li.active a#home{background-position:0 -46px;}
ul#topnav a#about:hover, ul#topnav li.active a#about{background-position:-130px -46px;}
ul#topnav a#menu:hover, ul#topnav li.active a#menu{background-position:-260px -46px;}
ul#topnav a#faq:hover, ul#topnav li.active a#faq{background-position:-390px -46px;}
ul#topnav a#map:hover, ul#topnav li.active a#map{background-position:-520px -46px;}
ul#topnav a#blog:hover, ul#topnav li.active a#blog{background-position:-650px -46px;}
ul#topnav a#link:hover, ul#topnav li.active a#link{background-position:-780px -46px;}

li.active a#home{background-position:0 -42px;}
li.active a#guide{background-position:-213px -42px;}
li.active a#faq{background-position:-429px -42px;}
li.active a#mp{background-position:-573px -42px;}


/*************
メイン（右側）コンテンツ
*************/
#main {
float: right;
width: 618px;
padding: 15px 0;
display: inline;
}

#main .bannerM img{
padding-right: 10px;
padding-bottom: 15px;
}
#main .bannerM img.last{padding-right:0;}

.bannerM .red{color:red;font-size:20px;font-weight:bold;}

#main h2{
text-align:center;
margin-bottom: 10px;
padding: 0 10px 0px 5px;
line-height: 40px;
font-size: 15px;
font-weight: bold;
color: rgb(158, 95, 66);
background: url(images/heading.png) no-repeat;
}
.area h1{font-weight: normal;
color: #252525;
}
.popup{
	cursor:pointer;
	transition:		all 0.2s ease;
}
.popup:hover {
	opacity:0.6;
	-webkit-transform:	scale(1.1);
	transform:		scale(1.1);
}

.indoormap {background:url(images/flooranime.png) no-repeat;
-moz-background-size:contain;
 background-size:contain;

}


.indoormap:hover{background:url(images/floor.gif) no-repeat;
-moz-background-size:contain;
 background-size:contain;

}





#main h3 {
font-size: 13px;
font-weight: normal;
line-height: 30px;
padding-left: 15px;
margin-top: 10px;
letter-spacing: 0.2em;
color: #000000;
border-bottom: 1px solid #cccccc;
}

#main p {
padding: 15px 15px 15px 20px;
}

.withImage { background:#ffffff;}

/* 画像を右に回りこみ */
#main p.withImage{
width: 598px;
margin: -5px 5px 15px 3px;
padding: 15px 5px;
}

#main p.withImage img{
float: right;
margin-left: .5em;
}

#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#000000;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

/* フッター共通 */
.box{
float: left;
width: 195px;
margin: 0px 16px 10px 0;
line-height: 1.2;
}

.box_img{
padding: 0px 0px 20px 0px;
}

.last{margin-right:0;}


/* ボタン */
p.button{
text-align: center;
padding: 10px 0;
}

p.button a{
display:block;
line-height: 32px;
background: #ffffff url(images/button.png) no-repeat;
margin: 0 -20px;
}

p.button a{color:#000000;}
p.button a:hover{color:#ffffff;}

p.button a:hover{
cursor:pointer;
background-position: 0 -32px;
}

/* メインとフッターのリスト位置調節 */
#main ul, #footer ul{margin-left: 20px;}
#main li, #footer li{margin-bottom: 3px;}

.point {cursor:pointer;}

/*************
サイド（左側）コンテンツ
*************/
#sidebar {
float: left;
width: 265px;
padding: 15px 0;
}

#sidebar p{margin-bottom: 5px;}

#sidebar h3 {
margin-top: 5px;
padding: 0 10px 0 23px;
line-height: 40px;
font-size: 13px;
font-weight: normal;
color: #252525;
background: url(images/heading2.png) no-repeat;
}

#sidebar ul{
margin-left: 5px;
padding: 10px 0;
}

#sidebar li{
margin: 0 10px 10px 5px;
list-style: none;
border-bottom: 1px solid #efefef;
}

#sidebar li a{
background: url(images/list.png) no-repeat 0 50%;
display: block;
padding-left:15px;
}

#sidebar li a:hover{background-position: 3px 50%;}




/*************
/* フッター
*************/
#footer{
clear:both;
padding: 10px 0 10px;
border-top: 1px solid #cccccc;
}
.foots{
clear:both;}

.foot{
clear:both;
padding: 10px 0 10px;
border-top: 1px solid #cccccc;
}

#footer .inner{
overflow: hidden;
}

* html #footer .inner{height:1%;}

#footer #logo{
float:left;
padding: 10px 0 5px;
width: 292px;
}

address{
padding: 0px;
text-align: center;
font-style:normal;
font-size: 16px;
clear:both;
display:inline;
}
.suisyo td{background:#ffffff;}
/**************************************
シミュレーション
***************************************/

 .sums {background:#ffffff;border:1px solid;width:100%;
 		    border-collapse: collapse;color:#000000;}
 .sums th {padding:10px;width:60%;text-align:left;border:#000000 1px solid;}
 .sums td {padding:10px;width:40%;text-align:right;border:#000000 1px solid;}
 .sim-bg1 {background:#ffffff;}
 .sim-bg2 {background:#f4f4f4;}
 .simtab {width:100%;}
  .simtab td{font-size:10px;text-align:left;}
  .simContent {height:500px;}
  .sumt { background:#deffde;
		font-size:40px;
		color:#3543fe;}
.simclear {position:fixed;bottom:165px;left:500px;}
/**************************************
料金表
***************************************/
.sidefixed1 {position:fixed;bottom:200px;left:500px;}
.prices {margin:50px 0;
font-size:25px;border-collapse: collapse;
border-spacing: 0px;}
.prices td{border-collapse: collapse;
border-spacing: 0px;
text-align:center;height:80px;padding:0;border:#888888 solid 4px;}
.price2 {font-size:25px;
		color:#de5676;
		font-style:bold;}
.plus {border:0;}
.tablep {background:#ffffff;}
.tablec {background:#dcfedc;}
.tabler {background:#fefedc;}
.gnokotsu {background:#fedcdc;border-radius:10px 10px;box-shadow:3px 3px 4px #555555;}
.knokotsu {background:#cdfecd;border-radius:10px 10px;box-shadow:3px 3px 4px #555555;}
.khenkotsu {background:#efdcff;border-radius:10px 10px;box-shadow:3px 3px 4px #555555;}
.kasouh {text-align:center;font-size:30px;color:#ff3344;padding:20px;}
.enp {background:#eeeeee;}

.goudoup{background:#ffffff;padding:30px 10px;border-radius:20px 20px;border:solid 2px #aaaaaa;border-color:#ffefaf;border-Width:5px;}
.kobetsup{background:#ffffff;padding:30px 10px;border-radius:20px 20px;border:solid 2px #aaaaaa;border-color:#afffaf;border-Width:5px;}
.tachiaip{background:#ffffff;padding:30px 10px;border-radius:20px 20px;border:solid 2px #aaaaaa;border-color:#bfafff;border-Width:5px;}
.centering {text-align:center;}
/**************************************
アクセス
***************************************/

.accessborder {border:solid 3px #000000;}
/**************************************
納骨
***************************************/
.relativewrap {position:relative;}
.sidefixed {position:fixed;top:230px;left:350px;}
.shelfblank {height:100px;}
.shelfs { background:#ffffff;border-radius:20px 20px;
		border:2px #aaaaaa solid;}
.shelfs div {
			padding:30px;
				clear:both;}

.nokotsufont {overflow:hidden;margin-top:0;text-align:center;padding:20px;}
.nokotsufont span{font-size:28px;font-weight:bold;color:#cd5456;}

.img00 {position:absolute;top:480px;right:275px;}
.img01 {position:absolute;top:420px;right:70px;}
.img02 {position:absolute;top:450px;right:70px;}
.img03 {position:absolute;top:505px;right:75px;}


/**************************************
インドアビュー
***************************************/
#indoormap {
    position: absolute;
    top: -30px;
    right: -380px;
}


.indoormap:hover{background:url(images/floor.gif) no-repeat;
-moz-background-size:contain;
 background-size:contain;
}

.img01 {position:absolute;top:190px;left:300px;}
.img02 {position:absolute;top:150px;left:220px;}
.img03 {position:absolute;top:250px;left:270px;}

.img04 {position:absolute;top:510px;right:332px;}
.img05 {position:absolute;top:630px;right:520px;}
.img06 {position:absolute;top:538px;right:406px;}

.nimg01 {position:absolute;top:420px;left:260px;}
.nimg02 {position:absolute;top:440px;left:260px;}
.nimg03 {position:absolute;top:500px;left:270px;}
.nimg00 {position:absolute;top:480px;right:270px;}


#messages {height:100px;}
#indoor {margin-top:60px;margin-left:-200px;width:1000px}
#indoorframe1 {position:relative;border:2px solid;
				background:#cccccc;}
.osakamap {position:relative;}
.im01 {position:absolute;top:173px;left:88px;}
.im02 {position:absolute;top:20px;left:241px;}

.im03 {position:absolute;top:290px;right:460px;}
.im04 {position:absolute;top:50px;right:342px;}
.im05 {position:absolute;top:120px;right:165px;}
.im06 {position:absolute;top:268px;right:266px;}
.im07 {position:absolute;top:0px;right:119px;}

.im08 {position:absolute;top:170px;right:275px;}
.im09 {position:absolute;top:90px;right:140px;}
.im10 {position:absolute;top:250px;right:360px;}
.im11 {position:absolute;top:170px;right:280px;}
.im12 {position:absolute;top:90px;right:150px;}
.im13 {position:absolute;top:80px;right:220px;}
.im14 {position:absolute;top:80px;right:320px;}


.osakamapPs img,#indoorP img{
	transition:		all 0.2s ease;
}
.osakamapPs img:hover,#indoorP img:hover {
	-webkit-transform:	scale(1.2);
	transform:		scale(1.2);
	opacity:0.9;
}

.suisyou {width:400px;border:1px solid #000000;border-collapse: collapse;background:#ffffff;
border-spacing: 0px;}
.suisyou th {padding:3px;font-size:20px;text-align:center;width:60%;border:1px solid #000000;}
.suisyou td {padding:3px;font-size:25px;text-align:right;width:40%;border:1px solid #000000;}
.sums {font-size:30px;color:#00000;}
.sets{padding:50px 20px;margin:10px 0 10px 0;border-radius:50px 50px;border:solid 2px #aaaaaa;}
.oku{background:#ffffff;border-color:#faaaaf;border-Width:5px;}
.sougi{background:#ffffff;border-color:#afffaf;border-Width:5px;}
.kobetsu{background:#ffffff;border-color:#afafff;border-Width:5px;}
.henkotsu{background:#ffffff;border-color:#afffff;border-Width:5px;}
.tax{border-color:#cecece;}
.sum{border-color:#ffffff;}

/**納骨ページ用***/
#indoorP:hover > section{
	opacity: 0.1;}

#indoorP:hover > .kkr:hover , #indoorP:hover > .kkg:hover, #indoorP:hover > .kks:hover, #indoorP:hover > .kkss:hover, #indoorP:hover > .kkpb:hover, #indoorP:hover > .kkgoudou:hover , #indoorP:hover > .kkj:hover{  opacity: 1.0;}

#totop {position:fixed;top:171px;left:497px;}
.nav {
    padding: 0 0px;
    margin: 0 auto 60px;
    width: 760px;
}
.fixed {
    position: fixed;
    top: 0;
    left: 500px;
    width: 100%;
}


#page-top {
    position: fixed;
    bottom: 20px;
    left:500px;
    font-size: 77%;
}



#page-top a {
    text-decoration: none;
    width: 100%;
    padding:0;
    text-align: center;
    display: block;
}

/******************************
******************************/
.sidetop {text-align:center;
	border-bottom:solid 3px #cccccc;
	margin:0 0 30px 0;
    font-size: 12px;}
.sidetop h1{color:#83653a}
.fixemenu {position:fixed;
			left:500px;
			top:150px;}
.fixemenu h1{padding-top:10px ;background:#ffffff;
			border-radius:20px 20px 0 0;}
/******************************

 ソーシャルエリア全体を囲む要素
 * 他のコンテンツと距離を取りたい場合は[margin]を設定して下さい

******************************/
.social-area-syncer {
	width: 100% ;
	min-height: 190px ;
	background: #F5F1E9 ;	/* 背景色 */
	padding: 1.5em 0 ;
}

/* デスクトップPCでは高さを拡張する */
@media screen and ( min-width:480px ) {
	.social-area-syncer {
		min-height: 119px ;
	}
}


/******************************

 [ul]要素

******************************/
/* スマホ */
ul.social-button-syncer {
	width: 238px ;
	margin: 24px auto ;
	padding: 0 ;
	border: none ;
	list-style-type: none ;
}

/* デスクトップ */
@media screen and ( min-width:480px ) {
	ul.social-button-syncer {
		width: 410px ;
	}
}


/******************************

 [li]要素

******************************/
ul.social-button-syncer li {
	float: left ;
	text-align: center ;
	height: 71px ;
	margin: 0 8px ;
	padding:0 ;
}


/******************************

 各種ボタン

******************************/
/* [Twitter] */
.sc-tw {
	width: 71px ;
}

.sc-tw svg {
	width: 30px ;
	height: 30px ;
 }

.sc-tw a {
	height: 56px ;
	margin: 0 auto ;
	padding-top: 6px ;
	display: block ;
	background: #1B95E0 ;
	font-size: 12px ;
	color: #fff ;
	font-weight: 700 ;
	text-decoration: none ;
	letter-spacing: .5px ;
	border-radius: 2px ;
}

.sc-tw a:hover {
	color: #fff ;
	background: #0c7abf ;
}

.sc-tw span:before {
	white-space: pre ;
	content: '\A' ;
}

/* [Facebook] */
.sc-fb {
	z-index: 99 ;
	width: 69px ;
}

/* [LINE] */
.sc-li {
	width: 50px ;
}

.sc-li-img {
	border: none ;
	margin: 0 auto ;
	padding:0 ;
	width: 36px ;
	height: 60px ;
}
.o-menu {clear:both;}
.omukae {color:#cd5678;font-size:10px;}
.area {background:#ffffff;width:100%;height:100%;}
.ku {padding:5px;background:#ddffdd;}
.omukae-h {margin-top:100px;;width:50%;height:100%;float:left;text-align:center;vertical-align: middle;}
.othershi ul{width:100%;}
.othershi li{width:14%;float:left;text-align:center;list-style:none;margin:1px;background:#deeddf;}
			/* グリッド共通 ベース:トップページ6カラム */
	.grid6{
	float:left;
	width:120px;
	margin-left:10px;
	}
	.btn3 {overflow: hidden ;
	text-decoration: none;
	list-style: none;
	width:100%;height:auto;
	margin-bottom:20px;
	font-size:15px;
	}

	.btn3 p {font-size:9px;color:#000097;}
	.btn3 li {float:left;width:200px;display: block;}
	.othershi a{font-size:20px;color:#0011aa;}
/* デスクトップPCではLINEボタンを表示しない */
@media screen and ( min-width:480px ) {
	.sc-li {
		display: none ;
	}
}

/********アコーディオン*****************************************************/


.accordion{
     width:100%;
     overflow: visible;
}


.switch{border-radius:10px;
height:100%;
	display:block;
     background: #ffffff;
     padding:0;
     cursor: pointer;/*カーソルを通常の物に*/    
}


.tbo {text-align:left;padding:0 10px;
line-height:1.5;}

.displayNone {

    display: none;
}
.radiusbox {background:#ffffff;margin-bottom:100px;padding:20px;border-radius:50px 50px;border:solid 2px #aaaaaa;}

.contentWrap {padding:30px;height:430px;background:#eeeeee;border-radius:50px 50px;border:solid 2px #aaaaaa;}
.acobox {width:50%;
	margin:10px 0;
	float:left;}

.switch {height:140px;}
.result0 {background:#ffffee;text-align:center;font-size:40px;padding:5px;height:80px;}
/*************************************************************/
