@charset "utf-8";

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

　目次

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

　01. 基本
　02. 大和ハウスのシステム建築
　03. サポート
　04. mainVisual


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


/* ==

　01. 基本

=============================================================================== */
/* .main h2{ margin:5px 0 0; } */
.devPcTbl{ display:block; }
.devSmp{ display:none; }

.main p{ line-height:1.5; }

#mainVisual{ margin-bottom:20px; }
#mainVisual h2{ margin-bottom:0; }


/* ==

　02. 大和ハウスのシステム建築

=============================================================================== */
.list_cnts{
	width:730px;
	/*margin-bottom:20px;*/
	padding:0;
}
.main .list_cnts div{
	width:230px;
	margin:0 8px 8px 0;
	padding:4px;
	background-color:#f3f3f3;
	line-height:1.3;
	float:left;
}
.main .list_cnts div.btn_method{ margin-right:0; }

.main .list_cnts p a{
	padding:1px;
	background-color:#fff;
	border:1px solid #d9d9d9;
	color:#666;
	display:block;
}

.main .list_cnts p.lastChild{ margin-right:0; float:right; }
.main .list_cnts p a span{ padding:5px 7px; display:block; }

.main .list_cnts p a:link, .main .list_cnts p a:visited{ border:1px solid #dadada; text-decoration:none; }
.main .list_cnts p a:hover, .main .list_cnts p a:active{ border:1px solid #ff6600; }


.main .list_cnts div.btn_eco{
	width:722px;
	margin:0;
	float:none;
	clear:both;
}
.main .list_cnts div.btn_eco p a{
	width:718px;
	background:#fff url(../images/btn_bg.gif) 1px 1px no-repeat;
	position:relative;
	zoom:1;
	display:block;
}
.main .list_cnts div.btn_eco p a:after{ content:''; display:block; clear:both; }
.main .list_cnts div.btn_eco p a img.devPcTbl{
	display:block;
	float:left;
}
.main .list_cnts div.btn_eco p a span{
	padding:0 10px 10px 370px;
	display:block;
}



/* ==

　03. サポート

=============================================================================== */
.main .support{
	width:730px;
	margin-bottom:0;
	position:relative;
	clear:both;
}
.main .support div{
	width:355px;
	min-height:1%;
	margin-bottom:10px;
	padding:0 20px 0 0;
	background:none;
	float:left;
	clear:none;
}
.main .support div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.main .support div.sprt_gr{ padding:0; }

.main .support p.img{
	width:125px;
	float:left;
}
.main .support div.txt{
	width:220px;
	margin-bottom:0;
	padding:0;
	background:none;
	float:right;
}
.main .support div.txt p{ margin-bottom:10px; }
.main .support div.txt li{ margin:0 0 7px; }
.main .support div.txt li a{
	padding-left:7px;
	background:url(/common/images/renew2009/arrow_02.gif) left 4px no-repeat;
	white-space:nowrap;
}






/* ==

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