@charset "utf-8";

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

　目次

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

　01. 基本
　02. メインカラム
　03. サブカラム
　04. mainVisual


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



/* ==

　01. 基本

=============================================================================== */
.container .main{
	width:670px;
	float:left;
}

.container .sub{
	width:260px;
	float:right;
}


/* ==

　02. メインカラム

=============================================================================== */
#mainVisual{
	min-height:240px;
	margin-bottom:20px;
}
* html #mainVisual{ height:240px; }
.container .mainVisual .mainimg{ width:auto; float:none; }

.main .info{ margin-top:0; }

/* イベント情報 */
/*.main .eventInfo .info{
	height:120px;
	overflow-y:scroll;
}
.main .eventInfo h2{ margin-bottom:0; }
.main .eventInfo .info dl{ overflow:visible; }*/


.main .column2{
	width:670px;
	min-height:1%;
	margin-bottom:20px;
	clear:both;
}
.main .column2:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.main .column2 .floatL,
.main .column2 .floatR{
	width:325px;
}
.main .column2 h3{
	margin-bottom:10px;
}

.main p.bnr{ padding:10px 0 20px; }


#fluidVisual {
	position: relative;
  min-width: 950px;
	height: 360px;
	margin: 0 0 20px;
	overflow: hidden;
	z-index: 0;
}
#fluidVisual .fluidIn {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1400px;
	margin-left: -700px;
	z-index: 0;
}
#fluidVisual .fluidIn a:hover img {
  opacity:0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}
.container.visualCover {
	z-index: 10;
}


/* コンテンツリスト
------------------------------------------------------------------------------- */
.section .itemList{
	margin-bottom:20px;
	overflow:hidden;
	clear:both;
}
* html .section .itemList,
* html .section .itemList div{ height:1%; }
.section .itemList div{
	margin:20px 0 0;
	line-height:1.4;
	overflow:hidden;
	clear:both;
}
.section .itemList div.firstChild{
	margin-top:0;
	padding-top:0;
	background:none;
}

.section .itemList p{ float:left; }
.section .itemList p.img{ width:70px; }

.section .itemList div dl{ width:255px; float:left; clear:none; }
.section .itemList div dt a,
.section .itemList p.txt a{
	margin-bottom:3px;
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 5px no-repeat;
	display:block;
}
.section .itemList a strong{ color:#404f6f; }

.section .itemList ul{ width:255px; float:left; }
.section .itemList li{ margin-bottom:5px; }
.section .itemList li a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
}

/* 賃貸住宅経営とは？
------------------------------------------------------------------------------- */
/* 技術と性能 */
.main .floatL ul.mngmnt03 li{
	width:160px;
	margin-bottom:10px;
	white-space:nowrap;
	float:left;
}
.main .floatL ul.mngmnt03 li a{
	padding:0 5px 0 5px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
	display:block;
}
.main .floatL ul.mngmnt03 li a strong{ color:#404f6f; }


.main .floatL ul.mngmnt03 li.prfmnc{ width:165px; }
.main .floatL ul.mngmnt03 li.prfmnc a{ padding-right:0; }



/* サポート
------------------------------------------------------------------------------- */
.main .floatR .support{ padding-bottom:20px; }
.main .floatR .support div{
	width:317px;
	padding:4px;
	background-color:#f3f3f3;
	clear:both;
}
.main .floatR .support div p.txt{
	margin:5px 10px 10px;
	padding:0 0 5px;
	border-bottom:1px solid #ccc;
	line-height:1.5;
}
.main .floatR .support div ul{
	padding:0 0 5px 10px;
}
.main .floatR .support div li{
	width:150px;
	margin:0 0 5px 0;
	white-space:nowrap;
	float:left;
}
.main .floatR .support div li a{
	padding:0 10px 0 7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 5px no-repeat;
	display:block;
}
.main .floatR .support div li a strong{ color:#404f6f; }


@media print{
	* html .main dt a{ height:1%; display:block; }
	* html .main .itemList li a{ height:1%; display:block; }
	* html .main li a{ height:1%; }
}


/* イベント・キャンペーン情報
------------------------------------------------------------------------------- */
.container #cp{
	clear:both;
	margin:0 0 20px;
	position:relative;
}
.container #cp h2 {
	height:30px;
	margin:0;
	padding:0;
	clear:both;
	}
#cp dl{
	min-height:1%;
	padding:7px 10px 0;
	background:#f4f4f4;
	clear:both;
	background:url(/common/images/renew2009/line_dotted.gif) left bottom repeat-x;
}

* html #cp dl{ height:1%; }
#cp dl:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

* html #cp dl{ height:1%; }

#cp dt{
  clear: left;
  float: left;
	width:155px;
	padding:5px 20px 5px 5px;
	background:url(/common/images/renew2009/arrow_info.gif) right 3px no-repeat;
	line-height:1.3;
	word-wrap:break-word;
}
#cp dd{
	float:left;
	width:460px;
	padding:5px;
	/*border-bottom:1px dotted #ccc;*/
	line-height:1.3;
  margin-bottom: 0.8em;
/*  margin-left: 7.5em; */
}

* html #cp dd{ height:1%; }

.container #cp p a:link, .container #cp p a:visited{ background-position:left top; }
.container #cp p a:hover, .container #cp p a:active{ background-position:right top; }





/* ==

　03. サブカラム

=============================================================================== */
/*.sub .section{
	margin-bottom:20px;
}*/

/* 事例紹介
------------------------------------------------------------------------------- */
.sub div.case{ margin-bottom:20px; }
.sub .case p.list a{ width:58px; background-image:url(../images/li_list_case.gif); }
.sub .case li{
	width:260px;
	min-height:1%;
	margin-bottom:10px;
	padding-bottom:10px;
	background:url(/common/images/renew2009/line_dotted02.gif) left bottom repeat-x;
	line-height:1.5;
	clear:both;
}
.sub .case li.lastChild{
	background:none;
	margin-bottom:0;
	padding-bottom:0;
}
.sub .case li:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.sub .case li p.img{ width:95px; float:left; }
.sub .case li p{ width:155px; float:right; }

/* 商品一覧
------------------------------------------------------------------------------- */
.sub .products{ margin-bottom:20px; }
.sub .products p.list a{ width:58px; background-image:url(../images/li_list_products.gif); }
.sub .products p img{ margin-bottom:3px; }
.sub .products p a span,
.sub .section ul.bnr li a span.icn_arrow02{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 6px no-repeat;
	line-height:1.5;
	display:block;
	color:#404f6f;
}

/* バナー
------------------------------------------------------------------------------- */
.sub .section ul.bnr li{ width:260px; margin:0 0 10px; }
.sub .section ul.bnr li img{ margin-bottom:3px; }
.sub .section ul.bnr li a span{
	padding-left:17px;
	background:url(/common/images/renew2009/arrow_blank.gif) left 5px no-repeat;
	line-height:1.5;
	display:block;
	color:#404f6f;
}

@media print{
	* html .sub ul.bnr li a span{ height:1%; }
}





/* ==

　04. mainVisual

=============================================================================== */
.container .mainVisual div.mainView{
	width:950px;
	height:240px;
	/*text-align:center;*/
	position:relative;
	clear:both;
}
.mainView:after{ content:''; display:block; clear:both; }

.imageReel p{ display:none; }

#loading{
	width:950px;
	height:240px;
	padding:90px 0 0 0;
	background-color:#fff;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	z-index:50;
}


.mainImgs {
	width:950px;
	height:240px;
	overflow:hidden;
	position:relative;
	top:0;
	left:0;
}
.imageReel { position:relative; }
.imageReel div{
	position: absolute;
	top: 0;
	left: 0;
}



/* ボタン
------------------------------------------------------------------------------- */
.paging{
	width:70px;
	height:240px;
	padding-top:2px;
	background:url(../images/mainfla/bg_btn.gif) left top no-repeat;
	position:absolute;
	top:0;
	right:0;
	z-index:55;
}
.paging li{ padding:5px 0 0 8px; } 
.paging li a{
	width:52px;
	height:52px;
	padding:0;
	display:block;
}