@charset "Shift_JIS";

@import url("init.css");
@import url("base.css");
@import url("common.css");

ul#gNavi li#gL2 a {
	background-position:-170px -90px;
}

h2 {
	background:url(../concept/img/title.jpg) no-repeat;
}

div#columnL h3#catTtl {
	background:url(../concept/img/cat_ttl2.gif) no-repeat;
}

/*///////////////////////////////////////////////////////
//　「ネットdeすまい」誕生の背景
///////////////////////////////////////////////////////*/

div#concept h4, div#concept h5, div#concept div#make ul li{
	margin-bottom:20px;
}
div#concept div#course, div#concept div#make{
	margin-bottom:30px;
}

div#concept div#course h4{
	height:20px;
	text-indent:-9999px;
	background:url(../concept/img/copy.gif) no-repeat left top;
}
div#concept div#course img{
	float:left;
	margin:0 15px 0px 0;
}
div#concept div#course h5{
	height:50px;
	text-indent:-9999px;
	background:url(../concept/img/t1.gif) no-repeat right top;
}

div#concept div#course p{
	line-height:160%;
}

div#concept div#make h4{
	height:16px;
	text-indent:-9999px;
	background:url(../concept/img/copy2.gif) no-repeat left top;
}
div#concept div#make ul li{
	text-indent:-9999px;
	background-position:left top;
	background-repeat:no-repeat;
}
div#concept div#make ul li#obj1{
	height:70px;
	background-image:url(../concept/img/obj1.gif);
}
div#concept div#make ul li#obj2{
	height:70px;
	background-image:url(../concept/img/obj2.gif);
}
div#concept div#make ul li#obj3{
	height:80px;
	background-image:url(../concept/img/obj3.gif);
}
div#concept div#make ul li#obj4{
	height:80px;
	background-image:url(../concept/img/obj4.gif);
}



/*///////////////////////////////////////////////////////
//　「高品質・高性能＆低価格」の理由
///////////////////////////////////////////////////////*/
div#lowcost h4{
	margin-bottom:20px;
}
div#lowcost h5{
	margin-bottom:10px;
}
div#lowcost div#costdown div, div#lowcost div#plus div{
	clear:both;
	margin-bottom:30px;
}
div#lowcost li{
	margin-left:15px;
	list-style:outside disc;
}

div#lowcost div#costdown h4 {
	height:20px;
	text-indent:-9999px;
	background:url(../concept/lowcost/copy.gif) no-repeat left top;
}

div#lowcost div#costdown  div#counter{
	background:url(../concept/lowcost/img1.jpg) no-repeat left top;
	padding-left:230px;
}
div#lowcost div#costdown  div#counter h5{
	height:28px;
	text-indent:-9999px;
	background:url(../concept/lowcost/t1.gif) no-repeat left top;
}

div#lowcost div#costdown  div#mhouse h5{
	height:28px;
	text-indent:-9999px;
	background:url(../concept/lowcost/t2.gif) no-repeat left top;
}

div#lowcost div#plus h4 {
	height:20px;
	text-indent:-9999px;
	background:url(../concept/lowcost/copy2.gif) no-repeat left top;
}

div#lowcost div#plus div#select{
	height:170px;
	background:url(../concept/lowcost/img2.jpg) no-repeat left bottom;
}
div#lowcost div#plus div#select h5{
	height:28px;
	text-indent:-9999px;
	background:url(../concept/lowcost/t3.gif) no-repeat left top;
}
div#lowcost div#plus div#select p{
	padding-left:160px;
}
div#lowcost div#plus div#select img{
	float:right;
}

div#lowcost div#plus div#performance{
	background:url(../concept/lowcost/img3.jpg) no-repeat 0% 65%;
}
div#lowcost div#plus div#performance h5{
	height:28px;
	text-indent:-9999px;
	background:url(../concept/lowcost/t4.gif) no-repeat left top;
}
div#lowcost div#plus div#performance li{
	margin-left:180px;
}
div#lowcost div#plus div#performance img{
	float:right;
}

div#lowcost div#plus div#support{
	height:155px;
	background:url(../concept/lowcost/img4.jpg) no-repeat left bottom;
}
div#lowcost div#plus div#support h5{
	height:28px;
	text-indent:-9999px;
	background:url(../concept/lowcost/t5.gif) no-repeat left top;
}
div#lowcost div#plus div#support li{
	margin-left:180px;
}

/*///////////////////////////////////////////////////////
//　住まいづくりの費用比較
///////////////////////////////////////////////////////*/
div#reform h4{
	margin-bottom:30px;
}
div#reform h5{
	margin-bottom:10px;
}
div#reform div#ex, div#reform div#comparison img{
	padding-bottom:30px;
	clear:both;
}

div#reform h4{
	height:80px;
	text-indent:-9999px;
	background:url(../concept/reform/copy.gif) no-repeat left top;
}
div#reform div#ex h5{
	height:14px;
	text-indent:-9999px;
	background:url(../concept/reform/t1.gif) no-repeat left top;
}
div#reform div#comparison h5{
	height:15px;
	text-indent:-9999px;
	background:url(../concept/reform/t2.gif) no-repeat left top;
}
div#reform div#comparison{
	text-align:center;
}

