
body {
	font: .88em/150% Arial, Helvetica, sans-serif;
	margin: 0px auto;
	background-color:#fbefdc;
	background-color:#fff;
	/*font-weight:bold;*/
	font-size: 13px;
	_font-size:75%;	/*forIE6*/
	line-height:1.5;
	color:#5c4a36;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

/*** ↓↓hack for clearfix DIV ***/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
	min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac */
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}


.clear_fl {

	clear: both;
	height:24px;
}


h2 {
	font-size: 1.6em;/*	margin: 20px 0 5px;*/
}

.contents H2 {
	margin-left:730px;
	width:50px;
	display: block;
	margin-top:0px;
}
.contents H2 span {
	display:none;
}
a {
	color: #996633;
	text-decoration: none;
}
a:hover {
	color: #999;
}


a[href^="mailto:"]{
	padding-left: 24px;
	background: url(../images/icon-mail.gif) no-repeat center left;
}


/*tooltip*/
a.tooltip:hover {
     _background: #ffffff;     /* for lt IE6 */
     text-decoration: none;
}
a.tooltip span {
     display: none;
     padding: 4px;
     font-size: 12px;
     margin-left: -140px;
	margin-top:16px;
     line-height: 1.;
}
a.tooltip:hover span{
     display: inline;
     position: absolute;
     background-color: #ffffff;

     border: 1px solid #cccccc;
     color: #000000;
     width: 140px;     /* a.tooltip spanに指定⇒IE6以下でspanの領域でホバーしてしまう */

	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
}


#map_print a {
width:100px;
height:30px;
float:right;
margin-left:80px;

background: url(../images/icon_pdf.png) no-repeat center right;
padding-top:20px;
}



/*コンテンツ共通*/
.contents {
	width:780px;
	margin: 0 auto;
	padding:20px;
}

/*------------------
	Maincontents
------------------*/
#Maincontents {
	z-index:1;
	margin: 0 auto;
	width: 860px;
	/*	padding-left: 10px;*/
	position: relative;
	background-color:#fbefdc;
}


/*--------------------
トップ上部お知らせヘッダ
----------------------*/
#topHeader {
	padding:2px 0 0 20px;

	height:30px;
}

 #topHeader h1 {
	 height:0px;
	 
 }
/*お問合わせ*/
#mailto_top {
	float:right;
	margin-right:40px;
	margin-top:4px;

}
#mailto_top a{
color:#5c4a36;
}



/*-----------------------
トップメインSC
-------------------------*/
#mainHeader {
	background:  url(../images/mainSc.jpg) no-repeat center center;
	/*margin:0 auto;*/
	height:492px;
}
/*スクリーン内コンテンツ*/
#headContent {

	float:left;
	width:820px;
	margin-left:20px;
	height:492px;
}

/*ナビ*/
#gnavi {
	margin:0;
	padding:0px;
	list-style-type:none;
	margin-right:17px;
	margin-top:325px;
}
#gnavi li {
	float:right;
	margin-left:9px;
	width:27px;
	text-indent: -9999px;
}

#gnavi a {

	height:132px;
	display:block;	width:27px;	text-indent: -9999px;
}
#navi_about a {

	background: url(../images/navi.png) no-repeat -108px 0px;
}
#navi_about a:hover {
	background: url(../images/navi.png) no-repeat -108px -132px;
}

#navi_mandoumap a {
	background: url(../images/navi.png) no-repeat -81px 0px;
}
#navi_mandoumap a:hover {
	background: url(../images/navi.png) no-repeat -81px -132px;
}

#navi_honmonji a {

	background: url(../images/navi.png) no-repeat -54px 0px;
}
#navi_honmonji a:hover {
	background: url(../images/navi.png) no-repeat -54px -132px;
}

#navi_access a {
	background: url(../images/navi.png) no-repeat -27px 0px;
}
#navi_access a:hover {
	background: url(../images/navi.png) no-repeat -27px -132px;
}


/*間に合うのかバナー*/
#navi_prolog li {
}
#navi_prolog a {
	height:91px;
	display:block;
	background: url(../images/banner_pro.jpg) no-repeat 0px 0px;
	width:289px;
	text-indent: -9999px;
	margin-left:-600px;
}
#navi_prolog a:hover {
	background: url(../images/banner_pro.jpg) no-repeat 0px 0px;
	width:289px;
	margin-left:-600px;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	/*-webkit-filter: brightness(0%); */
	opacity:0.9;
}

/*バナー透過*/
.img_opa img:hover {
	filter:alpha(opacity=80);
	opacity:0.8;
}



/*----------------
上へ戻るbutton 
-----------------*/
#back-top {
	position: fixed;
	bottom: 12px;

right:20px;


}

#back-top a {
float:right;
	width: 130px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	/*	color: #bbb;
*/	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;

}


/* (span tag) */
#back-top span {

	width: 130px;
	height: 120px;
	display: block;
	margin-bottom: 0px;
	background:  url(../images/go2top.png) no-repeat center center;
	/* rounded corners */

/*	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
*/
	/* background color transition */
	-webkit-transition:0.51s;
	-moz-transition:0.5s;
	transition: 0.5s;

}
#back-top a:hover span {
	/*	background-color: #777;*/
background:  url(../images/go2top_h.png) no-repeat center center;
}




/*-------------
お会式とは
--------------*/
#about {
	height:680px;/*border:1px red solid;*/
}
#about H2 {
	background-image: url(../images/oeshikitoha.png);
	height:180px; 
}


#about_text {
	float:right;
	width:340px;
	margin-right:70px;
	position: relative;
	top: -170px;



	height:640px;
	background:  url(../images/kozouand.png) no-repeat bottom right;
	clear: both;



}

#about_text .text_arrange {
	width:250px;


}
.image_a {
	position: relative;
	top: -170px;
	float:left;
	margin-bottom:20px;
}
.image_b {
	position: relative;
	top: -255px;
	float:left;
}
#photo_oe01 {
	background: url(../images/photo_oe01.jpg) no-repeat center 4px;
}
#photo_oe02 {
	background: url(../images/photo_oe02.jpg) no-repeat center 4px;
}

/*-------------
本門寺とは
--------------*/
#honmonji {
	height:420px;
　
}
#honmonji H2 {
	background-image: url(../images/honmonjitoha.png);
	height:247px;
}


#honmonji_text {
	float:right;
	width:199px;
	margin-right:70px;
	position: relative;
	top: -255px;
	clear: both;
}

#honmonji_text .text_arrange {
	width:250px;
}


div#photo_oe03 {
	background:  url(../images/honmonji_b.png) no-repeat top left;
	height:350px;
	width:490px;/*border:1px solid green;*/
}




/*---------------
万灯まっぷ
----------------*/


#mandoumap {
	margin-bottom:10px;
	height:1000px;
　
}
#mandoumap H2 {
	background-image: url(../images/mandoumap.png);
	height:284px;
}

#mandoumap_text {

	position: relative;
	top: -260px;
	margin-bottom:20px;
	width:700px;
}
#mandoumap_map {

	position: relative;
	top: -245px;
	height:auto;
	width:720px;
	background: url(../images/map.png) no-repeat 10px 10px;
}
#mandoumap_map img {
	height:800px;
	width:720px;
}



/*----------------
交通のご案内
---------------*/
#access {
	height:600px;

}
#access H2 {
	background-image: url(../images/koutsuu.png);
	height:247px;

}

#g_map {

width:400px;
padding-top:0px;
margin-top: -210px;
border:1px #ccc solid;
background-color:#fff;

}

#access_text {


width:230px;
margin-top: -520px;
float:right;
width:290px;
margin-right:70px;
clear: both;
}


#access_text table {
	border-collapse: collapse;
	width:100%;
}
#access_text th.t_top  {

}
#access_text th {
	border: #e3e3e3 1px solid;
	text-align: left;
	background: #f7f7f7;
	padding: 6px;
	font-weight: normal;
}
#access_text td.t_top {
}
#access_text td {

	border-top: #e3e3e3 1px solid;
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	text-align: left;
	padding: 6px;
	background: #faf7f1;
}
#access_text tr:hover {
  /*  background: #3D80DF;
    color: #FFFFFF;*/
}














/*-------------------
間に合うのかプロローグ
--------------------*/

#prolog {
/*
border:1px pink solid;*/
}
/*プロローグ背景指定*/

#prolog_cont {

	width:710px;
	/*
	position: relative;
	top:-90px;*/
	margin-left:30px;

	background:  url(../images/maniaunoka_BG.gif) repeat;
	height:940px;
	height:807px;
	height:660px;
}

/*ヘッダ*/
#prolog H2 {
	background: url(../images/maniaunoka.png) no-repeat 0px 20px;
	height:80px;
	width:272px;
	margin-top:-10px;

	margin-left:230px;
	display: block;
}

/*枠*/
#prolog_fr {
	width:730px;
	margin-top:-90px;
	margin-left:-10px;
	background:  url(../images/maniaunoka_fr.png) no-repeat;
	height:953px;
	height:820px;
	height:670px;
}

/*内容*/
#prolog_main {
	padding:30px;
	padding-top:90px;
	width:460px;
	margin:0 auto;
	text-align: center;  

}









/*---------------------
ライン付セパレーター
----------------------*/
.separator {
	background:  url(../images/separator.png) no-repeat center center;
	height:60px;
	width:860px;
	margin:20px 0px;/*border:1px red solid;*/
}





/*---------------------------------
	footer
---------------------------------*/

#footerWrap {
	margin-top:-10px;
	height:200px;
	width:100%;
	background-color:#a26b4c;
	background:  url(../images/footer_img.png) repeat-x center center;
	z-index:2;
	position: absolute;
}
#footer {
	position: absolute;
	height:200px;
	width:860px;

	position:relative;
	margin:0 auto;
	margin-top:0px;
	color:#fff;
 	background:  url(../images/footer_img.png) repeat-x center center;
}
#footer a {
	color:#ccc;
	text-decoration:none;
}
#footer a:hover {
	color:#fff;
	text-decoration:none;
}
#footer ul {
	list-style-type:disc;
	margin-top:30px;
	list-style-image:url('../images/list-arrow.gif');
	margin-left:40px;
	
}
#footer li {
	margin-bottom:5px;
}

#footer div.mailto{		


	margin-top:20px;
	margin-right:40px;
	float:right;


}
.ft_left {
	margin-left:10px;
	float:left;
}
.ft_right {
	margin-left:10px;
	float:left;
}
#copyright {
	clear:both;
	padding-top:30px;
	width:600px;
	padding-left:240px;
}




