/*/////////////////////////////////////////////////////////////////*/
/* 賃貸トップ                                                      */
/*/////////////////////////////////////////////////////////////////*/

/*=================================================================*/
/*	slider                                                         */
/*=================================================================*/
#slider {
	background: #FED101 url(../../img/top/bg_slider.gif) repeat-x 0 0;
	padding: 4% 0 2% 0;
	}
	
	/*	img
	---------------------------------------------------------------*/
	#slider img { width: 95%; }
	
	/*	bx-viewport
	---------------------------------------------------------------*/
	#slider .bx-viewport { height: auto !important; }
	
	/*	bx-controls bx-has-pager
	---------------------------------------------------------------*/
	#slider .bx-has-pager { margin: 0 auto; }
		
		#slider .bx-has-pager .bx-pager { margin: 0 auto; }
			
			#slider .bx-has-pager .bx-pager .bx-pager-item {
				display: inline-block;
				}
				
				#slider .bx-has-pager .bx-pager .bx-pager-item a {
					width: 14px;
					height: 14px;
					-webkit-border-radius: 7px;
					-moz-border-radius: 7px;
					border-radius: 7px;
					background-color: #fff;
					display: block;
					text-indent: 100%;
					white-space: nowrap;
					overflow: hidden;
					margin: 0 10px;
					}
					
				#slider .bx-has-pager .bx-pager .bx-pager-item a.active {
					width: 12px;
					height: 12px;
					-webkit-border-radius: 6px;
					-moz-border-radius: 6px;
					border-radius: 6px;
					background-color: #FED101;
					border: 1px solid #fff;
					display: block;
					text-indent: 100%;
					white-space: nowrap;
					overflow: hidden;
					}
					
/*=================================================================*/
/*	article                                                        */
/*=================================================================*/
#contents {
	padding: 5% 0;
	}
	
	/*	nav
	---------------------------------------------------------------*/
	#contents ul.nav {
		background: #6CB416;
		padding: 5% 0 3% 0;
		margin-bottom: 5%;
		}
		
		#contents ul.nav li a {
			margin: 0 auto;
			background: #fff;
			border-radius: 5px; /* CSS3 */
			width: 74%;
			text-decoration: none;
			color: #333;
			font-weight: bold;
			padding: 5% 2% 5% 17%;
			margin-bottom: 2%;
			text-align: left;
			display: block;
			}
			
		/*	recommend
		-----------------------------------------------------------*/
		#contents ul.nav li.recommend a {
			background-image: url(../../img/top/icon_recommend.png), url(../../img/theme/icon_arrow.png);
			background-repeat: no-repeat, no-repeat;
			background-position: 5% center, 90% center;
			background-size: 10%, 2.5%;
			margin-bottom: 4%;
			}
			
		/*	category
		-----------------------------------------------------------*/
		#contents ul.nav li.category {
			width: 93%;
			margin: 0 auto 2% auto;
			}
			
			#contents ul.nav li.category h2 {
				background: url(../../img/top/bg_banner.gif) repeat 0 0;
				font-size: 100%;
				text-align: left;
				padding: 4% 0 4% 4%;
				border-radius: 5px;
				line-height: 0;
				margin: 0 0 2% 0;
				}
				
				#contents ul.nav li.category h2 img { margin: 0 2% 0 0; }
				
			#contents ul.nav li.category ul {
				margin: 0 -2% 0 0;
				overflow: hidden;
				}
				
				#contents ul.nav li.category li {
					width: 48%;
					margin: 0 2% 2% 0;
					float: left;
					}
					
				#contents ul.nav li.category a {
					border-radius: 5px; /* CSS3 */
					width: 100%;
					font-weight: normal;
					padding: 20% 0 1% 0;
					text-align: center;
					margin: 0;
					font-size: 60%
					}
					
					/* アパート・マンション */
					#contents ul.nav li.category li.apartment a {
						background-image: url(../../img/top/icon_apartment.png), url(../../img/theme/icon_arrow.png);
						background-repeat: no-repeat, no-repeat;
						background-position: center 28%, 90% center;
						background-size: 11%, 3.5%;
						}
						
					/* 貸家 */
					#contents ul.nav li.category li.house a {
						background-image: url(../../img/top/icon_house.png), url(../../img/theme/icon_arrow.png);
						background-repeat: no-repeat, no-repeat;
						background-position: center 26%, 90% center;
						background-size: 18%, 3.5%;
						}
						
					/* 店舗・事務所 */
					#contents ul.nav li.category li.shop a {
						background-image: url(../../img/top/icon_shop.png), url(../../img/theme/icon_arrow.png);
						background-repeat: no-repeat, no-repeat;
						background-position: center 24%, 90% center;
						background-size: 17%, 3.5%;
						}
						
					/* 土地 */
					#contents ul.nav li.category li.land a {
						background-image: url(../../img/top/icon_land.png), url(../../img/theme/icon_arrow.png);
						background-repeat: no-repeat, no-repeat;
						background-position: center 27%, 90% center;
						background-size: 23%, 3.5%;
						}
						
					/* 駐車場 */
					#contents ul.nav li.category li.parking a {
						background-image: url(../../img/top/icon_parking.png), url(../../img/theme/icon_arrow.png);
						background-repeat: no-repeat, no-repeat;
						background-position: center 34%, 90% center;
						background-size: 20%, 3.5%;
						}
						
					/* その他 */
					#contents ul.nav li.category li.factory a {
						background-image: url(../../img/top/icon_factory.png), url(../../img/theme/icon_arrow.png);
						background-repeat: no-repeat, no-repeat;
						background-position: center 25%, 90% center;
						background-size: 16%, 3.5%;
						}
						
		/*	map_schooldistrict
		-----------------------------------------------------------*/
		#contents ul.nav li.map_schooldistrict {
			width: 93%;
			margin: 0 auto 2% auto;
			}
			
			#contents ul.nav li.map_schooldistrict h2 {
				background: url(../../img/top/bg_banner.gif) repeat 0 0;
				font-size: 100%;
				text-align: left;
				padding: 4% 0 4% 4%;
				border-radius: 5px;
				line-height: 0;
				margin: 0 0 2% 0;
				}
				
				#contents ul.nav li.map_schooldistrict h2 img { margin: 0 2% 0 0; }
				
			#contents ul.nav li.map_schooldistrict ul {
				margin: 0 -2% 0 0;
				overflow: hidden;
				}
				
				#contents ul.nav li.map_schooldistrict li {
					width: 48%;
					margin: 0 2% 2% 0;
					float: left;
					}
					
				#contents ul.nav li.map_schooldistrict a {
					border-radius: 5px; /* CSS3 */
					width: 100%;
					font-weight: normal;
					padding: 20% 0 1% 0;
					text-align: center;
					margin: 0;
					font-size: 60%
					}
					
					/* 地図 */
					#contents ul.nav li.map_schooldistrict li.map a {
						background-image: url(../../img/top/icon_map.png), url(../../img/theme/icon_arrow.png);
						background-repeat: no-repeat, no-repeat;
						background-position: center 28%, 90% center;
						background-size: 22%, 3.5%;
						}
						
					/* 校区 */
					#contents ul.nav li.map_schooldistrict li.schooldistrict a {
						background-image: url(../../img/top/icon_schooldistrict.png), url(../../img/theme/icon_arrow.png);
						background-repeat: no-repeat, no-repeat;
						background-position: center 26%, 90% center;
						background-size: 18%, 3.5%;
						}
						
		/*	new
		-----------------------------------------------------------*/
		#contents ul.nav li.new a {
			background-image: url(../../img/top/icon_new.png), url(../../img/theme/icon_arrow.png);
			background-repeat: no-repeat, no-repeat;
			background-position: 6% center, 90% center;
			background-size: 9%, 2.5%;
			}
			
		/*	video
		-----------------------------------------------------------*/
		#contents ul.nav li.video a {
			background-image: url(../../img/top/icon_video.png), url(../../img/theme/icon_arrow.png);
			background-repeat: no-repeat, no-repeat;
			background-position: 5% center, 90% center;
			background-size: 10%, 2.5%;
			}
			
		/*	ranking
		-----------------------------------------------------------*/
		#contents ul.nav li.ranking a {
			background-image: url(../../img/top/icon_ranking.png), url(../../img/theme/icon_arrow.png);
			background-repeat: no-repeat, no-repeat;
			background-position: 5% center, 90% center;
			background-size: 10%, 2.5%;
			}
			
	/*	banner
	---------------------------------------------------------------*/
	.banner {
		background: url(../../img/top/bg_banner.gif) repeat 0 0;
		width: 100%;
		}
		
		.banner .close {  text-align: right; }
			
			.banner .close img { width: 7%; }
			
		.banner dl { padding-bottom: 5%; width: 100%; }
			
			.banner dl dt {
				width: 95%;
				margin-bottom: 3%;
				margin: 0 auto;
				}
				
				.banner dl dt img { width: 100%; }
				
			.banner dl dd {
				width: 95%;
				margin: 0 auto;
				}
			.banner dl dd a {
				background: #3D4147;
				color: #fff;
				display: block;
				font-size: 75%;
				text-decoration: none;
				}
				
	/*	twitter
	---------------------------------------------------------------*/
	.twitter {
		padding-top: 5%;
		width: 100%;
		}
		
		.twitter h2 {
			width: 95%;
			margin: 0 auto 2% auto;
			}
			
		.twitter h2 img { width: 100%; }
		.twitter .twitter-timeline{
			margin: 0 auto;
			width: 95%;
		}
		.twitter p.x_caution{
			margin-top: 14px;
			padding: 0 10px;
			font-size: 80%;
			line-height: 1.6;
			text-align: left;
		}