@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 共通パーツ
　02. ナビゲーション
　03. ログインエリア
　04. 中ページ枠組み
　05. 中ページ－サブコンテンツ（ピックアップ物件、ランキング）
　06. 


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


/* ==

　00. file import

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


/* ==

　01. 共通パーツ

=============================================================================== */
#mansion .container{ z-index:10; }


.section .main {
	line-height: 1.5;
	font-size: 115%;
}



/* パンくずリスト
------------------------------------------------------------------------------- */
.container .topicPath{ background:none; }




/* 共通タイトルバー（プレミスト）
------------------------------------------------------------------------------- */
.container .bar-title {
	background:url(../images/bg_title.gif) no-repeat;
	width:950px;
	margin:0;
	padding:0;
	}



/* form
------------------------------------------------------------------------------- */
/* 記述ページ変更可能性あり */
.section .main select.must,
.section .main input.must,
.section .main textarea.must {
	background:#ffcccc;
	}





/* ==

　02. ナビゲーション

=============================================================================== */
#mansion div.nav{
	width:100%;
	height:28px;
	background:url(/common/images/renew2009/bk_nav.gif) left top repeat-x;
	z-index:100;
	clear:both;
}
div.nav div{
	width:950px;
	min-height:1%;
	margin:0 auto;
	background:url(../images/bk_nav.gif) left top no-repeat;
	position:relative;
	z-index:101;
	claer:both;
}
div.nav div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
/*div.nav h1{ margin-top:4px; float:left; }*/
div.nav p{ margin-top:4px; float:left; }
div.nav ul{ float:left; }
div.nav li{ text-indent:-9999px; float:left; }
div.nav li a{
	height:20px;
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	position:absolute;
	top:4px;
	display:block;
}
div.nav li.nav01 a{ width:66px; background-image:url(../images/nav_search.gif); left:264px; }
div.nav li.nav02 a{ width:82px; background-image:url(../images/nav_concept.gif); left:358px; }
div.nav li.nav03 a{ width:113px; background-image:url(../images/nav_mconcept.gif); left:467px; }
div.nav li.nav04 a{ width:115px; background-image:url(../images/nav_support.gif); left:607px; }
div.nav li.nav05 a{ width:94px; background-image:url(../images/nav_premistclub.gif); left:750px; }


div.nav li a:hover,
div.nav li a:active{
	background-position:left bottom;
}



/* ==

　03. ログインエリア

=============================================================================== */
#mansion .login {
	background:url(../images/login/bg_login.gif) no-repeat left bottom;
	width:200px;
	margin:0 0 15px 0;
	padding:0;
	}


/* マイページログイン前メニュー
------------------------------------------------------------------------------- */
#mansion .login h2 {
	margin:0;
	padding:0;
	}
#mansion .login .input-area {
	margin:0 0 10px 0;
	padding:0;
	background:url(../images/login/bg_input.gif) no-repeat;
	height:135px;
	text-align:center;
	}
#mansion .login .input-area p {
	width:160px;
	margin:0 auto;
	padding:10px 0 0 0;
	text-align:left;
	font-size:12px;
	line-height:1;
	}
#mansion .login .input-area input.id,
#mansion .login .input-area input.pass {
	margin:0;
	padding:2px;
	border:solid 1px #999;
	width:156px;
	}
#mansion .login .input-area .bt-login {
	width:160px;
	text-align:center;
	margin:10px auto 0 auto;
	/margin:8px auto 0 auto;
	padding:0;
	}
#mansion .login ul.link {
	width:180px;
	margin:0 0 0 10px;
	padding:0;
	}
#mansion .login ul.link li {
	margin:0 0 7px 0;
	padding:0;
	font-size:12px;
	line-height:1;
	}
#mansion .login ul.link li a {
	background:url(../images/arrow_link.gif) no-repeat left 0.4em;
	padding:0 0 0 7px;
	color:#fff;
	text-decoration:none;
	}
#mansion .login ul.link li a:hover,
#mansion .login ul.link li a:active {
	text-decoration:underline;
	}

#mansion .login .bt-entry {
	margin:0 0 0 10px;
	padding:0 0 10px 0;
	/padding:0 0 7px 0;
	line-height:0;
	font-size:0;
	}


/* マイページログイン完了後メニュー
------------------------------------------------------------------------------- */
#mansion .login p.txt-name {
	background:url(../images/login/bg_welcome.gif) no-repeat left top;
	margin:0;
	padding:10px;
	font-size:12px;
	color:#fff !important;
	}
#mansion .login ul.nav {
	margin:0 10px;
	padding:0;
	}
#mansion .login ul.nav ul {
	background:#fff;
	width:178px;
	margin:0 1px;
	padding:0;
	border-bottom:solid 1px #ccc;
	}
#mansion .login ul.nav ul li {
	background:url(../images/login/bg_subnavborder.gif) no-repeat left bottom;
	margin:0;
	padding:10px;
	font-size:12px;
	line-height:1;
	}
#mansion .login ul.nav ul li.lastChild {
	background:none;
	}
#mansion .login ul.nav ul li a {
	background:url(../images/login/arrow_nav.gif) no-repeat left 0.35em;
	padding:0 0 0 10px;
	}
#mansion .login .logout {
	width:180px;
	margin:0 auto;
	padding:10px 0 8px 0;
	text-align:right;
	}
#mansion .login .logout a {
	background:url(../images/login/arrow_nav.gif) no-repeat 0 4px;
	padding:0 0 0 7px;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	}
#mansion .login .logout a:hover,
#mansion .login .logout a:active {
	text-decoration:underline;
	}



/* ==

　04. プレミストブログ

=============================================================================== */
#mansion .premistblog {
	background:url(../images/bg_blog.gif) no-repeat left bottom;
	margin:0 0 15px 0;
	}
#mansion .premistblog h2 {
	margin:0;
	padding:0;
	}
#mansion .premistblog .lead {
	background:url(../images/bg_bloglead.gif) no-repeat left top;
	color:#666 !important;
	margin:0;
	padding:4px 10px 0 10px;
	font-size:12px;
	line-height:24px !important;
	height:110px;
	/height:106px;
	}

#mansion .premistblog .entry {
	background:url(../images/bg_blogentry.gif) no-repeat;
	margin:-3px 0 0 0;
	padding:0 10px;
	}
#mansion .premistblog .entry:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
	}
#mansion .premistblog dl {
	clear:both;
	margin:0 0 8px 0;
	padding:0;
	/width:180px;
	line-height:1.4;
	background:url(../images/bg_border.gif) repeat-x left bottom;
	}
#mansion .premistblog dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
	}
#mansion .premistblog dl dt {
	margin:0 0 10px 0;
	padding:0;
	width:80px;
	float:left;
	}
#mansion .premistblog dl dd {
	margin:0 0 10px 0;
	padding:0;
	width:100px;
	float:right;
	font-size:12px;
	}
#mansion .premistblog dl dd a.more {
	font-size:10px;
	}

#mansion .premistblog .totop {
	width:180px;
	margin:0 10px;
	padding:0 0 10px 0;
	font-size:12px;
	}
#mansion .premistblog .totop a {
	background:url(../images/login/arrow_nav.gif) no-repeat left 0.35em;
	padding:0 0 0 7px;
	}

#mansion .premistblog ul.tolist{
	clear:both;
	margin:0 auto 8px;
	padding:0 0 5px;
	width:180px;
	line-height:1.4;
	background:url(../images/bg_border.gif) repeat-x left bottom;
	}
#mansion .premistblog ul.tolist li{
	margin:0 0 5px;
	}
#mansion .premistblog ul.tolist li a {
	background:url(/common/images/renew2009/arrow.gif) no-repeat left 0.35em;
	padding:0 7px 0 12px;
	display:block;
	}


/* ==

　04. 左カラムインフォメーション

=============================================================================== */
#mansion .information h2 {
	background:url(../images/t_information.gif) no-repeat;
	margin:0 0 10px 0;
	padding:6px 0 0 12px;
	min-height:22px;
	height: auto !important;
	height: 22px;
	font-size:100%;
	color:#333;
	line-height:1;
	}

#mansion .information dt {
	background:url(../images/arrow_information.gif) no-repeat 95px 0.15em;
	margin:0 0 5px 0;
	line-height:1;
	}
#mansion .information dd {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	background:url(../images/bg_border.gif) repeat-x left bottom;
	line-height:1.3;
	}

/* モバイル
------------------------------------------------------------------------------- */
#mansion .sub div.mobile{
	width:200px;
	margin:0 0 15px 0;
	padding:0;
	background:url(../images/bg_mobile.gif) left bottom no-repeat;
	border:none;
	clear:both;
}
#mansion .sub div.mobile:after{ content:''; display:block; clear:both; }
#mansion .sub div.mobile p.img{ width:85px; padding:5px 0; text-align:center; float:left; clear:none; }
#mansion .sub div.mobile p.txt{ width:105px; padding:5px 0; line-height:1.4; color:#666; float:left; clear:none; }

#mansion .sub div.mobile p.txt_s{
	width:180px;
	margin:0 0 5px;
	padding:8px 10px 5px;
	background:url(/common/images/renew2009/line_dotted.gif) left top repeat-x;
	word-wrap:break-word;
	color:#666;
	clear:both;
}





/* ==

　04. 中ページ枠組み

=============================================================================== */
.section .main{
	width:730px;
	min-height:1%;
	float:right;
}
.section .sub{
	width:200px;
	min-height:1%;
	padding-bottom:20px;
	float:left;
}
.section .main:after,
.section .sub:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}


/* page title */
.section h1 {
	margin:0 0 20px 0;
	}

/*
.section .main h2{
	margin-bottom:0;
	padding-bottom:10px;
	background-image:none;
	background-color:#fff;
}
*/
.section .main h2{
	margin-bottom:10px;
	background:url(/common/images/renew2009/bk_h2.gif) right top no-repeat;
	font-size:120%;
	line-height:1.2;
	color:#333;
}
* html .section .main h2{ height:1%; }


.section .main h3 {
	background:url(../images/bg_h4.gif) no-repeat left bottom;
	margin:0 0 10px 0;
	padding:0 0 0 10px;
	min-height:25px;
	height: auto !important;
	height: 25px;
	font-size:100%;
	}

/* エラー表示
------------------------------------------------------------------------------- */
#mansion div.loginError{
	margin:0 0 0 -225px;
	border:1px solid #999;
	position:absolute;
	top:150px;
	left:50%;
	filter:alpha(opacity=85);
	opacity: 0.85;
}
#mansion div.loginError div{
	width:390px;
	margin:1px;
	padding:10px;
	background-color:#000;
	position:relative;
}
#mansion div.loginError div p{ font-size:12px; }
#mansion div.loginError div p.txt{
	margin:25px auto 0;
	font-size:12px;
	color:#ff0;
	line-height:2.0;
	text-align:center;
}	
#mansion div.loginError div p.txt02{
	margin:15px auto 0;
	padding:0 20px;
	line-height:1.4;
	color:#fff;
}
#mansion div.loginError div p.txt strong{ font-size:16px; color:#ff0; }
#mansion div.loginError div p.txtlink{
	margin:20px auto;
	text-align:center;
}
#mansion div.loginError div p.txtlink a{
	padding-left:10px;
	background:url(/common/images/renew2009/arrow_02.gif) left 3px no-repeat;
	color:#fff;
	text-decoration:none;
}
#mansion div.loginError div p.txtlink a:hover, #mansion div.loginError div p.txtlink a:active{ text-decoration:underline; }
#mansion div.loginError div p.btn{
	width:80px;
	margin:20px auto 10px;
	border:1px solid #ccc;
	text-align:center;
}
#mansion div.loginError div p.btn a{
	padding:3px 5px;
	border:1px solid #666;
	color:#fff;
	text-decoration:none;
	display:block;
}