@charset "UTF-8";
/* ================================================================ *
	カスタマイズ CSS
 * ================================================================ */

/* ---------------------------------------------------------------- *
	ドキュメント全体に関する設定です
 * ---------------------------------------------------------------- */

body {
  color: #333333;
	background-color: #FFFFFF;
	background-image: url(../common_images/shadow.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

#container {
	background-image: url(../menu_images/menuback.gif);
	background-repeat: repeat-y;
  width: 760px;
  margin: 0 auto;
}

dt {
	background-image: url(../nagare_images/nagare_dt.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 102px;
	text-align: center;
	line-height: 2.5;
	margin-bottom: 30px;
	height: 50px;
}
dt.last {
	background-image: url(../nagare_images/nagare_dt.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 102px;
	text-align: center;
	line-height: 2.5;
	margin-bottom: 30px;
	height: 32px;
}

dd {
	margin-left: 122px;
	margin-bottom: 20px;
	margin-right: 2em;
}



/* ---------------------------------------------------------------- *
	ヘッダ部分の設定です
 * ---------------------------------------------------------------- */

#header {
	margin: 0;
	padding: 0;
	width: 760px;
}
#flower {
	position: absolute;
	top: -170px;
	right: -40px;
	z-index: 1;
}
#movie {
	position:absolute;
	width:550;
	height:153;
	z-index:5;
	top:0px;
	left:0px;
	visibility: visible;
}


/* ---------------------------------------------------------------- *
	ナビゲーション部分の設定です
 * ---------------------------------------------------------------- */

#navi {
	background: url(../index_images/navi.jpg) no-repeat;
	padding: 0 0 0 10;
	margin: 0;
	*font-size: 90%;
}

*html #navi {
  background: url(../index_images/navi.jpg) no-repeat;
	padding: 0;
	margin: -3px 0 0;
}

#navi ul {
  margin: 0;
  padding: 0;
  height: 26px;
	z-index: 5;
}

#navi ul li {
  margin: 0;
  padding: 0;
  float: left;
	line-height: 1em;
}

#navi ul li a {
	margin: 0px;
  display: block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	padding: 7px 5px 5px;
}

#navi a:hover {
	text-decoration: undeline;
	color: #000099;
}

/* ---------------------------------------------------------------- *
	コンテンツコンテナの設定
 * ---------------------------------------------------------------- */

#main {
  padding-left: 204px;
	padding-right: 0;
  background: url(../index_images/main.jpg) no-repeat 199px 0px;
  margin-top: 0;
	margin-bottom: 0;
	padding-top: 95px;
}

#main ul.detail {
	list-style-type: none;
	margin: 0px;
	padding: 0px;

}
#main li.detail {
	text-indent: -9999px;
}

/*---------- 葬儀プランのご案内 ----------*/
#main ul.detail li a {
	display:block;
	height: 35px;
	width: 185px;
	background-image: url(../common_images/click.jpg);
	background-repeat: no-repeat;
}
#main ul.detail li a:hover {
	background-position: 0 -35px;
}

/*---------- 安心パック20名様プランのご案内 ----------*/
#main ul.plan20 {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#main li.plan20 {
	text-indent: -9999px;
}
#main ul.plan20 li a {
	display:block;
	height: 31px;
	width: 126px;
	background-image: url(../common_images/plan-20.jpg);
	background-repeat: no-repeat;
}
#main ul.plan20 li a:hover {
	background-position: 0 -31px;
}

/*---------- 安心パック50名様プランのご案内 ----------*/
#main ul.plan50 {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#main li.plan50 {
	text-indent: -9999px;
}
#main ul.plan50 li a {
	display:block;
	height: 31px;
	width: 126px;
	background-image: url(../common_images/plan-50.jpg);
	background-repeat: no-repeat;
}
#main ul.plan50 li a:hover {
	background-position: 0 -31px;
}

/*---------- 安心パック100名様プランのご案内 ----------*/
#main ul.plan100 {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#main li.plan100 {
	text-indent: -9999px;
}
#main ul.plan100 li a {
	display:block;
	height: 31px;
	width: 126px;
	background-image: url(../common_images/plan-100.jpg);
	background-repeat: no-repeat;
}
#main ul.plan100 li a:hover {
	background-position: 0 -31px;
}


/*---------- お問い合わせ下さい ----------*/
#main ul.contact {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: none;
}
#main li.contact {
	text-indent: -9999px;
}
#main ul.contact li a {
	display:block;
	height: 20px;
	width: 180px;
	background-image: url(../common_images/contact.jpg);
	background-repeat: no-repeat;
}
#main ul.contact li a:hover {
	background-position: 0 -20px;
}

/* ---------------------------------------------------------------- *
	サイドメニュー部分の設定
 * ---------------------------------------------------------------- */
#sidenavi {
	float: left;
	width: 199px;
	z-index: 1;
}
 
 
#sidenavi ul{
	list-style-type: none;
}
#sidenavi li {
	position: absolute;
	text-indent: -9999px;
}
/*---------- 葬儀・法要のご案内 ----------*/
#sidenavi li.m1 {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 42px;
	width: 199px;
	background-image: url(../menu_images/m1-0.jpg);
}
/*---------- 葬儀の流れ ----------*/
#sidenavi li.nagare a {
	position: absolute;
	left: 0px;
	top: 42px;
	height: 30px;
	width: 199px;
	background: url(../menu_images/m1-1.jpg) no-repeat;
}
#sidenavi li.nagare a:hover {
	background-position: 0 -30px;
}
/*---------- 葬儀プランのご案内 ----------*/
#sidenavi li.plan a {
	position: absolute;
	left: 0px;
	top: 72px;
	height: 30px;
	width: 199px;
	background: url(../menu_images/m1-2.jpg) no-repeat;
}
#sidenavi li.plan a:hover {
	background-position: 0 -30px;
}
/*---------- 会葬の手引き ----------*/
#sidenavi li.kaiso a {
	position: absolute;
	left: 0px;
	top: 102px;
	height: 30px;
	width: 199px;
	background: url(../menu_images/m1-3.jpg) no-repeat;
}
#sidenavi li.kaiso a:hover {
	background-position: 0 -30px;
}
/*---------- よくある質問 ----------*/
#sidenavi li.faqp a {
	position: absolute;
	left: 0px;
	top: 132px;
	height: 30px;
	width: 199px;
	background: url(../menu_images/m1-4.jpg) no-repeat;
}
#sidenavi li.faqp a:hover {
	background-position: 0 -30px;
}
/*---------- 斎場のご案内 ----------*/
#sidenavi li.m2 {
	position: absolute;
	left: 0px;
	top: 162px;
	height: 30px;
	width: 199px;
	background-image: url(../menu_images/m2-0.jpg);
}
/*---------- 式場（ホール） ----------*/
#sidenavi li.hall a {
	position: absolute;
	left: 0px;
	top: 192px;
	height: 30px;
	width: 199px;
	background: url(../menu_images/m2-1.jpg) no-repeat;
}
#sidenavi li.hall a:hover {
	background-position: 0 -30px;
}
/*---------- 法要会場 ----------*/
#sidenavi li.hoyo a {
	position: absolute;
	left: 0px;
	top: 222px;
	height: 30px;
	width: 199px;
	background: url(../menu_images/m2-2.jpg) no-repeat;
}
#sidenavi li.hoyo a:hover {
	background-position: 0 -30px;
}
/*---------- お料理 ----------*/
#sidenavi li.foods a {
	position: absolute;
	left: 0px;
	top: 222px;
	height: 30px;
	width: 199px;
	background: url(../menu_images/m2-3.jpg) no-repeat;
}
#sidenavi li.foods a:hover {
	background-position: 0 -30px;
}
/*---------- 各種施設 ----------*/
#sidenavi li.sisetu a {
	position: absolute;
	left: 0px;
	top: 252px;
	height: 30px;
	width: 199px;
	background: url(../menu_images/m2-4.jpg) no-repeat;
}
#sidenavi li.sisetu a:hover {
	background-position: 0 -30px;
}
/*---------- 営業案内 ----------*/
#sidenavi li.annai a {
	position: absolute;
	left: 0px;
	top: 282px;
	height: 30px;
	width: 199px;
	background: url(../menu_images/m2-5.jpg) no-repeat;
}
#sidenavi li.annai a:hover {
	background-position: 0 -30px;
}

/*---------- お問い合せ ----------*/
#sidenavi li.toiawase a {
	position: absolute;
	left: 0px;
	top: 501px;
	height: 24px;
	width: 199px;
	background: url(../menu_images/toiawase.jpg) no-repeat;
}
#sidenavi li.toiawase a:hover {
	background-position: 0 -24px;
}

/*---------- 案内地図 ----------*/
#sidenavi li.map a {
	position: absolute;
	left: 0px;
	top: 525px;
	height: 24px;
	width: 199px;
	background: url(../menu_images/m3-1.jpg) no-repeat;
}
#sidenavi li.map a:hover {
	background-position: 0 -24px;
}

/*---------- リンク ----------*/
#sidenavi li.link a {
	position: absolute;
	left: 0px;
	top: 549px;
	height: 24px;
	width: 199px;
	background: url(../menu_images/link.jpg) no-repeat;
}
#sidenavi li.link a:hover {
	background-position: 0 -24px;
}

/*---------- 130台立体駐車場完備 ----------*/
#sidenavi li.parking {
	position: absolute;
	left: 0px;
	top: 573px;
	height: 24px;
	width: 199px;
	background: url(../menu_images/m3-2.jpg) no-repeat;
}

/*---------- フリーダイヤル ----------*/
#sidenavi li.telephone {
	position: absolute;
	left: 0px;
	top: 597px;
	height: 106px;
	width: 199px;
	background: url(../menu_images/m3-3.jpg) no-repeat;
}


[id="sidenavi"]#sidenavi {
  margin-top: 0;
}
html:lang(ja) #sidenavi {
  margin-top: 0;
}

/* ---------------------------------------------------------------- *
	コンテンツ部分の設定
 * ---------------------------------------------------------------- */

.contents {
  margin-top: 0;
	margin-bottom: 20px;
	padding-top: 0.5em;
	padding-right: 0em;
	padding-bottom: 0.5em;
	padding-left: 0em;
	width: 554px;
}
.contents2 {
  margin-top: 0;
	margin-bottom: 20px;
	padding-top: 0.5em;
	padding-right: 0em;
	padding-bottom: 0.5em;
	padding-left: 0em;
	width: 554px;
}
.contents3 {
  margin-top: 0;
	margin-bottom: 20px;
	padding-top: 0.5em;
	padding-right: 0em;
	padding-bottom: 0.5em;
	padding-left: 0em;
	width: 554px;
}

.setplan {
	float: left;
	width: 275px;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	background-image: url(../index_images/planback.jpg);
	background-repeat: no-repeat;
	background-position: right 45px;
	padding-top: 0em;
	padding-right: 1px;
	padding-bottom: 0em;
	padding-left: 0em;
}
.discount {
	background-color: #BEE5FA;
	padding: 4px;
	margin-right: 1em;
	margin-left: 2em;
}


/* ---------------------------------------------------------------- *
	コンテンツ画像の設定
 * ---------------------------------------------------------------- */

.contents img.fig {
  float: left;
  margin-top: 0.5em;
  margin-right: 1em;
  margin-bottom: 0em;
  margin-left: 1em;
}

.contents img.figr {
  float: right;
  margin-top: 0em;
  margin-right: 1em;
  margin-bottom: 1em;
  margin-left: 1em;
}
.contents img.allow {
  margin-top: 1em;
  margin-right: 1em;
  margin-left: 1em;
}
*html.contents img.allow {
	top: 1em;
	margin-right: 1em;
	margin-left: 1em;
	position: absolute;
	z-index: 5;
}



/*---------- 詳細ボタン ----------*/
#main li.detail a {
	height: 35px;
	width: 199px;
	background-image: url(../common_images/detail.jpg);
	background-repeat: no-repeat;
}
#main li.detail a:hover {
	background-position: 0 -35px;
}

/* ---------------------------------------------------------------- *
	画像のみのボックスを作る場合の設定
 * ---------------------------------------------------------------- */

.imgbox {
  background: #FFFFFF;
  margin-top: 0;
  margin-bottom: 0;
}

/* ---------------------------------------------------------------- *
	フッタ部分の設定
 * ---------------------------------------------------------------- */

#footer {
	padding-top: 0.6em;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
	border-top: 1px solid #586CAA;
	clear:both;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -15px;
}

#footer ul {
	margin-bottom: 4px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
}

#footer ul li {
  margin: 0;
  padding: 0;
}