@charset "utf-8";

/*
	=====================================================================
	REC住宅情報
	
	Style Info	:	トップページ印刷スタイル構成
	File Name	:	/common/css/print/top.css
	first Update:	2010.01.30
	Last Update	:	2010.xx.xx
	Auth		:	株式会社インタープロ
	=====================================================================
*/

/* contents
---------------------------------------------------------------------- */
#contents {
	}
	
	/* cover
	------------------------------------------------------------ */
	#contents .cover {
		width: 740px;
		height: 300px;
		margin-bottom: 20px;
		background-image: url(../../img/union/bg_slash_gray.gif);
		}
		
		/* cover-inner
		-------------------------------------------------- */
		#contents .cover-inner {
			padding: 3px;
			}
		
			/* slideshow
			---------------------------------------- */
			#slideshow {
				}
				
				/* photo
				------------------------------ */
				#photo {
					width: 734px;
					height: 294px;
					}
				
					/* attention
					-------------------- */
					#photo .attention {
						width: 734px;
						height: 294px;
						background-color: #f5f5f5;
						}
						
						/* p
						---------- */
						#photo p {
							color: #333;
							font-size: 75%;
							line-height: 140%;
							padding: 50px;
							}
			
			/* search
			---------------------------------------- */
			#search {
				display: none;
				width: 734px;
				height: 294px;
				overflow: hidden;
				}
					
				/* searchleft
				------------------------------ */
				#searchleft {
					float: left;
					width: 542px;
					height: 294px;
					}
					
					/* maparea
					-------------------- */
					#maparea {
						padding-top: 3px;
						}
						
						/* btn
						---------- */
						#maparea .btn {
							padding-left: 3px;
							height: 48px;
							overflow: hidden;
							}
						
							/* ul */
							#maparea ul {
								width: 536px;
								height: 48px;
								list-style: none;
								overflow: hidden;
								}
								
								/* li */
								#maparea ul li {
									float: left;
									height: 48px;
									}
									
									/* map */
									#maparea ul li.map {
										width: 174px;
										margin-right: 6px;
										text-align: right;
										}
									
									/* school */
									#maparea ul li.school {
										width: 175px;
										margin-right: 6px;
										}
									
									/* feel */
									#maparea ul li.feel {
										width: 175px;
										}
						
						/* field
						---------- */
						#maparea .field {
							width: 542px;
							height: 243px;
							background-color: #fff;
							}
							
							/* field-inner */
							#maparea .field-inner {
								padding: 5px;
								}
				
				/* searchright
				------------------------------ */
				#searchright {
					float: right;
					width: 189px;
					height: 294px;
					}
					
					/* h2
					-------------------- */
					#searchright h2 {
						float: left;
						width: 189px;
						height: 49px;
						}
					
					/* ul
					-------------------- */
					#searchright ul {
						list-style: none;
						}
						
						/* rental
						---------- */
						#searchright ul.rental {
							width: 189px;
							height: 112px;
							overflow: hidden;
							}
						
						/* buy
						---------- */
						#searchright ul.buy {
							width: 189px;
							height: 84px;
							overflow: hidden;
							}
						
						/* li
						---------- */
						#searchright ul li {
							float: left;
							width: 189px;
							height: 28px;
							overflow: hidden;
							}
	
	/* contents-upper
	------------------------------------------------------------ */
	#contents .contents-upper {
		margin-bottom: 20px;
		}
		
		/* openhouse
		-------------------------------------------------- */
		#contents .openhouse {
			float: left;
			width: 360px;
			}
			
			/* openhouse-upper
			---------------------------------------- */
			#contents .openhouse-upper {
				margin-bottom: 15px;
				padding-bottom: 10px;
				border-bottom: 1px solid #333;
				}
				
				/* h2
				------------------------------ */
				#contents .openhouse-upper h2 {
					float: left;
					width: 196px;
					}
				
				/* utility
				------------------------------ */
				#contents .openhouse-upper .utility {
					float: right;
					width: 99px;
					}
					
					/* list
					-------------------- */
					#contents .openhouse-upper .utility .list {
						float: left;
						padding-top: 25px;
						}
					
					/* rss
					-------------------- */
					#contents .openhouse-upper .utility .rss {
						float: right;
						padding-top: 10px;
						}
			
			/* openhouse-lower
			---------------------------------------- */
			#contents .openhouse-lower {
				width: 360px;
				height: 330px;
				overflow: auto;
				}
				
				/* article
				------------------------------ */
				#contents .openhouse .article,
				#contents .recommend .article {
					width: 340px;
					margin-bottom: 15px;
					padding-bottom: 15px;
					background: url(../../img/union/line_dashed.jpg) bottom left repeat-x;
					}
					
					/* thumbnail
					-------------------- */
					#contents .openhouse .article .thumbnail,
					#contents .recommend .article .thumbnail {
						float: left;
						text-align: center;
						padding: 3px 3px 3px 3px;
						background: url(../../img/top/photo_frame.gif) top left no-repeat;
						}
					
					/* data
					-------------------- */
					#contents .openhouse .article .data,
					#contents .recommend .article .data {
						float: right;
						width: 250px;
						}
						
						/* class
						---------- */
						#contents .openhouse .article .data .class,
						#contents .recommend .article .data .class {
							width: 250px;
							line-height: 22px;
							background: url(../../img/union/line_dashed.jpg) bottom left repeat-x;
							}
							
							/* h3 */
							#contents .openhouse .article .data h3,
							#contents .recommend .article .data h3 {
								color: #333;
								font-size: 75%;
								font-weight: normal;
								padding: 0 0 0 20px;
								background: url(../../img/union/icon_house.jpg) center left no-repeat;
								}
						
						/* h4
						---------- */
						#contents .openhouse .article .data h4,
						#contents .recommend .article .data h4 {
							font-size: 100%;
							line-height: 28px;
							}
						
						/* p
						---------- */
						#contents .openhouse .article .data p,
						#contents .recommend .article .data p {
							color: #333;
							font-size: 62.5%;
							line-height: 140%;
							}
							
							/* em */
							#contents .openhouse .article .data p em,
							#contents .recommend .article .data p em {
								font-style: normal;
								margin-right: 5px;
								padding: 0 3px 2px 3px;
								background-color: #efefef;
								}
		
		/* recommend
		-------------------------------------------------- */
		#contents .recommend {
			float: right;
			width: 360px;
			}
			
			/* recommend-upper
			---------------------------------------- */
			#contents .recommend-upper {
				margin-bottom: 15px;
				padding-bottom: 10px;
				border-bottom: 1px solid #333;
				}
				
				/* h2
				------------------------------ */
				#contents .recommend-upper h2 {
					float: left;
					width: 197px;
					}
				
				/* utility
				------------------------------ */
				#contents .recommend-upper .utility {
					float: right;
					width: 99px;
					}
					
					/* list
					-------------------- */
					#contents .recommend-upper .utility .list {
						float: left;
						padding-top: 25px;
						}
					
					/* rss
					-------------------- */
					#contents .recommend-upper .utility .rss {
						float: right;
						padding-top: 10px;
						}
			
			/* recommend-lower
			---------------------------------------- */
			#contents .recommend-lower {
				width: 360px;
				height: 330px;
				overflow: auto;
				}
	
	/* contents-middle
	------------------------------------------------------------ */
	#contents .contents-middle {
		margin-bottom: 10px;
		}
		
		/* magazine
		-------------------------------------------------- */
		#contents .magazine {
			float: left;
			width: 360px;
			}
			
			/* magazine-upper
			---------------------------------------- */
			#contents .magazine-upper {
				margin-bottom: 15px;
				padding-bottom: 10px;
				border-bottom: 1px solid #333;
				}
				
				/* h2
				------------------------------ */
				#contents .magazine-upper h2 {
					float: left;
					width: 181px;
					}
				
				/* backnumber
				------------------------------ */
				#contents .magazine-upper .backnumber {
					float: right;
					padding-top: 25px;
					}
			
			/* magazine-lower
			---------------------------------------- */
			#contents .magazine-lower {
				
				}
				
				/* book
				------------------------------ */
				#contents .magazine-lower .book {
					float: left;
					width: 80px;
					}
				
				/* data
				------------------------------ */
				#contents .magazine-lower .data {
					float: right;
					width: 267px;
					}
					
					/* h3
					-------------------- */
					#contents .magazine-lower .data h3 {
						color: #333;
						font-size: 100%;
						margin-bottom: 10px;
						padding: 0 0 0 37px;
						background: url(../../img/top/new.jpg) center left no-repeat;
						}
					
					/* p
					-------------------- */
					#contents .magazine-lower .data p {
						color: #333;
						font-size: 75%;
						width: 267px;
						margin-bottom: 8px;
						padding-bottom: 8px;
						line-height: 140%;
						background: url(../../img/union/line_dashed.jpg) bottom left repeat-x;
						}
					
					/* ul
					-------------------- */
					#contents .magazine-lower .data ul {
						color: #333;
						font-size: 75%;
						line-height: 140%;
						list-style: none;
						}
						
						/* li
						---------- */
						#contents .magazine-lower .data ul li {
							margin-bottom: 2px;
							padding-left: 15px;
							background: url(../../img/top/list.gif) no-repeat 0 8px;
							}
		
		/* ranking
		-------------------------------------------------- */
		#contents .ranking {
			float: right;
			width: 360px;
			}
			
			/* ranking-upper
			---------------------------------------- */
			#contents .ranking-upper {
				margin-bottom: 15px;
				padding-bottom: 10px;
				border-bottom: 1px solid #333;
				}
				
				/* h2
				------------------------------ */
				#contents .ranking-upper h2 {
					float: left;
					width: 196px;
					}
				
				/* change
				------------------------------ */
				#contents .ranking-upper .change {
					float: right;
					width: 82px;
					}
					
					/* list
					-------------------- */
					#contents .ranking-upper .change .rental {
						float: left;
						padding-top: 13px;
						}
					
					/* rss
					-------------------- */
					#contents .ranking-upper .change .buy {
						float: right;
						padding-top: 13px;
						}
			
			/* ranking-lower
			---------------------------------------- */
			#contents .ranking-lower {
				}
				
				/* buyranking
				------------------------------ */
				#contents .ranking #buyranking {
					display: none;
					}
				
				/* buyactive
				------------------------------ */
				#contents .ranking #buyactive {
					display: none;
					}
				
				/* place
				------------------------------ */
				#contents .ranking-lower .place {
					margin-bottom: 11px;
					}
					
					/* image
					-------------------- */
					#contents .ranking-lower .image {
						float: left;
						width: 90px;
						}
						
						/* photo
						---------- */
						#contents .ranking-lower .photo {
							float: left;
							width: 70px;
							}
						
						/* number
						---------- */
						#contents .ranking-lower .number {
							float: right;
							width: 20px;
							}
					
					/* data
					-------------------- */
					#contents .ranking-lower .data {
						float: right;
						width: 280px;
						}
						
						/* h3
						---------- */
						#contents .ranking-lower .data h3 {
							width: 280px;
							font-size: 75%;
							font-weight: normal;
							margin-bottom: 8px;
							padding-bottom: 8px;
							background: url(../../img/union/line_dashed.jpg) bottom left repeat-x;
							}
						
						/* p
						---------- */
						#contents .ranking-lower .data p {
							font-size: 75%;
							}
							
							/* category */
							#contents .ranking-lower .data p strong.category {
								color: #333;
								font-weight: normal;
								background-color: #f5f5f5;
								}
				
	/* contents-lower
	------------------------------------------------------------ */
	#contents .contents-lower {
		margin-bottom: 20px;
		}
		
		/* news
		-------------------------------------------------- */
		#contents .news {
			float: left;
			width: 360px;
			}
			
			/* news-upper
			---------------------------------------- */
			#contents .news-upper {
				margin-bottom: 15px;
				padding-bottom: 10px;
				border-bottom: 1px solid #333;
				}
				
				/* h2
				------------------------------ */
				#contents .news-upper h2 {
					float: left;
					width: 98px;
					}
				
				/* utility
				------------------------------ */
				#contents .news-upper .utility {
					float: right;
					width: 69px;
					}
					
					/* list
					-------------------- */
					#contents .news-upper .utility .list {
						float: left;
						padding-top: 15px;
						}
					
					/* rss
					-------------------- */
					#contents .news-upper .utility .rss {
						float: right;
						}
			
			/* news-lower
			---------------------------------------- */
			#contents .news-lower {
				}
				
				/* article
				------------------------------ */
				#contents .news-lower .article {
					width: 360px;
					margin-bottom: 10px;
					padding-bottom: 11px;
					background: url(../../img/union/line_dashed.jpg) bottom left repeat-x;
					}
					
					/* date
					-------------------- */
					#contents .news-lower .article .date {
						float: left;
						width: 120px;
						background: url(../../img/union/icon_red.gif) center left no-repeat;
						}
						
						/* em
						---------- */
						#contents .news-lower .article .date em {
							color: #333;
							font-size: 75%;
							font-style: normal;
							padding-left: 15px;
							}
					
					/* h3
					-------------------- */
					#contents .news-lower .article h3 {
						float: right;
						width: 235px;
						font-size: 75%;
						font-weight: normal;
						}
		
		/* rec-miyazaki
		-------------------------------------------------- */
		#contents .rec-miyazaki {
			float: right;
			width: 360px;
			}
			
			/* rec-miyazaki-upper
			---------------------------------------- */
			#contents .rec-miyazaki-upper {
				margin-bottom: 15px;
				padding-bottom: 10px;
				border-bottom: 1px solid #333;
				}
				
				/* h2
				------------------------------ */
				#contents .rec-miyazaki-upper h2 {
					float: left;
					width: 98px;
					}
				
				/* utility
				------------------------------ */
				#contents .rec-miyazaki-upper .about {
					float: right;
					width: 106px;
					padding-top: 15px;
					}
			
			/* rec-miyazaki-lower
			---------------------------------------- */
			#contents .rec-miyazaki-lower {
				}
				
				/* address
				------------------------------ */
				#contents .rec-miyazaki-lower .address {
					color: #333;
					font-size: 75%;
					width: 360px;
					line-height: 150%;
					margin-bottom: 10px;
					padding-bottom: 8px;
					background: url(../../img/union/line_dashed.jpg) bottom left repeat-x;
					}
					
					/* h3
					-------------------- */
					#contents .rec-miyazaki-lower .address h3 {
						font-size: 100%;
						font-weight: normal;
						}
					
					/* address
					-------------------- */
					#contents .rec-miyazaki-lower .address address {
						font-style: normal;
						}
					
					/* strong
					-------------------- */
					#contents .rec-miyazaki-lower .address strong {
						font-size: 131.25%;
						font-family: arial;
						font-style: italic;
						}
				
				/* request
				------------------------------ */
				#contents .rec-miyazaki-lower .request {
					float: left;
					}
				
				/* contact
				------------------------------ */
				#contents .rec-miyazaki-lower .contact {
					float: right;
					}
	
	/* banner
	------------------------------------------------------------ */
	#contents .banner {
		}
		
		/* banner-upper
		-------------------------------------------------- */
		#contents .banner-upper {
			margin-bottom: 15px;
			padding-bottom: 10px;
			border-bottom: 1px solid #333;
			}
			
			/* h2
			---------------------------------------- */
			#contents .banner-upper h2 {
				float: left;
				}
			
			/* insert
			---------------------------------------- */
			#contents .banner-upper .insert {
				float: right;
				padding-top: 5px;
				}
		
		/* banner-lower
		-------------------------------------------------- */
		#contents .banner-lower {
			text-align: center;
			}
			
			/* ul
			---------------------------------------- */
			#contents .banner-lower ul {
				list-style: none;
				}
				
				/* ul
				------------------------------ */
				#contents .banner-lower ul li {
					display: inline;
					}