@charset "utf-8";

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

　目次

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

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

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


/* ==

　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:66px;
	height:28px;
	background-image:url(../images/gnav_utilize.gif);
	left:0;
}
.header .floatR .gnav li.gnav_practical a{
	width:105px;
	background-image:url(../images/gnav_practical.gif);
	left:66px;
}
.header .floatR .gnav li.gnav_location a{
	width:82px;
	background-image:url(../images/gnav_location.gif);
	left:171px;
}
.header .floatR .gnav li.gnav_case a{
	width:80px;
	background-image:url(../images/gnav_case.gif);
	left:253px;
}
.header .floatR .gnav li.gnav_concept a{
	width:162px;
	background-image:url(../images/gnav_concept.gif);
	left:333px;
}
.header .floatR .gnav li.gnav_column a{
	width:102px;
	background-image:url(../images/gnav_column.gif);
	left:495px;
}


/* 「住まい」リンク 
------------------------------------------------------------------------------- */
.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:39px; }
.recoFooter .contents div.utlz_cnts{ width:195px; padding-top:20px; }
.recoFooter .contents div.lastChild{ width:214px; }
.recoFooter .contents div li li{ padding-left:10px; }
.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; }
}



/* 中ページ（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:-4px;
	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; }