@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 基本
　02. 住宅APIとは？
　03. 関連リンク 
　04. 追加・更新情報／外部関連リンク
　05. お問い合わせボタン


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



/* ==

　00. file import

=============================================================================== */
@import url("/common/css/rn01/common.css");


/* ==

　01. 基本

=============================================================================== */
.section{ font-size:120%; line-height:1.5; }
.container .topicPath{ background:none; }


.container .section h3{ margin:0 0 10px; background:url(/common/images/renew2009/bk_h2.gif) right top; }


div.section div#apli{
	width:928px;
	margin:0 0 20px;
	padding:10px;
	background-color:#efefef;
	border:1px solid #e3e3e3;
	clear:both;	
}
div.section div#apli p.img{ width:185px; padding-left:5px; float:left; }
div.section div#apli div.txt{ width:738px; float:right; }
div.section div#apli div.txt a{
	padding-left:17px;
	background:url(/common/images/renew2009/arrow_blank.gif) left 3px no-repeat;
}




/* ==

　02. 住宅APIとは？

=============================================================================== */
#about{ width:950px; margin-bottom:20px; clear:both; }
#about p{ margin-bottom:10px; }
#about p.img{ margin-left:20px; float:right; }

#about .column3{ width:970px; margin-left:-20px; padding-bottom:5px; background:url(../images/btm_column3.gif) 20px bottom no-repeat; clear:both; }
#about .column3:after{ content:''; display:block; clear:both; }

#about .column3 dl{ width:303px; margin-left:20px; background:url(../images/top_column3.gif) left top no-repeat; display:inline; float:left; }
#about .column3 dl.last{ float:right; }
#about .column3 dt{ padding:15px 15px 10px; }
#about .column3 dt a{
	padding-left:20px;
	background:url(/common/images/renew2009/ic_pdf.gif) left 1px no-repeat;
	font-weight:bold;
	display:block;
}
#about .column3 dd{ width:270px; margin:0 auto; padding:10px 0; background:url(/common/images/renew2009/line_dotted02.gif) left top repeat-x; font-size:85%; line-height:1.3; }





/* ==

　03. 関連リンク 

=============================================================================== */
#link{ width:950px; clear:both; }
#link div{ width:970px; margin:0 0 0 -20px; clear:both; }

#link div ul{ margin-bottom:10px; padding-bottom:10px; background:url(../images/dotline.gif) 20px bottom no-repeat; }
#link div li{ width:303px; margin-left:20px; display:inline; float:left; }

#link div li p.img{ width:123px; float:left; }
#link div li p.txt{ width:180px; line-height:1.3; float:left; }
#link div li p.txt a{ padding-left:12px; background:url(/common/images/renew2009/arrow.gif) left 4px no-repeat; font-weight:bold; display:block; }

#link div li p.txt a.blank{
	padding-left:17px;
	background:url(/common/images/renew2009/arrow_blank.gif) left 4px no-repeat;
}




/* ==

　04. 追加・更新情報／外部関連リンク

=============================================================================== */
div.column2{ width:950px; margin-bottom:20px; clear:both; }
div.column2:after{ content:''; display:block; clear:both; }

#info{ width:626px; float:left; }
#info dl{ width:626px; margin:0 0 10px; padding:0 0 10px; background:url(/common/images/renew2009/line_dotted02.gif) left bottom repeat-x; }
#info dl:after{ content:''; display:block; clear:both; }

#info dt{ width:120px; float:left; }
#info dd{ width:506px; float:left; }



#link_outside{ width:303px; float:right; }

#link_outside li{ margin:0 0 10px; /margin:0 0 5px; padding:0; }
#link_outside li a{
	margin:0;
	padding:0 0 0 17px;
	background:url(/common/images/renew2009/arrow_blank.gif) left 4px no-repeat;
	/background-position:left 7px;
	font-size:85%;
	line-height:1.3;
	display:block;	
}


#info a {
	margin:0;
	padding:0 0 0 12px;
	background:url(/common/images/renew2009/arrow.gif) left 4px no-repeat;
}
#info a.blank {
	padding-left:17px;
	background:url(/common/images/renew2009/arrow_blank.gif) left 4px no-repeat;
}







/* ==

　05. お問い合わせボタン

=============================================================================== */
#inquiry{ width:950px; margin:0 0 20px; clear:both; }
#inquiry p{ width:420px; margin:0 auto; padding:5px; }
#inquiry p a{
	padding:5px;
	background:url(/common/images/renew2009/arrow.gif) 20px center no-repeat;
	border:1px solid #ccc;
	text-align:center;
	display:block;	
}
#inquiry p a:hover, #inquiry p a:active{ border:1px solid #f60; }





/* ==

　99. SNSボタン

=============================================================================== */
#sns{ width:950px; margin:0 0 10px; padding:0; /padding:0 0 5px; text-align:right; clear:both; }
#sns:after{ content:''; display:block; clear:both; }
#sns p{ margin:0; padding:0; display:inline; }
#sns p{ /padding:0 0 0 5px; }