@charset "utf-8";

/*
	=====================================================================
	REC住宅情報
	
	Style Info	:	バナー広告掲載について画面スタイル
	File Name	:	/common/css/sec/contents/banner/banner.css
	first Update:	2010.01.25
	Last Update	:	2010.01.30
	Auth		:	株式会社インタープロ
	=====================================================================
*/

/* a:hover
---------------------------------------------------------------------- */
#contents .app a:hover {
	background: none;
	}

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

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

/* pub
---------------------------------------------------------------------- */
#contents .pub {
	width: 740px;
	background: url(../../../../../contents/banner/img/line_dashed_3column.gif) top left repeat-y;
	}
	
	/* pub-inner
	------------------------------------------------------------ */
	#contents .pub-inner {
		padding: 20px 0;
		background: url(../../../../img/union/line_dashed.jpg) top left repeat-x;
		}
	
		/* pub-left
		-------------------------------------------------- */
		#contents .pub-left {
			float: left;
			width: 155px;
			margin-right: 40px;
			}
			
			/* merit
			---------------------------------------- */
			#contents .pub-left .merit {
				background-image: url(../../../../img/union/bg_slash_gray.gif);
				padding: 15px 10px 10px 10px;
				}
				
				/* h4
				------------------------------ */
				#contents .pub-left .merit h4 {
					margin-bottom: 10px;
					}
				
				/* p
				------------------------------ */
				#contents .pub-left .merit p {
					color: #fff;
					margin: 0;
					}
		
		/* pub-center
		-------------------------------------------------- */
		#contents .pub-center {
			float: left;
			width: 250px;
			}
		
		/* pub-right
		-------------------------------------------------- */
		#contents .pub-right {
			float: right;
			width: 250px;
			}

/* .banner
---------------------------------------------------------------------- */
#contents h3.banner {
	padding-top: 21px;
	background: url(../../../../img/union/line_dashed.jpg) top left repeat-x;
	}

/* ul
---------------------------------------------------------------------- */
#contents ul {
	color: #333;
	font-size: 75%;
	padding: 0 0 16px 20px;
	background: url(../../../../img/union/line_dashed.jpg) bottom left repeat-x;
	}
	
	/* li
	------------------------------------------------------------ */
	#contents ul li {
		margin-bottom: 5px;
		line-height: 140%;
		}

/* app
---------------------------------------------------------------------- */
#contents .app {
	width: 740px;
	background: url(../../../../../contents/banner/img/line_dashed_2column.gif) top left repeat-y;
	}
	
	/* app-inner
	------------------------------------------------------------ */
	#contents .app-inner {
		padding: 20px 0;
		background: url(../../../../img/union/line_dashed.jpg) bottom left repeat-x;
		}
		
		/* app-phone
		-------------------------------------------------- */
		#contents .app-phone {
			float: left;
			width: 350px;
			}
			
			/* p
			---------------------------------------- */
			#contents .app-phone p {
				margin: 0;
				}
				
				/* strong
				------------------------------ */
				#contents .app-phone p strong {
					font-size: 131.25%;
					font-family: arial;
					font-style: italic;
					}
		
		/* app-mail
		-------------------------------------------------- */
		#contents .app-mail {
			float: right;
			width: 350px;
			}