@charset "utf-8";
/* CSS Document */


#main{
	margin-top: 27px;
	}

	
/* ヘッダー */

.header{
	width: 900px;
	height: 205px;
	background: url(../images/head.png) top center no-repeat;
	position: absolute;
	top: -27px;
	left: 0;
	}

#site_id{
	display: block;
	background: none;
	border: none; 
	position: absolute; 
	top: 18px; 
	left: 80px; 
	z-index: 100;
	}




/* h1 =============================================== */

h1{
	height: 45px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	margin-top: 122px;
	margin-left: 97px;
	}

.service h1{
	background: url(../images/h1_service.png) top left no-repeat;
	}

.anniversary h1{
	background: url(../images/h1_anniversary.png) top left no-repeat;
	}

.activities h1{
	background: url(../images/h1_activities.png) top left no-repeat;
	}

.gallery h1{
	background: url(../images/h1_gallery.png) top left no-repeat;
	}

.event h1{
	background: url(../images/h1_event.png) top left no-repeat;
	}

.message h1{
	background: url(../images/h1_message.png) top left no-repeat;
	}

.about h1{
	background: url(../images/h1_about.png) top left no-repeat;
	}

.access h1{
	background: url(../images/h1_access.png) top left no-repeat;
	}

.inquiry h1{
	background: url(../images/h1_inquiry.png) top left no-repeat;
	}

.name_info h1{
	background: url(../images/h1_name_info.png) top left no-repeat;
	}




/* h1下 カテゴリーごとのメニュー =============================================== */

#menu_cat{
	margin-top: 5px;
	margin-left: 97px;
	}



/* メインメニュー =============================================== */

#menu_main{
	margin: 0;
	padding: 0;
	width: 898px;
	height: 51px;
	background: url(../images/menu_main.png) top center no-repeat;
	position: absolute;
	top: 165px;
	top: 148px;
	left: 1px;
	}
	
#menu_main li{
	display: block;
	float: left;
	border: none;
	margin-top: 7px;
	padding: 0;
	position: relative;
	}


#menu_main li a{
	display: block;
	height: 37px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	}




#menu_main li.service, #menu_main li.service_this{
	width: 146px;
	margin-left: 12px;
	margin-right: 13px;
	}
	
#menu_main li.service a{
	background: url(../images/main_service.png) top left no-repeat;
	}

	#menu_main li.service a:hover, #menu_main li.service_this a{
		background: url(../images/main_service.png) bottom left no-repeat;
		}



#menu_main li.anniversary, #menu_main li.anniversary_this{
	width: 148px;
	margin-right: 4px;
	}

#menu_main li.anniversary a{
	background: url(../images/main_anniversary.png) top left no-repeat;
	}

	#menu_main li.anniversary a:hover, #menu_main li.anniversary_this a{
		background: url(../images/main_anniversary.png) bottom left no-repeat;
		}



#menu_main li.activities, #menu_main li.activities_this{
	width: 127px;
	margin-right: 12px;
	}
	
#menu_main li.activities a{
	background: url(../images/main_activities.png) top left no-repeat;
	}

	#menu_main li.activities a:hover, #menu_main li.activities_this a{
		background: url(../images/main_activities.png) bottom left no-repeat;
		}
		


#menu_main li.gallery, #menu_main li.gallery_this{
	width: 126px;
	margin-right: 19px;
	}

#menu_main li.gallery a{
	background: url(../images/main_gallery.png) top left no-repeat;
	}

	#menu_main li.gallery a:hover, #menu_main li.gallery_this a{
		background: url(../images/main_gallery.png) bottom left no-repeat;
		}



#menu_main li.about, #menu_main li.about_this{
	width: 132px;
	margin-right: 8px;
	}
	
#menu_main li.about a{
	background: url(../images/main_about.png) top left no-repeat;
	}

	#menu_main li.about a:hover, #menu_main li.about_this a{
		background: url(../images/main_about.png) bottom left no-repeat;
		}



#menu_main li.event, #menu_main li.event_this{
	width: 139px;
	}
	
#menu_main li.event a{
	background: url(../images/main_event.png) top left no-repeat;
	}

	#menu_main li.event a:hover, #menu_main li.event_this a{
		background: url(../images/main_event.png) bottom left no-repeat;
		}


/* プルダウン */


.dropdown{
	position: absolute;
	top: 189px;
	display: none;
	padding-top: 7px;
	background: url(../images/dropdown_top.png) top center no-repeat;
	}

.dropdown div.line1{
	border: 1px solid #D3C869;
	background: url(../images/dropdown_bg.jpg) bottom left repeat-x;
	}

.dropdown div.line2{
	margin: 1px;
	border: 3px solid #F7F3D4;
	z-index: 500;
	}

.dropdown ul{
	margin: 0;
	padding: 10px 15px;
	list-style: none;
	}

.dropdown ul .left{
	margin-left: 2px;
	}

.dropdown ul .right{
	margin-right: 2px;
	}


.dropdown li{
	margin: 0;
	padding: 5px 0;
	}


.dropdown li a:hover{
	color: #66580e;
	}

.dropdown_service{
	left: 23px;
	}

.dropdown_anniversary{
	left: 159px;
	}

.dropdown_activities{
	left: 238px;
	}

*:first-child + html .dropdown_activities{
	width: 330px;
	}

.dropdown_about{
	left: 567px;
	}


/* サブメニュー =============================================== */

#menu_sub{
	background-color: #eeebca;
	/* height: 42px; */
	/*padding-top: 198px;*/
	height: 42px;
	padding-top: 180px; 
	}

#menu_sub a{
	display: block;
	height: 19px;
	margin-top: 19px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	float: right;
	border: none;
	padding: 0;
	}

#menu_sub a.message{
	width:126px;
	background: url(../images/sub_message.gif) top left no-repeat;
	}

	#menu_sub a.message:hover, #menu_sub a.message_this{
		width:126px;
		background: url(../images/sub_message.gif) bottom left no-repeat;
		}

#menu_sub a.access{
	width:102px;
	background: url(../images/sub_access.gif) top left no-repeat;
	}

	#menu_sub a.access:hover, #menu_sub a.access_this{
		width:102px;
		background: url(../images/sub_access.gif) bottom left no-repeat;
		}

#menu_sub a.inquiry{
	width:202px;
	margin-right: 11px;
	background: url(../images/sub_inquiry.gif) top left no-repeat;
	}

	#menu_sub a.inquiry:hover, #menu_sub a.inquiry_this{
		width:202px;
		margin-right: 11px;
		background: url(../images/sub_inquiry.gif) bottom left no-repeat;
		}






/* コンテンツボックス =============================================== */

#contents{

	}

.contents_head{
	background-color: #f9f7e5;
	}


.contents_main{
	width: 740px;
	margin: 40px auto 30px auto;
	}



/* 記事部分 */

.article0{
	width: 650px;
	margin: 0 auto 60px auto;
	line-height: 180%;
	}

.article{
	width: 400px;
	margin-bottom: 40px;
	}


.article h3{
	background: url(../images/bg_h3.png) center left no-repeat;
	padding:5px 0 5px 18px;
	border-top: 1px solid #ebe7e4;
	border-bottom: 1px solid #ebe7e4;
	width: 100%;
	margin-bottom: 20px;
	font-weight: normal;
	font-size: 14px;
	}

.article p{
	line-height: 180%;
	margin-bottom: 30px;
	}


.article .paper385{
	margin-bottom: 30px;
	}



.top{
	font-size: 10px;
	margin-bottom: 30px;
	}

.top a{
	background: url(../images/to_top.png) center left no-repeat;
	}



/* 記事部分 htmlソース


<div class="article right">

	<h3>*****************</h3>

	<blockquote class="paper385">
		<img src="../images/paper385t.png" />
		<div>
		**********************
		<q>***********</q>
		</div>
	</blockquote>
	
	<p>
	*********************
	</p>

</div>

<div class="left"><!-- 画像左の場合 -->
<div class="img285">
	<div class="img_foot">
		<div class="img_main">
		<img src="../images/dummy.jpg" width="285" height="220" alt="***" />
		</div>
	</div>
</div>
</div>

<div class="clear"></div>
<div class="to_top"><a href="#top"><span>このページの上部へ<span></a></div>


*/




.contents_foot{
	background-color: #f9f7e5;
	height: 50px;
	}


/* パンくずリスト */

#topic_path{
	padding-top: 8px;
	margin-left: 50px;
	}
#topic_path > div{
	display: inline;
	}

#topic_path > span, #topic_path > a{
	padding-left: 18px;
	background: url(../images/tp_icon.png) center left no-repeat;
	}



/* h2 */

h2{
	margin: 23px 0 3px auto;
	width: 850px;
	height: 42px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	padding-bottom: 10px;
	}

h2.service1{
	background: url(../images/h2_service1.png) top left no-repeat;
	}

h2.service2{
	background: url(../images/h2_service2.png) top left no-repeat;
	}

h2.service3{
	background: url(../images/h2_service3.png) top left no-repeat;
	}

h2.service4{
	background: url(../images/h2_service4.png) top left no-repeat;
	}

h2.service5{
	background: url(../images/h2_service5.png) top left no-repeat;
	}
	

h2.anniversary1{
	background: url(../images/h2_anniversary1.png) top left no-repeat;
	}

h2.anniversary2{
	background: url(../images/h2_anniversary2.png) top left no-repeat;
	}



h2.activities1{
	background: url(../images/h2_activities1.png) top left no-repeat;
	}

h2.activities2{
	background: url(../images/h2_activities2.png) top left no-repeat;
	}

h2.activities3{
	background: url(../images/h2_activities3.png) top left no-repeat;
	}

h2.activities4{
	background: url(../images/h2_activities4.png) top left no-repeat;
	}

h2.activities5{
	background: url(../images/h2_activities5.png) top left no-repeat;
	}

h2.activities6{
	background: url(../images/h2_activities6.png) top left no-repeat;
	}

h2.activities7{
	background: url(../images/h2_activities7.png) top left no-repeat;
	}

h2.activities8{
	background: url(../images/h2_activities8.png) top left no-repeat;
	}

h2.activities9{
	background: url(../images/h2_activities9.png) top left no-repeat;
	}

h2.activities10{
	background: url(../images/h2_activities10.png) top left no-repeat;
	}


h2.gallery1{
	background: url(../images/h2_gallery1.png) top left no-repeat;
	}

h2.about1{
	background: url(../images/h2_about1.png) top left no-repeat;
	}

h2.about2{
	background: url(../images/h2_about2.png) top left no-repeat;
	}

h2.about3{
	background: url(../images/h2_about3.png) top left no-repeat;
	}

h2.about4{
	background: url(../images/h2_about4.png) top left no-repeat;
	}

h2.about5{
	background: url(../images/h2_about5.png) top left no-repeat;
	}


h2.event1{
	background: url(../images/h2_event1.png) top left no-repeat;
	}

h2.message1{
	background: url(../images/h2_message1.png) top left no-repeat;
	}

h2.access1{
	background: url(../images/h2_access1.png) top left no-repeat;
	}

h2.inquiry1{
	background: url(../images/h2_inquiry1.png) top left no-repeat;
	}

h2.inquiry2{
	background: url(../images/h2_inquiry2.png) top left no-repeat;
	}

h2.inquiry3{
	background: url(../images/h2_inquiry3.png) top left no-repeat;
	}

h2.name_info{
	background: url(../images/h2_name_info.png) top left no-repeat;
	}



/* h2下サブメニュー */

.h2_menu{
	width: 790px;
	margin: -10px auto 3px 80px;
	padding-bottom: 3px;
	}

.h2_menu a{
	display: block;
	float: right;
	margin-left: 2em;
	margin-bottom: 10px;
	}


/* ページナビ */

.page_navi{
	margin: 0 auto 30px auto;
	text-align: center;
	padding: auto;
	}


.page_navi a, .page_navi span{
	display: block;
	border: 2px solid #e8e5e5;
	padding: 5px 8px;
	background: none;
	margin-right: 3px;
	float: left;
	font-size: 12px;
	}

.page_navi span{
	background-color: #004F58;
	color: #ffffff;
	font-weight: bold;
	}

.page_navi a:hover{
	background-color: #3E9497;
	}

/* 礼拝/祈り会/聖礼典 */
.service_message_main{
	padding: 20px 0 40px 5px;
	line-height: 180%;
	}

.service_message_main p,.service_message_main div{
	margin-bottom: 1em;
	}
	
table.list{
	width: 100%; 
	border-top: 2px solid #e8e5e5; 
	border-bottom: 2px solid #e8e5e5;
	font-size: 12px;
	margin-bottom: 15px;
	border-collapse: collapse;
	}

table.list th{
	border-bottom: 2px solid #e8e5e5;
	padding: 0.5em 0;
	font-weight: normal;
	}

table.list td{
	border-bottom: 1px solid #e8e5e5;
	padding: 0.5em 0;
	}

table.list a{
	padding-left: 0;
	background: none;
	}


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


.kochira{
	width: 100%; 
	text-align: right; 
	margin: 0 0 30px 0;
	}

/* 教会の活動 */

div.lesson_info{
	width: 508px; 
	margin: 40px auto 20px auto;
	}

div.lesson_info div{
	background: url(../images/lesson_info_bg.png) left center repeat-y;
	}

div.lesson_info h3{
	background: url(../images/lesson_info_h3.png) bottom left no-repeat; 
	height: 26px; 
	padding: 10px 0 4px 26px; 
	color: #003D45; 
	margin: 0 54px 0 50px;
	}

div.lesson_info p{
	margin: 7px 38px 0 80px; 
	padding-bottom: 15px;
	}


/* 結婚講座（日程） */

div.msche{
	background-color: #fff; 
	padding: 3px 0; 
	-moz-box-shadow: 0 0 5px #eee; 
	-webkit-box-shadow: 0 0 5px #eee;
	box-shadow: 0 0 5px #eee;
	}

div.msche .line{
	margin: 0 3px; 
	border: 2px solid #eeebca;
	}

div.msche .inner_msche{
	margin: 25px 25px 15px 25px; 
	background-color: #fff;
	}

div.msche h3{
	border-bottom: 1px dashed #bbb25f;
	line-height: 120%;
	}

div.msche p{
	margin: 5px 0 20px 20px; 
	font-size: 14px;
	}

div.msche .biko{
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0;
	}

div.msche .view_date{
	font-weight: bold; 
	letter-spacing: 0.2em;
	}



/* 感謝のメッセージ */
.paper640{
	margin: 0 auto 18px auto;
	}

.paper640 div{
	padding: 10px 15px 15px 15px;
	line-height: 170%;
	}

.paper640 p{
	margin: 0 15px;
	}

.paper640 h3{
	font-size: 12px;
	font-weight: normal;
	color: #00515B;
	border-bottom: 1px solid #A89B80;
	margin-bottom: 10px;
	line-height: 105%;
	}
	
	
/* 会堂施設案内 */

div.gallery_inner{
	width: 625px; 
	margin: 0 auto 100px auto;
	}

div.gallery_menu{
	width: 294px;
	margin-bottom: 45px;
	}

div.gallery_menu h3{
	width: 285px;
	height: 40px;
	margin: -6px auto 0 auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	}

h3#h3_gallery1{
	background: url(../images/h3_gallery1.png) top left no-repeat;
	}


h3#h3_gallery2{
	background: url(../images/h3_gallery2.png) top left no-repeat;
	}


h3#h3_gallery3{
	background: url(../images/h3_gallery3.png) top left no-repeat;
	}


h3#h3_gallery4{
	background: url(../images/h3_gallery4.png) top left no-repeat;
	}


h3#h3_gallery5{
	background: url(../images/h3_gallery5.png) top left no-repeat;
	}


h3#h3_gallery6{
	background: url(../images/h3_gallery6.png) top left no-repeat;
	}



/* 私たちの教会 */

div.about5_inner{
	margin: 30px auto;	
	text-align: center;
	}

div.about5_inner .article0{
	width: 680px;
	}

div.about5_inner .img150{
	margin: 0 auto;
	}


div.about5_inner table{
	margin: 40px auto;
	text-align: left;
	border-top: 1px solid #dce1e4;
	border-collapse:collapse;
	}


div.about5_inner th{
	width: 8em;
	font-weight: normal;
	padding: 5px 5px 5px 20px;
	}

div.about5_inner td{
	padding: 5px 20px 5px 5px;
	}

div.about5_inner th, div.about5_inner td{
	border-bottom: 1px solid #dce1e4;
	line-height: 150%;
	}

/* 集会/イベント案内 */

.event_box{
	 margin-right: 40px; 
	 margin-bottom: 30px;
	}

a.anchor{
	background: none;
	padding: 0;
	}

.paper445 div{
	padding: 25px 20px 25px 60px;
	}

.paper445 h3{
	font-size: 14px;
	color: #665E15;
	font-weight: normal;
	border-bottom: 1px solid #A89B80;
	}

.paper445 h3 span{
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	line-height: 180%;
	}

.paper445 .text1{
	/*font-size: 10px;*/
	/*background-color: #f9f7e5;*/
	/*margin: 15px 15px 15px 25px;*/
	/*padding: 10px;*/
	margin: 15px 10px;
	line-height: 150%;
	}


.paper445 .text2{
	line-height: 150%;
	margin: 0 10px 15px 12px;
	border-left: 8px solid #d3c3a1;
	padding-left: 8px;
	}


#no_event{
	margin: 250px auto;
	text-align: center;
	}

.event_box .end_message{
	border: 1px solid #cc0000;
	color: #cc0000;
	padding:  3px;
	}
	
	
/* よくあるご質問・お問い合わせ */

h3#h3_faq{
	background: url(../images/h3_faq.png) top center no-repeat;
	text-indent: -9999px;
	height: 30px;
	margin: 40px 0;	
	}

div.q_and_a{
	width: 600px;
	margin: 0 auto;
	}


div.q_text p{
	margin: 10px 5px 0 0; 
	height: 54px; 
	background: url(../images/q_icon.png) top left no-repeat; 
	padding-left: 55px;
	}

div.a_text{
	margin-bottom: 55px;
	}

div.a_text div{
	background: url(../images/a_text_bg.png) top center repeat-y; 
	padding: 5px 0;
	}

div.a_text p{
	width: 510px; 
	margin: 0 auto; 
	background: url(../images/a_icon.png) top left no-repeat; 
	padding-left: 45px;
	padding-bottom: 20px;
	}


div.a_text em{
	display: block; 
	padding:10px 15px;
	margin: 0 20px 0 10px;
	border: 1px solid #cdcdcd;
	}

div.a_text em span{
	display: block; 
	text-align: right;
	font-style: none;
	}


/* お問い合わせフォーム */

.inquiry form{
	margin: 0 auto 60px auto;
	text-align: center;
	}

.inquiry table{
	margin: 30px auto;
	}

.inquiry th{
	font-weight: normal;
	background-color: #f0ecc6;
	padding: 10px;
	}

.inquiry th span{
	font-size: 10px;
	color: #ff0000;
	}

.inquiry td{
	text-align: left;
	padding: 10px 5px;
	}


.error{
	margin: 20px auto 300px auto;
	text-align: center;
	line-height: 150%;
	}

#send_message{
	margin: 100px auto 300px auto;
	text-align: center;
	}

input, textarea{
	margin: 1px;
	}


/* 交通アクセス */

div.access_inner{ 
	width: 650px; 
	margin: 0 auto;
	line-height: 150%;
	}

.article_access{
	width: 300px;
	margin-bottom: 40px;
	}

.article_access .img200{
	margin: -10px 0 10px 53px;
	}

.article_access0{
	width: 650px;
	margin-bottom: 40px;
	}

.article_access0 p{
	width: 320px;
	}

.article_access p, .article_access0 p{
	margin-left: 10px;
	}

.article_access h3, .article_access0 h3{
	background: url(../images/bg_h3.png) center left no-repeat;
	padding:5px 0 5px 18px;
	border-top: 1px solid #ebe7e4;
	border-bottom: 1px solid #ebe7e4;
	width: 100%;
	margin:10px 0 20px 0;
	font-weight: normal;
	font-size: 14px;
	}

p#shimai{
	width:70px;
	height:23px;
	text-indent: -30000px;
	background: url(../images/shimai.png) top left no-repeat;
	margin-bottom: 0;
	}

div.access_around{
	width: 626px; 
	margin: 0 auto;
	}

div.access_around div.landmark{
	width: 149px;
	float: left;
	margin-right: 10px;
	text-align: center;
	}

div.access_around div.stop{
	margin: 0;
	}


div.access_around div.lclear{
	margin-bottom: 12px;
	}

div.access_around h4{
	margin: 0;
	}

div.access_around p{
	margin: 35px 0;
	}

div.landmark p{
	margin: 0 5px;
	text-align: left;
	}

div.landmark p span{
	display:block;
	text-align: right;
	}


/* 教会名変更のお知らせ */

.name_info table.info{
	width: 500px;
	margin: 40px auto;
	border-collapse: separate;
	border-spacing: 4px;
	}

.name_info table.info th{
	background-color: #EEEBCA;
	font-weight: normal;
	}

.name_info table.info th, .name_info table.info td{
	padding: 1em;
	line-height: 120%;
	}


.name_info table.history{
	margin: 40px auto;
	border-collapse: collapse;
	border-spacing: 4px;
	border-top: 1px solid #EEEBCA;
	border-bottom: 1px solid #EEEBCA;
	}

.name_info table.history th, .name_info table.history td{
	padding: 1em;
	line-height: 120%;
	border-bottom: 1px dashed #EEEBCA;
	font-weight: normal;
	}



/* その他 */


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


p.wedding_bnr img{
	margin: 5px 0 2px 0;
	}

p.wedding_bnr span.f10{
	font-size: 10px;
	line-height: 180%;
	}