@charset "shift_jis";

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

        ALL COPY RIGHTS,ＹＫ Plus Co RESERBED.

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

/*---------------------
	Global Reset
---------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,
pre,form,fieldset,input,textarea,table,th,td,img
  {
  margin:0;padding:0;
  font-style:normal; font-weight:normal;
  text-decoration:none;
  }
h1,h2,h3,h4,h5,h6,th 	{ font-size:100%; font-style:normal; margin:0; padding:0; font-weight:normal;}  
a				{ border:none;}
img 			{ border:none; vertical-align:top;}

a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

/*-------------------- 
		clearfix
---------------------*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix		{ display:inline-block;}
/* Hides from MacIE \*/
*html .clearfix { height:1%;}
.clearfix 		{ display:block;}
/* End hide from MacIE */

/*-------------------------------------------------------------------------
								body
-------------------------------------------------------------------------*/

html{ overflow-y:scroll;}  
   
body{
	height: 100%;
	font-size:82%;
	color:#333;
	text-align:center;
	background: url(../images/common/body_bg.gif) center top repeat;
	}

html , body {height:100%;}
body > #wrapper {height:auto;}

a			{ color:#0D0057; text-decoration:underline;}
a:visited	{ color:#0D0057; text-decoration:underline;}
a:hover		{ color:#F26649; text-decoration:underline;}
a:active	{ color:#F26649; text-decoration:underline;}

/*-------------------------------------------------------------------------
							wrapper,contents
-------------------------------------------------------------------------*/

#wrapper{
	display: block;
	position: relative;
	width:812px;
	height:100%;/* for IE6 */
	min-height:100%;
	margin:0 auto;
	padding: 0;
	text-align:center;
	background: url(../images/common/contents_bgb.gif)  left bottom repeat-y;
}

#wrapper_inner{
	display: block;
	position: relative;
	width:798px;
	margin:0 auto;
	text-align:center;
	background-color: #fff;
}
	
/*-------------------------------------------------------------------------
								header
-------------------------------------------------------------------------*/

#header	{
	display: block;
	position: relative;
	height:75px;
	margin-bottom: 17px;
	border-bottom: 2px solid #faac56;	
	background:url(../img/base/header.jpg) no-repeat;
}	

#logo{
	position:absolute;
	top:9px;
	left:11px;
	width: 310px;
	height: 54px;
	text-indent: -9999px;
	background: url(../images/common/ci.gif) left top no-repeat;
}

#logo a{
	display: block;
	width: 310px;
	height: 54px;
	background: url(../images/common/ci.gif) left top no-repeat;
}

#header_catch{
	position:absolute;
	top:51px;
	left:125px;
	text-align:left;
	font-size: 10px;
}

#header_bnr {
	width:812px;
	margin: 0 0 12px 0;
}

#header_bnr p {
	margin: 0 auto;
}

/* 共通バナー（properties） */
#bnrCommon {
	width: 535px;
	height: 60px;
	margin: 0 auto 12px auto;
}

#bnrCommon.properties {
	width: 535px;
	height: 60px;
	background-image: url(../images/common/common_banner_choice-bk.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}

#bnrCommon.properties ul {
	position: absolute;
	top: 38px;
	left: 100px;
}

#bnrCommon.properties ul li {
	font-size: 12px;
	background-image: url(../images/common/icon_list.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 16px;
	padding-right: 5px;
	display: inline;
}










/*-------------------------------------------------------------------------
								content
-------------------------------------------------------------------------*/

#content{
	clear: both;
	display: block;
	position: relative;
	width:798px;
	min-height: 695px;
	padding: 0;
	margin: 0;
	text-align:left;
	background: url(../images/common/contents_bg.gif) left top repeat-y;
}


/*-------------------------------------------------------------------------
								MAIN
-------------------------------------------------------------------------*/

#main{
	position: relative;
	float:right;
	width:595px;
	margin: 0;
	padding: 0 5px 10px 5px;
	text-align:left;
	line-height: 1.3;
	letter-spacing: 0.08em;
}


/*-------------------------------------------------------------------------
								NAVIGATION
-------------------------------------------------------------------------*/

#Side {
	display: block;
	position: relative;
	float: left;
	width: 188px;
	margin: 0;
	padding: 0;
	color: #fff;
}

#Side ul#Navi {
	width: 172px;
	margin: 0 0 15px 0;
	padding: 14px 0 0 8px;
	list-style: none;
}

#Side ul#Navi li {
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent: -9999px;
}

#Side ul#Navi li a {
	overflow: hidden;
	outline: none;
}

/* トップページ */
#Side ul#Navi li#navi_top { margin-bottom: 5px; }
#Side ul#Navi li#navi_top a { width: 172px; display: block; height: 44px; background: url(../images/common/navi_top.gif) left top no-repeat; }


/* 売買特選物件 */
#Side ul#Navi li#navi_choice { margin-bottom: 5px; }
#Side ul#Navi li#navi_choice span { width: 172px; display: block; height: 42px; background: url(../images/common/navi_choice.gif) left top no-repeat; }
	#Side ul#Navi li#navi_choice ul li#navi_tokyo a 	 { width: 172px; display: block; height: 35px; background: url(../images/common/navi_tokyo.gif) left top no-repeat;}
	#Side ul#Navi li#navi_choice ul li#navi_kanagawa a   { width: 172px; display: block; height: 34px; background: url(../images/common/navi_kanagawa.gif) left top no-repeat;}
	#Side ul#Navi li#navi_choice ul li#navi_othersarea a { width: 172px; display: block; height: 34px; background: url(../images/common/navi_othersarea.gif) left top no-repeat;}
	#Side ul#Navi li#navi_choice ul li#navi_3million a   { width: 172px; display: block; height: 41px; background: url(../images/common/navi_3million.gif) left top no-repeat;}

	#Side ul#Navi li#navi_choice ul li#navi_tokyo a:hover 	 { width: 172px; display: block; height: 35px; background: url(../images/common/navi_tokyo_bk.gif) left top no-repeat;}
	#Side ul#Navi li#navi_choice ul li#navi_kanagawa a:hover   { width: 172px; display: block; height: 34px; background: url(../images/common/navi_kanagawa_bk.gif) left top no-repeat;}
	#Side ul#Navi li#navi_choice ul li#navi_othersarea a:hover { width: 172px; display: block; height: 34px; background: url(../images/common/navi_othersarea_bk.gif) left top no-repeat;}
	#Side ul#Navi li#navi_choice ul li#navi_3million a:hover   { width: 172px; display: block; height: 41px; background: url(../images/common/navi_3million_bk.gif) left top no-repeat;}


/* 物件情報 */
#Side ul#Navi li#navi_properties { margin-bottom: 5px; }
#Side ul#Navi li#navi_properties span { width: 172px; display: block; height: 44px; background: url(../images/common/navi_properties.gif) left top no-repeat; }
#Side ul#Navi li#navi_properties ul li#navi_recommend a { width: 172px; display: block; height: 34px; background: url(../images/common/navi_properties_recommend.gif) left top no-repeat; }
#Side ul#Navi li#navi_properties ul li#navi_mansion a {	width: 172px; display: block; height: 34px; background: url(../images/common/navi_properties_mansion.gif) left top no-repeat; }
#Side ul#Navi li#navi_properties ul li#navi_house a { width: 172px; display: block; height: 34px; background: url(../images/common/navi_properties_house.gif) left top no-repeat; }
#Side ul#Navi li#navi_properties ul li#navi_land a { width: 172px; display: block; height: 34px; background: url(../images/common/navi_properties_land.gif) left top no-repeat; }
#Side ul#Navi li#navi_properties ul li#navi_investment a { width: 172px; display: block; height: 34px; background: url(../images/common/navi_properties_investment.gif) left top no-repeat; }
#Side ul#Navi li#navi_properties ul li#navi_rent a { width: 172px; display: block; height: 41px; background: url(../images/common/navi_properties_rent.gif) left top no-repeat; }

/* サービス */
#Side ul#Navi li#navi_service  { margin-bottom: 5px; }
#Side ul#Navi li#navi_service a { width: 172px; display: block; height: 44px; background: url(../images/common/navi_service.gif) left top no-repeat; }
#Side ul#Navi li#navi_service ul li#navi_reform a { width: 172px; display: block; height: 42px;	background: url(../images/common/navi_service_reform.gif) left top no-repeat; }

/* 物件リクエスト */
#Side ul#Navi li#navi_request  { margin-bottom: 5px; }
#Side ul#Navi li#navi_request a { width: 172px; display: block; height: 44px; background: url(../images/common/navi_request.gif) left top no-repeat; }
#Side ul#Navi li#navi_request ul li#navi_sell a { width: 172px; display: block; height: 34px; background: url(../images/common/navi_request_sell.gif) left top no-repeat; }
#Side ul#Navi li#navi_request ul li#navi_buy a { width: 172px; display: block; height: 42px; background: url(../images/common/navi_request_buy.gif) left top no-repeat; }

/* 会社概要 */
#Side ul#Navi li#navi_company  { margin-bottom: 5px; }
#Side ul#Navi li#navi_company a { width: 172px; display: block; height: 44px; background: url(../images/common/navi_company.gif) left top no-repeat; }

/* 販売済み物件 */
#Side p.soldout {
	display: block;
	width: 172px;
	text-align: center;
	margin: 0 0 15px 8px;
	line-height: 1.3;
}
#Side p.soldout a {
	color:#FFF;
}

/* お問い合わせ */
#Side p#Side_contact a {
	text-indent: -9999px;
	display: block;
	width: 172px;
	height: 74px;
	margin: 0 0 24px 8px;
	background: url(../images/common/Side_contact.gif) left top no-repeat;
}

#Side p#Side_tel {
	text-indent: -9999px;
	display: block;
	width: 172px;
	height: 22px;
	margin: 0 0 10px 8px;
	background: url(../images/common/Side_tel.gif) left top no-repeat;
}

#Side p.Side_txt {
	display: block;
	width: 166px;
	margin: 0 0 10px 21px;
	line-height: 1.3;
}

/* バナー */
#Side p.window {
	width: 172px;
	color: #FFF;
	margin: 40px 0 5px 8px;
}

#Side p.public {
	width: 172px;
	color: #FFF;
	margin: 20px 0 5px 8px;
}

#Side p.SideBnr {
	width: 172px;
	margin: 0 0 10px 8px;
}

/*-------------------------------------------------------------------------
								footer
-------------------------------------------------------------------------*/
#footer {
	clear:both;
	display: block;
	position: relative;
	width:793px;
	height: 260px; /*56px→135px*/
	margin: 0;
	padding: 0 5px 0 0;
	background: url(../images/common/contents_bg.gif) left top repeat-y;
}

#footer_inner {
	float: right;
	display: block;
	position: relative;
	width:595px;
	text-align:left;
	font-size:0.8em;
	border-top: 2px solid #faac56;	
}


#footer ul{
	float: right;
	list-style: none;
	text-align:left;
	padding: 11px 22px 10px 0;
}

#footer ul li{
	float: left;
	text-indent: -9999px;
}

#footer ul li#foot_navi_company a{
	display: block;
	width: 61px;
	height: 15px;
	padding-right: 18px;
	background: url(../images/common/footer_company.gif) left top no-repeat;
}

/*
#footer ul li#foot_navi_sitemap{background: url(../images/common/footer_navi_sitemap_ov.gif) left top no-repeat}*/
#footer ul li#foot_navi_sitemap a{
	display: block;
	width: 78px;
	height: 15px;
	padding-right: 18px;
	background: url(../images/common/footer_sitemap.gif) left top no-repeat;
}

/*
#footer ul li#foot_navi_sitemap a:hover{background: url(../images/common/footer_navi_sitemap_ov.gif) left top no-repeat}*/
/*
#footer ul li#foot_navi_policy{background: url(../images/common/footer_navi_policy_ov.gif) left top no-repeat}*/

#footer ul li#foot_navi_policy a{
	display: block;
	width: 100px;
	height: 15px;
	background: url(../images/common/footer_policy.gif) left top no-repeat;
}

/*#footer ul li#foot_navi_policy a:hover{background: url(../images/common/footer_navi_policy_ov.gif) left top no-repeat}*/

address{
	clear: both;
	margin: 0 0 0 180px;
	font-weight:normal;
	font-style:normal;
	letter-spacing: 0.1em;
}

/* 共通お問い合わせ */
#footer_contact {
	width: 593px;
	float: right;
	display: block;
	position: relative;
	text-align:left;
	margin-top: 20px;
	margin-bottom: 20px;
}

#footer_contact #contact_mail a {
	width: 282px;
	height: 78px;
	text-indent: -9999px;
	background-image: url(../images/common/footer_mail.jpg);
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
}

#footer_contact #contact_mail a:hover {
	background-image: url(../images/common/footer_mail_bk.jpg);
}

#footer_contact #contact_phone {
	width: 282px;
	height: 78px;
	text-indent: -9999px;
	background-image: url(../images/common/footer_phone.jpg);
	background-repeat: no-repeat;
	float: right;
	margin-right: 10px;
}

/* 共通エリアリンク */
#footer_common_link {
	width: 593px;
	float: right;
	display: block;
	position: relative;
	text-align:left;
	background-color: #FEF7EE;
	border: 1px solid #F26649;
	margin-bottom: 20px;
	padding: 15px 0;
}
#footer_common_link p {
	font-size: 12px;
	float: left;
	margin: 0 15px;
}

#footer_common_link p.area {
	background-image: url(../images/common/footer_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0 12px 0 0;
	padding-left: 10px;
}

/*-------------------------------------------------------------------------
								POPUP
-------------------------------------------------------------------------*/


body.popup #content{
	clear: both;
	display: block;
	position: relative;
	width:798px;
	min-height: 550px;
	padding: 0;
	margin: 0;
	text-align:left;
	background: none !important;
}


body.popup #main{
	position: relative;
	float:none;
	width:798px;
	margin: 0;
	padding: 0 5px 10px 5px;
	text-align:left;
	line-height: 1.3;
	letter-spacing: 0.08em;
	background: none !important;
}


body.popup #footer{
	clear:both;
	display: block;
	position: relative;
	width:798px;
	height: 56px;
	margin: 0;
	padding: 0 5px 0 0;
	background: none !important;
}

body.popup #footer_inner {
	float: right;
	display: block;
	position: relative;
	width:798px;
	text-align:left;
	font-size:0.8em;
	border-top: 2px solid #faac56;	
}

body.popup address{
	clear: both;
	display: block;
	width:798px;
	margin: 15px auto;
	text-align: center;
	font-weight:normal;
	font-style:normal;
	letter-spacing: 0.1em;
}