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

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

#container{
	padding-bottom:120px;
	}	

#contents article{
	padding:50px 0 0 0;
	width:615px;
	float:left;
	}
	
nav#sidenav{
	width:270px;
	float:right;
	margin-top:77px;
	}	


/*----------------------------------------------------
	コンテンツ
----------------------------------------------------*/

h3 a{
	text-decoration:none;
	}

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


#container > h2{
	background:url(../_sermons/img/h2-bg.jpg) left top no-repeat;
	}

.index #contents article dl{
	padding:20px 0 45px 0;
	margin-bottom:35px;
	border-bottom:1px solid #ccc;
	position:relative;
	}
	
.index #contents article dt{
	padding-left:65px;
	margin-top:-20px;
	}	
	
.index #contents article dt div,
#contents article h4 div{
	position:absolute;
	width:50px;
	height:52px;
	font-size:13px;
	top:0;
	left:0;
	text-align:center;
	}
	
.index #contents article dt div p,
.single #contents article h4 div  p{
	line-height:25px;
	color:#fff;
	width:50px;
	height:25px;
	overflow:hidden;
	}
	
div p.old{
	background:#D3A719;
	}
p.new{
	background:#B79016;
	margin-top:2px;
	}
	
div p.old a,
div p.new a{
	color:#fff;
	text-decoration:none;
	}
	
.index #contents article dt{
	font-size:1.4em;
	text-align:left;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN";
	color:#BD9417;
	padding-bottom:15px;
	}
.index #contents article dt span,
.single #contents article h4 span{
	font-size:0.8em;
	}
	
.index #contents article dd a{
	position:absolute;
	bottom:30px;
	right:0;
	margin-top:15px;
	padding:0 15px;
	background-color:#D3A719;
	display:block;
	text-decoration:none;
	line-height:2em;
	color:#fff;
	text-align:center;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN";
	font-size:115%;
	 transition: .50s ease-out;
    -webkit-transition: .70s ease-out;
    -moz-transition: .70s ease-out;
    -o-transition: .70s ease-out;
    -ms-transition: .70s ease-out;
	}
	
.index #contents article dd a:hover{
	background:#F5E388;
	}
	
	
/*詳細記事*/


.single #contents article h4{
	margin-bottom:0;
	padding-bottom:0;
	position:relative;
	padding-left:64px;
	line-height:25px;
	}
		

.single #contents article h5{
	font-size:123%;
	text-align:left;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN";
	color:#664B33;
	padding:30px 0 15px 0;
	}
	

/*過去の記事*/

.past #contents article h4{
	padding-bottom:35px;
	}
	
.past.index #contents article h4{
	font-size:140%;
	padding:30px 0 10px 10px;
	border-bottom:#BD9517 1px solid;
	margin-bottom:20px;
	}
	
.past.index #contents article h5{
	font-size:140%;
	color:#BD9417;
	padding-left:10px;
	margin:40px 0 20px 0;
	}
	
.past.index #contents article table{
	margin:0 0 20px 0;
	width:100%;
	}
	
.past.index #contents article h6{
	text-align:left;
	padding-left:10px;
	color:#D3A719;
	border:1px solid #D3A719;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN";
	line-height:2.5em;
	font-size:120%;
	}
	
.past.index #contents article th,
.past.index #contents article td{
	border-bottom:1px solid #ccc;
	width:30%;
	}
	
.past.index #contents article td{	
	padding-top:10px;
	padding-bottom:10px;	
	}

.past.index #contents article th{
	padding:10px 20px;
	white-space:nowrap;
	}	
	
/*ページナビ*/	

#contents article nav{
	text-align:center;
	padding-top:40px;
	}
	
#contents article ul{
	display:table;
	margin:0 auto;
	}

#contents article ul li{
	display:table-cell;
	padding-right:5px;
	}

#contents article ul li a{
	border:1px solid #B79016;
	padding:9px;
	}
	

/*サイドバー*/	

	
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 dt>a,
nav#sidenav dt>a:visited{
	color:#fff;
	text-decoration:none;
	}
	
nav#sidenav dt>a:hover{
	text-decoration:underline;
	}	
	
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.lastchild{
	margin-top:5px;
	}
	
nav#sidenav>a:hover{
	background:#F5E388;
	}
	
nav#sidenav dd ul{
	width:100%;
	}
	
nav#sidenav dd ul li{
	line-height:1.8em;
	border-bottom:1px solid #E9DFB0;
	padding:12px 25px 12px 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;
	}
	
form{
	background:#D3A719;
	border-bottom:1px solid #DDD5B6;
	padding:3px;
	}
	
input#search{
	width:224px;
	height:30px;
	}
	
input{
	float:left;
	}