@charset "utf-8";
/* CSS Document */



/*========================================
　　共通
========================================*/

html { overflow-y:scroll; } 

body {
	font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 160%;
	letter-spacing: 0px;
	color: #000000;
	text-align: left;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	}

/* for IE6 */
* html body { font-size: 75%; }

/* for IE7 */
*:first-child+html body { font-size: 75%; }

* {
    font-size: 100%;
	margin: 0;
	padding: 0;
	}

img {
	border: none;
	vertical-align: bottom;
	}

p {
	margin: 0 0 2.3em;
	 }

ul,li { list-style: none; }

sup { font-size: 67%; }

a:link { color: #006699; }
a:visited {color: #006699; }
a:hover {color: #666666; text-decoration: none; }
a:active {color: #666666; text-decoration: none; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.margin0 { margin: 0; }
.margin-t0 { margin-top: 0; }
.margin-b0 { margin-bottom: 0; }



/*　float要素を解除
----------------------------------------*/

.clearfix { display: inline-block; } 

.clearfix:after { 
	clear: both; 
	content: " "; 
	display: block; 
	font-size: 0; 
	height: 0; 
	visibility: hidden; 
	} 

/* start commented backslash hack \*/ 
* html .clearfix { height: 1%; } 
.clearfix { display: block; } 
/* close commented backslash hack */




/*========================================
　　ヘッダー
========================================*/

#header {
	width: 950px;
	margin: 0 auto;
	padding: 2px 0 5px;
	}

#header div.right {
	text-align: right;
	width: 600px;
	}

#header div.right h1 {
	font-size: 12px;
	text-align: right;
	font-weight: 100;
	}

#navi {
	background: url(../../img/common/header/menu.png) left top repeat-x;
	clear: both;
	padding: 0 0 10px;
	}

#navi ul {
	width: 950px;
	margin: 0 auto;
	}

#navi ul li {
	float: left;
	}



/*========================================
　　メイン
========================================*/

#container div.pankuzu {
	padding: 5px 0 10px;
	}

#container div.pankuzu h2 {
	width: 500px;
	float: right;
	font-weight: 100;
	text-align: right;
	font-size: 12px;
	}

#content {
	width: 720px;
	float: left;
	}
	
#content.extend{
	width: 950px;
	}

#content h3{
	background: url(../../img/common/common/subtitle.png) left top no-repeat;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	height: 30px;
	padding: 0 0 10px 20px;
	}



/*========================================
　　サイド
========================================*/

#container {
	width: 950px;
	margin: 0 auto;
	}

#side {
	width: 210px;
	float: right;
	}

#side.sideSearch{
	width: 220px;
	padding: 0 0 30px;
	}

#side h3 {
	background: url(../../img/common/side/subtitle.jpg) left top no-repeat;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	height: 30px;
	padding: 0 0 10px 10px;
	}



/*　物件数
----------------------------------------*/

#side #property {
	background: #F1F1F1;
	margin: 0 0 20px;
	padding: 0 0 25px;
	}

#side #property dl {
	width: 190px;
	padding: 0 0 0 10px;
	}

#side #property dl dt {
	float: left;
	clear: both;
	width: 100px;
	padding: 10px 0 0;
	}

#side #property dl dd {
	margin-left: 110px;
	padding: 10px 0 0;
	}

#side #property dl dd b {
	font-size: 24px;
	color: #006699;
	padding: 0 5px 0 0;
	}



/*　会員登録
----------------------------------------*/

#side #login {
	background: url(../../img/common/side/login_bg.jpg) 0 40px repeat-x #FFE2E4;
	margin: 0 0 20px;
	}

#side #login h3 {
	background: url(../../img/common/side/subtitle_login.jpg) left top no-repeat;
	}

#side #login dl {
	margin: 0 0 0 10px;
	}

#side #login dl dt {
	float: left;
	clear: both;
	width: 40px;
	padding: 18px 0 0;
	line-height: 20px;
	}

#side #login dl dd {
	margin-left: 40px;
	padding: 10px 0 0;
	line-height: 20px;
	}

#side #login dl dd input {
	width: 135px;
	}

#side #login div.login {
	clear: both;
	background: url(../../img/common/side/login_bg.png) left top no-repeat;
	width: 113px;
	text-align: right;
	margin: 8px 2px 0 82px;
	padding: 2px 0 0;
	height: 38px;
	}

#side #login div.member {
	clear: both;
	background: url(../../img/common/side/red/member_bg.png) left bottom no-repeat;
	margin: 0 0 5px 10px;
	padding: 5px 0 10px;
	}

#side #login div.member p {
	margin: 0 0 10px;
	}

#side #login div.merit {
	padding: 0 0 20px 10px;
	}

#side #login div.member_login {
	margin: 10px;
	text-align: center;
	}

#side #login div.membership {
	background: url(../../img/common/side/membership_bg.jpg) left top no-repeat;
	height: 40px;
	}

#side #login div.membership img {
	float: left;
	}

#side #login div.membership p {
	width: 110px;
	float: right;
	text-align: center;
	margin: 0;
	padding: 10px 10px 0;
	}

#side #login div.membership p b {
	font-size: 24px;
	color: #CC0033;
	padding: 0 5px 0 0;
	}



/*　infomation
----------------------------------------*/

#side #infomation {
	background: #F1F1F1;
	}

#side #infomation div.subtitle {
	background: url(../../img/common/side/subtitle.jpg) left top repeat-x;
	height: 30px;
	padding: 0 0 10px;
	}

#side #infomation div.subtitle h3 {
	width: 130px;
	float: left;
	background: none;
	line-height: 30px;
	height: 30px;
	padding: 0 0 0px 10px;
	}

#side #infomation div.subtitle img {
	float: right;
	}

#side #infomation dl {
	padding: 10px;
	background: url(../../img/common/common/dot.gif) left top repeat-x;
	}

#side #infomation dl.top {
	padding: 0 10px 10px;
	background: none;
	}

#side #infomation dl dt {
	font-weight: bold;
	}



/*========================================
　　フッター
========================================*/

#footer {
	background: url(../../img/common/footer/bg.jpg) left top repeat-x #FFFFFF;
	clear: both;
	padding: 0 0 20px;
	border-top: #999999 1px solid;
	}

#footer div.footer {
	width: 950px;
	margin: 0 auto;
	}

#footer div.footer div.pagetop {
	text-align: right;
	}

#footer div.footer ul li {
	float: left;
	border-left: #000000 1px solid;
	line-height: 110%;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	}

#footer div.footer ul li.left {
	border: none;
	margin: 0;
	padding: 0;
	}

#footer div.footer p {
	margin: 5px 0 0;
	clear: both;
	}