@charset "UTF-8";
/*---------------------------------------------------------------
module style
The date     : 2010.02.19
---------------------------------------------------------------*/

/*---------------------------------------------------------------
 blog page
---------------------------------------------------------------*/
#page-news .wrp {
	border: 1px solid #000;
	padding: 2px;
	background: #FFF;
	margin-bottom: 10px;
}
#page-news .wrp .inner{
	border: 2px solid #000;
	padding: 20px 18px 20px;
}

#page-news h2#title-page {
	width: 480px;
	height: 46px;
	margin: 0px 0px 20px;
	text-indent: -9999px;
	line-height: 1;
	background: url(../images/module/news/page_title.gif) no-repeat center;
}

#page-news .header { margin-bottom: 20px; }

#page-news .header h3.title {
	float: left;
	font-weight: bold;
	line-height:1;
	font-size: 120%;
	margin-bottom: 5px;
}

#page-news .header .date {
	float: right;
	line-height: 1;
}

#page-news .body {
	line-height: 1.8;
	font-size: 120%;
	overflow: hidden;
}

#page-news .body img {
	vertical-align: text-bottom;
	line-height: 1;
}

#page-news .blog-top {
	margin-top: 20px;
	text-align: center;
}

#page-news .toppage a {
	display: block;
	font-weight: bold;
	text-align: center;
	margin: 0px auto;
	background:  #000;
	color: #FFF;
	padding: 5px 5px 3px;
	width: 6em;
	text-transform: uppercase;
}

#page-news .toppage a:hover {
	text-decoration: none;
	background: #999;
}


/*---------------------------------------------------------------
  clearfix 
---------------------------------------------------------------*/
#page-news .header:after{
  content: "";
	display: block;
	clear: both;
}

#page-news .header{ zoom: 1; }