@charset "utf-8";
/* --------------------------------------------------

	css/top.css

-------------------------------------------------- */

html {
/*overflow-x: hidden;*/
} 

/* ------------------------
	body
------------------------ */
body {
	background-color: #FFF;
	width: 100%;
	/*overflow: hidden;*/
	background-image: none;
}

/* ------------------------
	cnt_bg
------------------------ */
#cnt_bg {
	background-image: url(../img/top/bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 700px;
}

/* ------------------------
	header
------------------------ */

/* ------------------------
	header
------------------------ */
#header {
	z-index: 1;
	width: 940px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -470px;
	overflow: hidden;
	height: 80px;
	background-color: #6DB3E6;
}
#header p {
	float: left;
	padding: 10px 0 0 10px;
}
h1 {
	float: left;
	font-size: 10px;
	font-weight: normal;
	line-height: 18px;
	padding-top: 23px;
	color: #000;
	padding-left: 30px;
}
#header ul {
	float: right;
	width: 165px;
	padding-top: 23px;
}
#header li {
	float: left;
}

/* menu */
#header ul#menu {
	clear: both;
	float: none;
	width: 940px;
	height: 37px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#header ul#menu li {
	float: left;
}

/* ------------------------
	flash
------------------------ */
#flash {
	z-index: 1;
	width: 1920px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	height: 325px;
	top: 80px;
}

/* ------------------------
	main
------------------------ */
#main {
	z-index: 2;
	width: 940;
	position: absolute;
	top: 406px;
	left: 50%;
	margin-left: -470px;
	background-image: none;
	text-align: left;
	padding-top: 5px;
}
#main p.top_comment {
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 10px;
	color: #006;
	padding-left: 10px;
	font-weight: bold;
}

/* ------------------------
	contents
------------------------ */
#contents {
	width: 698px;
	float: left;
	padding-right: 14px;
	padding-left: 2px;
	padding-bottom: 20px;
}


#contents:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;clear: both;
}



/* ------------------------
	box01
------------------------ */

.float_l {
	float:left;
}

.float_r {
	float:right;
}

#box01 {
	width: 698px;
}

/* inner */
#box01 .inner {
}
#box01 .search {
	width: 676px;
	overflow: hidden;
	padding-bottom: 10px;
}
#box01 .search .menu {
	float: left;
	height: 265px;
	width: 265px;
}
#box01 .search .menu ul {
	padding-top: 10px;
	padding-left: 18px;
	background-image: url(../img/top/search_box_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 208px;
	width: 247px;
	overflow: hidden;
}
#box01 .search .menu li {
	padding-bottom: 4px;
}
#box01 .search .menu li.text {
	font-size: 12px;
	line-height: 16px;
	color: #333;
	padding-top: 2px;
	padding-left: 5px;
}
#box01 .search .area {
	width: 409px;
	float: left;
}
#box01 .search .area dt {
	background-image: url(../img/top/search_area_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 374px;
	font-size: 12px;
	line-height: 23px;
	height: 23px;
	font-weight: bold;
	color: #666;
	padding-left: 35px;
}

/* seach bloc */

#search_bloc {
	width:698px;
	float:left;
}

#search_l {
	width:347px;
	float:left;
	margin-top:11px;
}

.bloc01 {
	width:347px;
	float:left;
	background:url("../img/top/bloc01_bk.gif") repeat-y;
}

.bloc01_top {
	width:347px;
	float:left;
	background:url("../img/top/bloc01_top.gif") no-repeat top;
}

.bloc01_bottom {
	width:347px;
	float:left;
	background:url("../img/top/bloc01_bottom.jpg") no-repeat bottom;
}

.bloc01_con {
	width:320px;
	padding:12px 13px 26px 14px;
	float:left;
}

*:first-child+html .bloc01_con {
	width:320px;
	padding:12px 13px 14px 14px;
	float:left;
}

* html .bloc01_con {
	width:320px;
	padding:12px 13px 6px 14px;
	float:left;
}

.bloc02 {
	width:341px;
	float:left;
	background:url("../img/top/bloc02_bk.gif") repeat-y;
}

.bloc02_top {
	width:341px;
	float:left;
	background:url("../img/top/bloc02_top.gif") no-repeat top;
}

.bloc02_bottom {
	width:341px;
	float:left;
	padding-bottom:21px;
	background:url("../img/top/bloc02_bottom.jpg") no-repeat bottom;
}

.bloc02_con {
	width:341px;
	float:left;
}

.bloc03_con {
	width:341px;
	float:left;
}

.search_house_tt {
	text-align:center;
	margin-bottom:9px;
}

ul.search_link {
	width:320px;
	height:55px;
	float:left;
	margin-bottom:15px;
}

ul.search_link2 {
	width:320px;
	height:55px;
	float:left;
	margin-top:7px;
	margin-left:10px;
	margin-right:11px;
	display:inline;
}

ul.search_link3 {
	width:323px;
	height:51px;
	float:left;
	margin-top:11px;
	margin-left:9px;
	margin-right:9px;
	display:inline;
}

ul.search_link li, ul.search_link2 li {
	display:block;
	width:102px;
	height:55px;
	float:left;
}

ul.search_link3 li {
	display:block;
	width:159px;
	height:51px;
	float:left;
}

ul.search_link li a, ul.search_link2 li a {
	display:block;
	width:102px;
	height:55px;
}

ul.search_link3 li a {
	display:block;
	width:159px;
	height:51px;
}

ul.search_link li.one_house {
	margin-right:7px;
	display:inline;
	background:url("../img/top/one_house_hover.jpg") no-repeat;
}

ul.search_link li.apartment {
	margin-right:7px;
	display:inline;
	background:url("../img/top/apartment_hover.jpg") no-repeat;
}

ul.search_link li.land {
	background:url("../img/top/land_hover.jpg") no-repeat;
}

ul.search_link2 li.custom_house {
	margin-right:7px;
	display:inline;
	background:url("../img/top/custom_house_hover.jpg") no-repeat;
}

ul.search_link2 li.show_room {
	margin-right:7px;
	display:inline;
	background:url("../img/top/show_room_hover.jpg") no-repeat;
}

ul.search_link2 li.exhibition {
	background:url("../img/top/exhibition_hover.jpg") no-repeat;
}

ul.search_link3 li.sell_flow {
	margin-right:5px;
	display:inline;
	background:url("../img/top/sell_flow_hover.jpg") no-repeat;
}

ul.search_link3 li.assessment {
	background:url("../img/top/assessment_hover.jpg") no-repeat;
}

.new_house_tt {
	text-align:center;
	margin-bottom:14px;
}

.buy_house_contact {
	width:308px;
	height:49px;
	padding:6px;
	float:left;
	background:url("../img/top/buy_house_bk.gif") no-repeat;
}

.house_contact {
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:solid 1px #333;
}

.buy_contact_tx {
	margin-top:2px;
}

p.buy_home {
	display:block;
	width:347px;
	height:54px;
	background:url("../img/top/buy_home_hover.jpg") no-repeat;
}

p.buy_home a {
	display:block;
	width:347px;
	height:54px;
}

p.build {
	display:block;
	width:341px;
	height:55px;
	background:url("../img/top/build_hover.jpg") no-repeat;
}

p.build a {
	display:block;
	width:341px;
	height:55px;
}

p.sell {
	margin-top:2px;
	display:block;
	width:341px;
	height:52px;
	background:url("../img/top/sell_hover.jpg") no-repeat;
	clear:both;
}

p.sell a {
	display:block;
	width:341px;
	height:52px;
}

#search_r {
	width:341px;
	float:right;
	margin-top:10px;
}

p.buy_home a:hover, ul.search_link li a:hover, p.build a:hover, ul.search_link2 li a:hover, ul.search_link3 li a:hover, p.sell a:hover {
	background-color:transparent;
}

p.buy_home a:hover img, ul.search_link li a:hover img, p.build a:hover img, ul.search_link2 li a:hover img, ul.search_link3 li a:hover img, p.sell a:hover img {
	visibility:hidden;
}

*:first-child+html .hc_mt01 {
	margin-top:-9px;
}

* html .hc_mt01 {
	margin-top:-9px;
}

/* osusume */
#box01 .osusume .head {
	background-image: url(../img/top/osusume_btn_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 37px;
	width: 698px;
}
#box01 .osusume .head dl {
	width: 698px;
	height: 37px;
	overflow: hidden;
	}
#box01 .osusume .head dl dt {
	float:left;
	padding-top: 6px;
	padding-left: 6px;
}
#box01 .osusume .head dl dd {
	float:right;
	font-size: 11px;
	line-height: 37px;
	color: #333;
	padding-right: 8px;
	height: 37px;
}

/* ------------------------
	frame
------------------------ */
#box01 .osusume .frame {
	width: 698px;
	margin-bottom:10px;
	float:left;
	background:url("../img/top/frame_bk.gif") repeat-y;
}
#box01 .osusume .frame_bottom {
	width: 698px;
	float:left;
	padding-bottom:20px;
	background:url("../img/top/frame_bottom.jpg") no-repeat bottom;
}
#box01 .osusume .frame table {
	border-collapse: collapse;
	float: left;
	width: 164px;
	height: 178px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cacaca;
	}
#box01 .osusume .frame table.bordernone {
	border: none;
}
#box01 .osusume .frame table td {
	font-size: 12px;
	line-height: 1.4;
}
#box01 .osusume .frame table td font {
	font-size: 12px;
	line-height: 1.4;
}
#box01 .osusume .frame table td font b {
	font-size: 12px;
	line-height: 1.4;
}
.j10 {
	font-size:10px !important;
	line-height:140%;
}
.j12 {
	font-size:12px !important;
	line-height:140%;
}
.j14 {
	font-size:14px !important;
	line-height:140%;
}

.osusume_bloc {
	width:329px;
	margin:10px;
	float:left;
	display:inline;
	background:url("../img/top/osusume_bloc_bk.gif") repeat-y;
}

.osusume_img {
	width:115px;
	padding:5px 8px 5px 0;
	float:left;
}

.osusume_tx {
	width:206px;
	padding:5px 0;
	float:right;
}

.osusume_tx li {
	padding-left:5px;
	line-height:28px;
}

.osusume_tx li.font_st {
	font-weight:bold;
}

.osusume_tx span.price {
	margin-left:10px;
	color:#ff0000;
}

.osusume_line {
	background:url("../img/top/osusume_line.gif") repeat-x bottom;
}

/* ------------------------
	box02
------------------------ */
#box02 {
	width: 342px;
	float: left;
	padding-right: 11px;
}
#box02 .head {
	height: 45px;
	width: 342px;
	background-image: url(../img/top/cnt_ttl_bg02.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#box02 .head dl {
	width: 342px;
	overflow: hidden;
}
#box02 .head dl dt {
	padding-top: 5px;
	padding-left: 6px;
	float: left;
}
#box02 .head dl dd {
	font-size: 10px;
	line-height: 18px;
	float: right;
	padding-top: 22px;
	color: #333;
	padding-right: 5px;
}
#box02 .inner {
	height: 103px;
	width: 342px;
	background-image: url(../img/top/cnt_box_bg02.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#box02 .inner p {
	float: left;
	padding-top: 6px;
	padding-left: 7px;
	width: 111px;
	padding-right: 12px;
}
#box02 .inner ul {
	float: left;
	padding-top: 10px;
}
#box02 .inner li {
	line-height: 18px;
	padding-left: 10px;
	background-image: url(../img/top/cnt_icon01.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
}
#box02 .inner li a {
	line-height: 18px;
}

/* ------------------------
	box03
------------------------ */
#box03 {
	width: 342px;
	float: left;
}
#box03 .head {
	background-image: url(../img/top/cnt_ttl_bg03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 45px;
	width: 342px;
}
#box03 .head dl {
	width: 342px;
	overflow: hidden;
}
#box03 .head dl dt {
	padding-top: 5px;
	padding-left: 6px;
	float: left;
}
#box03 .head dl dd {
	font-size: 10px;
	line-height: 18px;
	float: right;
	padding-top: 22px;
	color: #333;
	padding-right: 5px;
}
#box03 .inner {
	height: 103px;
	width: 342px;
	background-image: url(../img/top/cnt_box_bg02.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#box03 .inner p {
	float: left;
	padding-top: 6px;
	padding-left: 7px;
	width: 111px;
	padding-right: 12px;
}
#box03 .inner ul {
	float: left;
	padding-top: 10px;
}
#box03 .inner li {
	line-height: 18px;
	padding-left: 10px;
	background-image: url(../img/top/cnt_icon01.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
}
#box03 .inner li a {
	line-height: 18px;
}

/* ------------------------
	side
------------------------ */
#side {
	width: 223px;
	float: left;
}

/* banner */
ul.side_banner {
	padding-top: 3px;
	margin-bottom: 0px;
	margin-top: 10px;
}
ul.side_banner li {
	padding-bottom: 10px;
}
ul.side_banner li.search {
	padding-bottom: 15px;
}
ul.side_banner li.search a {
	background-image: url(../img/top/side_bnr01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 47px;
	width: 200px;
	cursor: pointer;
	font-size: 10px;
	line-height: 12px;
	color: #333;
	padding-right: 12px;
	padding-left: 11px;
	padding-top: 76px;
}
ul.side_banner li.search a:hover {
	text-decoration: none;
}

/* menu */
ul.side_menu {
	/*height: 600px;*/
	width: 219px;
	background-image: url(../img/top/side_bg01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 3px;
	padding-left: 4px;
	padding-bottom: 30px;
}
ul.side_menu li {}
ul.side_menu li a {
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 38px;
	width: 200px;
	cursor: pointer;
	font-size: 10px;
	color: #333;
	padding-top: 36px;
	padding-left: 16px;
	line-height: 12px;
}
ul.side_menu li a:hover {
	text-decoration: none;
}
ul.side_menu li.menu01 a {
	background-image: url(../img/top/side_menu01.gif);
}
ul.side_menu li.menu02 a {
	background-image: url(../img/top/side_menu02.gif);
	padding: 0px;
	height: 74px;
	width: 216px;
}
ul.side_menu li.menu03 a {
	background-image: url(../img/top/side_menu03.gif);
}
ul.side_menu li.menu04 a {
	background-image: url(../img/top/side_menu04.gif);
	height: 44px;
	padding-top: 30px;
	letter-spacing: -1px;
}
ul.side_menu li.menu05 a {
	background-image: url(../img/top/side_menu05.gif);
	height: 34px;
	padding-top: 40px;
}
ul.side_menu li.menu06 a {
	background-image: url(../img/top/side_menu06.gif);
	height: 48px;
	padding-top: 34px;
}

.top-plas {
  clear: both;
  padding: 5px 15px 10px 15px;
  line-height: 1.4;
}

/* ------------------------
	footer
------------------------ */
#footer {
	clear: both;
	zoom: 1;
}


/* IE6用位置指定 */
* html #footer {
	position: relative;
	top: -10px;
	margin-bottom: -10px;
	
}