@charset "UTF-8";

@import url("common.css");

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

 トップページのスタイル

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

/* --------------------------------------------------------------------------------------
 コンテンツ
--------------------------------------------------------------------------------------- */

/* FLASH
------------------------------------------------------------ */

div#topFlash {
	position: relative;
	width: 730px;
	height: 314px;
	margin-top: -20px;
	zoom: 1;
}


/* イチオシ物件
------------------------------------------------------------ */

div#recommendArea {
	width: 730px;
	margin-top: 12px;
	background: url(../../img/bg_recommend_rp.gif) repeat-y;
}
div#recommendAreaIn {
	width: 730px;
	background: url(../../img/bg_recommend_bt.gif) no-repeat left bottom;
}
div#recommendAreaIn:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#recommendAreaIn { display:inline-block; }
/*\*/
* html div#recommendAreaIn { height:1%; }
div#recommendAreaIn { display:block; }
/**/

div#recommendArea div.recommendBox {
	float: left;
	width: 327px;
	margin-right: 9px;
	padding: 11px;
	background: url(../../img/bg_recommend_tp.gif) no-repeat left top;
}
* html div#recommendArea div.recommendBox {
	width: 349px;
}

div#recommendArea div.recommendBoxLeft {
	float: left;
	width: 125px;
	margin-right: 10px;
}

div#recommendArea div.recommendBoxRight {
	float: left;
	width: 180px;
}

div#recommendArea div.recommendBoxLeft p {
	position: relative;
	width: 125px;
}
div#recommendArea02 p.img {
	position: relative;
	width: 145px;
}
div#recommendArea p span.new,
div#recommendArea02 p span.new {
	position: absolute;
	top: 0;
	left: 0;
}

div#recommendArea02 {
	width: 730px;
	margin-top: 10px;
	background: url(../../img/bg_recommend02_rp.gif) repeat-y;
}
div#recommendArea02In {
	width: 730px;
	background: url(../../img/bg_recommend02_bt.gif) no-repeat left bottom;
}
div#recommendArea02In:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#recommendArea02In { display:inline-block; }
/*\*/
* html div#recommendArea02In { height:1%; }
div#recommendArea02In { display:block; }
/**/

div#recommendArea02 div.recommendBox02 {
	float: left;
	width: 147px;
	margin-right: 10px;
	padding: 11px;
	background: url(../../img/bg_recommend02_tp.gif) no-repeat left top;
}
* html div#recommendArea02 div.recommendBox02 {
	width: 169px;
}

div#recommendArea p.txtCatch,
div#recommendArea02 p.txtCatch {
	margin-bottom: 3px;
	padding: 9px 0 7px;
}

div#recommendArea p.icon,
div#recommendArea02 p.icon {
	margin: 4px 0;
}
div#recommendArea p.icon img,
div#recommendArea02 p.icon img {
	margin-right: 5px;
}

div#recommendArea p.txtEx,
div#recommendArea02 p.txtEx {
	color: #000000;
	font-size: 86%;
}

p.txtEx a:link,
p.txtEx a:visited {
	color: #000000;
	text-decoration: none;
}
p.txtEx a:hover,
p.txtEx a:active {
	color: #000000;
	text-decoration: underline;
}


/* ラボ
------------------------------------------------------------ */

div#laboArea {
	width: 706px;
	min-height: 225px;
	margin-bottom: 15px;
	background: url(../../img/bg_labo.jpg) no-repeat left top;
}
* html div#laboArea {
	height: 225px;
}

div#laboArea div.laboBox {
	width: 396px;
	margin-bottom: 5px;
}

div#laboArea div.laboBoxTp {
	width: 396px;
	height: 10px;
	background: url(../../img/bg_labo02_tp.png) no-repeat left top;
	font-size: 0;
}
div#laboArea div.laboBoxRp {
	width: 396px;
	background: url(../../img/bg_labo02_rp.png) repeat-y;
}
div#laboArea div.laboBoxBt {
	width: 396px;
	height: 10px;
	background: url(../../img/bg_labo02_bt.png) no-repeat left bottom;
	font-size: 0;
}

div#laboArea div.laboBox02 {
	width: 706px;
}

div#laboArea div.laboBox02Tp {
	width: 706px;
	height: 10px;
	background: url(../../img/bg_labo_tp.png) no-repeat left top;
	font-size: 0;
}
div#laboArea div.laboBox02Rp {
	width: 706px;
	background: url(../../img/bg_labo_rp.png) repeat-y;
}
div#laboArea div.laboBox02Bt {
	width: 706px;
	height: 10px;
	background: url(../../img/bg_labo_bt.png) no-repeat left bottom;
	font-size: 0;
}

div#laboArea div.laboBoxRp p,
div#laboArea div.laboBox02Rp p {
	margin: 0 15px;
	line-height: 1.8;
}

div#laboArea div.laboBoxTp,
div#laboArea div.laboBoxRp,
div#laboArea div.laboBoxBt,
div#laboArea div.laboBox02Tp,
div#laboArea div.laboBox02Rp,
div#laboArea div.laboBox02Bt {
	behavior: expression(IEPNGFIX.fix(this));
}


/* 会員
------------------------------------------------------------ */

div#memberArea {
	width: 705px;
	margin-bottom: 15px;
	background: url(../../img/bg_member_rp.gif) repeat-y;
}
div#memberAreaTp {
	width: 705px;
	background: url(../../img/bg_member_tp.gif) no-repeat left top;
}
div#memberAreaBt {
	position: relative;
	width: 705px;
	min-height: 452px;
	padding-top: 73px;
	background: url(../../img/bg_member_bt.gif) no-repeat left bottom;
}
* html div#memberAreaBt {
	height: 525px;
}

div#memberArea h2 {
	position: absolute;
	top: 15px;
	left: 15px;
}

div#memberArea span.txtLink {
	position: absolute;
	top: 15px;
	right: 20px;
	text-align: right;
	margin-left: 350px;
	color: #05B2EC;
}

div#memberArea p.img {
	position: absolute;
	top: 62px;
	left: 33px;
}

div#memberArea p.img span.btn {
	position: absolute;
	top: 238px;
	left: -33px;
}

div#memberArea dl {
	width: 340px;
	margin: 0 0 0 337px;
}

div#memberArea dl dd {
	margin-bottom: 10px;
	padding-bottom: 7px;
	border-bottom: 1px solid #DCDCDC;
}
div#memberArea dl dd.last {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}


/* ピックアップ
------------------------------------------------------------ */

div#pickupArea {
	width: 705px;
	margin-bottom: 15px;
	background: url(../../img/bg_pickup_rp.gif) repeat-y;
}
div#pickupAreaIn {
	width: 705px;
	background: url(../../img/bg_pickup_bt.gif) no-repeat left bottom;
}
div#pickupAreaIn:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#pickupAreaIn { display:inline-block; }
/*\*/
* html div#pickupAreaIn { height:1%; }
div#pickupAreaIn { display:block; }
/**/

div#pickupArea dl.pickupBox {
	float: left;
	width: 225px;
	margin-right: 15px;
}

div#pickupArea dl.last {
	margin-right: 0 !important;
}

div#pickupArea dl.pickupBox dd {
	padding: 5px 12px 15px 12px;
}

div#pickupArea dl.pickupBox dd span {
	display: block;
	margin-top: 10px;
	color: #05B2EC;
}

div#pickupArea02 {
	width: 705px;
	background: url(../../img/bg_pickup02_rp.gif) repeat-y;
}
div#pickupArea02Tp {
	width: 705px;
	background: url(../../img/bg_pickup02_tp.gif) no-repeat left top;
}
div#pickupArea02Bt {
	width: 705px;
	background: url(../../img/bg_pickup02_bt.gif) no-repeat left bottom;
}
div#pickupArea02Bt:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#pickupArea02Bt { display:inline-block; }
/*\*/
* html div#pickupArea02Bt { height:1%; }
div#pickupArea02Bt { display:block; }
/**/

div#pickupArea02 dl.pickupBox02 {
	float: left;
	width: 444px;
	padding: 10px;
	margin-right: 16px;
}
* html div#pickupArea02 dl.pickupBox02 {
	width: 464px;
}
div#pickupArea02 dl.pickupBox02:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#pickupArea02 dl.pickupBox02 { display:inline-block; }
/*\*/
* html div#pickupArea02 dl.pickupBox02 { height:1%; }
div#pickupArea02 dl.pickupBox02 { display:block; }
/**/

div#pickupArea02 dl.pickupBox02 dt {
	float: left;
	width: 307px;
	margin-right: 8px;
}
div#pickupArea02 dl.pickupBox02 dd {
	float: left;
	width: 128px;
}

div#pickupArea02 dl.pickupBox02 dd strong {
	color: #02AFDB;
}

div#pickupArea02 dl.pickupBox03 {
	float: left;
	width: 225px;
	background: url(../../img/bg_pickup_blog.jpg) no-repeat left top;
}

div#pickupArea02 dl.pickupBox03 dd {
	padding: 5px 10px 10px 10px;
	font-size: 86%;
}

div#pickupArea02 dl.pickupBox02 dd a:link,
div#pickupArea02 dl.pickupBox02 dd a:visited,
div#pickupArea02 dl.pickupBox02 dd a:hover,
div#pickupArea02 dl.pickupBox02 dd a:active {
	color: #454545;
}

div#pickupArea02 dl.pickupBox03 dd a:link,
div#pickupArea02 dl.pickupBox03 dd a:visited,
div#pickupArea02 dl.pickupBox03 dd a:hover,
div#pickupArea02 dl.pickupBox03 dd a:active {
	color: #395D01;
}