@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; }

/* パンくずリスト
------------------------------------------------------------------------------- */
.container .topicPath{ background:none; }
/*
#mansion .container .topicPath p{
	font-size:10px;
	line-height:1.2;
	position:absolute;
	top:5px;
	right:0px;
}
*/


/* ==

　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:177px; }
div.nav li.nav02 a{ width:122px; background-image:url(../images/nav_concept.gif); left:249px; }
div.nav li.nav03 a{ width:198px; background-image:url(../images/nav_dsbridge.gif); left:379px; }
div.nav li.nav04 a{ width:111px; background-image:url(../images/nav_support.gif); left:584px; }
div.nav li.nav05 a{ width:112px; background-image:url(../images/nav_lifestyle.gif); left:700px; }


/* 友の会ログインタブ（ログインエリア表示・非表示切替ボタン）
------------------------------------------------------------------------------- */
div.nav p.btn{ margin-top:3px; float:right; }
div.nav p.btn a span{ display:none; }
div.nav p.btn a{
	width:133px;
	height:25px;
	background-image:url(../images/login/txt_login.gif);
	background-position:left top;
	background-repeat:none;
	display:block;
}
div.nav a:link, div.nav a:visited{ background-position:left top; }
div.nav a:hover, div.nav a:active,
div.nav p.btn a:hover, div.nav p.btn a:active{ background-position:left bottom; }


/* ==

　03. ログインエリア

=============================================================================== */
#mansion .login{
	width:940px;
	height:25px;
	margin:0 auto;
	padding:3px 5px 0;
	background:url(../images/login/bk_login.gif) left top no-repeat; /* 09/04/21 画像変更 */
	position:relative;
	z-index:1;
	clear:both;
}
#mansion .login:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

#mansion .login ul{
	margin:2px 25px 0 25px;
	display:inline;
	float:left;
}
#mansion .login p, #mansion .login li{ float:left; }
#mansion .login p.btn{ float:right; }

#mansion .login li{
	margin-right:10px;
}
#mansion .login li input#mypageId, #mansion .login li input#mypagePass{
	width:150px;
	margin:0 0 0 5px; /* 09/04/21 追記 */
	padding:0;
	background-color:#fff;
	border-top:1px solid #999;
	border-bottom:none;
	border-left:1px solid #999;
	border-right:none;
	font-size:12px;
}
#mansion .login li img{ vertical-align:bottom; }

#mansion .login li.btn{ margin:-1px 0 0 0; }

#mansion .login p a span{ display:none; }
#mansion .login p a{
	height:20px;
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
#mansion .login a:link, #mansion .login a:visited{ background-position:left top; }
#mansion .login a:hover, #mansion .login a:active{ background-position:left bottom; }

#mansion .login p.about a{ width:200px; background-image:url(../images/login/nav_about.gif); }
#mansion .login p.pass a{ width:125px; background-image:url(../images/login/nav_pass.gif); }
#mansion .login p.btn a{ width:122px; background-image:url(../images/login/btn_join.gif); }


/* マイページログイン完了後メニュー
------------------------------------------------------------------------------- */
#mansion #mypage{ background:url(../images/login/bk_mypage.gif) left top no-repeat; }
#mansion #mypage p{
	width:240px;
	margin:4px 0 0;
	padding:0 0 0 2px;
	font-size:12px;
	line-height:1.2;
	color:#fff;
}
#mansion #mypage ul.nav li{ text-indent:-9999px; }
#mansion #mypage ul.nav li a{
	height:20px;
	background-repeat:no-repeat;
	overflow:hidden;
	display:block;
	position:absolute;
	top:4px;
}
#mansion #mypage ul.nav li.nav01 a{ width:100px; background-image:url(../images/login/nav_mypagetop.gif); left:271px; }
#mansion #mypage ul.nav li.nav02 a{ width:87px; background-image:url(../images/login/nav_consultant.gif); left:399px; }
#mansion #mypage ul.nav li.nav03 a{ width:87px; background-image:url(../images/login/nav_history.gif); left:514px; }
#mansion #mypage ul.nav li.nav04 a{ width:120px; background-image:url(../images/login/nav_mail.gif); left:629px; }
#mansion #mypage ul.nav li.nav05 a{ width:97px; background-image:url(../images/login/nav_personal.gif); left:777px; }
#mansion #mypage ul.nav li.nav06 a{ width:43px; background-image:url(../images/login/nav_secession.gif); left:902px; }


/* エラー表示
------------------------------------------------------------------------------- */
#mansion div.loginError{
	margin:0 0 0 -225px;
	border:1px solid #999;
	position:absolute;
	top:60px;
	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;
}



/* ==

　04. 中ページ枠組み

=============================================================================== */
.section .main{
	width:730px;
	min-height:1%;
	float:left;
}
.section .sub{
	width:200px;
	min-height:1%;
	padding-bottom:20px;
	float:right;
}
.section .main:after,
.section .sub:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.section .main h2{
	margin-bottom:0;
	padding-bottom:10px;
	background-image:none;
	background-color:#fff;
}
.section .main h3{
	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 h3{ height:1%; }