@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. ヘッダー＋タイトル
　02. ナビゲーション
　03. コンテンツ
　04. お問い合わせ
　05. 中ページ
　06. 物件概要


******************************************************************************* */


/* ==

　00. file import

=============================================================================== */
@import url("/mansion/css/style.css");


/* ==

　01. ヘッダー＋タイトル

=============================================================================== */
/* ヘッダー
------------------------------------------------------------------------------- */
.bukkenHdArea{
	width:100%;
	min-height:1%;
	margin:0 0 5px;
	padding:7px 0 8px;
	background:none;
	border-top:3px solid #ed1a3d;
	border-bottom:1px solid #ccc;
	clear:both;
}
* html .bukkenHdArea{ height:1%; }
.bukkenHd{
	width:950px;
	min-height:1%;
	margin:0 auto;
	padding:0;
	clear:both;
}
.bukkenHdArea:after,
.bukkenHd:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

.bukkenHd p{
	margin:0;
	padding:0;
	float:left;
}
.bukkenHd p.logo{
	width:auto;
	height:auto;
	float:right;
}

hr{ display:none; }



/* パンくずリスト
------------------------------------------------------------------------------- */
.topicPath{
	width:940px;
	min-height:1%;
	margin:0 auto;
	padding:5px 5px 8px;
	position:relative;
	clear:both;
}
.topicPath:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.topicPath li{
	margin-right:5px;
	font-size:10px;
	line-height:1.2;
	color:#666;
	float:left;
}
.topicPath li a{
	padding-right:10px;
	background:url(/common/images/renew2009/arrow_topicpath.gif) right 2px no-repeat;
	color:#666;
}
.topicPath p{
	font-size:10px;
	line-height:1.2;
	position:absolute;
	top:5px;
	right:0px;
}
.topicPath p.siteTop{
	position:relative;
	top:0;
	right:0;
	float:left;
}
.topicPath h1{
	font-size:10px;
	line-height:1.2;
	font-weight:normal;
	float:left;
}
.topicPath p.siteTop a,
.topicPath h1 a{
	margin-right:5px;
	padding-right:10px;
	background:url(/common/images/renew2009/arrow_topicpath.gif) right 2px no-repeat;
	color:#666;
}
.topicPath a:link, .topicPath a:visited,
.topicPath a:hover, .topicPath a:active{ color:#666; }


/* タイトル
------------------------------------------------------------------------------- */
.section .title{
	width:950px;
	min-height:1%;
	margin:5px 0 3px;
	clear:both;
}
.section .title:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

.section .title h2{
	margin:0;
	background:none;
	float:left;
}

.section .title ul{
	width:260px;
	float:right;
}
.section .title li{
	padding-left:5px;
	float:left;
}





/* ==

　02. ナビゲーション

=============================================================================== */
.bukkenNav{
	width:950px;
	min-height:1%;
	margin-bottom:20px;
	clear:both;
}
.bukkenNav ul{
	background:url(/mansion/images/bk_bukkenNav.gif) left top repeat-y;
}
.bukkenNav li{
	padding:1px 0 2px 1px;
	float:left;
}

/* テキストナビ（ページ下部）
------------------------------------------------------------------------------- */
.bukkenNav_txt{
	width:950px;
	margin:10px 0 8px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.bukkenNav_txt ul{
	margin:0 auto;
	padding:5px 10px;
	text-align:center;
	background-color:#f4f4f2;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
.bukkenNav_txt li{
	padding:0 5px;
	border-right:1px solid #666;
	/*white-space:nowrap;*/
	line-height:1.4;
	display:inline;
}
.bukkenNav_txt li.firstChild{ border-left:1px solid #666; }
.section .bukkenNav_txt li a{ color:#666; }


/* マンショングローバルメニュー */
.section .cntslist{
	margin-bottom:20px;
	padding-bottom:8px;
	border-bottom:1px solid #ccc;
}
.section .cntslist ul{
	margin:0 auto;
	text-align:center;
}
.section .cntslist li{
	margin:0;
	padding:0 4px 0 6px;
	border-right:1px solid #999;
	font-size:80%;
	display:inline;
}
.section .cntslist li.firstChild{ border-left:1px solid #999; }

.section .cntslist li a:link, .section .cntslist li a:visited{ color:#666; text-decoration:none; }
.section .cntslist li a:hover, .section .cntslist li a:active{ color:#666; text-decoration:underline; }




/* ==

　03. コンテンツ

=============================================================================== */
.section div{ min-height:1%; }
* html .section div{ height:1%; }
.section div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}



/* メインビジュアル
------------------------------------------------------------------------------- */
.section #mainimg{
	margin-bottom:20px;
}

/* メインカラム
------------------------------------------------------------------------------- */
.section .main{
	width:730px;
	min-height:1%;
	margin-bottom:20px;
	clear:1%;
}
.section .main .floatR{ width:510px; }
.section .main .floatL{ width:200px; }

/* インフォメーション */
.section .main .info{ margin-top:0; }
.section .main .info h3{ margin-bottom:0; }

/* モバイル */
.section .main .mobile{
	width:510px;
	margin:0;
	padding:0;
	border:none;
	line-height:1.4;
	clear:both;
}
.section .main .mobile p{
	width:430px;
	float:left;
}
.section .main .mobile p.qr_cd{ width:70px; }
.section .main .mobile p.qr_cd img{ border:1px solid #ccc; }



.section .main .floatL ul.btn{
	width:200px;
	margin:5px 0 0;
	/margin:5px 0 10px;
	padding-top:6px;
	background:url(/common/images/renew2009/line_dotted02.gif) left top repeat-x;
}
.section .main .floatL ul.btn li,
.section .main .floatL ul.btn li a{
	width:200px;
	height:auto;
}
.section .main .floatL ul.btn li{ margin-bottom:5px; }




/* サブカラム
------------------------------------------------------------------------------- */
#mansion .section .sub{
	width:200px;
	margin:0;
	padding:0;
}

/* 来場予約ボタン */
#mansion .section .sub p.btn{
	margin-bottom:10px;
}



/* ==

　04. お問い合わせ

=============================================================================== */
/* 共通
------------------------------------------------------------------------------- */
.section .main .inq p{
	margin-bottom:7px;
	line-height:1.4;
}
.section .main .inq .tel{
	font-size:160%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	white-space:nowrap;
}
.section .main .inq .tel span{
	margin-top:-0.4em;
	display:block;
	float:left;
}
.section .main .inq .tel img{
	margin-right:5px;
	float:left;
}

.section .main .inq dl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.section .main .inq dt{
	margin-bottom:3px;
	padding:3px 5px;
	background-color:#fff;
	border:1px solid #ccc;
	font-size:80%;
	text-align:center;
	float:left;
	clear:left;
}



/* トップ
------------------------------------------------------------------------------- */
.section .main .floatL .inq{
	width:200px;
	padding:0;
	background-color:#fff;
	border:none;
}
.section .main .floatL .inq h3{
	width:200px;
	margin-bottom:10px;
	background:transparent url(/common/images/renew2009/bk_h2.gif) right top no-repeat;
}
.section .main .floatL .inq dl{
	width:200px;
	margin:5px 0 0;
	padding-top:10px;
	background:url(/common/images/renew2009/line_dotted02.gif) left top repeat-x;
	float:none;
	clear:both;
}
.section .main .floatL .inq dt{
	width:188px;
	float:none;
	margin:0 0 5px;
	clear:both;
}
.section .main .floatL .inq dd{
	width:200px;
	margin:0;
	padding:0;
	clear:both;
}


/* 中ページ
------------------------------------------------------------------------------- */
.section .main .inq{
	width:726px;
	padding:1px 1px 7px 1px;
	background-color:#f4f4f2;
	border:1px solid #ccc;
}
.section .main .inq h3{
	width:726px;
	margin-bottom:0;
	padding:0;
	background-image:none;
	background-color:#a09b92;
	line-height:1.0;
}
.section .main .inq div{
	margin:7px 0 0;
	padding:0 0 0 10px;
}
.section .main .inq div p{
	margin:0 10px 0 0;
	padding:5px 0 0;
	line-height:1.4;
	float:left;
}

.section .main .inq dl{
	width:716px;
	min-height:1%;
	margin:5px 0 0 10px;
	clear:none;
}
.section .main .inq dt{
	width:106px;
	margin-right:10px;
}
.section .main .inq dd{
	width:580px;
	margin-bottom:3px;
	margin-left:126px;
	padding:0;
	line-height:1.5;
	clear:right;
}


/* ==

　05. 中ページ

=============================================================================== */
/* コンテンツ
------------------------------------------------------------------------------- */
.section .bukkenCnts{
	margin-bottom:20px;
}
.section .bukkenCnts p{
	margin-bottom:10px;
	line-height:1.5;
}
.section .bukkenCnts h3{
	margin-bottom:10px;
	background:url(/common/images/renew2009/bk_h2.gif) right top no-repeat;
}


/* ==

　06. 物件概要

=============================================================================== */
.section table.gaiyo{
	width:948px;
	margin-bottom:20px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-collapse:collapse;
}
.section table.gaiyo th{
	width:268px;
	padding:5px 8px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#f4f4f4;
	font-weight:normal;
	line-height:1.3;
	text-align:left;
	white-space:nowrap;
	vertical-align:top;
}
.section table.gaiyo td{
	width:680px;
	padding:5px 8px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	vertical-align:top;
	line-height:1.3;
}

.section table.company{ width:950px; }
.section .company th,
.section .company td{ padding:3px 10px 3px 0; }
.section .company td.comName{
	border-bottom:1px solid #999;
}

