@charset "utf-8";
/* =======================================

	Base CSS

 -----------------------------------------
	Structure CSS
	Text Decorations CSS
	Header CSS
	Footer CSS
	globalNavi CSS
 -----------------------------------------
 	

========================================== */

/* =======================================

	Structure CSS

========================================== */
body {
	min-width:1100px;
	background:#F3F3F3;
	color: #333;
	_display: inline;
	_zoom:1;
}

.inBase {
	width: 1010px;
	margin:0 auto;
	display:block;
}

#wrapper {
	margin: 0 auto;
	width: 100%;
	background: url(../images/common/bgBody.jpg) no-repeat center top;
}

#contents {
}

#wrapper .contentsMain {
	width:70%;
	float:left;
	display:block;
}

#contentsRight {
	background: url(../images/common/bgSide.png) repeat-y left top;
}

#wrapper .contentsSub {
	width:25%;
	padding:0 0 0 4.5%;
	float:right;
	display:block;
}

/* =======================================

	Text Decorations CSS

========================================== */
#contents p, #contents address, #contents th, #contents td {
	font-size: 92.4%;
	line-height: 1.5;
}

#contents li, #contents dt, #contents dd {
	font-size: 92.4%;
	line-height: 1.335;
}

/* Inner Reset  */
#contents th p, #contents th li, #contents th dt, #contents th dd,
#contents td p, #contents td li, #contents td dt, #contents td dd,
#contents li p, #contents li li, #contents li dt, #contents li dd,
#contents dt p, #contents dt li, #contents dt dt, #contents dt dd,
#contents dd p, #contents dd li, #contents dd dt, #contents dd dd {
	font-size: 100%;
}

#contents strong { font-weight: bold; }
#contents em { font-style: italic; }

body #wrapper a {
	text-decoration:none;
	color: #000;
}

body #wrapper a:hover {
	text-decoration:underline;
	 color: #DDD;
}

.wide { width:100%; }

.emp { color:red; }

.colorType01 { color:#695392; }

.clear { clear:both; }

.sC { text-align:center; }

#wrapper .sS { font-size:0.85em; }
#wrapper .sB { font-size:1.24em; }

.sP { padding-bottom:30px; }
.sP2 { padding-bottom:60px; }
.sP3 { padding-bottom:10px; }

.sP_r { padding-right:30px; }
.sP2_r { padding-right:30px; }
.sP3_r { padding-right:10px; }

.sP_l { padding-left:30px; }
.sP2_l { padding-left:30px; }
.sP3_l { padding-left:10px; }

.sM { margin-bottom:30px; }
.sM2 { margin-bottom:60px; }
.sM3 { margin-bottom:10px; }

.sM_r { margin-right:20px; }
.sM2_r { margin-right:60px; }
.sM3_r { margin-right:10px; }

.sM_l { margin-left:30px; }
.sM2_l { margin-left:60px; }
.sM3_l { margin-left:10px; }

#wrapper .noM_r { margin-right:0; }

#wrapper .pC { margin:0 auto; }

#wrapper .pL { float:left; }

#wrapper .pR { float:right; }


/* =======================================

	Header CSS

========================================== */
#header {
}

/* headTop
========================================== */
#header #headTop {
	display:block;
	background:#9897BA;
}

#header #headTop ul{
	position:relative;
}

#header #headTop ul li{
	font-size:0.7em;
	text-align:right;
	color:#FFF;
}

#header #headTop ul li h2{
	padding:5px 0;
}

#header #headTop #btnHeadHome{
	width:46px;
	height:46px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index: 1;
}

#header #headTop #btnHeadHome a{
	width:46px;
	height:46px;
	background: url(../images/common/btnHeadHome.png) left top no-repeat;
	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
	display:block;
}

#header #headTop #btnHeadHome a:hover{
	background-position:0 -46px;
}

/* #headBox
========================================== */
#header #headBox {
	display:block;
	background: url(../images/common/bgGnavi.jpg) repeat-x left top;
	padding:15px 0 0 0;
}

/* #siteTitleBox01
========================================== */
#siteTitleBox01{
	width:250px;
	float:left;
	display:block;
	margin:0 32px 0 0;
}

#siteTitleBox01 dl dt h1{
	width:250px;
	height:76px;
	background: url(../images/common/siteTitle01.png) left top no-repeat;
	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
	display:block;
}

#siteTitleBox01 dl dd.headTel{
	width:250px;
	height:72px;
	background: url(../images/common/headTel01.png) left top no-repeat;
	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
	display:block;
	margin:0 0 10px;
}

#siteTitleBox01 dl dd.headAddress{
	width:250px;
	display:block;
	text-align:center;
	font-size:0.7em;
}

/* #siteTitleBox02
========================================== */
#siteTitleBox02{
	width:250px;
	float:right;
	display:block;
}

#siteTitleBox02 dl dt h1{
	width:250px;
	height:76px;
	background: url(../images/common/siteTitle02.png) left top no-repeat;
	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
	display:block;
}

#siteTitleBox02 dl dd.headTel{
	width:250px;
	height:72px;
	background: url(../images/common/headTel02.png) left top no-repeat;
	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
	display:block;
	margin:0 0 10px;
}

#siteTitleBox02 dl dd.headAddress{
	width:250px;
	display:block;
	text-align:center;
	font-size:0.7em;
}




/* =======================================

	Footer CSS

========================================== */
#footer {
	background:#695392;
	clear: both;
	display:block;
}

#footer .footTop {
	background:#E3E3EC;
	clear: both;
	margin:0 0 30px;
	display:block;
	font-size:0.75em;
}

#footer .footTop dl{
	width:45%;
	height:46px;
	display:block;
	float:left;
}

#footer .footTop dl dt{
	width:46px;
	height:46px;
	display:block;
	float:left;
}

#footer .footTop dl dt a{
	width:46px;
	height:46px;
	background: url(../images/common/btnFootHome.png) left top no-repeat;
	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
	display:block;
}

#footer .footTop dl dt a:hover{
	background-position:0 -46px;
}

#footer .footTop dl dd{
	float:left;
	line-height:46px;
}

#footer .footTop p{
	line-height:46px;
	text-align:right;
}

#footer .inBase{
	position:relative;
	box-sizing:border-box;
	padding-bottom:3em;
	padding-bottom:0;
}

/* Footer Navi
========================================== */
.footerNavi {
	width:666px;
	float:left;
	background:url(../images/common/bgFootLine01.png) repeat-x left top; 
	padding:20px 0 0 0;
	display:block;
}

.footerNavi ul{
	width:322px;
	float:left;
	display:block;
}

#wrapper .footerNavi ul li{
	border-bottom:#FFF dotted 1px; 
	padding:10px 0;
	display:block;
	color:#C597B3;
	font-size:0.8em;
}

#wrapper .footerNavi ul li a{
	background:url(../images/common/icon02.png) no-repeat left center;
	padding:0 10px 0 20px;
	display:block;
	color:#FFF;
}

.footerNavi #footerNavi02{
	float:right;
	margin:0 0 30px;
}

/* footInfo
========================================== */
.footInfo {
	width:322px;
	float:right;
	background:url(../images/common/bgFootLine02.png) repeat-x left top; 
	padding:40px 0 0 0;
	display:block;
}

.footInfo dl{
	margin:0 0 30px;
	padding:0 0 15px;
	border-bottom:#FFF dotted 1px;
}

.footInfo dl dt{
	padding:0 0 10px;
}

#wrapper .footInfo dl dd{
	text-align:center;
	color:#FFF;
	padding:0 0 20px;
	font-size:0.8em;
}

/* =======================================

	globalNavi CSS

========================================== */
#globalNavi {
	width:448px;
	height:190px;
	margin:0 0 15px;
	display:block;
	float: left;
}

#globalNavi ul li {
	width: 56px;
	height: 190px;
	display:block;
	float: left;
}

#globalNavi ul li a {
	width: 56px;
	height: 190px;
	background: url(../images/common/gNavi.png) no-repeat top left;
	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
	display:block;
}

#globalNavi ul li#gNavi01 a {background-position:  0  0;}
#globalNavi ul li#gNavi02 a {background-position: -56px 0;}
#globalNavi ul li#gNavi03 a {background-position: -112px 0;}
#globalNavi ul li#gNavi04 a {background-position: -168px 0;}
#globalNavi ul li#gNavi05 a {background-position: -224px 0;}
#globalNavi ul li#gNavi06 a {background-position: -280px 0;}
#globalNavi ul li#gNavi07 a {background-position: -336px 0;}
#globalNavi ul li#gNavi08 a {background-position: -392px 0;}

#globalNavi ul li#gNavi01 a:hover {background-position:  0 -190px;}
#globalNavi ul li#gNavi02 a:hover {background-position: -56px -190px;}
#globalNavi ul li#gNavi03 a:hover {background-position: -112px -190px;}
#globalNavi ul li#gNavi04 a:hover {background-position: -168px -190px;}
#globalNavi ul li#gNavi05 a:hover {background-position: -224px -190px;}
#globalNavi ul li#gNavi06 a:hover {background-position: -280px -190px;}
#globalNavi ul li#gNavi07 a:hover {background-position: -336px -190px;}
#globalNavi ul li#gNavi08 a:hover {background-position: -392px -190px;}

/* When Active Page */
body#funeral #globalNavi ul li#gNavi01 a {background-position:  0 -380px !important;}
body.hall #globalNavi ul li#gNavi02 a {background-position: -56px -380px !important;}
body#area_hall #globalNavi ul li#gNavi03 a {background-position: -112px -380px !important;}
body#flow #globalNavi ul li#gNavi04 a {background-position: -168px -380px !important;}
body#offering #globalNavi ul li#gNavi05 a {background-position: -224px -380px !important;}
body#grave #globalNavi ul li#gNavi06 a {background-position: -280px -380px !important;}
body#dish #globalNavi ul li#gNavi07 a {background-position: -336px -380px !important;}
body#company #globalNavi ul li#gNavi08 a {background-position: -392px -380px !important;}


#globalNavi ul li a {
	width: 56px;
	height: 190px;
	background: url(../images/common/gNavi.png) no-repeat top left;
	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
	display:block;
}

#gNaviHallBox {
	display:none;
	background: url(../images/common/bgGnavi.jpg) repeat left top;
}

#gNaviHallBox p.tit{ 
	width:1010px;
	margin:0 auto;
}

#gNaviHallBox p.tit span{ 
	width:34px;
	height:29px;
	background: url(../images/common/icon05.png) left top no-repeat;
	margin:0 0 0 360px;
	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
	display:block;
}

#gNaviHall { 
	background:#000;
	padding:20px 0;
}

#gNaviHall ul{
	width:868px;
	margin:0 auto;
	display:block;
}

#gNaviHall ul li{
	width:212px;
	height:55px;
	float:left;
	margin:0 5px 5px 0;
	display:block;
}

#gNaviHall ul li a{
	width:212px;
	height:55px;
	background: url(../images/common/gNaviHall.jpg) no-repeat top left;
	overflow: hidden;
  	text-indent: 100%;
  	white-space: nowrap;
	display:block;
}

#gNaviHall ul li#gNaviHall01 a {background-position:  0  0;}
#gNaviHall ul li#gNaviHall02 a {background-position: -212px  0;}
#gNaviHall ul li#gNaviHall03 a {background-position: -424px  0;}
#gNaviHall ul li#gNaviHall04 a {background-position: -636px  0;}
#gNaviHall ul li#gNaviHall05 a {background-position: -848px  0;}
#gNaviHall ul li#gNaviHall06 a {background-position: -1060px  0;}
#gNaviHall ul li#gNaviHall07 a {background-position: -1272px  0;}
#gNaviHall ul li#gNaviHall08 a {background-position: -1484px  0;}

#gNaviHall ul li#gNaviHall01 a:hover {background-position:  0 -55px;}
#gNaviHall ul li#gNaviHall02 a:hover {background-position: -212px -55px;}
#gNaviHall ul li#gNaviHall03 a:hover {background-position: -424px -55px;}
#gNaviHall ul li#gNaviHall04 a:hover {background-position: -636px -55px;}
#gNaviHall ul li#gNaviHall05 a:hover {background-position: -848px -55px;}
#gNaviHall ul li#gNaviHall06 a:hover {background-position: -1060px -55px;}
#gNaviHall ul li#gNaviHall07 a:hover {background-position: -1272px -55px;}
#gNaviHall ul li#gNaviHall08 a:hover {background-position: -1484px -55px;}