@charset "shift_jis";

/*----------------------------------------------------------------
 Style Setting

 Date    : 2009/0128
----------------------------------------------------------------*/


/*================================================================
  ハウジングナビ　家づくり記事・ノウハウ集　記事テンプレート用
================================================================*/

/*=====ヘッダーパンくず=====*/

#Header #GBreadnavigation .KiGBreadcrumbsArea { float: left; display: block; background-color:#FFFFFF; padding: 3px 0; }



/*=====この記事を読んでいる人にオススメ！=====*/

#KiSugg{width:628px; padding-top:10px;} 
#KiSugg .ttl{padding:12px 10px; background:#F9F2E3; font-size:12px; font-weight:bold;}
#KiSugg .Links{padding:5px 10px 0 10px;} 
#KiSugg .Links ul.LinkList{ margin: 0 0 0 0px; list-style-type: none; }
#KiSugg .Links ul.LinkList li{display: block; margin: 1px 0 1px 0; padding: 0 0 0 16px; background: url(//www.housingnavi.jp/edit/common/img/icon_arrow_b.gif) no-repeat 0px 4px; }



/*=====関連する記事を読む=====*/

#KiRela{width:628px; padding-top:30px;} 
#KiRela .ttl{padding:12px 10px; background:#F9F2E3; font-size:12px; font-weight:bold;}
#KiRela .Links{padding:5px 10px 0 10px;} 
#KiRela .Links ul.LinkList{ margin: 0 0 0 0px; list-style-type: none; }
#KiRela .Links ul.LinkList li{display: block; margin: 1px 0 1px 0; padding: 0 0 0 16px; background: url(//www.housingnavi.jp/edit/common/img/icon_arrow_b.gif) no-repeat 0px 4px; }





/*=====右コンテンツ=====*/

/*タイトル*/
#Content #Sub #Box01{ background-image: url(/edit/hn_kiji_temp/img/ki_r_ttl01.gif);text-indent: -9999px;width: 243px; height: 30px;}
#Content #Sub #Box02{ background-image: url(/edit/hn_kiji_temp/img/ki_r_ttl02.gif);text-indent: -9999px;width: 243px; height: 30px;}
#Content #Sub #Box03{ background-image: url(/edit/hn_kiji_temp/img/ki_r_ttl03.gif);text-indent: -9999px;width: 243px; height: 30px;}
#Content #Sub #Box04{ background-image: url(/edit/hn_kiji_temp/img/ki_r_ttl04.gif);text-indent: -9999px;width: 243px; height: 30px;}
#Content #Sub #Box05{ background-image: url(/edit/hn_kiji_temp/img/ki_r_ttl05.gif);text-indent: -9999px;width: 243px; height: 30px;}


/*新着コンテンツ差込み用*/
.sfl p {margin:1px 0 0 0; padding:0; line-height:130%;}


/*テーマからハウスメーカー・工務店を探す用*/
div.bdrBTMgr{padding-bottom:5px; border-bottom:#CCCCCC dotted 1px;}

#Content #Sub div.Area #schTheme {width:243px; padding-top:8px; padding-bottom:8px; border-bottom:#CCCCCC dotted 1px; clear:both;}
#Content #Sub div.Area #schTheme .Leftbox{float:left; width:62px;}
#Content #Sub div.Area #schTheme .Rightbox{float:left; width:180px;}

#Content #Sub div.Area #schThemeOther {width:243px; margin-top:6px;}
#Content #Sub div.Area #schThemeOther ul.LinkListSmall{ margin: 0 0 10px 0; list-style-type: none;  }
#Content #Sub div.Area #schThemeOther ul.LinkListSmall li{ font-size:10px; display: block; margin: 1px 0 2px 0; padding: 0 0 0 16px; background: url(//www.housingnavi.jp/edit/common/img/icon_arrow_b.gif) no-repeat 0px 2px; }



/*リスト：フォントサイズ小*/

#Content #Sub div.Area ul.LinkListSmall{ margin: 0 0 10px 0; list-style-type: none;  }
#Content #Sub div.Area ul.LinkListSmall li{ font-size:10px; display: block; margin: 1px 0 2px 0; padding: 0 0 0 16px; background: url(//www.housingnavi.jp/edit/common/img/icon_arrow_b.gif) no-repeat 0px 2px; }




/*--------------------------------------
margin padding
---------------------------------------*/

.mgnT10{margin-top:10px;}
.mgnT15{margin-top:15px;}
.mgnT20{margin-top:20px;}
.mgnT30{margin-top:30px;}

.mgnB10{margin-bottom:10px;}
.mgnB15{margin-bottom:15px;}
.mgnB20{margin-bottom:20px;}
.mgnB30{margin-bottom:30px;}


.pdnT10{padding-top:10px;}
.pdnT15{padding-top:15px;}
.pdnT20{padding-top:20px;}
.pdnT30{padding-top:30px;}

.pdnB10{padding-bottom:10px;}
.pdnB15{padding-bottom:15px;}
.pdnB20{padding-bottom:20px;}
.pdnB30{padding-bottom:30px;}




/*--------------------------------------------------------------------
clear
--------------------------------------------------------------------*/

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
  
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/*--------------------------------------
ページング
---------------------------------------*/

/* --- base --- */
#GrKiPaging {
margin: 20px 0;
width:628px;
}

/* --- paging --- */
#GrKiPaging .GrKiPagingMN {
margin: 0;
padding: 4px 0;
list-style-type: none;
text-align: center;
font-size: 12px;
}
/* --- paging menu --- */
#GrKiPaging .GrKiPagingMN li {
display: inline;
margin-right: 1px;
}

/* --- links --- */
#GrKiPaging .GrKiPagingMN li a {
display: inline-block;
padding: 4px 8px;
background-color: #ffffff;
border: 1px #333333 solid;
text-decoration: none; 
color: #333333;
}
/* --- links hover --- */
#GrKiPaging .GrKiPagingMN li a:hover {
background-color: #999999;
border: 1px #666666 solid;
text-decoration: none;
color: #FFFFFF;
}

/* --- links active --- */
#GrKiPaging .GrKiPagingMN li strong {
display: inline-block;
padding: 4px 8px;
background-color: #999999;
border: 1px #666666 solid;
color: #FFFFFF; 
}

.MarginBottomS .TopSideThumb {
	float: left;
	width: 80px;
}
.MarginBottomM .Img {
	float: left;
	width: 120px;
}
.ClearBoth {
	clear: both;
}
#G #Container #Content #Sub .Area mgnB30 .sfl .Area .RowAndHrS .MarginBottomS .TopSideText .H4 .AnchorText_ {
	float: right;
	width: 145px;
}