@charset "UTF-8";



body{
	background:url(../common/img/bg.gif) top repeat-x #fff;
	}


#contents{
	padding-top:20px;	
	}
	
	
/* main */	

#main{
	float:left;
	width:551px;
	padding-right:46px;
	padding-top:3px;
	background:url(../img/main-section1-bg.gif) 100% 0px no-repeat;
	}


/*	main section1 */


#main .section1{
	padding-bottom:55px;
	width:100%;
	}
	


/*	section1  */

#slideshow{
	width:550px;
	height:380px;
	}
	
.slides {
	width:550px;
	height:380px;
	}
	
.slides-nav {
	width:78px;
	height:7px;
	padding-top:7px;
	float:right;
	margin-right:-6px;
	/position:relative;
	}
	
.slides-nav li {
	width:7px;
	height:7px;
	float:left;
	margin-right:6px;
	}
	
.slides-nav li a{
	width:7px;
	height:7px;
	float:left;
	display:block;
	overflow: hidden;
	background:url(../img/icn-slide.gif) 0 0 no-repeat;
	text-indent: -9999px;
	}	
	
#slideshow .slides-nav:after	{ height:0;	visibility: hidden;	content: ".";	display: block;	clear: both; }
.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a,
.js #slideshow .slides-nav li a:hover{
	background: url(../img/icn-slide_o.gif) 0 0 no-repeat;
}
	

/*	section1 */


#main .section1 .inner{
	padding-top:15px;
	clear:both;
	}

*:first-child+html #main .section1 .inner{
	padding-top:30px;
	width:100%;
	}
	

#main .section1 .inner ul{
	width:566px;
	margin-right:-16px;
	_position:relative;
	}
	
#main .section1 .inner ul li{
	/display:inline;
	float:left;
	width:176px;
	height:124px;
	margin-right:12px;
	}
	
#main .section1 .inner ul li a{
	display:block;
	float:left;
	width:176px;
	height:124px;
	text-decoration:none;
	}	
	
	
	
/*	main section2  */	

#main .section2{
	clear:both;
	float:left;
	width:551px;
	position:relative;
	}

	
#main .section2 table{
	margin:0;
	width:550px;
	}

#main .section2 h2 a{
	position:absolute;
	left:520px;
	top:5px;
	}
	
#main .section2 th,
#main .section2 td{
	border-bottom:1px dotted #ccc;
	text-align:left;
	vertical-align:top;
	}
	
#main .section2 td{
	padding:7px 10px 7px 0;
	line-height:1.5em;
	}
	
#main .section2 th{
	color:#999;
	font-size:10px;
	padding:5px 18px 0 0;
	white-space:nowrap;
	}
	
	
/* sub */

#contents #sub{
	float:right;
	width:299px;
	_overflow:hidden;
	}
	
#contents #sub .group{
	height:17px;
	line-height:17px;
	font-size:1px;
	}
	
	
#contents #sub ul.section1{
	margin-top:15px;
	padding-bottom:46px;
	_padding-bottom:43px;
	width:300px;
	margin-right:-15px;
	position:relative;
	}	
		
	
#contents #sub .section1 li{
	padding-right:15px;
	margin-bottom:15px;
	float:left;
	width:135px;
	/height:160px;
	/overflow:hidden;
	}
	
#contents #sub ul li table{	
	margin-bottom:8px;
	width:135px;
	height:135px;
	overflow:hidden;
	}
	
#contents #sub ul li .inner td{
	background:url(../img/group-bg.gif) 0px 0px no-repeat;
	width:135px;
	height:135px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
	}

#contents #sub h3{
	font-size:11px;
	line-height:13px;
	background:url(../common/img/icn-plus.gif) 0px 0px no-repeat;
	padding-left:20px;
	margin:0;
	padding-top:0;
	}
	
#contents #sub  h3 a{
	display:block;
	color:#000;
	text-decoration:none;
	overflow:hidden;
	}
	
#contents #sub ul li a:hover img{
	/position:relative;
	/top:0px;
	/left:0px;
	text-align:none;
	}
	
#contents #sub ul li h3 a:hover{
	color:#c20000;
	text-decoration: underline;
	}
	
	
#contents #sub ul li h3 a:visited{
	color:#000;
	}
	
	
#contents #sub .section2{
	clear:both;
	}
	
#contents .event{
	padding-bottom:8px;
	position:relative;
	width:287px;
	height:35px;
	}

#contents #sub .event a{
	position:absolute;
	left:255px;
	top:5px;
	display:block;
	}
	
#contents #sub .section2 th,
#contents #sub .section2 td{
	text-align:left;
	vertical-align:top;
	}
	
#contents #sub .section2 td{
	padding:4px 10px 10px 12px;
	line-height:1.5em;
	}
	
#contents #sub .section2 th{
	background:url(../img/info-day-bg.gif) 0 0 no-repeat;
	padding:5px 8px 5px 8px;
	/padding:5px 0px 5px 8px;
	/width:67px;
	color:#fff;
	font-size:16px;
	line-height:1em;
	}

#contents #sub .section2 th span{
	font-size:10px;
	}
	
	
/* ページ右段バナー枠 */

#bannerBox {
	/*
	position:relative;
	z-index:1;
	top:50px;
	*/
	margin-top:54px;
}


/* iサポート バナー */

#bannerIsup {
	width:288px;
	height:63px;
}

#bannerIsup a,
#bannerIsup a img {
	background-repeat:no-repeat;
	border:none;
	display:block;
	width:288px;
	height:63px;
	vertical-align: bottom;
}

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

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

#bannerIsup a {
	background-image:url(../img/isupport_b.gif);	/* image for mouseover */
}

/* GoodDesign バナー */

#bannerGoodDesign {
	width:288px;
	height:80px;
	margin-top: 12px;
	margin-bottom: 6px;
}

#bannerGoodDesign a,
#bannerGoodDesign a img {
	background-repeat:no-repeat;
	border:none;
	display:block;
	width:288px;
	height:80px;
	vertical-align: bottom;
}

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

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

#bannerGoodDesign a {
	background: url(../img/ie_gd2012b.gif);
}

/* スマートフォンサイト バナー */

#bannerSmapho {
	width:299px;
	height:75px;
}

#bannerSmapho a,
#bannerSmapho a img {
	background-repeat:no-repeat;
	border:none;
	display:block;
	width:299px;
	height:75px;
	vertical-align: bottom;
}

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

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

#bannerSmapho a {
	background: url(../img/smapho_b.jpg);
}

/* 住宅販売No.1バナー */

#banner2012no1 {
	clear:both;
	padding-top:20px;
}

#banner2012no1 a,
#banner2012no1 a img {
	background-repeat:no-repeat;
	border:none;
	display:block;
	width:920px;
	height:74px;
	vertical-align: bottom;
}

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

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

#banner2012no1 a {
	background-image:url(../img/banner2012no1/b_hanbai1.gif);	/* image for mouseover */
}






/* 20121029 */

#mainVisual { margin-bottom:20px; }

#sec01 {
	position:relative;
	width:920px;
	height:165px;
	margin-bottom:20px;
	background:url(../img/sec01_bg.gif) no-repeat 0 0;
}

#sec01 .menu01 { position:absolute; top:26px; left:81px; }
#sec01 .menu02 { position:absolute; top:26px; left:496px; }

#sec02 {
	margin-bottom:30px;
	padding-bottom:20px;
	background:url(../img/sec02_bg.gif) no-repeat 0 bottom;
}
#sec02 .leftArea { float:left; width:615px; }
#sec02 .rightArea { float:right; width:272px; }

#sec02 .ttl { margin-bottom:20px; }
#sec02 .inner { padding:0 0 0 18px; }

#sec02 .leftArea .list {
	width:575px;
	margin-bottom:10px;
	background:url(../img/sec02_brand_bg.gif) no-repeat 0 bottom;
}
#sec02 .leftArea .list li { float:left; padding-right:10px; }
#sec02 .leftArea .list li.lastChild { padding-right:0; }
#sec02 .leftArea .list dl { width:185px; }
#sec02 .leftArea .list dl dt { display:block; font-size:0; line-height:0; }
#sec02 .leftArea .list dl dd { padding:10px 3px 10px 6px; font-size:0.85em; line-height:1.1; letter-spacing:-0.02em; }

#sec02 .rightArea .list {}
#sec02 .rightArea .list li { margin-bottom:11px; font-size:0; line-height:0; }
#sec02 .rightArea .list li.lastChild { margin-bottom:0; }


#sec03 {
	width:920px;
	margin-bottom:40px;
	padding-bottom:5px;
	background:url(../img/sec03_bg.gif) no-repeat 0 bottom;
}
#sec03 .ttl { margin-bottom:20px; }
#sec03 .inner { padding:0 0 0 46px; }
#sec03 ul { width:895px; }
#sec03 li { float:left; padding:0 50px 26px 0; font-size:0; line-height:0; }
#sec03 li.btn01 { background:url(../img/sec03_btn01_bg.gif) no-repeat 0 bottom; }
#sec03 li.btn02 { background:url(../img/sec03_btn02_bg.gif) no-repeat 0 bottom; }
#sec03 li.btn03 { background:url(../img/sec03_btn03_bg.gif) no-repeat 0 bottom; }
#sec03 li.btn04 { background:url(../img/sec03_btn04_bg.gif) no-repeat 0 bottom; padding-right:0; }
#sec03 li.btn05 { background:url(../img/sec03_btn05_bg.gif) no-repeat 0 bottom; }


#sec04 { }

#sec04 #topics {
	float:left;
	width:551px;
	position:relative;
}

#sec04 #topics table{
	margin:0;
	width:550px;
}

#sec04 #topics h2 a{
	position:absolute;
	left:520px;
	top:5px;
}
	
#sec04 #topics th,
#sec04 #topics td{
	border-bottom:1px dotted #ccc;
	text-align:left;
	vertical-align:top;
}
	
#sec04 #topics td{
	padding:7px 10px 7px 0;
	line-height:1.5em;
}
	
#sec04 #topics th{
	color:#999;
	font-size:10px;
	padding:5px 18px 0 0;
	white-space:nowrap;
}

#sec04 #event {
	float:left;
	width:350px;
	position:relative;
}

#sec04 #event table{
	margin:0;
	width:350px;
	border-spacing: 10px;
	margin-bottom: 6px;
}

#sec04 #event h2 a{
	position:absolute;
	left:320px;
	top:5px;
}
	
#sec04 #event th,
#sec04 #event td{
	text-align:left;
	vertical-align:top;
	}
	
#sec04 #event td{
	padding:4px 10px 10px 0;
	line-height:1.5em;
	}
	
#sec04 #event th{
	background:url(../img/info-day-bg.gif) 0 0 no-repeat;
	padding:5px 8px 5px 8px;
	/padding:5px 0px 5px 8px;
	/width:67px;
	color:#fff;
	font-size:16px;
	line-height:1em;
	}

#sec04 #event th span{
	font-size:10px;
	}


















#sec04 #bnrArea { float:right; width:350px; }
#sec04 #bnrArea li { margin-bottom:15px; font-size:0; line-height:0; }
#sec04 #bnrArea li.lastChild { margin-bottom:0; }
	
#inquiry { margin-bottom:80px; padding-left:40px; }