@charset "utf-8";

/* ------------------------
      ヘッダー
------------------------ */
#headerTop {
	background: url(../img/back_header.gif) no-repeat;
	border-bottom: #cc0000 solid 2px;
	width: 950px;
	height: 120px;
}

#headerTop_noBack {
	padding-bottom: 10px;
	border-bottom: #e60000 solid 2px;
	padding-top:20px;
	width: 100%;
}

/* ------------------------
    リキッド用ヘッダー
------------------------ */

#headerTop_liquid {
	padding-bottom: 10px;
	border-bottom: #e60000 solid 1px;
	width: 100%;
}

/* ------------------------
      リンク
------------------------ */

#headerTop a:link {
	color: #333;
	text-decoration: none;
}

#headerTop a:visited {
	color: #333;
	text-decoration: none;
}

#headerTop a:hover {
	color: #333;
	text-decoration: underline;
}

#headerTop a:active {
	color: #333;
	text-decoration: underline;
}

/* ------------------------
      h1
------------------------ */

h1 {
	color: #999;
	font-size: 65%;
	font-weight: normal;
	float: right;
}

/* ------------------------
      ロゴ上コピー
------------------------ */

p.copy {
	color: #e60000;
	font-size: 65%;
	font-weight: normal;
	letter-spacing: 0.6em;
	float: left;
	margin-top: 5px;
}

/* ------------------------
 サイトマップ／クイックナビ
------------------------ */

ul#siteMap {
	margin-top: -5px;
	float: right;
	zoom: 1;
}

ul#siteMap:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

ul#siteMap li {
	float: left;
}

ul#siteMap li a {
	margin-left: 10px;
	padding-left: 10px;
	background:url(../img/arrow_green.gif) no-repeat;
	background-position: left center;
	font-size: 65%;
}

#headerTop div.clearFix div.fR,
#headerTop_noBack div.clearFix div.fR,
#headerTop_liquid div.clearFix div.fR {
	width: 400px;
}

#showHideLayerBox {
	visibility: hidden;
}

#showHideLayerInner {
	position: relative;
	top: -142px;
	margin-bottom: -125px;
	left: 850px;
}

#headerTop_noBack #showHideLayerInner {
	top: -80px;
}

#container_liquid #showHideLayerInner {
	top: -147px;
	left: 90%;
}

/* ------------------------
   検討リストを開く　他
------------------------ */

ul#sabNavi,
ul#sabNavi_liquid {
	margin-top: 20px;
	margin-left: 270px;
	zoom:1;
}

ul#sabNavi:after,
ul#sabNavi_liquid:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

ul#sabNavi li,
ul#sabNavi_liquid li {
	display: block;
	margin-right: 20px;
	float: left;
}

ul#sabNavi li.kentoList a,
ul#sabNavi_liquid li.kentoList a {
	display: block;
	padding-left: 23px;
	background: url(../img/header_s_navi_01.gif) no-repeat;
	background-position: left center;
	font-size: 65%;
	line-height: 1.6;
	height: 18px;
	float: left;
}

ul#sabNavi li.mailMate a,
ul#sabNavi_liquid li.mailMate a {
	display: block;
	padding-left: 20px;
	background: url(../img/header_s_navi_02.gif) no-repeat;
	background-position: left center;
	font-size: 65%;
	line-height: 1.6;
	height: 18px;
	float: left;
}

ul#sabNavi li.prText a,
ul#sabNavi_liquid li.prText a {
	display: block;
	padding-left: 20px;
	background: url(../img/header_s_navi_03.gif) no-repeat;
	background-position: left center;
	font-size: 65%;
	line-height: 1.6;
	height: 18px;
	float: left;
}

/* ------------------------
      トップナビゲーション
------------------------ */

ul#tabNavi {
	margin-top: -1px;
	margin-bottom: 0px;
	width:100%;
	height: 25px;
	zoom:1;
}

#container_liquid ul#tabNavi {
	margin-top: -1px;
	background: url(../img/back_topnavi.gif);
}

/* -----IE6用ハック---- */
* html body #container_liquid ul#tabNavi {
	margin-top: -1px;
}
/* -----IE6用ハック---- */

ul#tabNavi:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

ul#tabNavi li h2 {
	padding: 0;
	background: none;
	width: auto;
	height: auto;	
}

ul#tabNavi li {
	text-indent: -10000em;
	width: 160px;
	height: 25px;
	float:left;
}

ul#tabNavi li a {
	display: block;
	text-decoration: none;
	text-indent: -10000em;
	width: 160px;
	height: 25px;
}

ul#tabNavi li.usedMansion,
ul#tabNavi li.usedMansion a:hover {
	background: url(../img/navi_01b.gif) no-repeat;
	width: 160px;
	height: 25px;
}

ul#tabNavi li.usedMansion a {
	background: url(../img/navi_01.gif) no-repeat;
	width: 160px;
	height: 25px;
}

ul#tabNavi li.usedMansionb, 
ul#tabNavi li.usedMansionb a:hover {
	background: url(../img/navi_01b.gif) no-repeat;
	width: 160px;
	height: 25px;
}

ul#tabNavi li.usedMansionb a {
	background: url(../img/navi_01b.gif) no-repeat;
	width: 160px;
	height: 25px;
}

ul#tabNavi li.usedHouse,
ul#tabNavi li.usedHouse a:hover {
	background: url(../img/navi_02b.gif) no-repeat;
	width: 160px;
	height: 25px;
}

ul#tabNavi li.usedHouse a {
	background: url(../img/navi_02.gif) no-repeat;
	width: 160px;
	height: 25px;
}

ul#tabNavi li.usedHouseb, 
ul#tabNavi li.usedHouseb a:hover {
	background: url(../img/navi_02b.gif) no-repeat;
	width: 160px;
	height: 25px;
}

ul#tabNavi li.usedHouseb a {
	background: url(../img/navi_02b.gif) no-repeat;
	width: 160px;
	height: 25px;
}

ul#tabNavi li.renovation,
ul#tabNavi li.renovation a:hover {
	background: url(../img/navi_03b.gif) no-repeat;
	width: 160px;
	height: 25px;
}

ul#tabNavi li.renovation a {
	background: url(../img/navi_03.gif) no-repeat;
	width: 160px;
	height: 25px;
}

ul#tabNavi li.renovationb,
ul#tabNavi li.renovationb a:hover {
	background: url(../img/navi_03b.gif) no-repeat;
	width: 160px;
	height: 25px;
}

ul#tabNavi li.renovationb a {
	background: url(../img/navi_03b.gif) no-repeat;
	width: 160px;
	height: 25px;
}

ul#tabNavi li.reform,
ul#tabNavi li.reform a:hover {
	background: url(../img/navi_04b.gif) no-repeat;
	width: 160px;
	height: 25px;
}

ul#tabNavi li.reform a {
	background: url(../img/navi_04.gif) no-repeat;
	width: 160px;
	height: 25px;
}

ul#tabNavi li.reformb,
ul#tabNavi li.reformb a:hover {
	background: url(../img/navi_04b.gif) no-repeat;
	width: 160px;
	height: 25px;
}

ul#tabNavi li.reformb a {
	background: url(../img/navi_04b.gif) no-repeat;
	width: 160px;
	height: 25px;
}

ul#tabNavi li.sellHouse,
ul#tabNavi li.sellHouse a:hover {
	background: url(../img/navi_05b.gif) no-repeat;
	width: 160px;
	height: 25px;
}

ul#tabNavi li.sellHouse a {
	background: url(../img/navi_05.gif) no-repeat;
	width: 160px;
	height: 25px;
}

ul#tabNavi li.sellHouseb,
ul#tabNavi li.sellHouseb a:hover {
	background: url(../img/navi_05b.gif) no-repeat;
	width: 160px;
	height: 25px;
}

ul#tabNavi li.sellHouseb a {
	background: url(../img/navi_05b.gif) no-repeat;
	width: 160px;
	height: 25px;
}
ul#tabNavi li.homePlaza,
ul#tabNavi li.homePlaza a:hover {
	background: url(../img/navi_06b.gif) no-repeat;
	width: 150px;
	height: 25px;
}

ul#tabNavi li.homePlaza a {
	background: url(../img/navi_06.gif) no-repeat;
	width: 150px;
	height: 25px;
}

/* ------------------------
      ぱんくず
------------------------ */

#pankuzu {
	background-color:#41A731;
	color: #FFF;
	font-size: 65%;
	width: 100%;;
	zoom: 1;
}

#pankuzu:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/* -----IE6用ハック---- */
* html body #pankuzu {
	margin-top: -9px;
}
/* -----IE6用ハック---- */

#pankuzu h3 {
	padding: 0px;
	background: none;
	font-size: 100%;
	font-weight: normal;
	float: left;
}

#pankuzu img {
	margin: 3px;
	vertical-align: middle;
}

#pankuzu a {
	color: #FFF;
	text-decoration: none;
}

#pankuzu a:hover {
	color: #FFF;
	text-decoration: underline;
}

#pankuzu p {
	margin-top: 2px;
}

/* ------------------------
      検索へのリンク
------------------------ */

ul#searchMater {
	float: right;
}

ul#searchMater li {
	margin-right: 10px;
	line-height: 1.7;
	float: left;
}

ul#searchMater li a {
	display: block;
	background: url(../img/arrow_white.gif) no-repeat;
	background-position: left center;
	padding-left: 7px;
	float: left;
}