@charset "utf-8";

/*
	=====================================================================
	REC住宅情報
	
	Style Info	:	ニュース&トピックス画面スタイル
	File Name	:	/common/css/sec/news/news.css
	first Update:	2010.01.21
	Last Update	:	2010.01.30
	Auth		:	株式会社インタープロ
	=====================================================================
*/

/* a:hover(background-color解除)
---------------------------------------------------------------------- */
#contents .pager a:hover,
#contents .back a:hover,
#contents .detail a:hover {
	background: none;
	}

/* h3
---------------------------------------------------------------------- */
#contents h3 {
	margin: 0;
	padding: 0;
	background: none;
	}

/* pager-upper
---------------------------------------------------------------------- */
#contents .pager-upper {
	padding-bottom: 21px;
	background: url(../../../img/union/line_dashed.jpg) bottom left repeat-x;
	}
	
/* pager-lower */
#contents .pager-lower {
	padding-top: 21px;
	}
	
	/* pager
	------------------------------------------------------------ */
	#contents .pager {
		float: right;
		color: #333;
		font-size: 85%;
		}
		
		/* ul
		-------------------------------------------------- */
		#contents .pager ul {
			list-style: none;
			}
			
			/* li
			---------------------------------------- */
			#contents .pager ul li {
				float: left;
				margin-right: 3px;
				font-family: arial;
				font-style: italic;
				font-weight: bold;
				}
			
			/* prev next
			---------------------------------------- */
			#contents .pager ul li.prev,
			#contents .pager ul li.next {
				}
				
				/* a
				------------------------------ */
				#contents .pager ul li a {
					position: relative;
					display: block;
					padding: 5px 8px;
					color: #333;
					border: 1px #e4e4e4 solid;
					}
				
				/* a:link a:visited
				------------------------------ */
				#contents .pager ul li a:link,
				#contents .pager ul li a:visited {
					text-decoration: none;
					}
				
				/* a:hover a:active
				------------------------------ */
				#contents .pager ul li a:hover,
				#contents .pager ul li a:active {
					color: #DE0005;
					border: 1px #DE0005 solid;
					background: none;
					text-decoration: none;
					}
				
				/* prev a next a
				------------------------------ */
				#contents .pager ul li.prev a,
				#contents .pager ul li.next a {
					padding: 9px 8px;
					}
				
				/* em
				------------------------------ */
				#contents .pager ul li em {
					display: block;
					padding: 5px 8px;
					background-image: url(../../../img/union/bg_slash_gray.gif);
					color: #fff;
					border: 1px #e4e4e4 solid;
					}

/* news
---------------------------------------------------------------------- */
#contents .news {
	width: 740px;
	background: url(../../../../news/img/line_dashed_2column.gif) top left repeat-y;
	}
	
	/* news-inner
	------------------------------------------------------------ */
	#contents .news-inner {
		width: 740px;
		padding: 21px 0 10px 0;
		background: url(../../../img/union/line_dashed.jpg) bottom left repeat-x;
		}
		
		/* news-left
		-------------------------------------------------- */
		#contents .news-left {
			float: left;
			width: 350px;
			}
		
		/* news-right
		-------------------------------------------------- */
		#contents .news-right {
			float: right;
			width: 350px;
			}
		
			/* date
			---------------------------------------- */
			#contents .news .date {
				margin-bottom: 15px;
				}
				
				/* em
				------------------------------ */
				#contents .news .date em {
					display: block;
					float: left;
					color: #fff;
					font-size: 75%;
					font-style: normal;
					padding: 5px 10px 5px 10px;
					background-image: url(../../../img/union/bg_slash_gray.gif);
					}
			
			/* title
			---------------------------------------- */
			#contents .news .title {
				margin-bottom: 10px;
				}
				
				/* h3
				------------------------------ */
				#contents .news .title h3 {
					float: left;
					color: #333;
					font-size: 87.5%;
					background: url(../../../../news/img/em.gif) bottom left repeat-x;
					}
			
			/* body
			---------------------------------------- */
			#contents .news .body {
				color: #333;
				font-size: 75%;
				line-height: 150%;
				margin-bottom: 9px;
				}
			
			/* link
			---------------------------------------- */
			#contents .news .link {
				font-size: 75%;
				padding: 0 0 9px 15px;
				background: url(../../../img/union/icon_red.gif) top left no-repeat;
				}