@charset "Shift_JIS";

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

	@This stylesheet Information{
		CSS File Name: style.css

		Setting of: Contents area
			
	}

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

#buildIndex *{margin:0;}

#buildIndex * ul,#buildIndex * ol,#buildIndex * table,#buildIndex * td,#buildIndex * th,#buildIndex * p{padding:0;}
#buildIndex * ul,#buildIndex * ol{list-style:none;}

#buildIndex * em{font-style:normal; font-weight:bold;}

#buildIndex .clearBoth{clear:both;}

#buildIndex h3.ttl{
	background:url(../img/tp_ttl_partner_bg.gif) bottom left repeat-x;
}
#ie_erabi h3.ttl{
	background:url(../img/tp_ttl_ie_bg.gif) bottom left repeat-x;
}

#buildMeker h3.ttl{
	background:url(../img/tp_ttl_maker_bg.gif) bottom left repeat-x;
}

#buildIndex h3.ttl span,
#buildMeker h3.ttl span,
#ie_erabi h3.ttl span{
	display:block;
	background:url(../img/tp_ttl_bg_right.gif) bottom right no-repeat;
}

#buildIndex .more{
	text-align:right;
	padding:0.3em 0 1em;
}

#buildIndex .module{
	border:3px solid #DAD5C5;
	border-top:none;
}

#buildIndex .module .unit{
	background:url(../img/tp_unit_bg.gif) top left repeat-x;
	padding:10px 15px 15px;
}

#buildIndex .module div.unit{
	background:none;
}

#buildIndex .module .unit dt{
	display:block;
	padding:3px 8px 0;
	border-left:5px solid #E33F00;
}

#buildIndex #buildMeker .module .unit dt{
	border-left:5px solid #1672D1;
}
#buildIndex #ie_erabi .module .unit dt{
	border-left:5px solid #0099d6;
}


#buildIndex .module .unit dt em{
	display:block;
	font-size:1.2em;
	margin:0 0 0.3em;
}

#buildIndex .module .unit dt span{
	color:#D12B15;
	font-size:0.86em;
	white-space:nowrap;
}

#buildIndex .module .unit dd{
	padding:15px 0 0;
}

#buildIndex .module .unit dd ul{
	padding:0 11px;
}

#buildIndex .module .unit dd li{
	display:inline;
	margin:0 0.3em 0 0;
	border-right:1px solid #333;
	font-size:1.05em;
}

#buildIndex .module .unit dd li a{
	padding:0 0.3em 0 0;
	white-space:nowrap;
	line-height:1.3em;
}

#buildIndex .module .unit .ttl{
	display:block;
	padding:3px 8px 0;
	border-left:5px solid #1672D1;
}

#buildIndex .module .unit .ttl em{
	display:block;
	font-size:1.2em;
	margin:0 0 0.3em;
	color:#D12B15;
}

#buildIndex .module .unit .ttl em span{
	color:#333;
}

#buildIndex .module .unit .ttl li{
	display:inline;
}

#buildIndex .module .unit .ttl li a{
	white-space:nowrap;
	line-height:1.3em;
}

/* -- clearfix -- */
#buildIndex .module .unit .dtl dl.merit:after{
    content:".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}
#buildIndex .module .unit .dtl dl.merit{display:inline-block;}
/* no ie mac \*/
* html #buildIndex .module .unit .dtl dl.merit{height:1%;}
#buildIndex .module .unit .dtl dl.merit{display:block;}
/* */
#buildIndex .module .unit .dtl dl.merit{
	background:#EAF2FB;
	padding:10px 10px 0;
}

#buildIndex #buildMeker .module .unit .dtl dl.merit dt{
	border:none;
	float:left;
	width:75px;
	padding:0 0 10px;
}

#buildIndex .module .unit .dtl dl.merit dd{
	padding:0 0 10px 75px;
}

/* -- clearfix -- */
#buildIndex .module .unit dd dl.company:after{
    content:".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}
#buildIndex .module .unit dd dl.company{display:inline-block;}
/* no ie mac \*/
* html #buildIndex .module .unit dd dl.company{height:1%;}
#buildIndex .module .unit dd dl.company{display:block;}
/* */
#buildIndex .module .unit dd dl.company{
	background:#FBFFB5 url(../img/tp_ttl_company.gif) left no-repeat;
	padding:5px;
	margin:0 0 0 11px;
	border:5px solid #FBFFB5;
}

#buildIndex .module .unit dd dl.company dt{
	position:absolute;
	top:-500px;
	left:-2500px;
}

#buildIndex .module .unit dd dl.company dd{
	float:left;
	width:60%;
	padding:0 0 0 60px;
}
/* Win IE */
*+html body #buildIndex .module .unit dd dl.company dd{
	width:65%;
}
* html body #buildIndex .module .unit dd dl.company dd{
	width:65%;
}

#buildIndex .module .unit dd dl.company dd li{
	border:none;
}

#buildIndex .module .unit dd dl.company dd li span{
	white-space:nowrap;
}

#buildIndex .module .unit dd dl.company dd.more{
	float:right;
	width:25%;
	padding:0;
	font-size:1.05em;
}
/* Win IE */
*+html body #buildIndex .module .unit dd dl.company dd.more{
	width:30%;
}
* html body #buildIndex .module .unit dd dl.company dd.more{
	width:30%;
}

#buildIndex .module .unit dd dl.company dd.more a{
	background:url(../img/tp_arrow_r.gif) left no-repeat;
	padding:0 0 0 15px;
	white-space:nowrap;
}


/* -- logoArea ---------------------------- START */
/* -- clearfix -- */
#buildIndex ul.logoArea:after{
    content:".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}
#buildIndex ul.logoArea{display:inline-block;}
/* no ie mac \*/
* html #buildIndex ul.logoArea{height:1%;}
#buildIndex ul.logoArea{display:block;}
/* */
#buildIndex ul.logoArea{
	padding:0 0 5px;
	list-style:none;
}

#buildIndex ul.logoArea li{
	float:left;
	padding:2px 10px;
	width:45%;
}
/* Win IE */
*+html body #buildIndex ul.logoArea li{
	width:48%;
}
* html body #buildIndex ul.logoArea li{
	width:48%;
}

#buildIndex ul.logoArea li img{
	margin:0 0.5em 0 0;
	vertical-align:middle;
}

#buildIndex ul.logoArea li.odd{
	border-right:1px solid #A2A2A2;
}
/* -- logoArea ------------------------------ END */

/* -- buildPartner ---------------------------- START */
/* -- partnerFocus -- */
#buildIndex .module dl#partnerFocus{
	background:none;
}

/* -- clearfix -- */
#buildIndex .module dl#partnerFocus dd:after{
    content:".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}
#buildIndex .module dl#partnerFocus dd{display:inline-block;}
/* no ie mac \*/
* html #buildIndex .module dl#partnerFocus dd{height:1%;}
#buildIndex .module dl#partnerFocus dd{display:block;}
/* */
#buildIndex .module dl#partnerFocus dd{
	padding:15px 0 0;
}

#buildIndex .module dl#partnerFocus dd div.ph{
	float:left;
	width:215px;
}

#buildIndex .module dl#partnerFocus dd div.ph img{
	border:1px solid #DAD5C5;
}

#buildIndex .module dl#partnerFocus dd div.dtl{
	padding:0 0 0 215px;
}

#buildIndex .module dl#partnerFocus dd div.dtl ul{
	padding:0 0 20px;
}

#buildIndex .module dl#partnerFocus dd div.dtl li{
	display:block;
	background:url(../img/tp_arrow_r.gif) left no-repeat;
	padding:0 0 0.3em 15px;
	border:none;
}

/*

#buildIndex .module dl#completeRank dd .sougou{
	float:right;
	width:285px;
	text-align:right;
}

#buildIndex .module dl#completeRank dd ul{
	margin-right:285px;
	padding-right:0;
}
*/


#buildIndex .module dl#completeRank dd ul li{
	display:block;
	background-image:none;
	border:none;
	margin:0 0 3px;
}

#buildIndex .module dl#completeRank dd .sougou{
	text-align:center;
	padding:12px 0 8px;
}


#buildIndex .module dl#completeRank dd ul li a{
	white-space:normal!important;
}


/* -- buildPartner ------------------------------ END */

/* -- buildMeker ---------------------------- START */
#buildMeker .module .unit div.dtl{
	margin:15px 0 0;
}
/* -- partnerFocus -- */
/* -- clearfix -- */
#buildIndex .module div#partnerFocus:after{
    content:".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}
#buildIndex .module div#mekerFocus{display:inline-block;}
/* no ie mac \*/
* html #buildIndex .module div#mekerFocus{height:1%;}
#buildIndex .module dl#mekerFocus{display:block;}
/* */
#buildIndex .module div#mekerFocus{
	padding:15px 0 0;
}

#buildIndex .module div#mekerFocus div.ph{
	float:left;
	width:215px;
}

#buildIndex .module div#mekerFocus div.ph img{
	border:1px solid #DAD5C5;
}

/* -- clearfix -- */
#buildIndex .module div#mekerFocus div.dtl:after{
    content:".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}
#buildIndex .module div#mekerFocus div.dtl{display:inline-block;}
/* no ie mac \*/
* html #buildIndex .module div#mekerFocus div.dtl{height:1%;}
#buildIndex .module div#mekerFocus div.dtl{display:block;}
/* */
#buildIndex .module div#mekerFocus div.dtl{
	padding:0 0 0 215px;
	margin:0;
}
/* Win IE */
*+html body #buildIndex .module div#mekerFocus div.dtl{
	flaot:left;
	padding:0;
}
* html body #buildIndex .module div#mekerFocus div.dtl{
	flaot:left;
	padding:0;
}

#buildIndex .module div#mekerFocus div.dtl ul{
	padding:0 0 20px;
	border:solid 1px #FFF;
}

#buildIndex .module div#mekerFocus div.dtl li{
	display:block;
	float:left;
	background:url(../img/tp_arrow_r.gif) left no-repeat;
	width:43%;
	padding:0 0 0.3em 15px;
	font-size:1.05em;
}

#buildIndex .module div#mekerFocus div.dtl li a{
	line-height:1.3em;
}

#buildIndex .module div#mekerFocus div.dtl .btn{
	border:solid 1px #FFF;
}

#buildIndex .module div#mekerFocus div.dtl .btn img{
	margin:20px 0 0;
}
/* -- buildMeker ------------------------------ END */

/* 20100120 add */
.exteriorUnit div.pkg {background:url(../img/line_exterior.gif) 0 100% repeat-x;margin:0 0 10px;padding:0 0 10px;}
.exteriorUnit div.pkg div.image{float:left;width:130px;}
.exteriorUnit div.pkg div.image a {border:0;}
.exteriorUnit div.pkg div.image a img {border:0;}
.exteriorUnit div.pkg div.text {padding-left:130px;}
.exteriorUnit div.pkg div.text p.title {font-size:1.2em;font-weight:bold;line-height:1.2;margin-bottom:5px;}
.exteriorUnit div.pkg div.text p {padding:0;margin:0;}
.exteriorUnit div.list{width:590px; background:none;}
.exteriorUnit div.list ul{padding:0;list-style:none;margin:0;float:left;width:295px; background:none;}
.exteriorUnit div.list ul li{background:url(../img/tp_arrow_r_exterior.gif) 0 2px no-repeat;padding:0 0 5px 17px;}

/* 20100226 add */
#buildIndex .module .unit .dtl dl.SecondGgeneration:after{
    content:".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}
#buildIndex .module .unit .dtl dl.SecondGgeneration{display:inline-block;}
/* no ie mac \*/
* html #buildIndex .module .unit .dtl dl.SecondGgeneration{height:1%;}
#buildIndex .module .unit .dtl dl.SecondGgeneration{display:block;}
/* */
#buildIndex .module .unit .dtl dl.SecondGgeneration{
	background:#fefff5;
	padding:10px 10px 0;
	border: solid 2px #b4d24c;
}

#buildIndex #buildMeker .module .unit .dtl dl.SecondGgeneration dt{
	border:none;
	float:left;
	width:120px;
	padding:0 0 7px;
}

#buildIndex .module .unit .dtl dl.SecondGgeneration dd{
	padding:0 0 10px 130px;
	line-height:1.45em;
}


#buildIndex .module .unit h4.Request{
	display:block;
	padding:1px 2px 0;
	border-left:5px solid #b4d24c;
	margin-bottom:10px;
}


#buildIndex .module .unit .dtl dl.SecondGgeneration dd p.request a{
	background:url(../img/tp_arrow_r.gif) left no-repeat;
	padding:0 0 0 15px;
	white-space:nowrap;
}



/* -- #ie_erabi ---------------------------- START */
#buildIndex .module dd #all_search, #buildIndex .module .unit dd  #saparate{
	margin-left:13px;
	margin-bottom:15px;
	font-weight:bold;
}
#buildIndex .module dd #all_search div {
	float:left;
	padding-top:10px;
	font-size:120%;
	margin-right:30px;
}
#buildIndex .module dd #all_search a {
	display:block;
	background:url(/build/img/btn_ie.gif) no-repeat left top;
	height:50px;
	overflow:hidden;
	text-indent:-9999px;
	width:194px;
}
#buildIndex .module dd #all_search a:hover {
	background-position:left bottom;
}

#buildIndex .module .unit dd  #saparate{
	margin-top:10px;
}
#buildIndex .module .unit dd  #saparate div{
	font-size:120%;
}
#buildIndex .module .unit dd  #saparate ul {
	clear:left;
	padding:0;
	margin-top:5px;
}
#buildIndex .module .unit dd  #saparate li {
	float:left;
	width:130px;
	margin-right:7px;
	border-right:none;
}
#buildIndex .module .unit dd  #saparate li.last {
	margin-right:0;
}
#buildIndex .module .unit dd  #saparate li a {
	display:block;
	width:130px;
	height:57px;
	overflow:hidden;
	background:no-repeat left top;
	text-indent:-9999px;
	padding:0;
}
#buildIndex .module .unit dd  #saparate li a.misawa {
	background:url(/build/img/btn_misawa.gif); 
}
#buildIndex .module .unit dd  #saparate li a.pana {
	background:url(/build/img/btn_pana.gif); 
}
#buildIndex .module .unit dd  #saparate li a.sekisui {
	background:url(/build/img/btn_sekisui.gif); 
}
#buildIndex .module .unit dd  #saparate li a.daiwa {
	background:url(/build/img/btn_daiwa.gif); 
}
#buildIndex .module .unit dd  #saparate li a.toyota{
	background:url(/build/img/btn_toyota.gif); 
}
#buildIndex .module .unit dd  #saparate li a.asahi {
	background:url(/build/img/btn_asahi.gif); 
}
#buildIndex .module .unit dd  #saparate li a.sumitomo {
	background:url(/build/img/btn_sumitomo.gif); 
}
#buildIndex .module .unit dd  #saparate li a.haimu {
	background:url(/build/img/btn_haimu.gif); 
}
#buildIndex .module .unit dd  #saparate li a:hover {
	background-position:left bottom;
}
#buildIndex .module .unit dd  #saparate p {
	clear:left;
	font-weight:normal;
	text-align:right;
	margin:10px 0;
}

#buildIndex .module .unit dd  #info {
	margin-left:4px;
	padding:10px;
	background:#e4f785;
}


#buildIndex .module dd .areaWrap {
	clear:left;
	margin-left:13px;
	margin-bottom:3px;
}
#buildIndex .module dd .areaWrap div{
	float:left;
	width:6em;
	font-weight:bold;
}
#buildIndex .module .unit dd .areaWrap ul{
	float:left;
	padding:0;
}
#buildIndex .module .unit dd .rankingWrap {
	clear:left;
	margin-left:13px;
	padding-left:50px;
	padding-top:3px;
}
#buildIndex .module .unit dd .rankingWrap ul{
	padding:0;
}
#buildIndex .module .unit dd .rankingWrap ul li{
	border-right:none;
	margin-right:15px;
}
#buildIndex .module dd #access {
	background: url(/build/img/icon_ranking_01.gif) no-repeat left;
	margin-bottom:10px;
	height:38px;
}
#buildIndex .module dd #area {
	background: url(/build/img/icon_ranking_02.gif) no-repeat left;
	height:38px;
}
#buildIndex .module dd .rankingWrap div{
	float:left;
	width:12em;
	font-weight:bold;
}

#buildIndex .module dd #showroom{
	background: url(/build/img/icon_showroom.gif) no-repeat left;
	height:38px;
	padding-top:10px;
}



/* -- #ie_erabi ---------------------------- END */



/*===================================================================
	0: Base setting
===================================================================*/
.clLeft {
	clear: left;
}

.clRight {
	clear: right;
}

.flLeft {
	float: left !important;
}

.flRight {
	float: right !important;
}

span.flRight {
	float: right !important;
	padding-right:10px;
}
img.flLeft {
	float: left !important;
	margin-right: 10px;
}

img.flRight {
	float: right !important;
	margin-left: 10px;
}

.alLeft {
	text-align: left !Important;
}

.alCenter {
	text-align: center !Important;
}

.alRight {
	text-align: right !Important;
}