@charset "utf-8";

#news #newsList{
	
}
	#news #newsList dl{
		margin:0;
		padding:18px 0 18px 0;
		overflow:hidden;
		border-bottom:1px solid #E2E2E2;
	}
		#news #newsList dl dt{
			color:#333;
			width:225px;
			line-height:1.6;
			float:left;
			margin:0;
			font-weight:normal;
		}
		#news #newsList dl dt:before{
			content:none;
		}
			#news #newsList dl dt span{
				font-size:0.875em;
				text-align:center;
				line-height:1.0;
				display:inline-block;
				color:#FFF;
				width:100px;
				height:18px;
				padding:5px 0 1px 0;
				margin:0 0 0 25px;
			}
			#news #newsList dl dt span.cat1{
				background-color:#EB6877;
			}
			#news #newsList dl dt span.cat2{
				background-color:#0B93D3;
			}
			#news #newsList dl dt span.cat3{
				background-color:#FF6C00;
			}
		#news #newsList dl dd{
			width:505px;
			line-height:1.6;
			float:right;
			padding:1px 0 0 0;
			margin:0;
		}
			#news #newsList dl dd a{
				display:block;
			}

/*- pagenation -*/

.paging{
	width:100%;
	overflow:hidden;
}
	.paging .prev{
		text-align:left;
		width:20%;
		float:left;
	}
	.paging .next{
		text-align:right;
		width:20%;
		float:right;
	}
	.paging .numbox{
		text-align:center;
		width:60%;
		float:left;
	}
	.paging .numbox a{
		width:25px;
		height:25px;
		display:inline-block;
		border-radius:5px;
		background-color:#f2f2f2;
		text-align:center;
		margin:0 5px 5px 5px;
		text-decoration:none;
	}
	.paging .numbox span{
		color:#FFF;
		width:25px;
		height:25px;
		display:inline-block;
		border-radius:5px;
		background-color:#0b93d3;
		text-align:center;
		margin:0 5px 5px 5px;
	}
	
/*- entry -*/
h1.entryttl{margin-bottom:15px;}
.datearea{overflow:hidden; margin-bottom:20px; text-align:right;}
.datearea span{
	/*float:right;*/
	display:inline;
	font-size:0.85em;
	padding:3px 0 0 0;
}
.datearea span.cat1,
.datearea span.cat2,
.datearea span.cat3{
	font-size:0.875em;
	text-align:center;
	line-height:1.0;
	display:inline-block;
	color:#FFF;
	width:100px;
	height:18px;
	padding:5px 0 1px 0;
	margin:0 0 0 10px;
	/*float:right;*/
}
.datearea span.cat1{
	background-color:#EB6877;
}
.datearea span.cat2{
	background-color:#0B93D3;
}
.datearea span.cat3{
	background-color:#FF6C00;
}

/*-----------------------------------------------------	*/
/*	for - 1000px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 1000px) {

/***--- news ---***/
#news #newsList dl dt{
	width:31.6%;
}
	#news #newsList dl dt span{
		width:44.4%;
		margin:0 0 0 5%;
	}
#news #newsList dl dd{
	width:66.4%;
}

}

/*-----------------------------------------------------	*/
/*	for - 850px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 850px) {


}

/*-----------------------------------------------------	*/
/*	for - 768px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 768px) {


}

/*-----------------------------------------------------	*/
/*	for - 700px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 700px) {


}

/*-----------------------------------------------------	*/
/*	for - 640px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 640px) {

#news #newsList dl dt{
	width:100%;
	line-height:1.6;
	float:none;
}
	#news #newsList dl dt span{
		width:100px;
		height:auto;
		padding:1% 0 1% 0;
		margin:0 0 0 2.5%;
	}
#news #newsList dl dd{
	width:100%;
	line-height:1.6;
	float:none;
	padding:1px 0 0 0;
}

/*- pagenation -*/
.paging{}
	.paging .prev{display:none;}
	.paging .next{display:none;}
	.paging .numbox{
		text-align:center;
		width:100%;
		float:none;
	}

}

/*-----------------------------------------------------	*/
/*	for - 480px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 480px) {


/*- entry -*/
h1.entryttl{margin-bottom:20px;}
.datearea{overflow:hidden; margin-bottom:20px;}
.datearea span{
	display:block;
	font-size:0.85em;
	padding:3px 0 0 0;
}
.datearea span.cat1,
.datearea span.cat2,
.datearea span.cat3{
	font-size:0.875em;
	text-align:center;
	line-height:1.0;
	display:inline-block;
	color:#FFF;
	width:100px;
	height:18px;
	padding:5px 0 1px 0;
	margin:0 0 0 10px;
}
.datearea span.cat1{
	background-color:#EB6877;
}
.datearea span.cat2{
	background-color:#0B93D3;
}
.datearea span.cat3{
	background-color:#FF6C00;
}

}

/*-----------------------------------------------------	*/
/*	for - 360px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 360px) {



}