﻿@charaset "utf-8";

/* 01-トップページ(index.html) 
--------------------------------*/

/* 更新情報 */
#info1 {
	float: left;
	width: 458px;
	margin-right: 20px; 
	border: 1px solid #cccccc;
}

#info1 h2 {
	height: 30px;
	background-image: url(../img/index/bg_update_t.gif);
	background-repeat: repeat-x;
}

#info1 .infoBox {
	overflow: auto;
	height: 100px;
}

#info1 dl {
	margin: 5px;
}

#info1 dt {
	padding-left: 0.5em;
}

#info1 dd {
	padding-bottom: 3px;
	padding-left: 1.5em;
}

#info2 {
	float: right;
	width: 240px;
	height: 130px;
	background-image: url(../img/index/bg_update2_f.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#info2 dl {
	padding: 5px 10px;
	height: 52px;
	background-image: url(../img/index/bg_update2.gif);
	background-repeat: repeat-y;
}

#info2 dt {
	clear: both;
	float: left;
}


/* ログイン */
#member {
	clear: both;
	float: left;
	width: 720px;
	height: 90px;
	margin-top: 10px; 
	background-image: url(../img/index/bg_member.jpg);
	background-repeat: no-repeat;
}

#member .password {
	float: left;
	position: relative;
	top: 60px;
	left: 340px;
}

#member .login {
	float: left;
	position: relative;
	top: 30px;
	left: 345px;
}

#member .entry {
	float: left;
	position: relative;
	top: 30px;
	left: 378px;
}


/* 最新おすすめ物件 */
#recommend {
	clear: both;
	float: left;
	width: 700px;
	padding: 10px;
	background-color: #e6eef3;
	font-size: 80%;
}

.reco_h2 {/*recommendタイトル用*/
	clear: both;
	width: 720px;
	height: 34px;
	padding-top: 15px;
	padding-bottom: 5px;
	background-color: #ffffff;
}

#recommend .list {
	float: left;
	width: 163px;
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#recommend .listR {
	float: left;
	width: 163px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#recommend ul li {
	text-align: left;
}

#recommend .name {
	font-weight: bold;
	font-size: 110%;
	color: #0077be;
}

#recommend .img {
	border: 1px solid #cccccc;
}

#recommend .detail {
	padding-top: 3px;
	text-align: right;
}

#recommend .reco_footer {
	clear: both;
	width: 700px;
	padding-top: 5px;
	text-align: right;
	border-top: 1px dotted #cccccc;
}

.reco_footer img {
 	margin-left: 5px;
 }


/* 人気ランキング */
#ranking {
	clear: both;
	float: left;
	width: 700px;
	padding: 10px;
	background-color: #f5f2e4;
	font-size: 80%;
}

.rank_h2 {/*rankingタイトル用*/
	clear: both;
	width: 720px;
	height: 34px;
	padding-top: 15px;
	padding-bottom: 5px;
	background-color: #ffffff;
}

#ranking .list {
	float: left;
	width: 163px;
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#ranking .listR {
	float: left;
	width: 163px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#ranking ul li {
	text-align: left;
}

#ranking .name {
	font-weight: bold;
	font-size: 110%;
	color: #ea5e00;
}

#ranking .img {
	border: 1px solid #cccccc;
}

#ranking .detail {
	padding-top: 3px;
	text-align: right;
}

#ranking .rank_footer {
	clear: both;
	width: 700px;
	padding-top: 5px;
	text-align: right;
	border-top: 1px dotted #cccccc;
}

.rank_footer img {
 	margin-left: 5px;
 }


/* ページ下バナー、ページトップ */
.bn_wid {
	clear: both;
	padding-top: 15px;
}




/* 02-物件一覧(db_list.html)
--------------------------------*/

/* 03-物件詳細ページ（メイン）(db_main.html)
--------------------------------*/

/* 04-物件詳細ページ（サブ）(db_sub.html) 
--------------------------------*/

/* 05-物件お問い合わせフォーム(db_inquiry.html) 
--------------------------------*/

/* 06-物件検索(db_search.html) 
--------------------------------*/

/* 08-会員登録の案内(.html) 
--------------------------------*/

/* 09-会員登録フォーム(.html) 
--------------------------------*/




/* 10-プライバシーポリシー(privacy.html) 
--------------------------------*/

#privacy h2 {
	margin: 15px 0;
}

#privacy p {
	margin: 0 4px;
}

#privacy .listN {
	margin: 10px 2px 10px 24px;
	list-style: decimal;
}

#privacy .listN2 {
	margin: 10px 2px 10px 32px;
	list-style: lower-roman;
}

#privacy .listD {
	margin: 10px 2px 10px 24px;
	list-style: disc;
}




/* 11-リンク(link.html) 
--------------------------------*/

#link h2 {
	clear: both;
	margin-top: 15px;
}

#link .box {
	/*clear: both;*/
	float: left;
	width: 719px;
	margin: 10px 0 20px;
}

.Map {
	float: left;
	padding-right: 10px;
	/*padding-bottom: 20px;*/
}

#link .data {
	float: left;
	width: 510px;
}

.data img {
	padding: 5px 0;
}

#link table {
	width: 510px;
	padding: 5px;
	border: 1px solid #749236;
	background-color: #eaffbe;
}

#link table th {
	padding-right: 1em;
	color: #749236;
	font-weight: 700;
	text-align: right;
}




/* 12-採用情報(acc.html) 
--------------------------------*/

#acc h2 {
	clear: both;
	padding-top: 10px; 
}

#acc p {
	margin: 10px 0;
}

#acc .boxL {
	float: left;
	width: 496px;
	margin-right: 10px;
}

#acc .boxR {
	float: left;
	width: 214px;
	margin: 10px 0;
}

#acc .youkou {
	width: 720px;
	border-collapse: collapse;
	background-color: #749236;
}

#acc .youkou th {
	width: 25%;
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
	background-color: #749236;
	color: #ffffff;
	font-weight: 700;
	border: 1px solid #ffffff;
	border-collapse: collapse;
}

#acc .youkou td {
	padding: 5px 10px;
	background-color: #eaffbe;
	border: 1px solid #ffffff;
	border-collapse: collapse;
}




/* 13-会社概要(com.html) 
--------------------------------*/

#com h2 {
	clear: both;
	padding-top: 10px; 
}

#com .repPhoto {
	float: left;
	width: 264px;
	font-size: 80%;
	text-align: center;
}

#com .about_blisshouse {
	float: right;
	width: 456px;
}

.about_blisshouse p {
	margin: 5px 0 0 10px;
}

#com .line_dot {
	margin-bottom: 8px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #333333;
}

#com table {
  clear:both;
	width: 720px;
	margin: 20px 0;
	border-collapse: collapse;
	background-color: #749236;
}

#com th {
	width: 25%;
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
	background-color: #749236;
	color: #ffffff;
	font-weight: 700;
	border: 1px solid #ffffff;
	border-collapse: collapse;
}

#com td {
	padding: 5px 10px;
	background-color: #eaffbe;
	border: 1px solid #ffffff;
	border-collapse: collapse;
}

#com .listN {
	margin: 10px 2px 10px 24px;
	list-style: decimal;
}

#com .listD {
	margin: 10px 2px 10px 0;
}

#com .accessBox {
/*	clear: both;
	float: left;*/
	width: 720px;
	height: 300px;
}

#com .acc-map {
	float: left;
	width: 350px;
	margin: 0;
	padding: 0;
}

#com .acc-add {
	float: left;
	width: 340px;
	margin: 0;
	padding: 10px;
}

.acc-mojiB {
	margin-bottom: 20px; 
	font-weight: 700;
	font-size: 120%;
	line-height: 1.5;
}

.acc-mojiS {
	font-size: 80%;
	line-height: 1.5;
}

.accImg {
	float: left;
	margin-top: 10px;
	border: 1px solid #b4b4b4;
}

.comImg {
	margin-top: 10px;
	padding: 0 10px;
	border: 1px solid #b4b4b4;
}

#com .salesBox {
	/*clear: both;
	float: left;*/
	width: 720px;
}
#com .salesBox .gf{
  padding:15px 5px 5px 5px;
}

.sale-unit {
	width: 720px;
	text-align: right;
}


/* 14-スタッフ紹介(staff.html)
--------------------------------*/

#staff h2 {
	clear: both;
	padding-top: 10px; 
}

#staff .line_dot {
	width: 720px;
	margin-bottom: 8px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #333333;
}

#staff .staffImg {
	margin: 20px 0 10px;
}

#staff ol {
	margin-bottom: 10px;
}

#staff li {
	margin: 0 2px 0 24px;
	list-style: decimal;
}

#staff .prof {
	clear: both;
	float: left;
	width: 720px;
	padding: 10px 0 20px;
}

#staff .profImg {
	float: left;
	width: 150px;
}

#staff .profData {
	float: left;
	width: 550px;
	padding: 0 10px;
}

#staff dl {
	margin: 5px 0;
}

#staff dt {
	clear: both;
	float: left;
	width: 100px;
	margin: 3px 0;
	padding-right: 20px;
	text-align: right;
	font-weight: 700;
	color: #749236;
}

#staff dd {
	float: left;
	width: 430px;
	margin: 3px 0;
}

#staff .fullname {
	width: 550px;
	padding-bottom: 2px;
	font-size: 120%;
	font-weight: 700;
	border-bottom: 1px dotted #333333;
}




/* 15-物件リクエスト(f_adv.html) 
--------------------------------*/

#f_adv .point {
	color: #fa6604;
}

#f_adv h2 {
	padding: 10px 0; 
}

#f_adv p {
	padding-bottom: 10px; 
}

/* ※Form1,Form2関連はsell_req.htmlと共通 */
#Form1 th {
	width: 30%;
	padding: 4px 10px 0;
	text-align: left;
	vertical-align: top;
	font-weight: 700;
	color: #ffffff;
	border: 1px solid #b4b4b4;
	border-collapse: collapse;
	background-image: url(../img/common/bg_form_th1.gif);
}

#Form1 td {
	width: 70%;
	padding: 4px 10px;
	line-height: 2;
	border: 1px solid #b4b4b4;
	border-collapse: collapse;
	background-image: url(../img/common/bg_form_td1.gif);
}

#Form1 .h-1 {
	padding: 0;
}

#Form1 .h-2 {
	margin: 5px 0;
	padding: 0 5px;
	color: #ffffff;
	font-weight: 700;
	background-color: #89ac43;
}

#Form1 .border {
	/*width: 100%;*/
	border-bottom: 3px solid #89ac43;
}

#Form2 th {
	width: 30%;
	padding: 4px 10px 0;
	text-align: left;
	vertical-align: top;
	font-weight: 700;
	color: #ffffff;
	border: 1px solid #b4b4b4;
	border-collapse: collapse;
	background-image: url(../img/common/bg_form_th2.gif);
}

#Form2 td {
	width: 70%;
	padding: 4px 10px;
	line-height: 2;
	border: 1px solid #b4b4b4;
	border-collapse: collapse;
	background-image: url(../img/common/bg_form_td2.gif);
}

#Form2 .h-2 {
	padding: 0;
}

#Form2 .promise {
	line-height: 2;
	text-align: center;
	background-image: url(../img/common/bg_form_th2.gif);
}

#Form2 .promiseBox {
	margin: 5px 10px;
	padding: 5px;
	text-align: center;
	background-color: #ffffff;
}




/* 16-物件のご相談(.html) 
--------------------------------*/





/* 17-売却相談、フォーム(sell.html,sell_req.html) 
--------------------------------*/

#sell h2 {
	clear: both;
	padding-top: 10px; 
}

#sell h3 {
	width: 309px;
	height: 27px;
	margin: 10px 0;
}

#sell p {
	padding: 10px 0px;
	color: #555555;
}

#sell .line_dot {
	float: left;
	width: 720px;
	height: 85px;
	margin-bottom: 8px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #333333;
}

#sell .collectTitle {
	float: left;
	vertical-align: bottom;
}

#sell .collectBtn {
	float: right;
	width: 302px;
	padding-top: 58px;
}

#sell .collectBtn img {
	margin-left: 1px;
}

#sell .aboutBtn {
	clear: both;
	width: 720px;
	margin: 10px auto;
	text-align: center;
}

#sell .aboutBtn img {
	margin-left: 3px;
}

#sell .hikaku {
	width: 720px;
	margin-bottom: 20px;
	color: #ffffff;
}

#sell .hikakuEntry1 {
	padding: 5px 5px 5px 10px;
	text-align: left;
	font-weight: nomal;
	color: #ffffff;
	background-color: #749236;
}

#sell .hikakuEntry2 {
	width: 10%;
	padding: 5px;
	text-align: center;
	font-weight: 700;
	color: #749236;
	background-color: #bfe079;
}

#sell .hikaku td {
	padding: 5px 10px;
	text-align: left;
	color: #749236;
	background-color: #eaffbe;
}

#sell .point {
	font-weight: 700;
	color: #cc0000;
}

#sell .flowTo {
	width: 720px;
	margin-bottom: 20px;
}

#sell .flowToArr {
	margin: 5px 0;
	text-align: center;
	background-color: #ffffff;
}

#sell .flowTo dt {
	padding: 5px 5px 5px 10px;
	font-weight: 700;
	color: #ffffff;
	background-color: #749236;
}

#sell .flowTo dd {
	padding: 5px 5px 5px 10px;
	color: #749236;
	background-color: #eaffbe;
}

#sell .omakase {
	width: 720px;
	margin-bottom: 20px;
}

#sell .omakasePara {
	float: left;
}

#sell .omakaseImg {
	float: left;
	margin: 10px 10px 20px 0;
}

#sell .omakaseArekore {
	clear: both;
	width: 698px;
	padding: 10px;
	line-height: 1.8;
	border: 1px solid #c5c5c5;
	background-color: #ededed;
}

#sell .omakaseArekoreBtn {
	margin-top: 5px;
	text-align: right;
}



#sell_req .point {
	color: #fa6604;
}

#sell_req h2 {
	padding: 10px 0; 
}

#sell_req p {
	padding-bottom: 10px; 
}

#sell_req .telNumber {
	margin-top: 10px;
	text-align: right;
}




/* 18-お客様の声(voice.html) 
--------------------------------*/

#voice .voiceBox {
	width: 720px;
	margin: 20px 0;
}

#voice .voiceH {
	height: 10px;
	/*overflow: hidden;*/ 
}

#voice .voiceF {
	height: 6px;
	/*overflow: hidden;*/ 
}

.voiceF img {
	vertical-align: top;
}

#voice .voiceM {
	width: 717px;
	margin: 0;
	background-image: url(../img/voice/bg_waku-back.jpg);
	background-repeat: repeat-x;
	background-position: top;
	border-right: 1px solid #b4b4b4; 
	border-left: 1px solid #b4b4b4; 
}

#voice .ask {
	height: 25px;
	margin: 0 10px;
	padding-top: 5px;
	padding-left: 10px;
	background-color: #fa6604;
	font-weight: 700;
	color: #ffffff;
}

#voice .answer {
	clear: left;
	height: 25px;
	margin: 0 10px;
	padding-top: 5px;
	padding-left: 10px;
	background-color: #a6d342;
	font-weight: 700;
	color: #ffffff;
}

#voice p {
	clear: left;
	width: 690px;
	padding: 15px 10px;
	line-height: 1.7;
}

#voice .askImg {
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #b4b4b4;
}


/* 19-世田谷区・目黒区マンション情報(.html) 
--------------------------------*/

/* 20-マンション詳細(.html) 
--------------------------------*/

/* 21-賃貸オーナー募集コーナー(.html) 
--------------------------------*/
#owner .topCap{
  width:100%;
  overflow:hidden;
}
#owner .topCap h2,
#owner .topCap ul li{
  float:left;
}
#owner .topCap ul li{
  padding:17px 8px 0px 8px;
}

#owner .ooya{
  margin:5px 0px 0px 0px;
  background-color:#FFE2D0;
  width:100%;
  overflow:hidden;
}
#owner .ooya .leftArea{
  width:387px;
  float:left;
  padding:25px 0px 25px 17px;
  overflow:hidden;
}
#owner .ooya .leftArea ul{
  padding:5px 0px 0px 0px;
}
#owner .ooya .leftArea ul li{
  float:left;
  padding:7px 5px 0px 0px;
}
#owner .ooya a{
  float:right;
  margin:40px 20px 0px 0px;
}

#owner .sys{
  padding:20px 0px 0px 0px;
}
#owner .sys h2{
  padding:0px 0px 10px 0px;
}
#owner .sys h3{
  padding:0px 0px 5px 0px;
}
#owner .sys h3.setPd{
  padding:24px 0px 5px 0px;
}
#owner .sys a img{
  padding:25px 0px 0px 0px;
}


/* 22-スタッフブログ・お役立ち情報(.html) 
--------------------------------*/

