@charset "utf-8";

/*** at home web CSS Document ***************************************

	ver.2009/10

	header_footer.css

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

/**  header_footer.css Menu *********************************************

	1.header
	2.footer
	3.ページ下部リンクエリア

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

	1.header

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


div#taglneWrap,
div#header {
	width:100%;
	text-align:left;
}
div#taglneWrap h1.tagline {
	font-size:76.9%;
	float:left;
	line-height: 1.1;
}

div#taglneWrap ul.link {
	float:right;
	text-align: right;
}

div#taglneWrap ul.link li{
	display: inline;
	margin-left: 14px;
	padding-left: 10px;
	background-image: url(/images/00000/new/ico/ico_list.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	line-height: 1;
}

div#taglneWrap .tagline a {
	text-decoration:none;
	color:#666;
}

div#header{
	clear:both;
	position: relative;
}

div.simpleHeader div#header{
	margin-bottom:7px;
}

div#header div#logo {
	float:left;
}

div#header div#logo img{
	vertical-align: top;
}

div#header p#logotext {
	position:absolute;
	z-index:20;
	font-size:10px;
	letter-spacing:2px;
	color:#000;
	padding:4px 0 0 25px;
}


div#header div#navskip {
	float:left;
	padding-top:30px;
	display:none;
}

div#header div#action {
	float:right;
	width: 463px;
	margin-top:23px;
}

div#header div#action input {
	vertical-align:middle;
	margin:5px 0 1px 0px;
}

div#header div#action form {
	display:inline;
	margin:0;
	padding:0;
}

div#header div#action p.list{
	width: 185px;
	float: right;
	line-height: 0;
}

div#header div#action p.list a.wrapFirst{
	width: 185px;
	margin: 0;
	padding: 0;
	display: block;
	background-image: url(/images/00000/new/btn/btn_header01.gif);
	background-repeat: no-repeat;
	background-position: 0% 82%;
}

div#header div#action p.list a.wrapFirst span.wrapSecond{
	display: block;
	background-image: url(/images/00000/new/btn/btn_header01_top.gif);
	background-repeat: no-repeat;
	background-position: top;
}

div#header div#action p.list a.wrapFirst span.wrapSecond span.wrapIn{
	display: block;
	padding-top: 10px;
	_padding-top: 8px;
	padding-bottom: 6px;
	background-image: url(/images/00000/new/btn/btn_header01_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

div#header div#action p.list a.wrapFirst span.wrapSecond span.wrapIn span{
	padding-left: 35px;
}


div#header div#action p.list a:hover{
	background-image: url(/images/00000/new/btn/btn_header01_on.gif);
}

div#header div#action p.list a:hover span.wrapSecond{
	background-image: url(/images/00000/new/btn/btn_header01_on_top.gif);
}

div#header div#action p.list a:hover span.wrapSecond span.wrapIn{
	background-image: url(/images/00000/new/btn/btn_header01_on_bottom.gif);
}

div#header div#action p.list strong{
	margin: 0px 3px;
	color: #e80000;
	line-height: 1;
	font-size: 12px;
}

div#header div#action p.list a{
	color: #e80000;
	text-decoration: none;
}

div#header div#action p.list img{
	margin:0px;
	padding-top: -3px;
	vertical-align: top;
}

/* For IE6 IE7 \*/

* html div#header div#action p.list img{
	vertical-align: middle;
}

*:first-child+html div#header div#action p.list img{
	vertical-align: middle;
}

/**/


div#header div#action ul{
	float: right;
}

div#header div#action ul li{
	display: inline;
	margin-left: 8px;
}

/* \*/

*:first-child+html div#header div#action ul li img{
	vertical-align: bottom;
}

/**/



/* グローバルナビ */
div#gnavi,
div#gnaviTown,
div#gnaviFunction {
	clear: both;
	margin-top:4px;
	background-repeat: repeat-x;
	background-position: left top;
}

div#gnavi div,
div#gnaviTown div,
div#gnaviFunction div {
	background-repeat: no-repeat;
	background-position: left top;
}

div#gnavi div ul,
div#gnaviTown div ul,
div#gnaviFunction div ul {
	background-repeat: no-repeat;
	background-position: right top;
	list-style:none;
	margin:0;
	padding:0 0 0 3px;
	text-align:left;
	white-space:nowrap;
}

div#gnavi div ul li,
div#gnaviTown div ul li,
div#gnaviFunction div ul li {
	display:inline;
	font-size:1px;
	line-height:0;
}
div#gnavi div ul li img,
div#gnaviTown div ul li img,
div#gnaviFunction div ul li img {
	vertical-align:middle;
}

/*----------------------------------------------- グローバルナビ背景*/

div#gnavi {
	background-color: #B80000;
	background-image:url(/images/00000/new/bg/residence/bg_gnavi.gif);
}

div#gnavi div{
	background-image:url(/images/00000/new/bg/residence/bg_gnavi_lt.gif);
}

div#gnavi div ul {
	background-image:url(/images/00000/new/bg/residence/bg_gnavi_rt.gif);
}


/*不動産*/

div#gnavi.estate {
	background-color: #006C1B;
	background-image: url(/images/00000/new/bg/estate/bg_gnavi.gif);
}

div#gnavi.estate div {
	background:url(/images/00000/new/bg/estate/bg_gnavi_lt.gif) no-repeat left top;
}


div#gnavi.estate div ul{
	background:url(/images/00000/new/bg/estate/bg_gnavi_rt.gif) no-repeat right top;
}

/*相場*/

div#gnaviTown{
	background-color: #d25000;
	background-image: url(/images/00000/new/bg/town/bg_gnavi.gif);
}

div#gnaviTown div {
	background-image: url(/images/00000/new/bg/town/bg_gnavi_lt.gif);
}


div#gnaviTown div ul{
	background-image: url(/images/00000/new/bg/town/bg_gnavi_rt.gif);
}


/* 保存リスト　最近見た物件リストなどの機能ページ　*/


div#gnaviFunction{
	background-color: #7C92AD;
	background-image: url(/images/00000/new/bg/function/bg_gnavi.gif);
}

div#gnaviFunction div {
	background-image: url(/images/00000/new/bg/function/bg_gnavi_lt.gif);
}


div#gnaviFunction div ul{
	background-image: url(/images/00000/new/bg/function/bg_gnavi_rt.gif);
}


/*------------------------------------------------------------------------ サブリンク */

div#sublink {
	clear:both;
	background:#F4F4F4 url(/images/00000/new/bg/bg_sublink_top.gif) repeat-x left top;
}
div#sublink div {
	background:url(/images/00000/new/bg/bg_sublink_btm.gif) repeat-x left bottom;
}
div#sublink div div {
	background:url(/images/00000/new/bg/bg_sublink_lb.gif) no-repeat left bottom;
}
div#sublink div div div {
	width:100%;
	background:url(/images/00000/new/bg/bg_sublink_rb.gif) no-repeat right bottom;
	padding-bottom:3px;
}
div#sublink div div div div {
	width:auto;
	background:none;
	padding:0;
	border-left:solid 1px #BCBCBC;
	border-right:solid 1px #BCBCBC;
}
div#sublink div div div div div {
	border:none;
	background:url(/images/00000/new/bg/bg_sublink_lt.gif) no-repeat left top;
}
div#sublink div div div div div div {
	border:none;
	padding:10px 15px 7px;
	background:url(/images/00000/new/bg/bg_sublink_rt.gif) no-repeat right top;
}
div#sublink ul {
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
}
div#sublink ul li {
	display: inline;
	white-space:nowrap;
	margin:0 10px 0 0;
	padding-left: 6px;
	/*background-image: url(/images/00000/new/ico/ico_sublink_list.gif);*/
	background-position: 0px 5px;
	background-repeat: no-repeat;
}

/* \*/
* html div#sublink ul li {
	background-position: 0px 3px;
}



*:first-child+html div#sublink ul li {
	background-position: 0px 3px;
}

/**/

/*---------------------------------------------------------------------- ぱんくず */
div#breadClumbArea {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/images/00000/new/bg/bg_contents_top.gif) repeat-x scroll left bottom;
	clear:both;
	padding-bottom:17px;
}

div#breadClumbArea.noBg{
	background-image: none;
	padding-bottom: 0px;
}

div#breadClumb {
	float: left;
	text-align:left;
	padding:10px 15px 8px;
}

div#breadClumbArea.noBg div#breadClumb{
	float: none;
}


div#breadClumb ul li{
	display: inline;
	margin-right: 1px;
	font-size: 83.3%;
}


div#breadClumb span {
	margin-left: 3px;
}
div#breadClumb em {
	font-weight:normal;
}


/*------------------------------------------------ シンプルヘッダ用オーバーライド */
div.simpleHeader div#breadClumbArea {
	border-top:solid 2px #004899;
}


/*----------------------------------------------------------------- ブックマーク */
div#bookmark {
	border:solid 1px #EEE3B0;
	background-color:#FEF8DC;
	float:right;
	text-align:left;
	padding:1px 10px;
	margin:5px 0 4px;
	font-size:0;
	line-height:0;
}

div#bookmark dl dt{
	display: block;
	float: left;
}

div#bookmark dl dd{
	margin-left: 123px;
}

div#bookmark ul {
	list-style:none;
	display:inline;
	margin:0;
	padding:0;
}
div#bookmark ul li {
	display:inline;
}
div#bookmark img {
	vertical-align:middle;
}
div#bookmark ul li img {
	margin-left:8px;
}

/* \*/

* html div#bookmark ul li.first img {
	margin-left:5px;
}
/**/


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

	2.footer

-------------------------------------------------------------------*/
div#footer{
	clear: both;
	width:100%;
	border-top:solid 1px #BDBDBD;
	border-bottom:solid 1px #BDBDBD;
	/*margin-top:20px;*/
	text-align:left;
	padding:2px 0;
}
div#footer ul.links {
	float:left;
	list-style:none;
	margin:0;
	padding:3px 0 3px 10px;
}
div#footer ul.links li {
	background-image: none;
	padding-left: 0px;
	display:inline;
	white-space:nowrap;
	margin-right:8px;
}
div#drill{
    clear: both;
    width:100%;
    margin-top:5px;
    text-align:left;
}
div#drill ul.drilldown {
    float:left;
    list-style:none;
    margin:0;
    padding:3px 0 10px 6px;
}
div#drill ul.drilldown li {
    background-image: none;
    padding-left: 0px;
    display:inline;
    white-space:nowrap;
	font-size:88%;
	margin-right:6px;
}
div#drill2{
    clear: both;
    width:708px;
    margin-top:5px;
    text-align:left;
    background-color:#F5F5F5;
    float:left;
    margin-bottom:10px;
}
div#drill2 ul.drilldown2 {
    list-style:none;
    margin:0;
    padding:3px 0 10px 6px;

}
div#drill2 ul.drilldown2 li {
    background-image: none;
    padding-left: 0px;
    display:inline;
    font-size:88%;
    margin-right:4px;
}
div#footer ul.links li a {
	background-image: url(/images/00000/new/icon/icon_footer_list.gif);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	padding-left:6px;
}
div#footer .company {
	float:right;
	background-color:#E7E7E7;
}
div#footer .company ul {
	list-style:none;
	margin:0;
	padding:3px 2px 3px 10px;
}
div#footer .company ul li {
	display:inline;
	white-space:nowrap;
	margin-right:8px;
}
div#footer .company ul li a {
	background-image: url(/images/00000/new/icon/icon_footer_list.gif);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	padding-left:6px;
}

/* フッタ内テキストリンク */
div#drill a:link,
div#footer a:link,
div#footer a:visited,
div#drill a:visited,
div#drill2 a:visited,
div#drill2 a:link {
	color:#666;
}
div#footer a:active,
div#footer a:hover,
div#drill a:hover,
div#drill2 a:hover{
	color:#999;
}


/* コピーライト */
div#copyright {
	clear: both;
	margin:5px 10px 15px;
	text-align:center;
	font-size:83.3%;
}
div#copyright p img{
	vertical-align: middle;
	margin:5px 5px 5px 0;
}
div#copyright span {
	margin-left:5px;
}

/* SEO対策用フッタ */
p#bodyLast {
	background-color:#ECECEC;
	text-align:center;
	margin:0 0 10px 0;
	padding:3px;
	font-size:83.3%;
}
p#bodyLast a {
	text-decoration:none;
	color:#666;
}

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

	3.ページ下部リンクエリア

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

/* このページのトップへ
------------------------------------------------------- */
div.pagetop {
	clear: both;
	text-align:right;
	margin:30px 0 10px 0;
}

/* \*/

* html body div#lqdContentSwap div#wall.open div.pagetop{
	margin-right: 130px;
}

/**/

div.pagetop hr {
	display:none;
}

/* ページ下部リンクエリア
------------------------------------------------------- */


div.btmLinks {
	clear: both;
	background-color:#F5F5F5;
	border:solid 1px #C1C1C1;
	padding:5px 0 5px 0px;
	text-align:left;
}

/* \*/

* html body div#lqdContentSwap div#wall.open div.btmLinks{
	margin-right: 130px;
}

/**/
div.btmLinks dl {
	clear:both;
	width:100%;
	margin:0;
	padding:2px 0 0;
	line-height:1.3;
}
div.btmLinks dt {
	width:14.5em;
	font-weight:bold;
	text-align:left;
	background-image: url(/images/00000/new/ico/ico_pic_colon.gif);
	background-repeat: no-repeat;
	background-position: 90% 50%;
	float:left;
	padding:0 0 2px 0;
	margin:0;
}
div.btmLinks dt span {
	padding:0 10px;
	white-space:nowrap;
}
div.btmLinks dd {
	float:left;
	padding:0 0 0 10px;
	margin:0;
}
div.btmLinks dd p {
	padding:0 10px 2px;
}

div.btmLinks div.clear{
	height: 0;
	line-height: 0;
	font-size: 0px;

}


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

div#taglneWrap:after,
div#header:after,
div#header div#action:after,
div#gnavi:after,
div#sublink div div div div div div:after,
div#footer:after,
div.btmLinks:after,
div.btmLinks dl:after,
div#breadClumbArea:after,
div#bookmark:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

div#taglneWrap,
div#header,
div#header div#action,
div#gnavi,
div#sublink div div div div div div,
div#footer,
div.btmLinks,
div.btmLinks dl,
div#breadClumbArea,
div#bookmark { display:inline-block; }

/*\*/
* html div#taglneWrap,
* html div#header,
* html div#header div#action,
* html div#gnavi,
* html div#sublink div div div div div div,
* html div#footer,
* html div.btmLinks,
* html div.btmLinks dl,
* html div#breadClumbArea,
* html div#bookmark { height:1%; }

div#taglneWrap,
div#header,
div#header div#action,
div#gnavi,
div#sublink div div div div div div,
div#footer,
div.btmLinks,
div.btmLinks dl,
div#breadClumbArea,
div#bookmark { display:block; }
/**/