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

	Individual CSS

 -----------------------------------------
	Home CSS
	page CSS
 -----------------------------------------
 	

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

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

	Home CSS

========================================== */
/* btnHeadHome
========================================== */
body#home.home #headTop #btnHeadHome {
	display:none;
}

/* mainVisual
========================================== */
body#home.home #mainVisual {
	display:block;
	background: #40246C;
	height:400px;
}

body#home.home #mainVisual h3{
	display:block;
	height:400px;
	display:block;
	text-indent:-999em;
	clear:none;
}

body#home.home #mainVisual h3#mainVisual01{
	background: url(../images/home/mainVisual01.jpg) no-repeat center top;
}

body#home.home #mainVisual h3#mainVisual02{
	background: url(../images/home/mainVisual02.jpg) no-repeat center top;
}

body#home.home #mainVisual h3#mainVisual03{
	background: url(../images/home/mainVisual03.jpg) no-repeat center top;
}

/* h3.pageLead
========================================== */
body#home.home h3.pageLead{
	padding:50px 0 20px 0;
}

/* .funeralPlace
========================================== */
body#home.home .funeralPlace{
	width:322px;
	display:block;
	float:left;
}

body#home.home .funeralPlace dt{
	padding:0 0 10px;
}

body#home.home .funeralPlace dd{
	padding:0 0 30px;
	font-size:0.85em;
}

/* .familyfuneralPlan
========================================== */
body#home.home .familyfuneralPlan{
	width:778px;
	margin:0 auto 30px;
	display:block;
}

body#home.home .familyfuneralPlan li{
	width:778px;
	height:135px;
	margin:0 0 10px;
	padding:0 0 10px;
	border-bottom:#7D7CA9 solid 1px;
	display:block;
}

/* .areaPlace
========================================== */
body#home.home .areaPlace{
	width:322px;
	height:340px;
	background: url(../images/home/areaMap.png) no-repeat center top;
	padding:0 0 0 344px;
	display:block;
	float:right;
}

body#home.home #contents .areaPlace dt{
	background:#FFF;
	display:block;
	font-size:0.8em;
	padding:5px 10px;
	margin:20px 0 10px;
	clear:both;
}

body#home.home #contents .areaPlace dd{
	width:35%;
	background:#7D7CA9;
	color:#FFF;
	font-size:0.8em;
	display:block;
	padding:5px 10px;
	margin:0 20px 10px 0;
	display:block;
	float:left;
}

body#home.home #contents .areaPlace dd a{
	color:#FFF;
}

/* p.areaSent
========================================== */
body#home.home p.areaSent{
	clear:both;
	text-align:center;
	border-top:#DBDBDB solid 1px;
	background:#FFF url(../images/common/icon04.png) no-repeat center bottom;
	padding:20px 0 25px;
	display:block;
}

/* .homeHallMap
========================================== */
body#home.home .homeHallMap{
	width:381px;
	float:left;
	display:block;
}

/* .homeHall
========================================== */
body#home.home .homeHall{
	width:587px;
	float:right;
	display:block;
}

body#home.home .homeHall .hallList{ width:587px; }

/* .hallIntroductionBox
========================================== */
body#home.home .hallIntroductionBox h4{
	display:none;
}

/* #reasonBox
========================================== */
body#home.home #reasonBox{
	background:url(../images/common/bgBoxBtm.png) no-repeat left bottom;
}

body#home.home .reason{
	width:95%;
	margin:0 auto 20px;
}

body#home.home .reason{
	width:95%;
	margin:0 auto;
}

/* .btnGrav
========================================== */
.btnGrave{
	width:668px;
	margin:0 auto 40px;
	display:block;
}


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

	Hall CSS

========================================== */
/* hallImg
========================================== */
body.hall .hallImg {
	width:494px;
	display:block;
	float:left;
}

/* hallInfo
========================================== */
body.hall .hallInfo{
	width:494px;
	display:block;
	float:right;
}

/* mapBox
========================================== */
body.hall .mapBox{
	width:494px;
	margin:0 0 60px;
	display:block;
	float:left;
	clear:both;
}

body.hall .mapBox dt{
	width:490px;
	height:266px;
	border:#A14A89 solid 2px;
	display:block;
	margin:0 0 10px;
}

body.hall .mapBox dd{
	width:492px;
	height:50px;
	background:#FFF;
	display:block;
}

body.hall .mapBox dd a{
	width:412px;
	height:50px;
	line-height:50px;
	background:url(../images/common/iconMap.png) no-repeat right top;
	padding:0 60px 0 20px;
	display:block;
}


body.hall .mapBox02{
	width:665px;
	margin:0 auto 60px;
	display:block;
	clear:both;
}

body.hall .mapBox02 dt{
	width:665px;
	height:266px;
	border:#A14A89 solid 2px;
	display:block;
	margin:0 0 10px;
}

body.hall .mapBox02 dd{
	width:665px;
	height:50px;
	background:#FFF;
	display:block;
}

body.hall .mapBox02 dd a{
	width:585px;
	height:50px;
	line-height:50px;
	background:url(../images/common/iconMap.png) no-repeat right top;
	padding:0 60px 0 20px;
	display:block;
}

/* hallImgCenter
========================================== */
body.hall .hallImgCenter {
	width:600px;
	display:block;
	margin:0 auto 60px;
	background:#e3e3ec;
	padding:2em;
}

body.hall .hallImgCenter img{
	width:100%;
}

/* accessMap
========================================== */
body.hall .accessMap{
	width:494px;
	display:block;
	float:right;
	margin:0 0 60px;
}

body.hall .accessMap02{
	width:665px;
	display:block;
	margin:0 auto 20px;
}

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

	Area_hall CSS

========================================== */
/* .areaMapBox
========================================== */
body.area_hall .areaMapBox{
	width:1010px;
	height:500px;
	display:block;
	margin:0 0 30px;
}


/* .areaHallBox
========================================== */
body.area_hall #wrapper .areaHallBox{
	width:474px;
	display:block;
	padding:10px;
	background:#FFF;
	margin:0 0 30px;
	font-size:0.9em;
}

body.area_hall .areaHallBox figure{
	width:130px;
	display:block;
	float:left;
}

body.area_hall .areaHallBox dl{
	width:330px;
	display:block;
	float:right;
}

body.area_hall #wrapper .areaHallBox dt{
	width:330px;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	border-bottom:#CFCFE0 solid 1px;
	font-size:1.05em;
	color:#878787;
	/width:13em;
	/display:inline;
	/float:left;
}

body.area_hall #wrapper .areaHallBox .jisya dt{
	width:300px;
	background:url(../images/common/icon01.png) no-repeat left top;
	padding:0 0 5px 30px;
	margin:0 0 10px 0;
	border-bottom:#CFCFE0 solid 1px;
	color:#6C5292;
	font-size:1.05em;
	/width:13em;
	/display:inline;
	/float:left;
}

body.area_hall #wrapper .areaHallBox .koei dt{ color:#669933; }
body.area_hall #wrapper .areaHallBox .jiin dt{ color:#A14A89; }

body.area_hall #wrapper .areaHallBox dt a{ color:#6C5292; }

body.area_hall #wrapper .areaHallBox dt span{
	float:right;
	font-size:0.75em;
	display:inline;
	background:#888888;
	padding:3px 5px;
	color:#FFF;
}
body.area_hall #wrapper .areaHallBox .jisya dt span{ background:#695392; }
body.area_hall #wrapper .areaHallBox .koei dt span{ background:#669933; }
body.area_hall #wrapper .areaHallBox .jiin dt span{ background:#A14A89; }

body.area_hall #wrapper .areaHallBox dd{
	clear:both;
	font-size:0.9em;
}

body.area_hall #wrapper .areaHallBox dd a{
	text-decoration:underline;
}

body.area_hall #wrapper .areaHallBox .jisya dd.sent{ color:#A14A89; }

body.area_hall #wrapper .areaHallBox dd.address{
	padding:0 0 10px;
}

body.area_hall #wrapper .areaHallBox dd.address a{
	background:#E2CDDB;
	padding:0 5px;
	font-size:0.8em;
}

body.area_hall #wrapper .areaHallBox dd.address a{
	background:#E2CDDB;
	padding:0 5px;
	font-size:0.8em;
}



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

	Company CSS

========================================== */
body#company.company #aisatsu{
	clear:both;
	width:930px;
	background:#FFF;
	padding:40px;
	display:block;
	margin:0 0 80px;
}

body#company.company #aisatsu p{
	width:750px;
	float:left;
	font-size:1.2em;
	line-height:1.6em;
	display:block;
}

body#company.company #aisatsu p span{
	border-bottom:#A696C2 dotted 1px;
	font:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

body#company.company #aisatsu dl{
	width:150px;
	margin:70px 0 0 0;
	float:right;
	display:block;
}


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

	Flow CSS

========================================== */
body#flow.flow .flowNavi{
	width:494px;
	height:220px;
	display:block;
}

body#flow.flow .flowNavi dt{
	width:45px;
	height:220px;
	margin:0 20px 0 0;
	float:left;
}

body#flow.flow .flowNavi dd{
	width:59px;
	height:220px;
	background:url(../images/parts/flow/bgNaviArrow.png) no-repeat right top;
	float:left;
}

body#flow.flow .flowNavi dd.last{
	background:none;
}

body#flow.flow #pageBox01{ background:url(../images/parts/flow/bg01.png) no-repeat right top; }
body#flow.flow #pageBox02{ background:url(../images/parts/flow/bg02.png) no-repeat right top; }
body#flow.flow #pageBox03{ background:url(../images/parts/flow/bg03.png) no-repeat right top; }
body#flow.flow #pageBox04{ background:url(../images/parts/flow/bg04.png) no-repeat right top; }
body#flow.flow #pageBox05{ background:url(../images/parts/flow/bg05.png) no-repeat right top; }
body#flow.flow #pageBox06{ background:url(../images/parts/flow/bg06.png) no-repeat right top; }

body#flow.flow .inPageBox{
	display:block;
	background:url(../images/common/imgArrow.png) no-repeat left bottom;
}

body#flow.flow .inPageBox h5{
	width:322px;
	margin:0 0 20px 0;
	display:block;
}

body#flow.flow .inPageBox h5.pL{
	width:345px;
	background:url(../images/parts/flow/inFlowLine.png) no-repeat right top;
}

body#flow.flow .flowList{
	width:910px;
	padding:0 0 0 90px;
	display:block;
}

body#flow.flow .flowList li{
	width:390px;
	padding:10px;
	background:#FFF;
	margin:0 20px 20px 0;
	display:block;
}

body#flow.flow .flowList li img{
	float:left;
	margin:0 10px 0 0;
}

body#flow.flow .flowContents{
	width:260px;
	border:#695392 solid 1px;
	float:left;
	padding:20px 20px 20px 23px;
	margin:0 0 40px 0;
}



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

	Funerfal CSS

========================================== */
body#funeral.funeral .funeralKing{
	width:454px;
	padding:20px;
	background:#FFF;
	display:block;
}

body#funeral.funeral .funeralKing figure{
	float:left;
}

body#funeral.funeral .funeralKing dl{
	width:220px;
	float:right;
}

body#funeral.funeral .funeralKing dl dt{
	padding:0 0 10px;
}

body#funeral.funeral .funeralKing dl dd{
	font-size:0.9em;
}

/* .consulFlow
========================================== */
body#funeral.funeral .consulFlow{
	margin:0 0 30px;
	padding:0 0 20px;
	background:url(../images/common/imgArrow.png) no-repeat left bottom;
	clear:both;
	display:block;
}


body#funeral.funeral .last{
	background:none;
}

body#funeral.funeral .consulFlow h5{
	margin:0 0 20px;
	float:left;
}

body#funeral.funeral .consulFlow figure{
	margin:0 0 20px;
	float:right;
}

body#funeral.funeral .consulFlow p{
	width:610px;
	display:block;
	margin:0 0 20px;
	padding:0 0 0 80px;
	float:left;
}




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

	Offering CSS

========================================== */
.itemList .columnBox{
	background:#FFF;
	text-align:center;
	padding:20px 0;
}
























