@charset "UTF-8";
@import "common.css";

/*container--------------------*/

#container {
	clear: both;
	width: 100%;
	background:url(../img_top/container_bg.gif) center top repeat-x;
}

/*contents--------------------*/

#contents {
	background:url(../img_top/contents_bg.gif) top center no-repeat;
}

#contents_left {
	float: left;
	width: 652px;
}

/*main--------------------*/

#main {
	clear: both;
	width: 960px;
	height: 360px;
	margin: 0 auto;
	padding: 0 10px;
	background:url(../img_top/main_ph.jpg) top center no-repeat;
	position:relative;
}

#main li {
	list-style: none;
	font-size: 0;
	line-height: 0;
}

#main .main_btn01 {
	width: 244px;
	height: 244px;
	position:absolute;
	top:20px;
	left: 372px;
}

#main .main_btn02 {
	position:absolute;
	top: 12px;
	left: 49px;
}

#main .main_btn03 {
	position:absolute;
	top: 12px;
	right: 36px;
}

#main #word_area {
	width: 280px;
	height: 58px;
	background:url(../img_top/word_bg.jpg) bottom left no-repeat;
	position:absolute;
	right: 15px;
	bottom: 8px;
}

#main #word_area .word_input {
	width: 202px;
	padding: 1px 0;
	position:absolute;
	bottom: 8px;
	left: 11px;
}

#main #word_area .btn_input {
	position:absolute;
	bottom: 7px;
	right: 11px;
}

/*search--------------------*/

.search_block {
	width: 960px;
	height: 57px;
	margin: 0 auto 10px auto;
	padding: 0 10px 5px 10px;
	background:url(../img_top/search_bg.gif) top center no-repeat;
}

.search_block h2 {
	float: left;
	width: 192px;
	margin: 21px 10px 0 23px;
	_display:inline; /* for IE 6 */
}

.search_block .search_box01 {
	float: left;
	width: 213px;
	margin: 9px 10px 0 0;
	_display:inline; /* for IE 6 */
}

.search_block .search_box01 input {
	width: 213px;
}

.search_block .search_box01 h3,
.search_block .search_box02 h3 {
	margin-bottom: 4px;
}

.search_block .search_box02 {
	float: left;
	width: 260px;
	margin: 9px 0 0 0;
	_display:inline; /* for IE 6 */
}

.search_block .search_box02 select {
	float: left;
	width: 213px;
}

.search_block .search_box02 input {
	float: right;
}

.search_block .search_box03 {
	float: right;
	width: 210px;
	margin: 9px 15px 0 0;
	_display:inline; /* for IE 6 */
}



/*contents_left--------------------*/

.center_block {
	clear: both;
	margin-bottom: 25px;
}

.center_block h2 {
	margin-bottom: 17px;
}

/*新着物件情報*/

.new_block {
	float: left;
	width: 143px;
	margin: 0 12px 12px 0;
	padding: 3px;
	border: 1px solid #dddddd;
}

.new_block .ph {
	margin-bottom: 9px;
}

.new_block p {
	margin: 0 5px;
	font-size: 85%;
}

.new_block p img {
	margin-left: 3px;
}

.new_block h3 {
	margin: 2px 5px;
	font-weight: bold;
}

.new_block .data {
	color: #666666;
}

/*今週のおすすめ物件*/

.osusume_block {
	clear: both;
	width: 620px;
	margin-bottom: 10px;
	padding: 3px 15px 3px 3px;
	border: 1px solid #dddddd;
}

.osusume_block .ph {
	float: left;
	margin-right: 15px;
}

.osusume_block .txt {
	margin-top: 10px;
	overflow: hidden;
	zoom:1;
}

.osusume_block .txt h3 {
	margin-bottom: 8px;
	padding: 0 0 0 6px;
	border-left: 2px solid #51943b;
}

.osusume_block .txt h3 span {
	font-weight: normal;
	color: #666666;
	font-size: 85%;
}

.osusume_block .txt p {
	margin-top: 4px;
	padding-top: 8px;
	background:url(../img/line_dot01.gif) top left repeat-x;
}

/*ニュース*/

.news_block dl {
	clear: both;
	width: 620px;
	margin: 0 0 10px 10px;
	padding-bottom: 9px;
	background:url(../img_top/news_bg.gif) bottom left no-repeat;
}

.news_block dt {
	float: left;
	width: 119px;
	font-weight: bold;
	font-size: 85%;
}

.news_block dt img {
	margin-left: 5px;
	vertical-align: middle;
}

.news_block dd {
	float: right;
	width: 487px;
	padding: 0 5px;
	text-align: left;
}

/*エリア別の一戸建て情報*/

.area_block {
	width: 620px;
	margin-left: 10px;
}

.area_block ul {
	margin-bottom: 10px;
	padding: 20px 20px 10px 20px;
	background-color: #f3f3e9;
}

.area_block ul li {
	float: left;
	width: 122px;
	margin: 0 10px 10px 0;
	padding-left: 13px;
	background:url(../img/icon_arrow01.gif) 0 4px no-repeat;
	list-style: none;
}


/*沿線別の一戸建て情報*/

.ensen_block {
	width: 620px;
	margin-left: 10px;
}

.ensen_block ul {
	width: 580px;
	margin-bottom: 10px;
	padding: 20px 20px 10px 20px;
	background-color: #eaf0f2;
}

.ensen_block ul li {
	float: left;
	width: 172px;
	margin: 0 5px 5px 0;
	padding-left: 13px;
	background:url(../img/icon_arrow02.gif) 0 4px no-repeat;
	list-style: none;
}


/*団扇キャンペーンリンク*/

#uchiwa_banner {
	margin-bottom: 15px;
}

#uchiwa_banner a {
	display: block;
	width: 640px;
	height: 200px;
	background:url(../campaign/img/uchiwa/uchiwa_banner.jpg) 0 0 no-repeat;
}

#uchiwa_banner a em {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	text-indent: -9999px;
}

/* 2011年 沿線・ブライダル特集 リンク */

div#campaign2011 {
	width:640px;
	margin-bottom:20px;
}

div#campaign2011 * {
	margin:0;
	padding:0;
}

div#campaign2011 ul {
	list-style:none;
	width: 666px;
	margin-right: -26px;
	overflow: hidden;
	_zoom: 1;
}

div#campaign2011 ul li {
	float:left;
	margin-right: 26px;
}

div#campaign2011 ul li a:hover img {
	filter:alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	-webkit-opacity: 0.5;
	opacity: 0.5;
}

/* 現場見学会情報リンク */

div#btnKengaku {
	margin-bottom:25px;
}

div#btnKengaku a:hover img {
	filter:alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	-webkit-opacity: 0.5;
	opacity: 0.5;
}

/* スマートフォンサイトリンク */

div#btnSmapho {
	margin-bottom:25px;
}

div#btnSmapho a:hover img {
	filter:alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	-webkit-opacity: 0.5;
	opacity: 0.5;
}

div#rogo{
position:relative;
}

div#rogo div.rogotest a{
position:absolute;top:45px;left:130px;
}

div#rogo div.rogotest a img{
position:absolute;top:-10px;left:0px;
}


/* 2012年 ブライダル特集 リンク */

#bridal2012 {
	width:640px;
	margin-bottom:20px;
}


#bridal2012 a,
#bridal2012 a img {
	background-repeat:no-repeat;
	border:none;
	display:block;
	width:640px;
	height:60px;
	vertical-align: bottom;
}

#bridal2012 a:hover {	/* for IE6 */
	background-color:transparent;
}

#bridal2012 a:hover img {
	visibility:hidden;
}

#bridal2012 a {
	background-image:url(../bridal/img/bridal_banner_b.gif);	/* image for mouseover */
}

/* 2012年 大規模分譲地特集 リンク */

#largescale2012 {
	width:640px;
	margin-bottom:20px;
}


#largescale2012 a,
#largescale2012 a img {
	background-repeat:no-repeat;
	border:none;
	display:block;
	width:640px;
	height:120px;
	vertical-align: bottom;
}

#largescale2012 a:hover {	/* for IE6 */
	background-color:transparent;
}

#largescale2012 a:hover img {
	visibility:hidden;
}

#largescale2012 a {
	background-image:url(../large_scale/img/banner_largescale_f2.jpg);	/* image for mouseover */
}

/* 2012年 予告広告特集 リンク */

#beforesale2012 {
	width:640px;
	margin-bottom:20px;
}

#beforesale2012 a,
#beforesale2012 a img {
	background-repeat:no-repeat;
	border:none;
	display:block;
	width:640px;
	height:121px;
	vertical-align: bottom;
}

#beforesale2012 a:hover {	/* for IE6 */
	background-color:transparent;
}

#beforesale2012 a:hover img {
	visibility:hidden;
}

#beforesale2012 a {
	background-image: url(../before_sale/img/banner_beforesale_f02.gif);	/* image for mouseover */
}


/* 2012年 トップページ右コラムバナー */

#bannerKengaku,#bannerSmapho,#bannerBridal,#bannerVoice,#bannerKosodate,#bannerLabo {
	width:220px;
	margin-bottom:15px;
}

#bannerKengaku a,
#bannerKengaku a img {
	background-repeat:no-repeat;
	border:none;
	display:block;
	height:120px;
	vertical-align: bottom;
}

#bannerBridal a,
#bannerBridal a img {
	background-repeat:no-repeat;
	border:none;
	display:block;
	height:60x;
	vertical-align: bottom;
}

#bannerKengaku a:hover,
#bannerBridal a:hover {	/* for IE6 */
	background-color:transparent;
}

#bannerKengaku a:hover img,
#bannerBridal a:hover img {
	visibility:hidden;
}

#bannerKengaku a {
	background-image:url(../img_top/banner_kengakukai_f2.jpg);	/* image for mouseover */
}

#bannerBridal a {
	background-image:url(../img_top/banner_bridal_f2.jpg);	/* image for mouseover */
}