@charset "utf-8";

/*-------------------------------------------------------------------------
* 住宅情報navi：特集ページ
* レイアウト用共通スタイルファイル
* Version: 2.0
* Last Up Date: 2008/04/10
* Author: #fc0
* ----------------------------------
* 特集ページのレイアウトスタイルなので、こちらのファイルを変更すると
* 特集ページ全てのレイアウトが崩れる可能性がありますのでご注意ください。
-------------------------------------------------------------------------*/

h1,h2,h3,h4,ul,li,p,dl,dt,dd {
	margin:0;
	padding:0;
}

div#outer {
	background:url(../images/bk_01.gif) repeat-y;
	font-size:12px;
	line-height:1.5;
	font-family:Meiryo, 'メイリオ', "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
}

/*-----------------------------------------------------
　レイアウトボックス
-----------------------------------------------------*/
/*コンテンツ部分*/
div#SPMain {
	width:590px;
	margin:0 10px 0 18px;
	float:left;
}

/*サイド部分*/
div#SPSide {
	width:300px;
	float:left;
	line-height:1.2;
}

/*-----------------------------------------------------
　ページトップ
-----------------------------------------------------*/
p#PageTop {
	padding:30px 0 20px 0;
}

p#PageTop a {
	display:block;
	width:93px;
	height:15px;
	text-indent:-9999px;
	margin-left:492px;
}

/*-----------------------------------------------------
　特集記事一覧
-----------------------------------------------------*/
div#SPMain div.SPNavi p.SPNaviAll {
	position:relative;
	left:492px;
	top:-16px;
	width:98px;
	margin:0;
}

div#SPMain div.SPNavi p.SPNaviAll a {
	display:block;
	width:98px;
	height:15px;
	text-indent:-9999px;
}

/*-----------------------------------------------------
　ページナビゲーション
-----------------------------------------------------*/
/*ページ番号部分*/

div.SPNavi {
	margin-bottom:10px;
}

div.SPNavi ul {
	list-style:none;
	text-align:center;
}

div.SPNavi ul li {
	display:inline;
}

div.SPNavi ul li a {
	padding: 5px 8px;
	border-width:1px;
	border-style:solid;
	background: #FFF;
	line-height: 1;
	text-decoration:none;
}

/*カレントページ*/
div.SPNavi ul li.current a {
	font-weight:bold;
}

div.SPNavi ul li.current a:hover {
	background-color:#fff;
	color: #c30;
}

div.SPNavi ul li.ArrowHidden {
	visibility:hidden;
}

/*-----------------------------------------------------
　記事部分
-----------------------------------------------------*/
div#SPMain h1,/*コンテンツタイトル*/
div#SPMain h2,/*各記事見出し（画像）*/
div#SPMain h4 /*囲み記事*/ {
	margin-bottom:10px;
	clear:both;
}

div#SPMain div#Headline p {
	margin-left:0;
}

div#SPMain div.Edit {
	clear:both;
}

div#SPMain h3 {
	margin-left:5px;
	clear:both;
}

div#SPMain p {
	margin:0 0 15px 5px;
}

/*フリースペース*/
div#Free {
	width:590px;
}

/*-----------------------------------------------------
　メイン部分画像関係
-----------------------------------------------------*/
/*画像回り込み*/
div#SPMain p.SPImgR {
	float:right;
	margin:0 0 10px 15px;
}

div#SPMain p.SPImgL {
	float:left;
	margin: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#News,
div#Relate {
	width:588px;
	margin-top:40px;
}

div#Relate {
	margin-top:10px;
}

div#News h2,
div#Relate h2 {
	text-indent:-9999px;
	margin:10px 10px 5px;
	padding-bottom:15px;
}

/*この記事を読んでいる人にオススメの物件*/
div#News div {
	width:570px;
	margin:0 0 10px 10px;
}

div#News div.LineEnd01 {
	background:url(../images/news_line_01.gif) no-repeat 0 0;
	padding-top:10px;
}

div#News div p {
	width:68px;
	float:left;
	margin:0 10px 0 0;
}

div#News div dl {
	width:480px;
	float:left;
}

/*関連する記事を読む*/
div#Relate ul {
	list-style:none;
	margin-left:15px;
	margin-bottom:10px;
}

div#Relate ul li {
	background:url(../images/icon_01.gif) no-repeat 0 1px;
	padding:0 0 10px 15px;
	line-height:1;
}

/*テーブルエリア1カラム*/
div.TableArea01 {
	margin:0 10px 15px;
	width:570px;
	clear:both;
}

div#SPMain div.TableArea01 h4,
div#SPMain div.TableArea02 h4 {
	font-size:14px;
	margin:0 0 5px;
	padding:0;
}

div.TableArea01 table,
div.TableArea02 table {
	border:1px solid #ccc;
	border-collapse:collapse;
}

div.TableArea01 table th,
div.TableArea02 table th {
	padding:5px;
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}

div.TableArea01 table td,
div.TableArea02 table td {
	padding:5px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}

div.TableArea02 {
	margin:0 10px 15px;
}

div.TableArea02 table.TableArea02L {
	width:275px;
	float:left;
}

div.TableArea02 table.TableArea02R {
	width:275px;
	float:right;
}

/*-----------------------------------------------------
　印刷用エリア
-----------------------------------------------------*/
div#PrintHead,
div#PrintFoot {
	display:none;
}
 @media print {

div.AR030,
div#bredcrumbs,
div#SPSide,
div#News,
div#Relate,
div.SPNavi,
div#footer,
p#PageTop {
	display:none;
}

div#outer {
	width:590px;
}

div#SPMain {
	width:590px;
}

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 {
	content: ".";
	display: block;
	clear: both;
	width: 100%;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	visibility: hidden;
}

.clearfix,
div#Kakomi,
div.Edit {
	display: inline-block;/* not valid */
}

/* Hides from IE-mac Hack \*/
* html .clearfix,
* html div#Kakomi,
* html div.Edit {
	height: 1%;
}

.clearfix,
div#Kakomi,
div.Edit {
	display: block;/* overwrite */
}
/* End hide from IE-mac */