@charset "utf-8";
@import url(base.css);




/************************* ボランティア募集情報 *************************/

	
	#newsform{border-bottom:1px solid #ccc;}
	
		#newsform .inner{
			max-width:1000px;
			width:96%;
			margin:0 auto;
			padding-bottom:80px;
		}
	
	@media screen and (max-width:770px){
	
		#newsform{
		}
	
	}

	
		#newsform ul{
			max-width:1000px;
			width:90%;
			margin:0 auto;
		}
	
	
				#newsform ul:nth-of-type(1) li{
					padding:15px 2%;
					border-bottom:1px dashed #ccc;
					list-style:none;
					font-size:1.0em;
					
				}
				#newsform ul:nth-of-type(1) li:nth-of-type(1){
					border-top:1px dashed #ccc;
				}
	
			@media screen and (max-width:770px){
			
				#newsform ul:nth-of-type(1) li{
					padding:10px 2%;
				}
			
			}

				#newsform ul:nth-of-type(1) li:after{
					content:"";
					display:block;
					clear:both;
				}
				 
				#newsform ul:nth-of-type(1) li:before{
				　　content:"";
					display:block;
					clear:both;
				}
	
					#newsform ul:nth-of-type(1) li .entrydate{
						width:110px;
						color:#b01030;
						font-weight:700;
						float:left;
					}
		
					#newsform ul:nth-of-type(1) li .title{
						width:calc(100% - 120px);
						margin:0;
						float:right;
					}
			
				@media screen and (max-width:640px){
		
					#newsform ul:nth-of-type(1) li .entrydate{
						width:100%;
						margin-bottom:3px;
						float:none;
					}
		
					#newsform ul:nth-of-type(1) li .title{
						width:100%;
						float:none;
					}
			
				}

	/* pagenavi */
			
	#navigation{
		max-width:1000px;
		width:90%;
		margin:15px auto 0;	
	}
/*	
		#navigation .current{
			display:block;
			width:10px;
			height:10px;
			text-align:center;
			background-color:#666;	
			float:left;
		}
*/

		.pages{
			width:50px;
			margin-right:10px;
			display:block;
			float:left;
			background-color:#f2f2f2;
			text-align:center;
			
		}
		
		.current{
			width:30px;
			margin-right:5px;
			display:block;
			float:left;
			text-align:center;
			border:1px solid #333;			
		}
		
		.page{
			width:30px;
			margin-right:5px;
			display:block;
			color:#fff;
			float:left;
			background-color:#333;
			text-align:center;
			border:1px solid #333;			
		}




		/* おしらせ詳細 */

			#entrytitle{
				max-width:840px;
				width:90%;
				margin:0 auto;
				padding:0 1% 5px;
				color:#036;
				font-weight:700;
				font-size:1.2em;
				border-bottom:1px solid #ccc;
			}

			#entrydate{
				max-width:840px;
				width:90%;
				margin:0 auto 30px;
				color:#036;
				font-size:0.8em;
			}

			#entrybody{
				max-width:840px;
				width:90%;
				margin:0 auto;
			}