@charset "UTF-8";
body{
color:#333;
}
/* headerArea */
#headerArea{
position: relative;
height: 90px;
}
#headerArea p#description{
position: absolute;
top: 3px;
width: 650px;
}
#headerArea p#description a{
color: #666;
}
#headerArea p#favoriteButton{
position: absolute;
top: 0;
right: 0;
width: 240px;
height: 55px;
background-image: url(../img/common/headerFavorite.gif);
background-position: top;
background-repeat: no-repeat;
}
#headerArea p#favoriteButton a{
display: block;
width: 240px;
height: 55px;
padding: 0 12px 0 102px;
line-height: 53px;
text-decoration: none;
color: #333;
}
#headerArea p#favoriteButton a .title{
display: none;
}
#headerArea p#favoriteButton a .num{
font-weight: bold;
color: #f00;
}
#headerArea p#headerLogo,
#headerArea h1#headerLogo{
position: absolute;
top: 38px;
margin: 0 0 3px 0;
}
#headerArea p#headerLogo img,
#headerArea h1#headerLogo img{
}
#headerArea ul#headerNavi{
position: absolute;
top: 64px;
right: 0;
}
#headerArea ul#headerNavi li{
display: inline;
}
#headerToArea{
width: 900px;
height: 19px;
margin: 5px 0 0 30px;
background-image: url(../img/common/toAreaBg_L.gif);
background-position: left;
background-repeat: no-repeat;
}
#headerToArea p{
float: left;
}
#headerToArea ul{
float: left;
padding-top: 2px;
}
#headerToArea ul li{
display: inline;
padding-right: 14px;
}
/* globalNaviArea */
#globalNaviArea ul{
}
#globalNaviArea ul li{
display: inline;
}
#globalNaviArea ul li a:hover,
#globalNaviArea ul li a:active{
	background-color: #fff;
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
}
/* 掲載件数 */
#items{
width: 900px;
height: 30px;
margin: 10px 0 10px 30px;
background-image: url(../img/index/bgItems.gif);
background-position: left top;
background-repeat: no-repeat;
line-height: 30px;
}
#items p{
margin: 0 15px 0 15px;
}
#items p a{
font-weight: bold;
}
#items p .count{
font-weight: bold;
}
/* topicPathArea */
#topicPathArea{
margin: 5px 0 5px 0;
}
#topicPathArea ol li{
display: inline;
margin-right: 8px;
padding-right: 20px;
background-image: url(../img/common/topicPathArrow.gif);
background-position: right;
background-repeat: no-repeat;
}
#topicPathArea ol li a{
color: #666;
}
#topicPathArea ol li#active{
margin: 0;
padding: 0;
background-image: none;
font-weight: bold;
}
/* mainContentsArea */
#container div#mainContentsArea h1{
margin-bottom: 30px;
}
#container div#mainContentsArea h2{
margin-bottom: 30px;
}
/* 新着トピックス */
#container div#mainContentsArea div#newsRelease2{
width: 630px;
height: 60px;
margin-bottom: 20px;
background-image: url(../img/common/bgNews2.gif);
background-position: right top;
background-repeat: no-repeat;
}
#container div#mainContentsArea div#newsRelease2 h2{
float: left;
width: 102px;
margin: 0;
}
#container div#mainContentsArea div#newsRelease2 h2.newsTitle{
margin-top: 0 !important;
}
#container div#mainContentsArea div#newsRelease2 p{
display: inline;
float: left;
width: 498px;
height: 60px;
margin: 3px 15px 0 15px;
line-height: 18px;
}
/* テーマ別バナー */
#container div#mainContentsArea p#titleTheme{
	clear: both;
	width: 630px;
	margin-top: 30px;
	padding: 10px 0;
	border-bottom: 1px solid #ff7070;
	background-color: #ffecec;
	font-weight: bold;
}
#container div#mainContentsArea p#titleTheme span{
	margin: 0 10px;
}
#container div#mainContentsArea ul#bannerTheme li{
	float: left;
	margin: 0 10px 10px 0;
}
/* 比較メニュー、ランキングメニュー等 */
#container div#mainContentsArea .menuText{
width: 630px;
margin: 10px 0 20px 0;
background-image: url(../img/common/bgTextMenu.gif);
background-position: left bottom;
background-repeat: no-repeat;
}
#container div#mainContentsArea .menuText p.menuCompare{
margin: 0;
padding: 0 0 0 35px;
background-image: url(../img/common/bgCompareMenu.gif);
background-repeat: no-repeat;
background-color: #efefef;
font-weight: bold;
}
#container div#mainContentsArea .menuText p{
margin: 5px 15px 0 15px;
padding-bottom: 5px;
}
#container div#mainContentsArea .menuText p a{
font-weight: bold;
}
#container div#mainContentsArea .menuText_noTitle{
width: 630px;
margin: 10px 0 20px 0;
border: 1px solid #ccc;
}
#container div#mainContentsArea .menuText_noTitle p{
margin: 5px 15px 0 15px;
padding-bottom: 5px;
}
#container div#mainContentsArea .menuText_noTitle p a{
font-weight: bold;
}
/* ページの先頭へ */
#container div#mainContentsArea p#toPageTop{
width: 630px;
margin-top: 50px;
padding-top: 10px;
background-image: url(../img/common/lineDottedGray.gif);
background-position: top left;
background-repeat: no-repeat;
text-align: right;
}
/* ページめくり機能 */
#container div#mainContentsArea div.page{
width: 630px;
margin: 10px 0 30px 0;
padding-bottom: 10px;
background-image: url(../img/common/lineDottedGray.gif);
background-position: left bottom;
background-repeat: no-repeat;
}
#container div#mainContentsArea div.page p.total{
padding-bottom: 5px;
background-image: url(../img/common/lineDottedGray.gif);
background-position: left bottom;
background-repeat: no-repeat;
}
#container div#mainContentsArea div.page p.total span.number{
margin-right: 5px;
font-size: 14px;
font-weight: bold;
}
#container div#mainContentsArea div.page div.pageNavi span.back{
padding-left: 15px;
background-image: url(../img/common/pageListBack_a.gif);
background-position: left;
background-repeat: no-repeat;
}
#container div#mainContentsArea div.page div.pageNavi span.next{
padding-right: 15px;
background-image: url(../img/common/pageListNext_a.gif);
background-position: right;
background-repeat: no-repeat;
}
#container div#mainContentsArea div.page div.pageNavi p{
margin: 0;
text-align: center;
}
/* 被災者の方へ　*/
#container div#message{
margin-bottom: 20px;
padding: 10px 20px;
border: 1px solid #666;
}
#container div#message p{
margin-bottom: 0;
}
/* infoBar */
#container div#infoBar div.infoBlock{
margin-bottom: 20px;
}
#container div#infoBar div.infoBlock p.banner{
margin: 0;
padding-bottom: 10px;
text-align: center;
line-height: 1.1em;
}
#container div#infoBar div.infoBlock p.af{
margin: 20px 0 0 0;
text-align: center;
line-height: 1.1em;
}
#container div#infoBar div#sideTheme{
margin-bottom: 20px;	
}
#container div#infoBar div#sideTheme h2{
margin-bottom: 0;	
}
#container div#infoBar div#sideTheme ul li{
padding-left: 40px;
line-height: 40px;
background-image:url(../img/common/bgSideTitleTheme.gif);
background-repeat: no-repeat;
}
#container div#infoBar div#sideTheme ul li a{
color: #333;
text-decoration: none;
}
#container div#infoBar div#sideTheme ul li a:hover,
#container div#infoBar div#sideTheme ul li a:active{
color: #333;
text-decoration: underline;
}
#container div#infoBar div#sideFlow ol li{
display: inline;
}
#container div#infoBar div#sideFlow p{
margin: 0;
}
/* テキストのみのアクセスランキング */
#container div#infoBar div.textRanking{
padding-bottom: 10px;
background-image: url(../img/common/sideBanner/bgSideBox.gif);
background-position: bottom;
background-repeat: no-repeat;
}
#container div#infoBar div.textRanking h4{
padding: 8px 5px;
border-top: 1px solid #ccc;
background-image: url(../img/common/bgTextRanking.gif);
background-position: bottom;
background-repeat: no-repeat;
text-align: center;
}
#container div#infoBar div.textRanking ol{
padding: 10px 5px 0 5px;
}
#container div#infoBar div.textRanking ol li{
margin-bottom: 5px;
color: #259668;
font-weight: bold;
}
#container div#infoBar div.textRanking ol li a{
color: #339;
font-weight: normal;
}
#container div#infoBar div.textRanking ol li a:hover,
#container div#infoBar div.textRanking ol li a:focus,
#container div#infoBar div.textRanking ol li a:active{
color: #f00;
}
/* 画像付きのランキング */
#container div#infoBar div.infoBlock div.ranking{
padding-bottom: 20px;
background-image: url(../img/common/sideBanner/bgSideBox.gif);
background-position: bottom;
background-repeat: no-repeat;
}
#container div#infoBar div.infoBlock div.ranking h4{
padding-bottom: 5px;
}
#container div#infoBar div.infoBlock div.ranking ol li{
clear: both;
margin: 5px 10px 5px 10px;
font-weight: bold;
}
#container div#infoBar div.infoBlock div.ranking ol li.first{
padding: 0 0 0 25px;
background-image: url(../img/common/sideBanner/bgRanking1.gif);
background-position: left top;
background-repeat: no-repeat;
}
#container div#infoBar div.infoBlock div.ranking ol li.first p.image{
float: left;
margin-right: 9px;
}
#container div#infoBar div.infoBlock div.ranking ol li.first p.text{
float: left;
width: 110px;
}
#container div#infoBar div.infoBlock div.ranking ol li span.title{
display: block;
width: 4em;
color: #666;
}
#container div#infoBar div.infoBlock div.ranking ol li span.corp{
display: block;
margin: -1.5em 0 0 4em;
}
#container div#infoBar div.infoBlock div.info{
padding-bottom: 0;
background-image: url(../img/common/sideBanner/bgSideBox.gif);
background-position: bottom;
background-repeat: no-repeat;
}
#container div#infoBar div.infoBlock div.info h4{
padding-bottom: 5px;
}
#container div#infoBar div.infoBlock div.info ul li{
clear: both;
margin: 5px 10px 5px 10px;
font-weight: bold;
}
#container div#infoBar div.infoBlock div.info ul li p.image{
float: left;
margin-right: 9px;
}
#container div#infoBar div.infoBlock div.info ul li p.text{
float: left;
width: 150px;
}
#container div#infoBar p.sideTitle{
padding: 5px 10px !important;
color: #fff;
background-color: #075255 !important;
border: 1px solid #ccc;
}

#container div#infoBar form.theme_button{
	position: static;
	margin: 0!important;
}

#container div#infoBar form.theme_button p{
	text-align: center;
	margin: 0!important;

}
#container div#infoBar form.theme_button p span{
	position: relative;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	top: -80px;
}
/* 朝日住まいづくりフェア2013用 */
#container div#infoBar div.infoBlock table#asahi01{
	margin-bottom: 10px;
	border-collapse: collapse;
	border: 2px solid #0962a8;
}
#container div#infoBar div.infoBlock table#asahi01 tr th{
	padding: 10px;
	background-color: #d7d7d7;
	text-align: left;
	font-weight:normal;
	vertical-align: top;
	border-bottom: 1px solid #0962a8;	
}
#container div#infoBar div.infoBlock table#asahi01 tr td{
		padding: 10px;
		border-bottom: 1px solid #0962a8;
}
#container div#infoBar div.infoBlock table#asahi01 tr td.title{
	padding: 0;
}
#container div#infoBar div.infoBlock table#asahi02{
	margin: 20px 0;
	border-collapse: collapse;
	border: 2px solid #20a153;
}
#container div#infoBar div.infoBlock table#asahi02 tr th{
	padding: 10px;
	background-color: #d7d7d7;
	text-align: left;
	font-weight:normal;
	vertical-align: top;
	border-bottom: 1px solid #20a153;	
}
#container div#infoBar div.infoBlock table#asahi02 tr td{
		padding: 10px;
		border-bottom: 1px solid #20a153;
}
#container div#infoBar div.infoBlock table#asahi02 tr td.title{
	padding: 0;
}
#container div#infoBar div.infoBlock table#asahi02 tr th.date{
		padding: 0;
	background-color: #d9f5e4;
	text-align: center;
	font-weight: bold;
}
#container div#infoBar div.infoBlock table#asahi02 tr th.date span.sat{
	color: #00f;
}
#container div#infoBar div.infoBlock table#asahi02 tr th.date span.sun{
	color: #f00;
}
#container div#infoBar div.infoBlock table#asahi02 tr td.seminar{
	text-align: center;
}
#container div#infoBar div.infoBlock table#asahi03{
	margin-bottom: 10px;
	border-collapse: collapse;
	border: 2px solid #549898;
}
#container div#infoBar div.infoBlock table#asahi03 tr td{
		padding: 10px;
		border-bottom: 1px solid #549898;
		text-align:center;
}
#container div#infoBar div.infoBlock table#asahi03 tr td strong{
	font-size: 1.5em;
	color: #f00;
}
#container div#infoBar div.infoBlock table#asahi03 tr td.title{
	padding: 0;
}
/* 賃貸併用、二世帯住宅特集用 */
#container div#infoBar div.infoBlock div.recommendBox{
padding: 10px;
background-color: #e7ffff;
}
#container div#infoBar div.infoBlock div.recommendBox h4{
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px solid #33cccc;
}
/* 住まいのお役立ち情報　*/
.infoArea{
padding: 0 0 20px 0;
}
.infoArea h2{
margin: 30px 0 10px 0 !important;	
}
.infoArea ul li{
float: left;
width: 300px;
margin: 0 15px 10px 0;
}
.infoArea ul li span{
font-size: 0.8em;
}
.infoArea ul li img{
float: left;
margin: 0 10px 0 0;
}
.clear{
clear: both;
}
/* AdSence */
#adBottom{
clear: both;
height: 300px;
width: 600px;
margin: 30px 0 0 30px;
text-align: left;
}
#adContents{
clear: both;
height: 300px;
margin: 30px 0 0 150px;
text-align: left;
}
#container div#infoBar div.infoBlock div#adSide{
height: 220px;
margin: 30px 0 0 0;
text-align: center;
border: 1px solid #ccc;
}
/* footerArea */
#footerArea{
background-image: url(../img/common/lineDottedGray.gif);
background-position: top;
background-repeat: repeat-x;
}
div#footerArea ul.footerNavi li{
display: inline;
margin-left: 10px;
padding-left: 10px;
background-image: url(../img/common/footerNaviLine.gif);
background-position: left;
background-repeat: no-repeat;
}
div#footerArea ul.footerNavi li.first{
margin: 0;
padding: 0;
background-image: none;
}
div#footerArea ul#navi01{
background-image: url(../img/common/lineDottedGray.gif);
background-position: bottom;
background-repeat: repeat-x;
padding: 20px 0 20px 0;
text-align: center;
}
div#footerArea p#footerTitle{
margin-top: 1px;
padding: 5px;
color: #fff;
background-color: #999;
}
div#footerArea p.footerCompany{
padding: 10px 0 10px 0;
background-image: url(../img/common/lineDottedGray.gif);
background-position: bottom;
background-repeat: repeat-x;
}
div#footerArea p.footerCompany img{
margin-right: 10px;
vertical-align: middle;
}
div#footerArea ul#navi02{
padding: 10px 0 10px 0;
background-image: url(../img/common/lineDottedGray.gif);
background-position: bottom;
background-repeat: repeat-x;
text-align: right;
}
div#footerArea p#copyright{
margin-bottom: 20px;
text-align: right;
}
.red{
	color: #ff0000;
}