@charset "utf-8";

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

　目次

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

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

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



/* ==

　01. 基本

=============================================================================== */
.container .main{ width:730px; float:left; }
.container .sub{ width:200px; float:right; }


/* ==

　02. メインカラム

=============================================================================== */
#mainVisual{ min-height:240px; margin-bottom:20px; }
* html #mainVisual{ height:240px; }

.container #mainVisual p.mainimg{
	width:950px;
	float:none;
}


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


/* 活用紹介
------------------------------------------------------------------------------- */
.main .pr_list li{
	width:352px;
	min-height:1%;
	margin:0 10px 10px 0;
	padding:4px;
	background-color:#f3f3f3;
	line-height:1.4;
	float:left;
}
.main .pr_list li:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.main .pr_list li a{
	padding:10px;
	background-color:#fff;
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
.main .pr_list li a:link, .main .pr_list li a:visited{ border:1px solid #d9d9d9; color:#666; text-decoration:none; }
.main .pr_list li a:hover, .main .pr_list li a:active{ border:1px solid #ff6600; color:#666; text-decoration:none; }

.main .pr_list li a img{ margin-bottom:5px; }


/* ロードサイド店舗、商業施設 */
.main .pr_list li.pr_roadside a{
	width:330px;
	height:60px;
	padding-top:100px;
	background-image:url(../images/img_roadside.jpg);
}
.main .pr_list li.pr_estblsh{ margin-right:0; }
.main .pr_list li.pr_estblsh a{
	width:330px;
	height:60px;
	padding-top:100px;
	background-image:url(../images/img_comComplex.jpg);
}


/* オフィス・事業拠点、増改築・改装 */
.main .pr_list li.pr_office a{
	width:250px;
	height:auto;
	padding-left:90px;
	background-image:url(../images/img_office.jpg);
}
.main .pr_list li.pr_remodel{ margin-right:0; }
.main .pr_list li.pr_remodel a{
	width:250px;
	height:auto;
	padding-left:90px;
	background-image:url(../images/img_remodel.jpg);
}

/* ビジネスホテル */
.main .pr_list li.pr_bsnshotel{
	width:730px;
	min-height:1%;
	margin:0;
	padding:0;
	background-color:transparent;
	float:none;
	clear:both;
}
.main .pr_list li.pr_bsnshotel p.img{ width:70px; float:left; }
.main .pr_list li.pr_bsnshotel p.txt{ width:660px; float:right; }

.main .pr_list li.pr_bsnshotel a{
	width:auto;
	height:auto;
	padding:0;
	background-color:transparent;
	background-image:none;
	line-height:1.8;
	display:inline;
}
.main .pr_list li.pr_bsnshotel a:link, .main .pr_list li.pr_bsnshotel a:visited{ border:none; color:#404f6f; text-decoration:underline; }
.main .pr_list li.pr_bsnshotel a:hover, .main .pr_list li.pr_bsnshotel a:active{ border:none; color:#404f6f; text-decoration:none; }

.main .pr_list li.pr_bsnshotel p.txt a{
	padding:0 0 0 7px;
	background:transparent url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
	font-weight:bold;
}


@media print{
	* html .main .pr_list li{ margin-right:9px; }
}


/* 店舗活用、サポート体制
------------------------------------------------------------------------------- */
.main .column2{
	width:730px;
	min-height:1%;
	padding-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:355px; }

.main .column2 div p{ margin-bottom:10px; line-height:1.4; }
.main .column2 div p.img a{ padding-left:0; background:none; }
.main .column2 div p a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
}




/* ==

　03. サブカラム

=============================================================================== */
.sub div{ margin-bottom:20px; }
.sub div p{ margin-bottom:10px; line-height:1.4; }










/* ==

　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: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/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;
}