@charset "UTF-8";
/* CSS Document */

/***********************************************/
/****************** company ********************/
/***********************************************/

.exhibition #left_colmun li a{background-image:url(../img/localnavi.gif);}

.exhibition #left_colmun li#left01 a{background-position:0 0;}
.exhibition #left_colmun li#left02 a{background-position:0 -30px;}
.exhibition #left_colmun li#left03 a{background-position:0 -60px;}
.exhibition #left_colmun li#left04 a{background-position:0 -90px;}
.exhibition #left_colmun li#left05 a{background-position:0 -120px;}
.exhibition #left_colmun li#left06 a{background-position:0 -150px;}
.exhibition #left_colmun li#left07 a{background-position:0 -180px;}
.exhibition #left_colmun li#left08 a{background-position:0 -210px;}
.exhibition #left_colmun li#left09 a{background-position:0 -240px;}
.exhibition #left_colmun li#left10 a{background-position:0 -270px;}
.exhibition #left_colmun li#left11 a{background-position:0 -300px;}
.exhibition #left_colmun li#left12 a{background-position:0 -330px;}
.exhibition #left_colmun li#left13 a{background-position:0 -360px;}

.exhibition #left_colmun li#left01 a:hover{background-position:-231px 0;}
.exhibition #left_colmun li#left02 a:hover{background-position:-231px -30px;}
.exhibition #left_colmun li#left03 a:hover{background-position:-231px -60px;}
.exhibition #left_colmun li#left04 a:hover{background-position:-231px -90px;}
.exhibition #left_colmun li#left05 a:hover{background-position:-231px -120px;}
.exhibition #left_colmun li#left06 a:hover{background-position:-231px -150px;}
.exhibition #left_colmun li#left07 a:hover{background-position:-231px -180px;}
.exhibition #left_colmun li#left08 a:hover{background-position:-231px -210px;}
.exhibition #left_colmun li#left09 a:hover{background-position:-231px -240px;}
.exhibition #left_colmun li#left10 a:hover{background-position:-231px -270px;}
.exhibition #left_colmun li#left11 a:hover{background-position:-231px -300px;}
.exhibition #left_colmun li#left12 a:hover{background-position:-231px -330px;}
.exhibition #left_colmun li#left13 a:hover{background-position:-231px -360px;}

.exhibition #title{
	border:1px solid #CCC;
	height:106px;
	width:632px;
	position:relative;
}

.exhibition #title h2{
	position:absolute;
	top:3px;
	left:3px;
}

.exhibition #title p{
	position:absolute;
	top:145px;
	right:30px;
	color:#FFF;
	font-size:0.9em;
	line-height:1.5em;
}

/* index */
.exhibition .index{
	background:url(../img/topimage.jpg) top left no-repeat;
	width:632px;
	height:398px;
	border:1px solid #CCC;
	position:relative;
}

.exhibition .index .btn{
	position:absolute;
	bottom:13px;
	left:12px;
}

.exhibition .index #id01, .exhibition .index #id02, .exhibition .index #id03, .exhibition .index #id04{
	float:left;
}

.exhibition .index #id01 a, .exhibition .index #id02 a, .exhibition .index #id03 a, .exhibition .index #id04 a{
	display:block;
	width:152px;
	height:45px;
	text-indent:-10000px;
	background:url(../img/btn.jpg);
}

.exhibition .index #id01 a{ background-position:0 0;}
.exhibition .index #id02 a{ background-position:-152px 0;}
.exhibition .index #id03 a{ background-position:-304px 0;}
.exhibition .index #id04 a{ background-position:-456px 0;}

.exhibition .index #id01 a:hover{ background-position:0 -45px;}
.exhibition .index #id02 a:hover{ background-position:-152px -45px;}
.exhibition .index #id03 a:hover{ background-position:-304px -45px;}
.exhibition .index #id04 a:hover{ background-position:-456px -45px;}

.exhibition .copy{margin:2em 0;}

/* GermanHouse */
.exhibition #concept{margin:2em 0;}

.exhibition #concept .c1{
	float:left;
	width:80px;
	height:55px;
	background-color:#6FBA2C;
	color:#FFF;
	text-align:center;
	margin-right:1em;
	padding-top:25px;
}

.exhibition #concept li{
	margin-bottom:1em;
}

.exhibition #concept .c2{
	margin-top:1em;
}

.exhibition #concept .c3{
	text-align:right;
	margin-top:1em;
}

.exhibition #consult li{
	float:left;
	margin-right:0.7em;
}

.exhibition #info h3{margin:2.5em 0 1em 0;}

.exhibition #info .c1{margin-top:1em; margin-bottom:5em;}
.exhibition #info .c1a{margin-top:1em; margin-bottom:10px;}

.exhibition #info a{color:#6FBA2C;}
.exhibition #info a:hover{text-decoration:underline;}

.exhibition #picture{margin-top:1em;}

.exhibition #picture li{
	float:left;
	margin:10px 10px 0 0;
}

.exhibition #picture li a{
	display:block;
	padding:3px;
	background-color:#FFF;
}

.exhibition #picture li a:hover{
	background-color:#999;
}

.exhibition #subnavi li{
	float:left;
}




/* お問い合わせフォーム */
#inputForm table{
	width:100%;
}

#inputForm{
	text-align:left;
}

#inputForm #sendBt{
	width:100%;
	text-align:center;
	margin:0px;
}

#tel{
	width:100%;
	margin-top:40px;
	padding-top:20px;
	border-top:1px dotted #999999;
	text-align:center;
}

.top_mes{
	font-weight:bold;
	text-align:center;
	letter-spacing:1px;
}

.form_table{
	width:530px;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	margin-bottom:40px;
}

.form_table .ft_td1{
	width:130px;
	text-align:left;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#e5e5e5;
}

.form_table .ft_td2{
	width:400px;
	text-align:left;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}


/* ECO HOUSE I邸*/
.exhibition #concept2{
	margin:2em 0;
	height:200px;
	margin-bottom:0px;
}

.exhibition #concept2 .c1{
	float:left;
	width:80px;
	height:55px;
	background-color:#6FBA2C;
	color:#FFF;
	text-align:center;
	margin-right:1em;
	padding-top:25px;
}

.exhibition #concept2 li{
	margin-bottom:1em;
	float:left;
	margin-right:15px;

}

.exhibition #concept2 .c2{
	margin-top:1em;
}

.exhibition #concept2 .c3{
	text-align:right;
	margin-top:1em;
}

.exhibition #midokoro {
	text-align:left;
	padding:1px 0px 1px 3px;
	background-color:#999999;
	color:#FFFFFF;
	font-weight:bold;
	margin-top:10px;
}

.exhibition .separater{
	margin-bottom:20px;
	border-bottom:1px solid #CCCCCC;
}

.exhibition .planlink{
	margin-bottom:20px;
	border-bottom:1px solid #CCCCCC;
}

.exhibition .tbmes{
	padding-left:5px;
	line-height:12px;
	font-size:11px;
}
