@charset "utf-8";

/* *********************************************

	東急コミュニティー　賃貸・売買パートナー
	top.css
	
	** layout
	** caption
	** ID search-area
		* ID map-flash
		* ID station-search
		* ID station-search > CLASS search-help
		* ID theme-sp-list
		* ID theme-em-list
	** news
	** category links
		
*********************************************** */

/* layout
----------------------------------------------- */

#container{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background: none;
	}
#left-con{
	width: 460px;
	float: left;
	margin-top: 20px;
	margin-right: 0;
	padding-top: 0;
	}
#right-con{
	width: 450px !important;
	width: 450px;
	float: right;
	margin-top: 44px;
	padding-right: 0px;
	}
	
	
/* caption
----------------------------------------------- */
h2.cap-search{
	width: 460px; height: 45px;
	background: url(/img/top/cap-search.gif) left top no-repeat;
	text-indent: -9999px;
	}
h3.cap-theme-sp,h3.cap-theme-em{
	width: 430px; height: 22px;
	text-indent: -9999px;
	}
	h3.cap-theme-sp{ background: url(/img/top/cap-theme.gif) left top no-repeat; margin-top: 10px; }
	h3.cap-theme-em{ background: url(/img/top/cap-parking.gif) left top no-repeat; margin-top: 20px;}

h2.cap-reside,h2.cap-live,h2.cap-rent{
	width:450px; height: 45px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent:-9999px;
	margin-top: 28px !important;
	margin-top: 15px;
	margin-bottom:10px;
	line-height:0;
	}
*+html body h2.cap-reside,
*+html body h2.cap-live,
*+html body h2.cap-rent{ margin-top: 10px !important;}
	h2.cap-reside{ background-image: url(/img/top/cap-reside.gif);}
	h2.cap-live{ background-image: url(/img/top/cap-live.gif); }
	h2.cap-rent{ background-image:url(/img/top/cap-rent.gif); }


/* ID search-area
----------------------------------------------- */
#search-area{
	background-color: #f1f2f3;
	width: 430px !important;
	width: 460px;
	margin-top: 11px;
	padding: 15px 15px 7px 15px;
	}
	
/* ID map-flash */
#map-flash{
	width: 430px;
	height: 350px;
	}

	
/* ID station-search */
#station-search{
	width: 430px;
	height: 50px;
	background: url(/img/top/bg-stationsearch.gif) left top no-repeat;
	margin-top: 15px;
	}
	#station-search p{
		width: 160px; height: 50px;
		background: url(/img/top/cap-stationsearch.gif) left top no-repeat;
		text-indent: -9999px;
		float: left;
		}
	#station-search fieldset{
		display: block;
		width: 265px;
		padding: 14px 5px 14px 0;
		float: right;
		}
	#station-search input.tx-station{ width: 190px; }
	#station-search input.btn-station{
		width: 60px; height: 22px;
		background: url(/img/top/btn-search.gif) left top no-repeat;
		border: none;
		text-indent: -9999px;
		cursor: pointer;
		}
		#station-search input.btn-station:hover{ background-position: left bottom; }
		
/* search-help */
#search-area .search-help{
	margin-top: 4px;
	text-align: right;
	}
	#search-area .search-help a{
		padding-left: 13px;
		background: url(/img/top/icon-help.gif) left top no-repeat;
		text-decoration: underline;
		color:#ef7117;
		}
		#search-area .search-help a:hover{ text-decoration: none; }
		
/* ID theme-sp-list */
#theme-sp-list{
	width: 430px;
	margin-top: 10px;
	}
	#theme-sp-list li{
		width: 174px !important;
		width: 205px;
		float: left;
		margin: 0 10px 5px 0;
		padding: 7px 0 7px 31px;
		background-position: left top;
		background-repeat: no-repeat;
		line-height: 1.2;
		}
	#theme-sp-list li.th01{ background-image: url(/img/top/icon-theme01.gif); }
	#theme-sp-list li.th02{ background-image: url(/img/top/icon-theme02.gif); }
	#theme-sp-list li.th03{ background-image: url(/img/top/icon-theme03.gif); }
	#theme-sp-list li.th04{ background-image: url(/img/top/icon-theme04.gif); }
	#theme-sp-list li.th05{ background-image: url(/img/top/icon-theme05.gif); }
	#theme-sp-list li.th06{ background-image: url(/img/top/icon-theme06.gif); }
	#theme-sp-list li.th07{ background-image: url(/img/top/icon-theme07.gif); }
	#theme-sp-list li.th08{ background-image: url(/img/top/icon-theme08.gif); }
	
	#theme-sp-list li a{ text-decoration: underline; }
	#theme-sp-list li sup{ font-size: 60%;}
	
	
/* ID theme-em-list */
#theme-em-list{	width: 430px; height: 78px; margin-top: 10px; background:url(/img/top/bg-empty-search.gif) left bottom no-repeat;}
	#theme-em-list li{ float: left; }
	#theme-em-list li a{
		display: block;
		background-image: url(/img/top/btn-empty-search.gif);
		background-repeat: no-repeat;
		height: 70px;
		text-indent:-9999px;
		}	
		
		#theme-em-list li.em01 a{ width: 161px; background-position: 0 0;}
		#theme-em-list li.em02 a{ width: 109px; background-position: -161px 0;}
		#theme-em-list li.em03 a{ width: 160px; background-position: -270px 0;}
		#theme-em-list li.em01 a:hover{ width: 161px; background-position: 0 -70px;}
		#theme-em-list li.em02 a:hover{ width: 109px; background-position: -161px -70px;}
		#theme-em-list li.em03 a:hover{ width: 160px; background-position: -270px -70px;}
		
		
/* ID dl-link
----------------------------------------------- */
#dl-link{
	width: 460px;
	margin-top: 15px;
	}
	#dl-link li{
		width: 227px;
		float: left;
		}
		#dl-link li.link{ margin-right: 6px; }
		#dl-link li a{
			display: block;
			width: 227px; height: 62px;
			background-image: url(/img/top/btn-dl-link.gif);
			background-repeat: no-repeat;
			text-indent: -9999px;
			}
		#dl-link li.link a{ background-position: 0 0; }
		#dl-link li.pdf a{ background-position: -227px 0; }
		
		#dl-link li.link a:hover{ background-position: 0 -62px; }
		#dl-link li.pdf a:hover{ background-position: -227px -62px; }
		

/* news
----------------------------------------------- */

#right-con .cap-news{ 
	width: 450px;
	border-bottom: solid 1px #858585;
	margin-bottom: 11px;
	}
	#right-con .cap-news h3{
		width: 288px; height: 20px;
		background: url(/img/top/cap-news.gif) left top no-repeat;
		text-indent:-9999px;
		float: left;
		}
	#right-con .cap-news a{
		display: block;
		width: 70px; height: 15px;
		background: url(/img/top/btn-moreread.gif) left top no-repeat;
		text-indent:-9999px;
		float: right;
		margin-top: 5px;
		}
	#right-con .cap-news a:hover{ background-position: left bottom; }

#news-list{	width: 450px; margin-bottom: 24px; }
	#news-list dl{
		width: 450px;
		background: url(/img/common/line-dot01.gif) left bottom repeat-x;
		margin-bottom: 4px;
		padding-bottom: 5px;
		}
	#news-list dl dt{
		width: 35px; height: 15px;
		background-position: left top;
		background-repeat: no-repeat;
		float: left;
		margin-right: 14px;
		text-indent:-9999px;
		}
		#news-list dl dt.reside{ background-image: url(/img/top/icon-news-reside.gif);}
		#news-list dl dt.search{ background-image: url(/img/top/icon-news-search.gif);}
		#news-list dl dt.live{ background-image: url(/img/top/icon-news-live.gif);}
		#news-list dl dt.rent{ background-image: url(/img/top/icon-news-rent.gif);}
	#news-list dl dd.news-date{
		width: 65px;
		margin-right: 10px;
		float: left;
		}
	#news-list dl dd.news-cap{
		width: 325px;
		float: left;
		}
		
/* float clear */	
#news-list dl:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden; 
	}
#news-list dl{
	display: inline-block;
	}
/* horry \*/
*html #news-list dl{
	height: 1%;
	}
#news-list dl{
	display: block;
	}
/* horry end */



/* category links
----------------------------------------------- */
ul.cate-link{ width: 450px; }
	ul.cate-link li{
		width: 450px; height: 52px;
		margin-bottom: 8px;
		}
	ul.cate-link li a{
		display: block;
		width: 450px; height: 52px;
		background-position: left top;
		background-repeat: no-repeat;
		text-indent:-9999px;
		}
		ul.cate-link li.reside01 a{ background-image: url(/img/top/btn-reside01.gif); }
		ul.cate-link li.live01 a{ background-image: url(/img/top/btn-live01.gif); }
		ul.cate-link li.live02 a{ background-image: url(/img/top/btn-live02.gif); }
		ul.cate-link li.live03 a{ background-image: url(/img/top/btn-live03.gif); }
		ul.cate-link li.live04 a{ background-image: url(/img/top/btn-live04.gif); }
		ul.cate-link li.rent01 a{ background-image: url(/img/top/btn-rent01.gif); }
		ul.cate-link li.rent02 a{ background-image: url(/img/top/btn-rent02.gif); cursor:default; }
		ul.cate-link li.rent03 a{ background-image: url(/img/top/btn-rent03.gif); }
		ul.cate-link li.rent04 a{ background-image: url(/img/top/btn-rent04.gif); }
		
		ul.cate-link li a:hover{ background-position: left bottom; }