/* @charset "UTF_8";
 */
/*********************************************************/
/* CSS file For サイト名  sakaibetsuin [本願寺 堺別院] */
/* FileName: sub.css                          */
/* data:2009/12/06                             */
/*********************************************************/
/*
■目次 ==========================================

[01]:ブラウザスタイル初期化
[02]:ページの基本構造
[03]:大枠レイアウト
[04]:ヘッダーレイアウト
[05]:フッター コピーライト
[06]:メインコンテンツ レイアウト
[07]:
[08]:ヘッダーナビゲーション
[09]:トップナビゲーション
[10]:パンくず
[11]:

================================================


/* [01]:ブラウザスタイル初期化 */
/* ------------------------------------------------------------------------- */

	html {
		height: 100%;
		margin: 0px;
		padding: 0px;
	}

	h1,h2,h3,h4,h5,h6,p,pre,blockquote,ol,dl,dd {
		margin: 0px;
		padding: 0px;
	}

	img {
		border: none;
		vertical-align: top;
	}

	br {
		letter-spacing: normal;
	}

	form,fieldset {
		margin: 0px;
		padding: 0px;
	}

	fieldset {
		border: none;
	}



/* [02]:ページの基本構造 */
/* ------------------------------------------------------------------------- */

	blockquote {
		padding: 5px;
		font-size: 12px;
		line-height: 18px;
		color: #FC758E;
	}

	ul {
		list-style: none;
		padding: 0px;
		margin: 0px;
	}

	li {
		border: none;
		vertical-align: top;
		padding: 0px;
		margin: 0px;
	}

	hr {
		color: #CCCCCC;
		height: 1px;
		border: 0px;
	}

	.e9, .e10, .e12, .e14 {
		font-family : "Tahoma","Verdana", "Arial", "sans-serif";
	}

	.j9, .j10, .j12, .j14 {
		font-family:"Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";
	}

	A:link    {color:#333333; text-decoration:underline;}
	A:visited {color:#333333; text-decoration:underline;}
	A:hover   {color:#333333; text-decoration:underline;}


/* [03]:大枠レイアウト */
/* ------------------------------------------------------------------------- */

	body {
		font-size:100%;
		color:#333;
		font-family:"Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";
		background-color:#fff;
		/* background-image: url(../img/bg.jpg );
		background-repeat:repeat-x;
		background-position:center top; */
		margin: 0;
		padding: 0;
	}

	#top {
		background-image: url(../img/back_head.jpg );
		background-repeat:repeat-x;
		background-position:center top;
	}

	#top2 {
		background-image: url(../img/back_head_02.jpg );
		background-repeat:repeat-x;
		background-position:center top;
	}

	#container {
		width: 1000px;
		/* background-color:#467979; */
		margin: 0 auto;
	}

/* [04]:ヘッダー*/
/* ------------------------------------------------------------------------- */
	/* ヘッダー */
	#header {
		width: 840px;		/* IE5.5-6.0対策 */
		height:124px;
		padding-left: 80px;
		_padding-right: 40px;		/* IE5.5-6.0ハック対応 */
	}
	.header_left {
		width: 220px;		/* IE5.5-6.0対策 */
		float:left;
	}
	.header_right {
		width: 620px;		/* IE5.5-6.0対策 */
		float:right;
		
	}

	#mainimg {
		padding:1px 0px;
	}

/* [05]:フッター コピーライト */
/* ------------------------------------------------------------------------- */
	#footer {
		width: 100%;		/* IE5.5-6.0対策 */
		height:130px;
		background-image: url(../img/back_foot.jpg );
		background-repeat:none;
		background-position:center top;
		margin-top:0px;
		clear: both;
		/* text-align:center; */
	}
	#footerbox {
		width: 800px;		/* IE5.5-6.0対策 */
		/* margin: 0 auto; */
		margin: 0 auto;
	}

	.footerbox_left {
		width: 670px;		/* IE5.5-6.0対策 */
		float: left;
		color:#FFF;
		font-size:12px;
		line-height:18px;
		padding-top: 30px;
	}

	.footerbox_right {
		width: 110px;		/* IE5.5-6.0対策 */
		padding-top: 20px;
		padding-left: 20px;
		float: right;
	}

	a:link.footerlink		{color:#fff; text-decoration:none;}
	a:visited.footerlink	{color:#fff; text-decoration:none;}
	a:hover.footerlink		{color:#fff; text-decoration:underline;}

/* [06]:メインコンテンツ レイアウト*/
/* ------------------------------------------------------------------------- */
	/* contents */
	#contents {
		width: 800px;		/* IE5.5-6.0対策 */
		margin-left: 80px;
		background-image: url(../img/back_main_line.gif );
		background-repeat:repeat-y;
		background-position:center top;
		padding: 20px 20px 100px 20px;
		overflow:auto;
		/*\*/
		* html div.parent{overflow: visible;}		/* IE5.5-6.0対策 */
		/*\*/
	}
	
/* トップページのみ */
	#contents_left {
		width: 530px;
		float:left;
		font-size:12px;
		line-height:18px;
		color:#3330;
		/* background-color:#467913; */
	}
	#contents_right {
		width: 260px;
		float:right;
		font-size:12px;
		line-height:18px;
		color:#333;
		padding-left:10px;
		/* background-color:#484841; */
	}
	.topbox
	{
		padding: 0px 10px 10px 10px;
	}
	.inline
	{
		border: solid 1px #CCCCCC;
		width: 480px;
		height: 180px;
		padding: 10px;
		overflow: auto;
	}

	#contents2 {
		width: 760px
		margin: 0 auto;	/*  */
		padding: 0px 20px;
		font-size:12px;
		line-height:18px;
		color:#333;
	}
	





/* [08]:ヘッダーナビゲーション */
/* ------------------------------------------------------------------------- */
	#headnavi {
		width: 620px;		/* IE5.5-6.0対策 */
		height:15px;
		padding-top:23px;
		padding-right:20px;
	}
	#headnavi ul {
		height:15px;
		padding: 0px;
		list-style:none;
		float: right;
	}
	#headnavi li {
		margin: 0px;
		padding: 0px;
		display:block;
		height: 15px;
		float: left;
		text-indent:-9999px;
	}
	#headnavi a{
		height: 15px;
		padding: 0;
		margin: 0;
		display:block;
		text-decoration:none;
			/* hack \*/
		/* 	overflow:hidden; */
			/* end hack */
	}
	.headnavi01 a {background: url(../img/topnavi01.gif ) no-repeat; width: 100px;}
	.headnavi01 a:hover {background: url(../img/topnavi01_on.gif ) no-repeat; width: 100px;}
	.headnavi01 a.on {background: url(../img/topnavi01.gif ) no-repeat; width: 100px;}

	.headnavi01_on  {background: url(../img/topnavi01_on.gif ) no-repeat; width: 100px;}
	
	.headnavi02 a {background: url(../img/topnavi02.gif ) no-repeat; width: 100px;}
	.headnavi02 a:hover {background: url(../img/topnavi02_on.gif ) no-repeat; width: 100px;}
	.headnavi02 a.on {background: url(../img/topnavi02.gif ) no-repeat; width: 100px;}

	.headnavi02_on  {background: url(../img/topnavi02_on.gif ) no-repeat; width: 100px;}

/* [09]:トップナビゲーション */
/* ------------------------------------------------------------------------- */
	#topnavi {
		width: 620px;		/* IE5.5-6.0対策 */
		height:52px;
		padding-top:10px;
		padding-right:10px;
		_padding-top:2px;		/* IE5.5-6.0ハック対応 */
		_padding-right:5px;		/* IE5.5-6.0ハック対応 */
	}
	#topnavi ul {
		height:52px;
		padding: 0px;
		list-style:none;
		float: right;
	}
	#topnavi li {
		margin: 0px;
		padding: 0px;
		display:block;
		height: 52px;
		float: left;
		text-indent:-9999px;
	}
	#topnavi a{
		height: 52px;
		padding: 0;
		margin: 0;
		display:block;
		text-decoration:none;
			/* hack \*/
		/* 	overflow:hidden; */
			/* end hack */
	}
	.topnavi01 a {background: url(../img/navi01.jpg ) no-repeat; width: 150px;}
	.topnavi01 a:hover {background: url(../img/navi01_on.jpg ) no-repeat; width: 150px;}
	.topnavi01 a.on {background: url(../img/navi01.jpg ) no-repeat; width: 150px;}

	.topnavi01_on  {background: url(../img/navi01_on.jpg ) no-repeat; width: 150px;}
	
	.topnavi02 a {background: url(../img/navi02.jpg ) no-repeat; width: 150px;}
	.topnavi02 a:hover {background: url(../img/navi02_on.jpg ) no-repeat; width: 150px;}
	.topnavi02 a.on {background: url(../img/navi02.jpg ) no-repeat; width: 150px;}

	.topnavi02_on  {background: url(../img/navi02_on.jpg ) no-repeat; width: 150px;}

	.topnavi03 a {background: url(../img/navi03.jpg ) no-repeat; width: 150px;}
	.topnavi03 a:hover {background: url(../img/navi03_on.jpg ) no-repeat; width: 150px;}
	.topnavi03 a.on {background: url(../img/navi03.jpg ) no-repeat; width: 150px;}

	.topnavi03_on  {background: url(../img/navi03_on.jpg ) no-repeat; width: 150px;}

	.topnavi04 a {background: url(../img/navi04.jpg ) no-repeat; width: 150px;}
	.topnavi04 a:hover {background: url(../img/navi04_on.jpg ) no-repeat; width: 150px;}
	.topnavi04 a.on {background: url(../img/navi04.jpg ) no-repeat; width: 150px;}

	.topnavi04_on  {background: url(../img/navi04_on.jpg ) no-repeat; width: 150px;}


/* [10]:パンくず SEO */
/* ------------------------------------------------------------------------- */
	#topicpath {
		width: 780px;		/* IE5.5-6.0対策 */
		padding-bottom:10px;
		line-height:18px;
	}
	.seo_h1 {
	/* #mainimg で使用 */
	}

	#seo_h2 {
		font-size:10px;
		font-weight:lighter ;
		line-height: 18px;
		color:#2B1754;
	}

	.seo_h3 {
		padding-top: 20px;
	}