@charset "UTF-8";

/* ///////////////////////////////////////////////
【トップページ】
title: top.css
paths: common/css/top.css
/////////////////////////////////////////////// */


/* -----------------------------------------------
Table Of Contents

#01 共通
#02 グローバルナビ
#03 メインイメージ
#04 2カラムコンテナー
#05 おすすめ物件
#06 ピックアップ物件動画
#07 右カラム／新着情報・新着物件
#08 物件一覧
----------------------------------------------- */



/* -----------------------------------------------

#01 共通

----------------------------------------------- */



/* -----------------------------------------------

#02 グローバルナビ

----------------------------------------------- */
div.topStyle div.gNav ul li.gNavTop a {
background: url(../img/gnav.jpg) 0 -99px no-repeat;
}



/* -----------------------------------------------

#03 メインイメージ

----------------------------------------------- */
div.mainImg {
width: 960px;
height: 260px;
margin: 0 auto 20px;
}



/* -----------------------------------------------

#04 2カラムコンテナー

----------------------------------------------- */
div.container {
width: 960px;
margin: 0 auto 30px;
text-align: left;
}

div.container div.columnA {
display: inline;
float: left;
width: 721px;
margin-right: 19px;
}

div.container div.columnB {
float: right;
width: 220px;
}



/* -----------------------------------------------

#05 おすすめ物件

----------------------------------------------- */
div.recommend {
margin-bottom: 45px;
}

div.recommend h2 {
width: 721px;
height: 50px;
background: url(../../img/rec_ttl_01.gif) no-repeat;
}

div.recommend h3 {
width: 721px;
height: 36px;
background: url(../../img/rec_ttl_02.jpg) no-repeat;
}

div.recommend div.recommendBox {
width: 720px;
margin-bottom: 10px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
}

div.recommend div.recommendBox dl {
display: inline;
float: left;
width: 134px;
padding: 4px 5px 10px 4px;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

div.recommend div.recommendBox dl dt {
width: 130px;
padding: 1px;
border: #ddd 1px solid;
margin-bottom: 5px;
}
div.recommend div.recommendBox dl dd {
margin-bottom: 7px;
padding: 0 2px 7px;
border-bottom: 1px dotted #ddd;
}

div.recommend div.recommendBox dl dd.recTxt01 a {
color: #4b8426;
font-size: 12px;
font-weight: bold;
}
div.recommend div.recommendBox dl dd.recTxt02 {
font-size: 12px;
height:30px;
}
div.recommend div.recommendBox dl dd.recTxt03 {
font-size: 12px;
}
div.recommend div.recommendBox dl dd.recTxt04 {
font-size: 10px;
}
div.recommend div.recommendBox dl dd.recTxt04 em {
font-size: 12px;
}
div.recommend div.recommendBox dl dd.recTxt04 span {
font-size: 12px;
}
div.recommend div.recommendBox dl dd.recTxt04 strong {
font-weight: bold;
color: #d20000;
}
div.recommend div.recommendBox dl dd.recTxt05 {
text-align: center;
font-size: 12px;
font-weight: bold;
color: #d20000;
}
div.recommend div.recommendBox dl dd.recBtn {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0 none;
}
div.recommend div.recommendBox dl dd.recBtn p {
width: 102px;
height: 20px;
margin: 0 auto;
}
div.recommend div.recommendBox dl dd.recBtn p a {
width: 102px;
height: 20px;
background: url(../../img/rec_btn.gif) no-repeat;
}

div.recommend p.recLink {
margin-bottom: 20px;
text-align: center;
font-size: 110%;
}
div.recommend p.recLink a {
color: #006600;
}

div.recommend ul li {
float: left;
width: 234px;
height: 120px;
}
div.recommend ul li a {
width: 234px;
height: 120px;
}
div.recommend ul li.bnrKanazawa {
margin-right: 9px;
}
div.recommend ul li.bnrKanazawa a {
background: url(../img/bnr_kanazawa.jpg) no-repeat;
}
div.recommend ul li.bnrKamino {
margin-right: 10px;
}
div.recommend ul li.bnrKamino a {
background: url(../img/bnr_kamino.jpg) no-repeat;
}
div.recommend ul li.bnrPet a {
background: url(../img/bnr_pet.jpg) no-repeat;
}



/* -----------------------------------------------

#06 ピックアップ物件動画

----------------------------------------------- */
div.pickup h2 {
width: 721px;
height: 30px;
margin-bottom: 18px;
background: url(../../img/pickup_ttl.gif) no-repeat;
}

div.pickup div.pickupBox {
width: 720px;
}
div.pickup div.pickupBox div.pickupBoxA {
display: inline;
float: left;
width: 340px;
margin-right: 21px;
}
div.pickup div.pickupBox div.pickupBoxB {
float: left;
width: 340px;
}

div.pickup div.pickupBox div.pickupBoxCommon {
float: left;
width: 340px;
padding:0 10px;
}

div.pickup div.pickupBox div.pickupMovie {
margin-bottom: 10px;
}

div.pickup div.pickupBox p.pickupPR {
margin-top:5px;
text-align: center;
color: #ff3300;
font-size: 110%;
font-weight: bold;
}
div.pickup div.pickupBox p.pickupLink {
text-align: center;
color: #4b8426;
}

div.pickup div.pickupBox p.pickupLink strong {
font-size: 110%;
font-weight: bold;
color: #4b8426;
}
div.pickup div.pickupBox p.pickupLink a {
color: #4b8426;
}



/* -----------------------------------------------

#07 右カラム／新着情報・新着物件

----------------------------------------------- */
div.rNew dl {
border: 1px solid #ddd;
margin-bottom: 30px;
padding-bottom: 15px;
}

div.rNew dl dt {
width: 218px;
height: 29px;
padding-bottom: 15px;
background: url(../../img/r_new_ttl.gif) no-repeat;
}

div.rNew dl dd {
padding: 0 10px 7px;
}
div.rNew dl dd p.date {
font-size: 10px;
color: #999;
}
div.rNew dl dd p.date em {
color: #ff0000;
}
div.rNew dl dd p a {
font-size: 12px;
}

div.rNew dl dd p a:link,
div.rNew dl dd p a:visited,
div.rNew dl dd p a:hover,
div.rNew dl dd p a:active {
color: #4b8426;
}

div.rNew dl dd.lastNews {
padding-bottom: 0;
}



/* -----------------------------------------------

#08 物件一覧

----------------------------------------------- */
div.list {
width: 960px;
margin: 0 auto 65px;
text-align: left;
}

div.list h2 {
width: 960px;
height: 49px;
background: url(../../img/list_ttl.gif) no-repeat;
}

div.list div.listBG {
width: 941px;
padding: 9px 8px 14px 9px;
border: #ddd 1px solid;
background: #ffffdc;
}

div.list div.mapFrame {
width: 937px;
height: 426px;
padding: 1px;
border: #ddd 1px solid;
background: #fff;
}

div.list div.listBox {
width: 940px;
border-left: 1px solid #ddd;
}

div.list div.listBox dl {
display: inline;
float: left;
width: 226px;
padding: 4px;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background: #fff;
}

div.list div.listBox dl dt {
float: left;
width: 90px;
height:110px;
padding: 1px;
border: 1px solid #ddd;
}
div.list div.listBox dl dd {
position: relative;
margin-left: 99px;
}

div.list div.listBox dl dd h4 {
margin-bottom: 3px;
font-size:10px;
}
div.list div.listBox dl dd h4 a {
font-weight: bold;
font-size: 11px;
color: #4b8426;
}

div.list div.listBox dl dd p.listTxt {
font-size: 10px;
}

div.list div.listBox dl dd p.listBtn {
position: absolute;
top: 94px;
left: 25px;
width: 102px;
height: 20px;
}
div.list div.listBox dl dd p.listBtn a {
width: 102px;
height: 20px;
background: url(../../img/list_btn.gif) no-repeat;
}


/* -----------------------------------------------

#09 message

----------------------------------------------- */

#message{
	padding:10px;
	width:940px;
	border:1px solid #CCCCCC;
	margin:0px auto 30px auto;
	font-size:10px;
	line-height:18px;
}