@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. 基本
　02. 事業用施設プロポーサル
　03. mainVisual


******************************************************************************* */


/* ==

　01. 基本

=============================================================================== */
.section h2{ margin:0 0 20px; }
.section .main{
	font-size:115%;
}

#mainVisual{ margin-bottom:20px; }
#mainVisual h2{ margin-bottom:0; }

.main .list_case p.li_production{ margin-bottom:10px; }
.main .list_case p.li_production a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
}

.main .smart{
	border:1px solid #ccc;
	padding:15px;
}
.main .smart .img{ float:left; width:384px; }
.main .smart .txt{ float:right;	width:305px; }
.main .smart .txt dt{ margin-bottom:10px; }

.main .case_intr{
	border:1px solid #ccc;
	padding:10px;
	margin-bottom:0;
}
.main .case_intr .img{ float:left; width:315px; }
.main .case_intr .txt{ float:right; width:380px; }
.main .case_intr .txt .btn{ text-align:right; margin-top:35px; }
.main .other_case{
	background:#dedede;
	padding:5px 10px;
	margin-bottom:20px;
}
.main .other_case dt{ float:left; }
.main .other_case dd{
	float:right;
	background:url(/common/images/renew2009/arrow_02.gif) no-repeat left 5px;
	padding-left:10px;
}

.main .btnList{ margin-bottom:20px; }
.main .btnList li{ float:left; }

.main .proposal{
	border:1px solid #ccc;
	padding:10px;
}
.main p.detail{
	float:right;
	background:url(/common/images/renew2009/arrow_02.gif) no-repeat left 8px;
	padding-left:10px;
	margin-top:10px;
}

.main .support,
.main .support div{
	float:none;
	width:730px;
}
.main .support div .txt{ width:590px !important; }


/* ==

　02. 事業用施設プロポーサル

=============================================================================== */
.section .main .list_cnts{ margin:4px 0 0; }
.list_cnts p{
	width:230px;
	margin:0 8px 6px 0;
	padding:4px;
	background-color:#f3f3f3;
	line-height:1.3;
	float:left;
}
.list_cnts p.lastChild{ margin-right:0; }

.list_cnts p a{
	width:228px;
	min-height:180px;
	padding:0;
	background-color:#fff;
	background-position:left top;
	background-repeat:no-repeat;
	border:1px solid #d9d9d9;
	color:#666;
	display:block;
}
* html .list_cnts p a{ height:180px; }
.list_cnts p span{ padding:7px 10px; display:block; }

.list_cnts p a:link, .list_cnts p a:visited{ border:1px solid #dadada; color:#666; text-decoration:none; }
.list_cnts p a:hover, .list_cnts p a:active{ border:1px solid #ff6600; color:#666; }


@media print{
	* html .list_cnts p{ margin-right:7px; }
}



/* ==

　03. 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:999;
}


.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:9999;
}
.paging li{ padding:5px 0 0 8px; } 
.paging li a{
	width:52px;
	height:52px;
	padding:0;
	display:block;
}







