@charset "utf-8";

/*
	=====================================================================
	REC住宅情報
	
	Style Info	:	月刊レック住宅情報画面スタイル
	File Name	:	/common/css/sec/contents/magazine/magazine.css
	first Update:	2010.01.28
	Last Update	:	2010.01.30
	Auth		:	株式会社インタープロ
	=====================================================================
*/

/* p
---------------------------------------------------------------------- */
#contents p {
	color: #333;
	font-size: 75%;
	line-height: 150%;
	}

/* p.introduction
---------------------------------------------------------------------- */
#contents p.introduction {
	width: 740px;
	padding-bottom: 21px;
	background: url(../../../../img/union/line_dashed.jpg) bottom left repeat-x;
	}

/* magazine
---------------------------------------------------------------------- */
#contents .magazine {
	width: 740px;
	padding: 20px 0 21px 0;
	background: url(../../../../img/union/line_dashed.jpg) bottom left repeat-x;
	}
	
	/* img.book
	------------------------------------------------------------ */
	#contents .magazine img.book {
		float: left;
		width: 80px;
		}
	
	/* data
	------------------------------------------------------------ */
	#contents .magazine .data {
		float: right;
		width: 640px;
		}
		
		/* h3
		-------------------------------------------------- */
		#contents .magazine .data h3 {
			color: #333;
			font-size: 100%;
			margin: 0 0 8px 0;
			}
			
			/* em
			---------------------------------------- */
			#contents .magazine .data h3 em {
				color: #fff;
				font-size: 75%;
				font-family: arial;
				font-style: normal;
				margin-right: 5px;
				padding: 2px 3px;
				background-color: #E00106;
				}
		
		/* recommend
		-------------------------------------------------- */
		#contents .magazine .data .recommend {
			margin-bottom: 5px;
			line-height: 19px;
			}
			
			/* img
			---------------------------------------- */
			#contents .magazine .data .recommend img {
				float: left;
				}
			
			/* h4
			---------------------------------------- */
			#contents .magazine .data .recommend h4 {
				float: right;
				width: 515px;
				color: #090;
				font-size: 75%;
				}
		
		/* ul
		-------------------------------------------------- */
		#contents .magazine .data ul {
			color: #333;
			font-size: 75%;
			padding-left: 20px;
			list-style-image: url(../../../../../contents/magazine/img/list.gif);
			}
			
			/* li
			---------------------------------------- */
			#contents .magazine .data ul {
				color: #333;
				font-size: 75%;
				margin-bottom: 5px;
				line-height: 150%;
				}