@charset "utf-8";

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

	東急コミュニティー　賃貸・売買パートナー
	common.css
	
	* reset
	* base
	* general style(line-height/font-size/link/clear/)
	* header
	* side navigation
	* page top	
	* topics-path
	* footer
	* margin padding setting
	* line-height setting
	* font-style
	
*********************************************** */


/* reset
---------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,fieldset{ 
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ul {
	list-style:none;
	line-height:1;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;}


/* base
---------------------------------------------------------- */

body{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	font-size: 75%;
	color: #444;
	text-align: center;
	background: url(/img/common/bg-header.gif) left top repeat-x fixed;
	}
/* ie6 */
/**html body{background: url(/img/common/bg-header.gif) left top repeat-x fixed;}*/
	
#container{
	width: 960px;
	margin: 0 auto;
	padding-top: 91px;
	text-align: left;
	background: url(/img/common/bg-container.gif) left top repeat-y;
	padding-bottom: 45px;
	}

#left-con{
	width: 710px;
	float: left;
	margin-right: 50px;
	padding-top: 13px;
	}
#right-con{
	width: 190px !important;
	width: 200px;
	float: right;
	padding-right: 10px;
	}
	

/* ie6 table font size */

th,td{
	font-size: 75%;
	}
html>body th,html>body td{
	font-size: 100%;
	}



/* general style
---------------------------------------------------------- */

/* font-size */

body.fontNormal{ font-size: 0.75em; }
body.fontMiddle{ font-size: 0.9em; }
body.fontLarge{ font-size: 1.05em; }

/* line-height */

p{
	line-height: 1.5;
	}

/* link */
a{
	color: #444;
	text-decoration: none;
	outline: none;
	}
a:hover{
	color: #006633;
	text-decoration: underline;
	}

/* clear */
.clr{
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
	overflow: hidden;
	}
	
/* float clear */	
.clearfix:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden; 
	}
.clearfix{
	display: inline-block;
	}
/* horry \*/
*html .clearfix{
	height: 1%;
	}
.clearfix{
	display: block;
	}
/* horry end */
	

/* float */

.f-left{ float: left; }
.f-right{ float: right; }
.f-none{ float: none; }

/* text-align */

.tx-center{ text-align: center; }
.tx-left{ text-align: left; }
.tx-right{ text-align: right; }



/* header
---------------------------------------------------------- */

#header{
	width: 100%;
	background: url(/img/common/bg-header.gif) left top repeat-x !important;
	text-align: center;
	margin-top: 0px;
	padding: 0 0 21px 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	
	/* ie6 */
	position: expression('absolute');
	top: expression((documentElement.scrollTop || document.body.scrollTop) + 0 + 'px');
	left: expression((documentElement.scrollLeft || document.body.scrollLeft) + 0 + 'px');
	}
#header-in{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	padding-top: 21px;
	}
#header h1{	width: 243px;}
	#header h1 a.logo-t{
		display: block;
		width:118px;
		height: 17px;
		background: url(/img/common/logo-tokyu.gif) left top no-repeat;
		text-indent: -9999px;
		} 
	#header h1 a.logo-main{
		display: block;
		width: 245px;
		height: 32px;
		background: url(/img/common/logo-partner.gif) left top no-repeat;
		text-indent: -9999px;
		}
#header .summary{
	font-size: 90%;
	line-height: 1.2;
	position: absolute;
	left:266px;
	top: 42px;
	}
#header .search{
	line-height:1;
	position: absolute;
	left: 700px;
	top: 46px;
	}
	#header .search .tx-search{ width: 155px; }
	#header .search .btn-submit{
		width: 50px;
		height: 22px;
		border: none;
		background: url(/img/common/btn-search.gif) left top no-repeat;
		text-indent: -9999px;
		cursor: pointer;
		}
	#header .search .btn-submit:hover{ background-position: left bottom; cursor:pointer; }
#header .logo-best{
	width: 40px;
	height: 38px;
	position:absolute;
	right: 0;
	top: 38px;
	}
	#header .logo-best a{
		display: block;
		width: 40px;
		height: 38px;
		background: url(/img/common/logo-tokyu2.gif) left top no-repeat;
		text-indent:-9999px;
		}
#header ul.subnav{
	width: 260px;
	height: 30px;
	position:absolute;
	right: 0;
	top: 4px;
	}
	#header ul.subnav li{
		float: left;
		height: 30px;
		}
	#header ul.subnav li a{
		display: block;
		height: 30px;
		background-image: url(/img/common/btn-subnav.gif);
		background-repeat: no-repeat;
		text-indent:-9999px;
		}
		#header ul.subnav li.sitemap a{ width: 73px; background-position: 0 0; }
		#header ul.subnav li.privacy a{ width: 109px; background-position: -73px 0; }
		#header ul.subnav li.inquiry a{ width: 78px; background-position: -182px 0; }
		#header ul.subnav li a:hover{ opacity: 0.8;	filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);}
		
#header dl.fontChanger{
	position:absolute;
	top: 10px;
	left: 570px;
	}
	
/* side navigation
---------------------------------------------------------- */

#right-con h3.cap-search,#right-con h3.cap-reside,#right-con h3.cap-live,#right-con h3.cap-rent{
	width: 190px; height: 25px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent:-9999px;
	}
	#right-con h3.cap-search{ background-image: url(/img/common/side/cap-search.gif); }
	#right-con h3.cap-reside{ background-image: url(/img/common/side/cap-reside.gif); margin-top: 20px; }
	#right-con h3.cap-live{ background-image: url(/img/common/side/cap-live.gif); margin-top: 20px; }
	#right-con h3.cap-rent{ background-image: url(/img/common/side/cap-rent.gif); margin-top: 20px; }
	#right-con h4.cap-theme{
		width: 190px; height: 27px;
		background:url(/img/common/side/cap-theme.gif) left top no-repeat;
		text-indent:-9999px;
		margin-top: 8px;
		}
	
#right-con #theme{
	width: 190px;
	background:url(/img/common/side/bg-side.gif) left bottom;
	padding-bottom: 10px;
	}
	#right-con #theme ul{
		width: 170px;
		margin: 0 10px 8px 10px;
		padding-bottom: 10px;
		background: url(/img/common/side/line.gif) left bottom no-repeat;
		}
	#right-con #theme ul li{
		width: 143px !important; width: 170px;
		background-position: left top;
		background-repeat: no-repeat;
		padding: 5px 0 5px 27px;
		margin-bottom: 4px;
		}
		#right-con #theme ul li.th01{ background-image:url(/img/common/side/icon-theme01.gif);}
		#right-con #theme ul li.th02{ background-image:url(/img/common/side/icon-theme02.gif);}
		#right-con #theme ul li.th03{ background-image:url(/img/common/side/icon-theme03.gif);}
		#right-con #theme ul li.th04{ background-image:url(/img/common/side/icon-theme04.gif);}
		#right-con #theme ul li.th05{ background-image:url(/img/common/side/icon-theme05.gif);}
		#right-con #theme ul li.th06{ background-image:url(/img/common/side/icon-theme06.gif);}
		#right-con #theme ul li.th07{ background-image:url(/img/common/side/icon-theme07.gif);}
		#right-con #theme ul li.th08{ background-image:url(/img/common/side/icon-theme08.gif);}
	
	#right-con #theme ul li a{ text-decoration: underline; }
	#right-con #theme ul li sup{ font-size: 60%; }
	
	#right-con #theme a.condition,#right-con #theme a.parking,#right-con #theme a.download{
		display: block;
		width: 170px; height: 29px;
		background-position: left top;
		background-repeat: no-repeat;
		margin: 0 10px;
		text-indent:-9999px;
		}
		#right-con #theme a.condition{ background-image: url(/img/common/side/btn-particular.gif); margin-top: 8px; }
		#right-con #theme a.parking{ background-image: url(/img/common/side/btn-parking.gif); margin-top: 4px; }
		#right-con #theme a.download{ background-image: url(/img/common/side/btn-download.gif); margin-top: 4px; }
		#right-con #theme a.condition:hover,#right-con #theme a.parking:hover,#right-con #theme a.download:hover{ background-position: left bottom;}
		
#right-con ul.side-nav li{
	width: 190px; height: 31px;
	}
	#right-con ul.side-nav li a{
		display: block;
		width: 190x; height: 31px;
		background-image: url(/img/common/side/btn-sidenav.gif);
		background-repeat: no-repeat;
		text-indent:-9999px;
		}
		#right-con ul.side-nav li.reside01 a{ background-position: 0 0; }
		#right-con ul.side-nav li.live01 a{ background-position: 0 -31px; }
		#right-con ul.side-nav li.live02 a{ background-position: 0 -62px; }
		#right-con ul.side-nav li.live03 a{ background-position: 0 -93px; }
		#right-con ul.side-nav li.live04 a{ background-position: 0 -124px; }
		#right-con ul.side-nav li.rent01 a{ background-position: 0 -155px; }
		#right-con ul.side-nav li.rent02 a{ background-position: 0 -186px; cursor: default; }
		#right-con ul.side-nav li.rent03 a{ background-position: 0 -217px; }
		#right-con ul.side-nav li.rent04 a{ background-position: 0 -248px; }
		
		#right-con ul.side-nav li.reside01 a:hover{ background-position: -190px 0; }
		#right-con ul.side-nav li.live01 a:hover{ background-position: -190px -31px; }
		#right-con ul.side-nav li.live02 a:hover{ background-position: -190px -62px; }
		#right-con ul.side-nav li.live03 a:hover{ background-position: -190px -93px; }
		#right-con ul.side-nav li.live04 a:hover{ background-position: -190px -124px; }
		#right-con ul.side-nav li.rent01 a:hover{ background-position: -190px -155px; }
		#right-con ul.side-nav li.rent02 a:hover{ background-position: -190px -186px; }
		#right-con ul.side-nav li.rent03 a:hover{ background-position: -190px -217px; }
		#right-con ul.side-nav li.rent04 a:hover{ background-position: -190px -248px; }


/* page top
---------------------------------------------------------- */
.gotop{
	text-align: right;
	margin-top: 15px;
	}
.gotop a{
	display: inline-block;
	background: url(/img/common/icon-gotop.gif) 0 0.5em no-repeat;
	padding-left: 12px;
	font-size:85%;
	}


/* topics-path
---------------------------------------------------------- */

#topicspath{
	width: 960px;
	padding: 5px 0 2px 0;
	text-align: left;
	color:#3d7a35;
	font-size: 80%;
	}
#topicspath a,#topicspath span{ color: #666; }


/* footer
---------------------------------------------------------- */
	
#footer{
	width:100%;
	background-color:#67a160;
	text-align: center;
	/*margin-top: 45px;*/
	padding-top: 10px;
	}
#footer #banner{
	width: 960px;
	margin: 0 auto;
	}
#footer p{
	width:316px; height: 11px;
	background: url(/img/common/copyright.gif) left top no-repeat;
	margin:15px auto 0;
	padding-bottom: 15px;
	text-indent:-9999px;
	}



/* margin padding setting
---------------------------------------------------------- */	
.mt5{ margin-top: 5px; }
.mt10{ margin-top: 10px; }
.mt15{ margin-top: 15px; }
.mt20{ margin-top: 20px; }
.mt25{ margin-top: 25px; }
.mt30{ margin-top: 30px; }
.mt35{ margin-top: 35px; }
.mt40{ margin-top: 40px; }

.mr5{ margin-right: 5px; }
.mr10{ margin-right: 10px; }
.mr15{ margin-right: 15px; }
.mr20{ margin-right: 20px; }
.mr25{ margin-right: 25px; }
.mr30{ margin-right: 30px; }
.mr35{ margin-right: 35px; }
.mr40{ margin-right: 40px; }

.mb5{ margin-bottom: 5px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; }
.mb25{ margin-bottom: 25px; }
.mb30{ margin-bottom: 30px; }
.mb35{ margin-bottom: 35px; }
.mb40{ margin-bottom: 40px; }

.ml5{ margin-left: 5px; }
.ml10{ margin-left: 10px; }
.ml15{ margin-left: 15px; }
.ml20{ margin-left: 20px; }
.ml25{ margin-left: 25px; }
.ml30{ margin-left: 30px; }
.ml35{ margin-left: 35px; }
.ml40{ margin-left: 40px; }

.pt5{ padding-top: 5px; }
.pt10{ padding-top: 10px; }
.pt15{ padding-top: 15px; }
.pt20{ padding-top: 20px; }
.pt25{ padding-top: 25px; }
.pt30{ padding-top: 30px; }
.pt35{ padding-top: 35px; }
.pt40{ padding-top: 40px; }

.pr5{ padding-right: 5px; }
.pr10{ padding-right: 10px; }
.pr15{ padding-right: 15px; }
.pr20{ padding-right: 20px; }
.pr25{ padding-right: 25px; }
.pr30{ padding-right: 30px; }
.pr35{ padding-right: 35px; }
.pr40{ padding-right: 40px; }

.pb5{ padding-bottom: 5px; }
.pb10{ padding-bottom: 10px; }
.pb15{ padding-bottom: 15px; }
.pb20{ padding-bottom: 20px; }
.pb25{ padding-bottom: 25px; }
.pb30{ padding-bottom: 30px; }
.pb35{ padding-bottom: 35px; }
.pb40{ padding-bottom: 40px; }

.pl5{ padding-left: 5px; }
.pl10{ padding-left: 10px; }
.pl15{ padding-left: 15px; }
.pl20{ padding-left: 20px; }
.pl25{ padding-left: 25px; }
.pl30{ padding-left: 30px; }
.pl35{ padding-left: 35px; }
.pl40{ padding-left: 40px; }

/* line-height setting
---------------------------------------------------------- */

.lh10{ line-height: 1.0; }
.lh12{ line-height: 1.2; }
.lh14{ line-height: 1.4; }
.lh15{ line-height: 1.5; }
.lh18{ line-height: 1.8; }


/* font-style
---------------------------------------------------------- */

.tx-bold{ font-weight: bold; }
.tx-large{ font-size: 120%; }
.tx-small{ font-size: 80%; }
.tx-red{ color: #FF0000;}


p.btn-close{
	text-align: center;
	}
	p.btn-close a{
		display: block;
		width: 105px; height: 24px;
		background: url(/unfit/img/btn-close.gif) left top no-repeat;
		text-indent: -9999px;
		margin: 20px auto 0;
		}
	p.btn-close a:hover{ background-position: left bottom; }