@charset "UTF-8";

@import "reset.css";





/* トップページ----- */
body{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

#bonsmileTop{
	background: #FFFFFF url(../images/body_back.jpg) repeat-x left top;
}

html{
	overflow-x: hidden;
}


#container{ 
	width: 950px;
	margin: 10px auto;
	text-align: left;
	overflow: hidden;
}

* html #container{
	zoom: 1;
}


#header{
	background: #ffffff url(../images/head_back.jpg) no-repeat left top; 
	padding: 0;
	height: 180px;
	width: 950px;
	margin: 0 auto 15px;
}



.topLogo{
	padding-left: 47px;
	padding-top: 20px;
	padding-right: 733px;
	padding-bottom: 15px;
}

/* ie6------- */

* html .topLogo{
	padding-left: 47px;
	padding-top: 18px;
	padding-right: 733px;
	padding-bottom: 15px;
}

/* -------ie6 */


.topHeadMenu{
	height: 90px;
	margin: 0 auto;
	width: 950px;
}

.topHeadMenuMain{
	float: left;
	width: 667px;
}

.topNaviBox{
	background: url(../images/head_parts_2.gif) no-repeat left top; height: 75px;
	float: right;
	vertical-align: bottom;
	width: 283px;
}

.topNavi{
	color: #000000;
	font-size: 10px;
	height: 12px;
	padding: 63px 50px 0 0;
	width: 220px;
}

.topNavi a{
	color: #000000;
	text-decoration: none;
}

.topNavi a:hover{
	color: #2676be;
	text-decoration: underline;
}


/* IE8 */
*+html>/**/body .topNavi{
	color: #000000;
	font-size: 10px;
	height: 12px;
	padding: 63px 50px 0 0;
	width: 220px;
}

*+html>/**/body .topNavi a{
	color: #000000;
	text-decoration: none;
}

*+html>/**/body .topNavi a:hover{
	color: #2676be;
	text-decoration: underline;
}
/* IE8 */


.sentence{
	color: #003366;
	font-size: 12px;
	height: 12px;
	text-align: left;
	margin: 0 auto;
	padding-top: 5px;
	width: 950px;
}



.more{
	color: #000000;
	font-size: 12px;
	padding-top: 7px;
	text-align: right;
}

.more a{
	color: #000000;
	text-decoration: none;
}

.more a:hover{
	color: #000000;
	text-decoration: underline;
}



.moreHouse{
	color: #000000;
	font-size: 12px;
	padding-top: 15px;
	text-align: right;
}

.moreHouse a{
	color: #000000;
	text-decoration: none;
}

.moreHouse a:hover{
	color: #000000;
	text-decoration: underline;
}





/* topメイン　家や土地を買う */
.houseBon{
	/*background: url(../images/house_title_off.jpg) no-repeat left;*/
	color: #000000;
	height: 57px;
	width: 660px;
	/*text-indent: -9999px;*/
}

/*.houseBon a{
	background: url(../images/house_title_off.jpg) no-repeat left;
	display: block;
	width: 660px;
	height: 57px;
}

.houseBon a:hover{
	background: url(../images/house_title_on.jpg) no-repeat right;
	display: block;
	width: 660px;
	height: 57px;
}*/

.houseBon a{
	color: #000000;
	text-decoration: none;
}

.houseBon a:hover{
	color: #000000;
	text-decoration: underline;
}

.houseEdge{
	border: solid 1px #DFDFDF;
	font-size: 12px;
	padding: 10px 20px;
	margin-bottom: 10px;
	margin-top: 0;
	width: 618px;
}

.houseDisplaySpace{
	float: left;
	padding-right: 10px;
	width: 147px;
}

.houseDisplaySpaceEnd{
	float: left;
	width: 147px;
}


/* topメイン　家や土地を借りる、店舗・事務所を買う */
.rentAndBizAndPro{
	margin-bottom: 10px;
	width: 660px;
}


/* topメイン　家や土地を借りる */
.rentBon{
	/*background: url(../images/rent_title_off.jpg) no-repeat left;*/
	color: #000000;
	height: 57px;
	width: 322px;
	/*text-indent: -9999px;*/
}

/*
.rentBon a{
	background: url(../images/rent_title_off.jpg) no-repeat left;
	display: block;
	width: 322px;
	height: 57px;
	text-decoration: none;
}

.rentBon a:hover{
	background: url(../images/rent_title_on.jpg) no-repeat right;
	display: block;
	width: 322px;
	height: 57px;
}*/

.rentBon a{
	color: #000000;
	text-decoration: none;
}

.rentBon a:hover{
	color: #000000;
	text-decoration: underline;
}

.rentEdge{
	border: solid 1px #DFDFDF;
	padding: 10px 20px;
	margin-top: 0;
	width: 279px;
}


/* topメイン　店舗・事務所を買う */
.bizBon{
	/*background: url(../images/biz_title_off.jpg) no-repeat left;*/
	color: #000000;
	height: 57px;
	width: 322px;
	/*text-indent: -9999px;*/
}

/*.bizBon a{
	background: url(../images/biz_title_off.jpg) no-repeat left;
	display: block;
	width: 322px;
	height: 57px;
	text-decoration: none;
}

.bizBon a:hover{
	background: url(../images/biz_title_on.jpg) no-repeat right;
	display: block;
	width: 322px;
	height: 57px;
}*/

.bizBon a{
	color: #000000;
	text-decoration: none;
}

.bizBon a:hover{
	color: #000000;
	text-decoration: underline;
}

.bizEdge{
	border: solid 1px #DFDFDF;
	padding: 10px 20px;
	margin-top: 0;
	width: 279px;
}


/* topメイン　店舗・事務所を借りる */
.rentBizBon{
	/*background: url(../images/rentbiz_title_off.jpg) no-repeat left;*/
	color: #000000;
	height: 57px;
	width: 322px;
	/*text-indent: -9999px;*/
}

/*
.rentBizBon a{
	background: url(../images/rentbiz_title_off.jpg) no-repeat left;
	display: block;
	width: 322px;
	height: 57px;
	text-decoration: none;
}

.rentBizBon a:hover{
	background: url(../images/rentbiz_title_on.jpg) no-repeat right;
	display: block;
	width: 322px;
	height: 57px;
}*/

.rentBizBon a{
	color: #000000;
	text-decoration: none;
}

.rentBizBon a:hover{
	color: #000000;
	text-decoration: underline;
}

.rentBizEdge{
	border: solid 1px #DFDFDF;
	padding: 10px 20px;
	margin-top: 0;
	width: 279px;
}


/* topメイン　一棟売り物件などを買う */
.proBon{
	/*background: url(../images/pro_title_off.jpg) no-repeat left;*/
	color: #000000;
	height: 57px;
	width: 322px;
	/*text-indent: -9999px;*/
}

/*
.proBon a{
	background: url(../images/pro_title_off.jpg) no-repeat left;
	display: block;
	width: 322px;
	height: 57px;
	text-decoration: none;
}

.proBon a:hover{
	background: url(../images/pro_title_on.jpg) no-repeat right;
	display: block;
	width: 322px;
	height: 57px;
}*/

.proBon a{
	color: #000000;
	text-decoration: none;
}

.proBon a:hover{
	color: #000000;
	text-decoration: underline;
}

.proEdge{
	border: solid 1px #DFDFDF;
	padding: 10px 20px;
	margin-top: 0;
	width: 279px;
}


/* topメイン　快適暮らしの情報と住まいに関わるお金の情報 */
.lifeTitle{
	/*background: url(../images/info_title.jpg) no-repeat left;*/
	height: 42px;
	width: 660px;
	/*text-indent: -9999px;*/
}

.lifeEdge{
	color: #000000;
	border: solid 1px #94C770;
	float: left;
	padding: 10px 20px;
	margin-bottom: 10px;
	margin-top: 0;
	width: 618px;
}

* html .lifeEdge{
	color: #000000;
	border: solid 1px #94C770;
	float: left;
	padding: 10px 15px;
	margin-bottom: 10px;
	margin-top: -3px;
	width: 618px;
}

.lifeEdge a{
	color: #000000;
	text-decoration: none;
}

.lifeEdge a:hover{
	color: #000000;
	text-decoration: underline;
}


.lifeBox{
	width: 304px;
}

.lifeContent{
	width: 184px;
	float: left;
	margin-left: 120px;
}

/*
.lifeContent a:link, a:visited{
	color: #000000;
	text-decoration: none;
}

.lifeContent a:hover{
	color: #000000;
	text-decoration: underline;
}*/

.lifeContentNext{
	font-size: 12px;
	padding-bottom: 3px;
}


/* bon.co.jp トップページ 2列コラム */
.columnTable{
	margin: 0 auto;
	width: 628px;
}

.columnLeftBox{
	float: left;
	padding-right: 20px;
}

.columnRightBox{
	float: right;
}

.columnSet{
	width: 304px;
}

.columnTitle{
	background: url(../images/arrow05.gif) no-repeat left;
	font-size: 14px;
	padding-bottom: 2px;
	padding-left: 10px;
}

.columnIllustBox{
	float: left;
	height: 85px;
	margin-right: 10px;
}

.columnIllustBox img{
	width: 80px;
}

.columnSubTitleLeft{
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 2px;
	/*padding-left: 10px;*/
	width: 209px;
}

.columnSubTitleRight{
	float: left;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 2px;
	width: 209px;
}

.columnTextLeft{
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
}

.columnTextRight{
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
}
/* bon.co.jp トップページ 2列コラム */




/* topメイン　住まい探しのお役立ちコンテンツ */
.usefulTitle{
	/*background: url(../images/useful_title_off.jpg) no-repeat left;*/
	height: 42px;
	width: 660px;
	/*text-indent: -9999px;*/
}

/*
.usefulTitle a{
	background: url(../images/useful_title_off.jpg) no-repeat left;
	display: block;
	width: 660px;
	height: 42px;
	text-decoration: none;
}

.usefulTitle a:hover{
	background: url(../images/useful_title_on.jpg) no-repeat right;
	display: block;
	width: 660px;
	height: 42px;
}*/

.usefulEdge{
	border: solid 1px #FC68C0;
	color: #000000;
	padding: 10px 20px;
	margin-bottom: 10px;
	margin-top: 0;
	width: 618px;
}

* html .usefulEdge{
	border: solid 1px #FC68C0;
	color: #000000;
	padding: 10px 20px;
	margin-bottom: 10px;
	margin-top: 0;
	width: 618px;
}

.usefulEdge a{
	color: #000000;
	text-decoration: none;
}

.usefulEdge a:hover{
	color: #000000;
	text-decoration: underline;
}

.usefulColumnBox{
	font-size: 12px;
	line-height: 1.4;
	width: 200px;
	padding-right: 9px;
}

.usefulColumnBoxEnd{
	font-size: 12px;
	line-height: 1.4;
	width: 200px;
}

.usefulColumnTitle{
	background: url(../images/arrow04.gif) no-repeat left;
	border-bottom: solid 1px #999999;
	font-weight: bold;
	margin-right: 9px;
	padding-left: 10px;
	width: 180px;
}

.usefulColumnTitleEnd{
	background: url(../images/arrow04.gif) no-repeat left;
	border-bottom: solid 1px #999999;
	font-weight: bold;
	padding-left: 10px;
	width: 190px;
}

.usefulColumnText{
	width: 190px;
	padding-top: 12px;
}

.usefulColumnSubTitle{
	font-weight: bold;

}



/* topサイド　Pickup物件情報 */
.pickUp{
	/*background: url(../images/title_pickup.jpg) no-repeat left;*/
	height: 29px;
	width: 270px;
	/*text-indent: -9999px;*/
}

.pickUpEdge{
	border: solid 1px #FF6666;
	font-size: 12px;
	padding: 8px 9px;
	margin-bottom: 10px;
	margin-top: 0;
	width: 250px;
}



/* topサイド　不動産News */
.estateNews{
	/*background: url(../images/title_news_off.jpg) no-repeat left;*/
	height: 29px;
	width: 270px;
	/*text-indent: -9999px;*/
}

/*
.estateNews a{
	background: url(../images/title_news_off.jpg) no-repeat left;
	display: block;
	width: 270px;
	height: 29px;
	text-decoration: none;
}

.estateNews a:hover{
	background: url(../images/title_news_on.jpg) no-repeat right;
	display: block;
	width: 270px;
	height: 29px;
}*/

.estateNewsEdge{
	border: solid 1px #FB91BA;
	color: #000000;
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 0;
	padding: 8px 10px;
	width: 248px;
}

* html .estateNewsEdge{
	border: solid 1px #FB91BA;
	color: #000000;
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: -3px;
	padding: 8px 10px;
	width: 248px;
}



.estateNewsEdge a{
	color: #000000;
	text-decoration: none;
}

.estateNewsEdge a:hover{
	color: #000000;
	text-decoration: underline;
}

/*.estateNewsNext{
	height: 16px;
	margin-top: 0;
	margin-left: 119px;
}*/

.thisMonth{
	/*width: 66px;*/
	float: right;
}

.lastMonth{
	width: 63px;
}

.estateNewsEdgeDay{
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}

.estateNewsEdgeName{
	padding-top: 3px;
	text-align: right;
	float: right;
}

.estateNewsEdge ul{
	margin: 0;
	padding: 0;
}

.estateNewsEdge ul li{
	line-height: 1.6;
	list-style-type: none;
	background: url(../images/arrow06.gif) no-repeat left 5px;
	padding-left: 10px;
}



/* topサイド　不動産会社紹介 */
.companyIntroduce{
	/*background: url(../images/title_introduce_off.jpg) no-repeat left;*/
	height: 29px;
	width: 270px;
	/*text-indent: -9999px;*/
}

/*
.companyIntroduce a{
	background: url(../images/title_introduce_off.jpg) no-repeat left;
	display: block;
	width: 270px;
	height: 29px;
	text-decoration: none;
}

.companyIntroduce a:hover{
	background: url(../images/title_introduce_on.jpg) no-repeat right;
	display: block;
	width: 270px;
	height: 29px;
}*/

.companyIntroduceEdge{
	border: solid 1px #63DB93;
	color: #000000;
	margin-bottom: 10px;
	margin-top: 0;
	padding: 8px 10px 0;
	width: 248px;
}

.companyIntroduceEdge a{
	color: #000000;
	text-decoration: none;
}

.companyIntroduceEdge a:hover{
	color: #000000;
	text-decoration: underline;
}

.companyPauseTop{
	margin-bottom: 10px;
	width: 248px;
}

.companyPause{
	border-top: solid 1px #cccccc;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 248px;
}

.companyImg{
	float: left;
	padding-right: 10px;
	width: 70px;
}

.companyName{
	float: right;
	font-size: 12px;
	font-weight: bold;
	width: 168px;
}
/*
.companyName a{
	color: #000;
	text-decoration: none;
}

.companyName a:hover{
	color: #000;
	text-decoration: underline;
}*/




.companyCaption{
	/*float: right;*/
	font-size: 10px;
	font-weight: normal;
	line-height: 1.4;
	width: 168px;
}




/* topサイド　おすすめサイト紹介 */
.recommendSite{
	/*background: url(../images/title_recommend_site_off.jpg) no-repeat left;*/
	height: 29px;
	width: 270px;
	/*text-indent: -9999px;*/
}

/*
.recommendSite a{
	background: url(../images/title_recommend_site_off.jpg) no-repeat left;
	display: block;
	width: 270px;
	height: 29px;
	text-decoration: none;
}

.recommendSite a:hover{
	background: url(../images/title_recommend_site_on.jpg) no-repeat right;
	display: block;
	width: 270px;
	height: 29px;
}*/

.recommendSiteEdge{
	border: solid 1px #4CA9FE;
	color: #000000;
	margin-bottom: 10px;
	margin-top: 0;
	padding: 8px 10px;
	width: 248px;
}

.recommendSiteEdge a{
	color: #000000;
	text-decoration: none;
}

.recommendSiteEdge a:hover{
	color: #000000;
	text-decoration: underline;
}

.recommendPauseTop{
	margin-bottom: 10px;
	width: 248px;
}

.recommendPause{
	border-top: solid 1px #cccccc;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 248px;
}

.recommendImg{
	float: left;
	padding-right: 10px;
	width: 70px;
}

.recommendName{
	float: right;
	font-size: 12px;
	font-weight: bold;
	width: 168px;
}

.recommendCaption{
	/*float: right;*/
	font-size: 10px;
	font-weight: normal;
	line-height: 1.4;
	width: 168px;
}



/* サイドバー--- */
#sidebar{
	float: right;
	width: 270px;
}
/* ---サイドバー */


/* メインカラム--- */
#main{
	display: inline;
	float: left;
	width: 660px;
}
/* ---メインカラム */


/* フッタ--- */
#footerArea{
	background: url(../images/footer_back.gif) repeat-x bottom;
	width: 100%; 
}

#footer{
	background: url(../images/foot_back.jpg) no-repeat left bottom;
	color: #666666;
	font-size: 10px;
	margin: 0 auto;
	padding-bottom: 0;
	width: 950px;
}

#footer a{
	color: #666666;
	text-decoration: none;
}

#footer a:hover{
	color: #666666;
	text-decoration: underline;
}

#signature{
	background-color: #006633;
	color: #FFFFFF;
	font-size: 12px;
	margin: 0 auto;
	padding: 3px 0;
	width: 950px;
}

.footFile{
	float: left;
	margin-right: 10px;
	width: 230px;
}

.footFileEnd{
	float: left;
	width: 230px;
}

.categoryBox{
	border: solid 1px #cccccc;
	line-height: 1.4;
	margin-bottom: 10px;
	padding: 10px;
	text-align: left;
}

.categoryBox ul{
	margin: 0;
	padding: 0;
}

.categoryBox ul li{
	list-style-type: none;
	background: url(../images/arrow06.gif) no-repeat 0 4px;
	padding-left: 12px;
}

html>/**/body .categoryBox ul li, x:-moz-any-link, x:default {
	list-style-type: none;
	background: url(../images/arrow06.gif) no-repeat 0 3px;
	padding-left: 12px;
} /* Only FireFox 3 */


.categoryTitle{
	font-size: 14px;
	font-weight: bold;
}


.headIcon{
	float: left;
	width: 32px;
}

.cornerTitle1{
	float: left;
	font-size: 12px;
	padding-left: 7px;
	width: 541px;
}

.cornerTitle2{
	float: left;
	font-size: 12px;
	width: 191px;
	padding-left: 7px;
}

.cornerTitle3{
	float: left;
	font-size: 12px;
	padding-left: 7px;
	padding-top: 8px;
}

.cornerText1{
	float: left;
	font-size: 12px;
	line-height: 1.4;
	padding-left: 7px;
	padding-top: 3px;
	width: 541px;
}

.cornerText2{
	float: left;
	font-size: 12px;
	line-height: 1.4;
	padding-left: 7px;
	padding-top: 3px;
	width: 191px;
}

.cornerText3{
	font-size: 12px;
	line-height: 1.4;
	padding-left: 39px;
	padding-top: 15px;
}

.cornerText4{
	float: left;
	font-size: 12px;
	line-height: 1.4;
	padding-left: 7px;
	padding-top: 3px;
	width: 760px;
}


.essential{
	color: #FF0000;
	font-size: 12px;
	font-weight: normal;
}







/* topサイド　不動産情報WEB---2010.9 追加 */
.estateSite{
	height: 29px;
	width: 270px;
}


.estateSiteEdge{
	border: solid 1px #f5d127;
	color: #000000;
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 0;
	padding: 8px 10px;
	width: 248px;
}

* html .estateSiteEdge{
	border: solid 1px #f5d127;
	color: #000000;
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: -3px;
	padding: 8px 10px;
	width: 248px;
}



.estateSiteEdge a{
	color: #000000;
	text-decoration: none;
}

.estateSiteEdge a:hover{
	color: #000000;
	text-decoration: underline;
}


.estateSiteEdge ul{
	margin: 0;
	padding: 0;
}

.estateSiteEdge ul li{
	line-height: 1.6;
	list-style-type: none;
	background: url(../images/arrow06.gif) no-repeat left 5px;
	padding-left: 10px;
}
/* topサイド　不動産情報WEB---2010.9 追加 ここまで */



















































/* 汎用--------------------------------------- */
.floatRight{
	float: right;
}

.floatLeft{
	float: left;
}

.clearfloat{
	clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

.clearfix{
	overflow: hidden;
}

* html .clearfix{
	zoom: 1;
}