@charset "utf-8";
/* ===================================================================
CSS information
=================================================================== */

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

#container{
	padding-bottom:120px;
	}	

#contents article{
	padding:50px 0 0 0;
	}
	

/*----------------------------------------------------
	コンテンツ
----------------------------------------------------*/
#contents section a{
	color:#CB2633;
	}
	
#contents section  a:hover{
	text-shadow: 0px 0px 3px rgba(190,88,99,1);
	}	


#container > h2{
	background:url(../worship/img/h2-bg.jpg) left top no-repeat;
	}
	
	
/*礼拝順序*/	

.index #contents h3{
	margin-bottom:45px;
	}
	
.index #contents section{
	width:878px;
	padding:30px;
	border:1px solid #ccc;
	display:table;
	position:relative;
	margin-bottom:45px;
	text-align:left;
	}
	
.index #contents section:before{
	content:url(../worship/img/icon-flow.gif);
	display:block;
	width:100%;
	height:30px;
	position:absolute;
	left:50%;
	bottom:-30px;
	}
	
.index #contents section:last-child:before{
	content:"";
	display:none;
	}	
	
.index #contents h4,
.meeting #contents h4{
	font-size:1.5em;
	margin-bottom:5px;
	}
	
	
.index #contents section img,
.meeting #contents section img,
.activities #contents section img,
.school #contents section img{
	border-radius:50%;
	}
	
.index #contents section div,
.index #contents section figure,
.meeting #contents section div,
.meeting #contents section figure,
.activities #contents section div,
.activities #contents section figure,
.schedule #contents article dt,
.schedule #contents article dd{
	display:table-cell;
	vertical-align:middle;
	}
	
.index #contents section figure{
	padding-right:20px;
	width:150px;
	}
	
	
/*定期集会*/


.meeting #contents section,
.activities #contents section{
	display:table;
	width:910px;
	margin:0 auto;
	padding:30px 10px;
	border-bottom:1px solid #ccc;
	}
	
.meeting #contents section:last-child,
.activities #contents section:last-child{
	margin-bottom:45px;
	}
	
.meeting #contents section figure{
	width:230px;
	}
	
.meeting #contents section h4 span{
	font-size:0.8em;
	}
	
.meeting h5{
	color:#664B33;
	font-size:116%;
	margin-top:5px;
	}
	
	
/*教会学校*/


.school #contents h3{
	margin-bottom:30px;
	}

.school #contents section{
	padding-bottom:50px;
	}
	
.school #contents figure{
	text-align:center;
	float:left;
	margin-right:50px;
	width:230px;
	}
	
.school figure:first-child{
	margin-left:70px;
	}

.school figcaption{
	font-size:116%;
	margin-top:10px;
	}
	
.school h4{
	color:#664B33;
	display:inline;
	}
	
.school em{
	color:#BD9217;
	font-size:1.3em;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN";
	font-style:normal;
	letter-spacing:-0.1em;
	}
	
.school em span{
	font-size:0.8em;
	}
	
.school #contents section p{
	line-height:2em;
	}
	
.school #contents section ul li{
	line-height:2em;
	}
	
.school #contents section ul li:nth-child(4){
	line-height:4em;
	}
	
	
/*諸活動*/

.activities #contents section figure{
	width:180px;
	}
	
/*礼拝のスケジュール*/


.schedule #contents article{
	width:615px;
	float:left;
	}
	
.schedule #contents article h4{
	font-size:1.5em;
	padding:30px 0 30px 10px;
	}
	
.schedule #contents article dl{
	width:555px;
	padding:30px;
	border:1px solid #B79016;
	margin-bottom:40px;
	display:table;
	}
	
.schedule #contents article dt{
	width:180px;
	color:#B79015;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN";
	font-size:1.3em;
	line-height:1.5em;
	}
	
.schedule #contents article h5{
	display:inline;
	color:#664B33;
	font-family: "メイリオ", Meiryo;
	font-weight:bold;
	}
	
.schedule #contents article dd{
	font-size:116%;
	}
	
.schedule #contents article dd span{
	display:block;
	text-indent:3em;
	}

#contents article nav{
	text-align:center;
	}
	
.schedule #contents article ul li{
	float:left;
	display:inline;
	margin-right:5px;
	}
	
.schedule #contents article ul li a{
	border:1px solid #B79016;
	display:block;
	padding:9px;
	}	

nav#sidenav{
	width:270px;
	float:right;
	margin-top:77px;
	}
	
nav#sidenav dl{
	width:270px;
	}
	
nav#sidenav dt{
	background-color:#DCBA4D;
	line-height:2.9em;
	color:#fff;
	padding-left:10px;
	margin-bottom:1px;
	border-bottom:1px solid #DDD5B6;
	border-right:1px solid #D3A719;
	cursor:pointer;
	}
	
nav#sidenav dd ul{
	width:100%;
	}
	
nav#sidenav dd ul li{
	line-height:3.3em;
	border-bottom:1px solid #E9DFB0;
	padding-left:35px;
	}
	
nav#sidenav dd ul li:last-child{
	border-bottom:none;
	}
	
nav#sidenav dd ul li:hover,
nav#sidenav dd ul li.carrent{
	background-color:#F4EBCF;
	}

nav#sidenav>a{
	margin-top:10px;
	background-color:#D3A719;
	display:block;
	text-decoration:none;
	line-height:3em;
	color:#fff;
	text-align:center;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN";
	font-size:1.3em;
	 transition: .50s ease-out;
    -webkit-transition: .70s ease-out;
    -moz-transition: .70s ease-out;
    -o-transition: .70s ease-out;
    -ms-transition: .70s ease-out;
	}
	
nav#sidenav>a:hover{
	background:#F5E388;
	}

form{
	background:#D3A719;
	border-bottom:1px solid #DDD5B6;
	padding:3px;
	}
	
input#search{
	width:224px;
	height:30px;
	}
	
input{
	float:left;
	}