@charset "UTF-8";

/* トップページ要素 */

/* Flash枠 */

div#MainVisual {
	clear:both;
	margin-bottom:10px;
}

/* ページ左段 */

div#Col1 {
	width:250px;
	float:left;
	margin-bottom:20px;
}

/* ページ左段 > 物件掲載コラム */

div#BkCol {
	width:240px;
	background: url(../images/home/bkcol_bg.gif) repeat-y;
}

div#BkCol h2 {
	margin-bottom:5px;
}

div#BkCol p#BkColIntro {
	font-size:14px;
	text-align:center;
	font-weight:bold;
	margin:0 5px 5px 5px;
	
}

/* 新築一戸建てをもっと見たい! */

div#BkCol p#BkColMore {
	font-size:14px;
	font-weight:bold;
	clear:both;
	/* background:url(../images/home/md_moreinfo_bg.gif) no-repeat 5px 10px; */
	border-top:1px solid #999999;
	margin:0 5px 5px 5px;
	padding-top:15px;
	text-align:center;
	height:30px;
}

/* 
div#BkCol p#BkColMore a {
	text-decoration:none;
	color:black;
}

*/


/* ページ左段 > 物件掲載コラム > 物件枠 */

div.Bukken {
	clear:both;
	margin:0 5px 5px 5px;
	padding-top:5px;
	border-top:1px solid #999999;
}

div.Bukken div.BDateCol {
	margin:0 10px 4px 10px;
	background:green;
}

div.Bukken div.BDateCol p.BDate {
	width:105px;
	font-size:12px;
	color:#333333;
	text-align:left;
	float:left;
}

div.Bukken div.BDateCol p.BMsg {
	width:105px;
	font-size:10px;
	color:#333333;
	float:right;
	text-align:right;
}

div.Bukken h3.BName {
	clear:both;
	font-size: 12px;
	font-weight:bold;
	margin:0 10px 3px 10px;
	line-height:1;
}

div.Bukken h3.BName a {
	color: #003300;
	text-decoration: none;
}

div.Bukken h3.BName a:hover {
	color:#CC0000;
	text-decoration:underline;
}

div.Bukken p.BComment {
	font-size:12px;
	line-height:1.4;
	margin:0 10px 5px 10px;
}

div.Bukken p.BComment a {
	text-decoration: none;
	color:#000066;
}

div.Bukken p.BComment a:hover {
	color:#CC0000;
	text-decoration:underline;
}

div.Bukken p.BComment img {
	margin:0 0 5px 5px;
	float:right;
}

div.Bukken p.BComment sup {
	font-size:70%;
}

/* ----- ページ右段 ----- */

div#Col2 {
	width:660px;
	float:right;
}

/* ページ右段の左 */

div.Col2Left {
	width:330px;
	margin:0 0 10px 0;
	padding:0;
	float:left;
}

/* ページ右段の右 */

div.Col2Right {
	width:330px;
	margin:0 0 10px 0;
	padding:0;
	float:right;
}

/* 右段コラム（共通使用） */

div.ColGrp {
	margin:0 0 10px 0;
	clear:both;
}

div.ColGrp h2 {
	margin:0;
	padding:0;
}

div.ColGrp ul {
	margin:0 10px 0 0;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	list-style:none;
}

div.ColGrp ul a {
	text-decoration: none;
	color:#000066;
}

div.ColGrp ul a:hover {
	text-decoration:underline;
	color:#CC0000;
}

div.ColGrp li {
	font-size:12px;
	line-height:1.2;
	margin:0 10px 0 10px;
	padding:4px 0;
}

div.ColGrp li.Topics {
	font-size:12px;
	line-height:1.5;
	padding:5px 0;
	border-bottom:1px solid #999999;
}

div.ColGrp li.Topics0 {
	font-size:12px;
	line-height:1.5;
	padding:5px 0;
	border-bottom:none;
}

/* 右段 > 商品紹介 > 注文住宅を検討する > サブメニュー*/

div.ColGrp #sldUpDn #clk {
	font-size:10px;
	border:1px solid #999999;
	padding:1px;
	text-decoration:none;
	color:#333333;
	cursor:pointer;
}


div.ColGrp #shohinChumon {		/* 注文住宅 */
	display:none;
	position:relative;
	left:0px;
	top:0px;
	background:#FFFFCC;
	border:1px solid #CCCCCC;
	margin-top:3px;
	padding:4px;
	line-height:1.5;
}

div.ColGrp #shohinChumon a {
	padding:4px;
}

/* 2段抜きバナー欄 */

div.banner2col {
	clear:both;
	width:650px;
	margin:10px 0 20px;
	overflow:hidden;
}

div.banner2col ul {
	list-style:none;
	width:650px;
	overflow:hidden;
}

div.banner2col li {
	float:left;
	margin-right:10px;
}

div.banner2col li.Last {
	float:left;
	margin-right:0;
}

/* 小さいコラム（バナー欄） */

div#SmallColGrp {
	clear:both;
	margin:0 7px 9px 0;
	/*
	padding-top:5px;
	border-top:1px solid #CCCCCC;
	*/
}

div.SmallCol {
	width:163px;
	float:left;
}

div.SmallCol p {
	font-size:12px;
	line-height:1.5;
}

div.SmallCol p a {
	text-decoration: none;
	color:#000066;
}

div.SmallCol p a:hover {
	text-decoration:underline;
	color:#CC0000;
}

div.SmallCol p img {
	display:block;
	margin-bottom:5px;
}

div.SmallCol p span {
	display:block;
	margin-right:9px;
}

div.SmallCol p span a {
	text-decoration: none;
	color:#000066;
}

/* トップページ下サブテキスト */

div.TopSubText {
	clear:both;
	text-align:center;
	background:white;
	margin-bottom:20px;
}

div.TopSubText:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}


div.TopSubText ul {
    margin:0;
	padding:0;
}

div.TopSubText li {
	font-size:12px;
	line-height:1.5;
    display:inline;
	background:url(../images/home/TopSubTextMark.gif) no-repeat left 1px;
	padding:0 0 0 1.5em;
}

div.TopSubText li.NoMark {
	font-size:12px;
	line-height:1.5;
	background:none;
    display:inline;
	padding:0;
}

div.TopSubText li a {
	color:#666666;
	text-decoration:none;
}

div.TopSubText li a:hover {
	text-decoration:underline;
}

/* 地盤HPバナー */

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

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

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

#bannerJiban a {
	background-image:url(../images/home/jiban_banner002.gif);	/* image for mouseover */
}

/* グッドデザイン賞受賞バナー */

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

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

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

#bannerGD a {
	background-image:url(../images/home/gd_banner_b.gif);	/* image for mouseover */
}

/* 新年お年玉プレゼントバナー */

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

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

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

#bannerOtsdm a {
	background-image:url(../images/home/otoshidama_b.gif);	/* image for mouseover */
}

/* 外販HPバナー */

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

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

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

#bannerOSS a {
	background-image:url(../images/home/banner_kenkyujo_f02.jpg);	/* image for mouseover */
}

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

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

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

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

#banner2012no1 a {
	background-image:url(../images/home/banner_2012no1_f02.gif);	/* image for mouseover */
}

/* 2012夏のご紹介キャンペーンバナー */

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

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

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

#banner2012cs a {
	background-image:url(../images/home/banner_syoukai_b.gif);	/* image for mouseover */
}