@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. グローバルナビゲーション
　02. レコメンドフッター
　03. 活用一覧
  

******************************************************************************* */
@import url("/common/css/rn01/common.css");
@import url("/common/css/rn04/hd_ftr.css");
.container .topicPath{ background:none !important; }
#hdArea{ border-bottom:1px solid #d0d0da; }


/* ==

　01. グローバルナビゲーション

=============================================================================== */
.header .floatR .gnav li a:active,
.header .floatR .gnav li a:hover{ background-position:left center; }

#utilize .header .floatR .gnav li.gnav_utilize a{
	width:100px;
	height:28px;
	background-image:url(../images/gnav_utilize.gif);
	left:0;
}
.header .floatR .gnav li.gnav_merit a{
	width:121px;
	background-image:url(../images/gnav_merit.gif);
	left:101px;
}
.header .floatR .gnav li.gnav_navi a{
	width:95px;
	background-image:url(../images/gnav_navi.gif);
	left:223px;
}
.header .floatR .gnav li.gnav_howto a{
	width:119px;
	background-image:url(../images/gnav_howto.gif);
	left:319px;
}
.header .floatR .gnav li.gnav_case a{
	width:103px;
	background-image:url(../images/gnav_case.gif);
	left:439px;
}
.header .floatR .gnav li.gnav_risk a{
	width:142px;
	background-image:url(../images/gnav_risk.gif);
	left:543px;
}


/* 新ヘッダー
------------------------------------------------------------------------------- */
#hdNav li.btnConsult{
	margin-left:0;
	padding-left:0;
	background:none;
	display:block;
	float:none;
	position:absolute;
	top:9px;
	right:78px;
}
#hdNav li.btnUselist{
	margin-left:0;
	padding-left:0;
	background:none;
	display:block;
	float:none;
	position:absolute;
	top:9px;
	right:0;
}
#hdNav li.btnConsult a,
#hdNav li.btnUselist a{ width:76px; padding:0; zoom:1; display:block; position:relative; }


#hdNav li.btnConsult a:link, #hdNav li.btnConsult a:visited,
#hdNav li.btnUselist a:link, #hdNav li.btnUselist a:visited{
		filter:alpha(opacity=100);
		-moz-opacity:1.0;
		opacity:1.0;
}
#hdNav li.btnConsult a:hover, #hdNav li.btnConsult a:active,
#hdNav li.btnUselist a:hover, #hdNav li.btnUselist a:active{
		filter:alpha(opacity=60);
		-moz-opacity:0.6;
		opacity:0.6;
}


/* 「住まい」リンク 
------------------------------------------------------------------------------- */
.header .floatR .upper li#fontSizeChg{ width:163px; }
.header .floatR .upper li#fontSizeChg a{ right:61px; }

.header .floatR .upper p#live a{
	width:51px;
	height:20px;
	background-image:url(../images/btn_live.gif);
	backgound-repeat:no-repeat;
	display:block;
	position:absolute;
	top:5px;
	right:0;	
}
.header .floatR .upper p#live a span{ display:none; }
.header .floatR .upper p#live a:link, .header .floatR .upper p#live a:visited{ background-position:left top; }
.header .floatR .upper p#live a:active, .header .floatR .upper p#live a:hover{ background-position:left bottom; }




/* ==

　02. レコメンドフッター

=============================================================================== */
.recoFooter .contents{ background:url(../images/bk_recoFooter.gif) left top no-repeat; }
.recoFooter .contents div{ width:215px; }
.recoFooter .contents div.howto_store{ width:227px; padding-top:20px; }
.recoFooter .contents div.utlz_cnts{ width:195px; padding-top:20px; }
.recoFooter .contents div.lastChild{ width:214px; }
.recoFooter .contents div li ul{ margin:5px 0 0; }
.recoFooter .contents div li li ul{ margin:5px 0 10px; }
.recoFooter .contents div li li li{ padding-left:0; font-size:100%; }
.recoFooter .contents p.firstChild{
	margin-bottom:10px;
	padding-bottom:7px;
	border-bottom:1px solid #ebebeb;
}

.recoFooter .contents div.lastChild ul.category{ margin-bottom:10px; }
.recoFooter .contents div.lastChild li{ margin-bottom:3px; }

@media print{
	.recoFooter{ margin-top:20px; }
}



.recoFooter .firstChild.fnChangeTrg{ width:706px; margin:0; padding:0; }
.recoFooter .firstChild.fnChangeTrg p.fnChangeTag{ margin-left:10px; }
.recoFooter .firstChild.fnChangeTrg .fnAcTag{ width:auto; margin:0; padding:0; }


.recoFooter .firstChild.fnChangeTrg .tochikatsu02{ padding-top:0; }
.recoFooter .firstChild.fnChangeTrg .tochikatsu03{ padding-top:0; }




/* 中ページ（5カラム）
------------------------------------------------------------------------------- */
.rf_column5 .contents{ background:url(../images/bk_recoFooter02.gif) left top no-repeat; }
.rf_column5 .contents div{ width:186px; }
.rf_column5 .contents div.firstChild{ width:163px; }
.rf_column5 .contents div.howto_store{ width:161px; }
.rf_column5 .contents div.utlz_cnts{ width:149px; }
.rf_column5 .contents div.lastChild{ width:169px; }




/* ==

　03. 活用一覧

=============================================================================== */
#uselist{
	/*
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	*/
	position:absolute;
	top:0;
	right:0;
	z-index:200;
	display:none;
	clear:both;
}
#uselist p{
	margin:0;
	padding:0 40px 0 0;
	text-align:right;
	position:relative;
	z-index:210;
}
#uselist dl{
	width:250px;
	/* height:215px; */
	margin:0;
	padding:0 10px;
	background-color:#000;
}
#uselist dt{
	margin:0 0 7px;
	padding:10px 0 4px;
	border-bottom:1px solid #333;
	color:#fff;
	font-weight:bold;
}
#uselist dd{
	margin:0;
	padding-bottom:15px;
	clear:both;
}
#uselist dd ul{ float:none; }
#uselist dd li{
	width:125px;
	margin:0 0 5px;
	text-indent:0;
	float:left;
}
#uselist dd.silver li.elderly{
	width:250px;
	clear:both;
}
#uselist dd li a{
	height:auto;
	padding:0 5px 0 7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
	white-space:nowrap;
	position:relative;
	top:0;
	display:block;
}
#uselist dd li a:hover, #uselist dd li a:active,
#uselist dd li a:link, #uselist dd li a:visited{ color:#ccc; }

/* ==

　04. 土地活用ラボバナーエリア

=============================================================================== */
div.bnrs{
	width:950px;
	margin:0;
	padding:0;
	clear:both;
}
div.bnrs p.bnr{ margin:0 0 20px; }

div.bnrs p.bnr a{ zoom:1; display:block; }
div.bnrs p.bnr a:link, div.bnrs p.bnr a:visited{
		filter:alpha(opacity=100);
		-moz-opacity:1.0;
		opacity:1.0;
}
div.bnrs p.bnr a:hover, div.bnrs p.bnr a:active{
		filter:alpha(opacity=60);
		-moz-opacity:0.6;
		opacity:0.6;
}