@charset "utf-8";

/*-------------------------------------------------------------------------
* ハウジングナビ：記事
* レイアウト用共通スタイルファイル
* Last Up Date: 2009/02/04
* Author: #fc0
-------------------------------------------------------------------------*/

h1,h2,h3,h4,ul,li,p,dl,dt,dd {
	margin:0;
	padding:0;
}


/*-----------------------------------------------------
　レイアウトボックス
-----------------------------------------------------*/
/*コンテンツ部分*/
div#SPMain {
	float: left; 
	width: 628px;
}




/*-----------------------------------------------------
　ヘッダリンクボタン
-----------------------------------------------------*/
div#SPMain div#HeadLink{
	background:url(../img/link_bk.jpg) repeat-x;
	border-bottom:1px solid #ddd;
	width:628px;
	margin-bottom:5px;
	line-height:1;
	margin-top:3px;
	*margin-top:5px;
	text-align:right;
	line-height:1;
}

div#SPMain div#HeadLink p{
	padding:8px 10px 8px 10px;
	margin:0;
	border-left:3px solid #B3B3B3;
	float:right;
}

div#SPMain div#HeadLink p#LPrint{
	padding:8px 3px 11px 10px;
}

div#SPMain div#HeadLink p#LPrint a{
	background:url(../img/link_btn_01.gif) no-repeat 0 50%;
	padding:0 10px 3px 25px;
}

div#SPMain div#HeadLink p#LBook img{
	padding-left:8px;
	vertical-align:middle;
}

div#SPMain div#HeadLink p#LBook img a{
		background:none;
}




/*-----------------------------------------------------
　記事部分
-----------------------------------------------------*/
div#SPMain h1/*コンテンツタイトル*/
{
	margin-bottom:0;
	clear:both;
}

#Content h2, #Content h3, #Content h4{ text-indent: 0px; }

div#SPMain h2,/*各記事見出し（画像）*/
div#SPMain h4 /*囲み記事*/ {
	margin-bottom:10px;
	clear:both;
}

div#SPMain div#Headline p {
	margin-left:0;
}

div#SPMain div.Edit {
	margin-top:30px;
	clear:both;
}

div#SPMain h3 {
	margin-left:5px;
	clear:both;
}

div#SPMain p {
	margin:0 0 15px 5px;
}

div#SPMain .marker {
	background:#FFFF99;
	padding:2px;
}



/*-----------------------------------------------------
　メイン部分画像関係
-----------------------------------------------------*/
/*画像回り込み*/
div#SPMain p.SPImgR {
	float:right;
	padding:0 0 10px 15px;
}

div#SPMain p.SPImgL {
	float:left;
	padding:0 15px 10px 0;
}

/*-----------------------------------------------------
　囲み記事
-----------------------------------------------------*/
div#SPMain div#Kakomi {
	width:580px;
	margin:0 0 15px 5px;
	clear:both;
}

div#SPMain div#Kakomi p {
	margin:0 10px 10px;
}

/*囲み記事内写真回り込み*/
div#SPMain div#Kakomi p.KakomiPhotoR {
	float:right;
	margin:0 10px 0 15px;
 *margin:0 5px 0 15px;/*IE*/
	padding-bottom:5px;
}

/*囲み記事内写真回り込み*/
div#SPMain div#Kakomi p.KakomiPhotoL {
	float:left;
	margin:0 15px 0 10px;
 *margin:0 15px 0 5px;/*IE*/
	padding-bottom:5px;
}



/*-----------------------------------------------------
　印刷用エリア
-----------------------------------------------------*/
div#PrintHead,
div#PrintFoot,
div#HeadLink{
	display:none;
}
 @media print {

div.AR030,
div#bredcrumbs,
div#SPSide,
div#News,
div#Relate,
div.SPNavi,
div#footer,
p#PageTop,
div#Headline div#HeadLink{
	display:none;
}

div#SPMain {
	width:628px;
}
div#SPMain h1/*コンテンツタイトル*/
{
	margin-bottom:5px;
}
div#PrintHead,
div#PrintFoot {
	display:block;
}

div#PrintHead p,
div#PrintFoot p {
	padding:0;
	margin:0;
}

div#PrintHead {
	border-bottom:2px solid #de0000;
	padding:0 0 5px;
	margin-bottom:10px;
}

div#PrintFoot {
	padding:20px 0 0;
}
}

/*-----------------------------------------------------
　clearfix
-----------------------------------------------------*/

/* floating-clear */
.clearfix:after,
div#Kakomi:after,
div.Edit:after,
div#HeadLink:after{
	content: ".";
	display: block;
	clear: both;
	width: 100%;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	visibility: hidden;
}

.clearfix,
div#Kakomi,
div.Edit,
div#HeadLink{
	display: inline-block;/* not valid */
}

/* Hides from IE-mac Hack \*/
* html .clearfix,
* html div#Kakomi,
* html div.Edit,
* html div#HeadLink{
	height: 1%;
}

.clearfix,
div#Kakomi,
div.Edit,
div#HeadLink{
	display: block;/* overwrite */
}
/* End hide from IE-mac */
