@charset "utf-8";

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

　目次

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

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 基本
　02. メインコンテンツ
　03. サブ
　04. レコメンドフッター


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


/* ==

　00. file import

=============================================================================== */




/* ==

　01. 基本

=============================================================================== */
/* パンくずリスト
------------------------------------------------------------------------------- */
.container .topicPath{ background:url(../images/bk_topicPath.gif) 0 -5px no-repeat; }

/* mainVisual
------------------------------------------------------------------------------- */
/* mainimg */
.container .mainVisual #mainimg{
	width:680px;
	text-align:center;
	float:right;
}

/* navigation - A */
#utilize .container .mainVisual .nav li.nav01{ margin:7px 0 0; text-indent:0; }
#utilize .container .mainVisual .nav li.nav02 a{ height:23px; background-image:url(../images/nav_concept.gif); top:191px; }
#utilize .container .mainVisual .nav li.nav03 a{ height:23px; background-image:url(../images/nav_column.gif); top:217px; }

#utilize .container .mainVisual .nav li.nav01 li a{ width:230px; height:19px; left:10px; }
#utilize .container .mainVisual .nav li.nav01 li.nav01_sub01 a{ height:20px; background-image:url(../images/nav_sub_practical.gif); top:125px; }
#utilize .container .mainVisual .nav li.nav01 li.nav01_sub02 a{ background-image:url(../images/nav_sub_location.gif); top:145px; }
#utilize .container .mainVisual .nav li.nav01 li.nav01_sub03 a{ height:20px; background-image:url(../images/nav_sub_case.gif); top:164px; }


/* navigation - B */
#utilize .container .mainVisual .nav li a{ height:22px; }
#utilize .container .mainVisual .nav li.nav21 a{ background-image:url(../images/nav_droom.gif); top:72px; }
#utilize .container .mainVisual .nav li.nav22 a{ background-image:url(../images/nav_roadside.gif); top:94px; }
#utilize .container .mainVisual .nav li.nav23 a{ background-image:url(../images/nav_comComplex.gif); top:116px; }
#utilize .container .mainVisual .nav li.nav24 a{ background-image:url(../images/nav_office.gif); top:138px; }
#utilize .container .mainVisual .nav li.nav25 a{ background-image:url(../images/nav_businesshotel.gif); top:160px; }
#utilize .container .mainVisual .nav li.nav26 a{ background-image:url(../images/nav_reproject.gif); top:182px; }
#utilize .container .mainVisual .nav li.nav27 a{ background-image:url(../images/nav_elderly.gif); top:204px; }
#utilize .container .mainVisual .nav li.nav28 a{ background-image:url(../images/nav_clinic.gif); top:226px; }
#utilize .container .mainVisual .nav li.nav29 a{ background-image:url(../images/nav_slvOther.gif); top:248px; }


/* レコメンド
------------------------------------------------------------------------------- */
.recommend p.txt_single a img{ margin-bottom:14px; }
/*.recommend p.lastChild{ line-height:1.2; }*/


@media print{
	* html .recommend p{ margin-right:17px; }
}


/* メイン
------------------------------------------------------------------------------- */
.container .main{ width:670px; float:left; }
.container .sub{ width:260px; float:right; }



/* ==

　02. メインコンテンツ

=============================================================================== */
.main .info{ margin-top:0; }

.main .section h3{ margin-bottom:10px; }
.main .section p.list a{
	width:35px;
	height:15px;
	background-image:url(../images/li_list.gif);
	top:3px;
	right:5px;
}
.main .section h4{
	margin:0 0 10px;
	padding:0 0 5px;
	border-bottom:1px solid #ccc;
	font-size:100%;
}

.main .column2 .floatL,
.main .column2 .floatR{ width:325px; clear:none; }

.main .loc p.list a,
.main .silver p.list a{ top:0px; }




/* リスト
------------------------------------------------------------------------------- */
.main .section .itemList div{
	width:325px;
	margin:0 0 20px;
	padding-top:0;
	background:none;
	line-height:1.4;
	overflow:hidden;
	float:left;
	clear:none;
}
.main .section .itemList div.lastChild{ margin-bottom:0; }

.main .section .itemList .odd{ float:right; }
.main .section .itemList p.img{ width:70px; }
.main .section .itemList dl{ width:255px; }
.main .section .itemList div dt a,
.main .section .itemList p.txt a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 5px no-repeat;
}

/* 賃貸住宅での活用 */
.main .section .droom div{ width:670px; margin-bottom:0; }
.main .section .droom p.img{ width:110px; }
.main .section .droom dl{ width:560px; }

/* 立地で選ぶ、事例で選ぶ */
.main .column2 .itemList p.img{ width:110px; }
.main .column2 .itemList p.txt{ width:215px; }


/* ==

　03. サブ

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


/* 土地活用コンセプト
------------------------------------------------------------------------------- */
.sub .concept p.img{
	width:75px;
	margin-bottom:7px;
	padding-left:0;
	background:none;
	float:left;
}
.sub .concept div.txt{
	width:180px;
	float:right;
}
.sub .concept div.txt p{
	margin-bottom:5px;
	line-height:1.5;
}
.sub .concept div.txt p a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 5px no-repeat;
	line-height:1.4;
}


/* 土地活用コラム
------------------------------------------------------------------------------- */
.sub .column li{
	width:260px;
	min-height:1%;
	margin-bottom:10px;
	padding:0 0 10px;
	background:url(/common/images/renew2009/line_dotted02.gif) left bottom repeat-x;
	line-height:1.3;
	clear:both;
}
.sub .column li.lastChild{
	margin-bottom:0;
	padding-bottom:0;
	background:none;
}
.sub .column li:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.sub .column p.img{ width:70px; float:left; }
.sub .column div{ width:190px; float:right; }
.sub .column div p{ margin-bottom:5px; }
.sub .column div p a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 6px no-repeat;
	font-weight:bold;
	display:block;
}
	

/* 事業紹介
------------------------------------------------------------------------------- */
.sub .business li{
	width:260px;
	margin:0 0 10px;
}
.sub .business li a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 6px no-repeat;
}



/* ==

　04. レコメンドフッター

=============================================================================== */
.recoFooter .contents{ background:url(../images/bk_recoFooter.gif) left top no-repeat; }
.recoFooter .contents div{ width:215px; }
.recoFooter .contents div.howto_store{ width:227px; padding-top:39px; }
.recoFooter .contents div.utlz_cnts{ width:195px; padding-top:20px; }
.recoFooter .contents div.lastChild{ width:214px; }
.recoFooter .contents div li li{ padding-left:10px; }
.recoFooter .contents div li ul{ margin:5px 0 0; }
.recoFooter .contents div li li ul{ margin:5px 0 10px; }
.recoFooter .contents div li li li{ padding-left:0; font-size:100%; }
.recoFooter .contents p.firstChild{
	margin-bottom:10px;
	padding-bottom:7px;
	border-bottom:1px solid #ebebeb;
}

.recoFooter .contents div.lastChild ul.category{ margin-bottom:10px; }
.recoFooter .contents div.lastChild li{ margin-bottom:3px; }

@media print{
	.recoFooter{ margin-top:20px; }
}

/* ==

　07. イベント情報

=============================================================================== */
.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 5px 0;
	background:url(/common/images/renew2009/arrow_info.gif) right 3px no-repeat;
	line-height:1.3;
}
#cp dd{
	padding:5px 5px 0 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; }