@charset "Shift_JIS";


/*-----------------------------

・2013/6/12　作成

-----------------------------*/



/*-----------------------------
	基本
-----------------------------*/

h1 {
	position:absolute;
	top:48px;
	left:0;
	font-size:12px;
	color:#224e9c;
	margin:0;
	padding:0;
}


/*-----------------------------
	メインイメージ
-----------------------------*/

#mainimg{
	position: relative;
	overflow:hidden;
	width: 950px;
	height: 322px;
	margin: 0 auto;
	background: #85d0f5;
}

.layer{
	position: absolute;
	width: 100%;
	height: 100%;
}

#question ul {
	position:	absolute;
	/*top: 422px;*/
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-indent: 0;
	list-style: none;
	overflow: hidden;
}

#question li {
	position: absolute;
	width: 192px;
	height: 0;
	text-align: center;
/*	overflow: visible;
*/	overflow: hidden;
}
#question a {
	display: block;
	width: 100%;
	height: 0;
	background: none;
	overflow: hidden;
}
#question .apart {
	top: 186px;
 left: 22px;
	background: url(../../image/top/bg_f1.png) no-repeat 0 bottom;
}
#question .apart a {
	background: url(../../image/top/img_f1.png) no-repeat 0 0;
	padding-top: 45px;
}
#question .silver {
	top: 206px;
	left: 267px;
	background: url(../../image/top/bg_f2.png) no-repeat 0 bottom;
}
#question .silver a {
	background: url(../../image/top/img_f2.png) no-repeat 0 0;
	padding-top: 45px;
}
#question .store {
	top: 186px;
	right: 267px;
	background: url(../../image/top/bg_f3.png) no-repeat 0 bottom;
}
#question .store a {
	background: url(../../image/top/img_f3.png) no-repeat 0 0;
	padding-top: 45px;
}
#question .house {
	top: 206px;
	right: 22px;
	background: url(../../image/top/bg_f4.png) no-repeat 0 bottom;
}
#question .house a {
	background: url(../../image/top/img_f4.png) no-repeat 0 0;
	padding-top: 45px;
}
#question .solar {
	width: 201px;
	height: 90px;
	top: 13px;
 left: 0;
	overflow: hidden;
}
#question .solar a {
	height: 90px;
	padding-top: 90px;
	overflow: hidden;
}
#question .company {
	width: 229px;
	height: 88px;
	top: 15px;
	left: 360px;
	overflow: hidden;
}
#question .company a {
	height: 88px;
	padding-top: 89px;
	overflow: hidden;
}
.bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 939px;
	background-image: url(../image/top/img_main.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
}


/*-----------------------------
	コンテンツ
-----------------------------*/

.index #maincontents {
	padding-top: 30px;
}

.idea h2 {
	float: left;
	width: 317px;
	margin: 0 0 20px 0;
	padding: 0;
	background: none;
}
.idea p {
	padding-top: 18px;
}
.idea .btn {
	float: right;
	width: 238px;
	padding-top: 13px;
}

.fourline {
	margin: 0 0 10px 0;
	padding: 1px 1px 0 0;
	border: 1px solid #c7c8c9;
	background: #ffffff;
	/*overflow: hidden;*/
}
.index  #maincontents h3 {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}
.fourline h3 a {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 201px;
	overflow: hidden;
}
.apart h3 a {
	background: url(../image/top/h3_apartment.jpg) no-repeat 0 0;
}
.silver h3 a {
	background: url(../image/top/h3_silver.jpg) no-repeat 0 0;
}
.store h3 a {
	background: url(../image/top/h3_store.jpg) no-repeat 0 0;
}
.house h3 a {
	background: url(../image/top/h3_house.jpg) no-repeat 0 0;
}
.solar h3,
.selling h3,
.pm h3 {
	height: 44px;
	overflow: hidden;
}
.solar h3 a,
.solar h3 a:hover {
	display: block;
	height: 0;
	padding-top: 44px;
	overflow: hidden;
	background: url(../image/top/h3_solar.gif) no-repeat 0 0;
}
.selling h3 a,
.selling h3 a:hover {
	display: block;
	height: 0;
	padding-top: 44px;
	overflow: hidden;
	background: url(../image/top/h3_selling.gif) no-repeat 0 0;
}
.pm h3 a,
.pm h3 a:hover {
	display: block;
	height: 0;
	padding-top: 44px;
	overflow: hidden;
	background: url(../image/top/h3_pm.gif) no-repeat 0 0;
}
.fourline .col4 {
	width: 234px;
	-ms-width: 237px;
	margin: 0;
	padding: 0 1px 13px 1px;
	border-bottom: none;
	border-right: 1px solid #c7c8c9;
}
.fourline .col4-r {
	width: 235px;
	margin: 0;
	padding: 0 0 13px 0;
}
.fourline .col4 p,
.fourline .col4-r p {
	padding: 13px 10px 0 13px;
}

#maincontents .col3,
#maincontents .col3-r {
	width: 308px;
	min-height: 117px;
	border: 1px solid #c7c8c9;
}
#maincontents .col3 {
	margin-right: 10px;
}
#maincontents .col3 p,
#maincontents .col3-r p {
	width: 150px;
	padding: 8px 0 0 10px;
}
#maincontents .solar {
	background: url(../image/top/bg_solar.jpg) no-repeat right bottom #ffffff;
}
#maincontents .selling {
	background: url(../image/top/bg_selling.gif) no-repeat right bottom #ffffff;
}
#maincontents .pm {
	background: url(../image/top/bg_pm.jpg) no-repeat right bottom #ffffff;
}