@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 基本
　02. ローカルナビ
　03. トップページ（index.html）
　04. 環境（environment.html）
　05. 品質（quality.html）
　06 資産（assets.html）


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



/* ==

　00. file import

=============================================================================== */
@import url("/mansion/css/style.css");


/* ==

　01. 基本

=============================================================================== */
.main div:after{ content:''; display:block; clear:both; }
.main .contents div{ /height:1%; }
.main .contents div{ margin-bottom:20px; }
.main .contents div div{
	width:auto;
	margin-bottom:0;
	clear:none;
}

.main .contents div h3{
	margin:0 0 7px;
	padding:0 0 5px;
	background:url(/common/images/renew2009/bk_subt.gif) left bottom repeat-x;
}
* html .main .contents div h4{ height:1%; }

.main .contents p{ padding-bottom:10px; line-height:1.5; }
.main .contents p.img{ padding-bottom:0; }
.main .contents p span{ font-size:90%; }

.main .contents div p.txt img{ margin-bottom:10px; }

.main .contents p a{
	margin-right:15px;
	padding-left:8px;
	background:url(/common/images/renew2009/arrow_02.gif) left 3px no-repeat;
	font-size:85%;
	color:#666;
}
* html .main .contents p a{ height:1%; }
.main .contents p a.txt{
	margin-right:0;
	padding-left:0;
	background:none;
	font-size:100%;
}
.main .contents p a.blank{
	padding-left:15px;
	background:url(/common/images/renew2009/arrow_blank.gif) left top no-repeat;
}

.main .contents div li{
	margin-bottom:5px;
	padding-left:10px;
	background:url(../images/li_disc.gif) left 3px no-repeat;
	line-height:1.3;
}
* html .main .contents div li{ height:1%; }

.main .contents .notes{ font-size:85%; }
.main .contents span.co2{ margin-left:2px; font-size:75%; }

.main .contents div.txt,
.main .contents p.txt{
	width:485px;
	margin:0;
	padding:0;
	clear:none;
}



/* ==

　02. ローカルナビ

=============================================================================== */
#mansion .container .sub .lnav p a{ background-image:url(../images/lnav_title.gif); }

#mansion .container .sub .lnav01 p a{ background-image:url(../images/lnav_subt_index.gif); }
#mansion .container .sub .lnav{ margin-bottom:15px; float:none; clear:both; }
#mansion .container .sub .lnav p{ margin:0; padding:0; }




/* ==

　03. トップページ（index.html）

=============================================================================== */
.main .bar-title{ width:730px; background-position:right top; }

.main .concept_lead {
	margin-bottom: 20px;
	/*padding-bottom: 3px;*/
	/*background: url(../images/bk_dot.gif) left bottom repeat-x;*/
}
.main .concept_lead p {
	margin-bottom: 27px;
}
.main .concept_box {
	padding-bottom: 10px;
}
.main .concept_box .inner {
	margin-bottom: 20px;
	clear:both;
}
.main .concept_box .img {
	float: left;
	width: 120px;
}
.main .concept_box .txt {
	float: right;
	width: 610px;
	margin-top:20px;
}
.main .concept_box .img2 {
	float: right;
	width: 120px;
	text-align:right;
}
.main .concept_box .txt2 {
	float: left;
	width: 610px;
	margin-top:20px;
}

.main .concept_chach {
	height: 350px;
	margin-bottom: 45px;
	background: url(../images/bk_chach.jpg) right top no-repeat;
}

#mansion .main div.list{ width:750px; margin:0 0 20px -20px; padding:0; border:none; clear:both; }
.main div.list li{
	width:347px;
	margin:0 0 20px 20px;
	padding:4px;
	background-color:#f3f3f3;
	line-height:1.4;
	display:inline;
	float:left;
}
.main div.list li a{
	width:345px;
	min-height:160px;
	padding:0 0 10px;
	background-color:#fff;
	background-position:left top;
	background-repeat:no-repeat;
	border:1px solid #d9d9d9;
	color:#666;
	text-decoration:none;
	display:block;
}
* html .main div.list li a{ height:160px; }
.main div.list li a:link, .main div.list li a:visited{ border:1px solid #d9d9d9; }
.main div.list li a:hover, .main div.list li a:active{ border:1px solid #f60; }

.main div.list li a img{ margin:0 0 10px; }
.main div.list li a span{ padding:0 10px; display:block; }

/*.main div.list li a span{ margin:0 5px 5px; display:block; }*/