@import 'font.css';
@import 'layout.css';

/*   
Theme Name: 宗教法人宝性寺のテーマ
Theme URI: 
Description: 宝性寺オリジナルテーマ
Author: IPPEI IZUMI
Author URI: http: //ehime-support.net/
Version: 2.0
*/

/* 全体的なルール */

* {
	text-align:left;
	margin: 0;
	padding: 0;
 }

IMG {
	border: 0;
 }

li{
	list-style-type: none
 }

a {
	overflow:hidden;/*\*/
	overflow: hidden; /**/ 
 }

.clearfix:after{
 	content:".";
 	display:block;
 	height:0;
 	clear:both;
 	visibility:hidden;
 }

.clearfix{
 	display:inline-block;
 }

.center{
	text-align:center;
	margin:0 auto;
 }

/* Body
-------------------------------------------------------------------------------- */

BODY {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiyro,ＭＳ Ｐゴシック,sans-serif;
  	font-size: 12px;
	color: #777;
	line-height:16px;
	text-align:left;
 	background-color:#FFF;
 	background-image:url('img/shadow.jpg');
 	background-repeat: repeat-y;
 	background-position:885px 0px;
 }


/* レイアウト
-------------------------------------------------------------------------------- */

#page {
	width:885px;
 	height:auto;
 	margin:0;
	padding-top : 121px;
	position : absolute ;
 }

#header {
	width:885px;
	height:121px;
	position : absolute ;
	top : 0px ;
 }


#main {
	clear:both;
	width:885px;
	height:auto;
	background-image:url('img/contents_bg.gif');
	background-repeat: repeat-y;
 }

#wrap {
	width: 725px;
	float: left;
 }

#contents {
	text-align:center;
	margin:0 auto;
	float:right;
	width:568px;
	height:auto;
	overflow: hidden;
 }

#left {
	float:left;
	width:157px;
	background-color:#B6FFDA;
}

#right {
	background-image:url('img/side_bg.gif');
	background-repeat: repeat-y;
 }


/* main
-------------------------------------------------------------------------------- */

h1 {
	width:717px;
	height:auto;
	color:#FFF;
  	font-size: 12px;
	margin-top:195px;
	padding-left:10px;
	float:left;
 }

/* コンテンツテンプレート-------------------------------------------------------------------------------- */

#contents H2{
	font-size:16px;
	font-weight:bold;
	color:#000;
	margin:5px 0 0 5px;
	padding:10px 0 5px 20px;
 	background:url(img/h2_bg1.jpg) left bottom no-repeat;
 }
#contents H2 a{
	color:#0051A2;
}


#contents H3{
	text-align : left;
	font-size : 16px;
	font-weight : bold;
	color : #ff8000;
	margin-top : 15px;
	margin-bottom : 10px;
	margin-left : -10px;
	padding-left : 5px;
	padding-top : 2px;
	border-left-width : 10px;
	border-left-style : solid;
	border-left-color : maroon;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : maroon;
	clear:both;
 }

#contents H4{
	clear:both;
	width:570px;
	height:35px;
	margin:10px 20px 0px 20px;
	background-image:url('img/point1.gif');
	background-repeat: no-repeat;
	text-indent: 30px;
	vertical-align:top;
	font-size: 15px;
	color: #000;
	font-weight: bold;
	line-height:20px;
 }

#post-entry H5{
	text-align : left;
	font-size : 14px;
	font-weight : bold;
	color : navy;
	margin-top : 15px;
	margin-bottom : 10px;
	margin-left : 5px;
	padding-left : 5px;
	padding-top : 2px;
 }

.bread{
	font-size : 10px;
	color : gray;
	text-align : right;
	margin-top : 10px;
	margin-right : 5px;
	margin-bottom : 10px;
 }

#post-entry{
	text-align : left;
	margin-bottom : 10px;
	margin-left : 5px;
	padding-left : 5px;
	padding-top : 2px;
 }

.post-content-top{
	font-size:12px;
	color:#005984;
	padding:10px 15px;
	line-height:1.5;
 }


.post-content{
	font-size : 14px;
	line-height: 20px;
	word-spacing: 15px;
	margin-left : 15px;
	margin-right : 15px;
 }

.post-date{
	font-size : 10px;
	color : gray;
	text-align : right;
	margin-top : 15px;
	margin-right : 5px;
	border-top-width : 1px;
	border-top-style : solid;
	border-top-color : #3399FF;
 }

.navigation{
	font-size : 11px;
	text-align : center;
	margin-top : 5px;
	margin-bottom : 5px;
 }

.post-content p{
	margin-top : 15px;
 }

.post-comments{
	font-size : 10px;
	color : gray;
	text-align : right;
	margin-top : 15px;
	margin-left : 5px;
	margin-right : 5px;
	margin-bottom : 8px;
	padding-top : 2px;
	border-top-width : 2px;
	border-top-style : solid;
	border-top-color : maroon;
 }

.list_top{
	margin : 5px 15px 5px 20px ;
 }

.list{
	margin : 3px 0px 3px 20px ;
	list-style-type: disc;
 }

.t{
	margin : 3px 0px 3px 20px ;
 }

.comment-form{
	text-align : left ;
 }

BLOCKQUOTE{
	padding-left : 5px;
	padding-right : 5px;
	margin-left : 10px;
	margin-right : 10px;
	border-left-width : 1px;
	border-left-style : solid;
	border-left-color : navy;
	font-style : oblique;
	color : maroon;
	margin-top : 10px;
	margin-bottom : 10px;
 }

/* rightBanner（写真の隣）
-------------------------------------------------------------------------------- */

#rightBanner {
	text-align:center;
	width:158px;
	height:213px;
	float:right;
	margin:0 auto;
	background-image:url('img/side_bg.gif');
	background-repeat: repeat-y;
 }

#rightBannerS {
	text-align:center;
	width:158px;
	height:119px;
	float:right;
	margin:0 auto;
	background-image:url('img/side_bg.gif');
	background-repeat: repeat-y;
 }

#rightBanner li{
	margin:5px auto 0px auto;
 }

#rightBanner a{
	text-align:center;
	margin:0 auto;
	width:158px;
	height:60px;
	display: block;
 }


/* ヘッダー -------------------------------------------------------------------------------- */

#title{
	width:885px;
	height:79px;
	margin:0;
	background-image:url('img/header_bg.jpg');
	background-repeat: no-repeat;
	vertical-align:top;
	text-align:right;
 }

#logo{
	width:189px;
	height:42px;
	float:right;
 }

#headermenu{
	clear:both;
	width:885px;
	height:26px;
	background:url('img/headerBar.jpg') no-repeat left top;
 }

#headermenu ul{
	width:869px;
	height:26px;
	margin-left:12px;
 }

#headermenu li{
	width:78px;
	height:26px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
 }

#headermenu a{
	width:78px;
	height:26px;
	display: block;
 }

#menu01 {background:url(img/menu01.jpg);background-position: 0px -52px;}
#menu01 a{background:url(img/menu01.jpg);background-position: 0px 0px;}
#menu01 a:hover {background-position: 0px -26px;}

#menu02 {background:url(img/menu02.jpg);background-position: 0px -52px;}
#menu02 a{background:url(img/menu02.jpg);background-position: 0px 0px;}
#menu02 a:hover {background-position: 0px -26px;}

#menu03 {background:url(img/menu03.jpg);background-position: 0px -52px;}
#menu03 a{background:url(img/menu03.jpg);background-position: 0px 0px;}
#menu03 a:hover {background-position: 0px -26px;}

#menu04 {background:url(img/menu04.jpg);background-position: 0px -52px;}
#menu04 a{background:url(img/menu04.jpg);background-position: 0px 0px;}
#menu04 a:hover {background-position: 0px -26px;}

#menu05 {background:url(img/menu05.jpg);background-position: 0px -52px;}
#menu05 a{background:url(img/menu05.jpg);background-position: 0px 0px;}
#menu05 a:hover {background-position: 0px -26px;}

#menu06 {background:url(img/menu06.jpg);background-position: 0px -52px;}
#menu06 a{background:url(img/menu06.jpg);background-position: 0px 0px;}
#menu06 a:hover {background-position: 0px -26px;}

#menu07 {background:url(img/menu07.jpg);background-position: 0px -52px;}
#menu07 a{background:url(img/menu07.jpg);background-position: 0px 0px;}
#menu07 a:hover {background-position: 0px -26px;}

#menu08 {background:url(img/menu08.jpg);background-position: 0px -52px;}
#menu08 a{background:url(img/menu08.jpg);background-position: 0px 0px;}
#menu08 a:hover {background-position: 0px -26px;}

#menu09 {background:url(img/menu09.jpg);background-position: 0px -52px;}
#menu09 a{background:url(img/menu09.jpg);background-position: 0px 0px;}
#menu09 a:hover {background-position: 0px -26px;}

#menu10 {background:url(img/menu10.jpg);background-position: 0px -52px;}
#menu10 a{background:url(img/menu10.jpg);background-position: 0px 0px;}
#menu10 a:hover {background-position: 0px -26px;}

#menu11 {background:url(img/menu11.jpg);background-position: 0px -52px;}
#menu11 a{background:url(img/menu11.jpg);background-position: 0px 0px;}
#menu11 a:hover {background-position: 0px -26px;}

/* レフトサイドバー -------------------------------------------------------------------------------- */

#left_navi{
	width:157px;
	height:auto;
	background-color:#B6FFDA;
}

.naviButton li{
	width:157px;
	height:24px;
	line-height:23px;
	color:#FFFFFF;
	text-indent: 20px;
	background-color:#4D8C5E;
	background-image:url('img/triangDn.gif') ;
	background-repeat: no-repeat;
	border-bottom: thin solid #FFFFFF;
 }

.naviButton a{
	width:157px;
	height:24px;
	display: block;
	background-color:#B6FFDA;
	background-image:url('img/triangUp.gif') ;
	background-repeat: no-repeat;
 }

.naviButton a:hover{
	background-color:#4D8C5E;
	background-image:url('img/triangDn.gif') ;
	background-repeat:no-repeat;
 }

#naviBanner {
	text-align:center;
	width:157px;
	height:auto;
	margin:10px auto;
 }
#naviBanner li{
	margin:10px auto;
	display: block;
 }

#naviBanner a{
	text-align:center;
	width:157px;
	height:60px;
	display: block;
 }

/* ライトサイドバー -------------------------------------------------------------------------------- */

#rightAdd{
	vertical-align:top;
	text-align:center;
	width:158px;
	height:auto;
	margin:0px auto;
	float:right;
 }

#rightAdd li{
	width:130px;
	text-align:left;
	margin: 0px 15px;
	padding:5px 0px;
	display: block;
 }

#rightAdd #infoTitle{
	width:158px;
	text-align:center;
	margin:0px auto;
 }

 /* フッター -------------------------------------------------------------------------------- */

#guiding{
	clear:both;
	width:865px;
	height:24px;
	text-align:right;
	color:#000;
 }

#footer{
	padding:5px 0px;
	clear:both;
	width:885px;
	height:24px;
	background-color:#004E58;
 }

#footer li{
	padding:0px 10px;
	float:left;
	border-right: thin solid #FFFFFF;
 }

#footer #copy{
	padding:0px 10px;
	color:#FFFFFF;
	float:right;
 }