@charset "UTF-8";

* {margin:0; padding:0;}

td img {
	display: block;
	margin: 0px; padding: 0px;
	}

p, h1, h2, h3 {margin:0; padding:0; font-weight:normal;}

.style3 {color: #0033FF}

.style4 {
	color: #0099CC;
	font-size: 14px;
	line-height: 22px;
	}
.style6 {color: #CC0033}
.style7 {
	font-weight: bold;
	font-size: 14px;
	color: #CC0066;
	}
h2 {
	color:#339900;
	font-size: 15px;
	line-height: 22px;
	}

.honbun {color:#333333; font:12px/20px Arial, Helvetica, sans-serif;}

.head {font:18px/1.5em;color:#0099FF;}

.headwhite {
	font-size:14px;
	color:#FFFFFF;
	line-height: 19px;
	margin: 0px;
	padding: 2px 0px 0px;
	}
	
.minihead {
	color:#000000;
	font: 14px/1.5em Arial, Helvetica, sans-serif;
	}
	
.headline {
	font-size: 10px;
	color: #00FFFF;
	}

h2.head {
	background:url(images/banner.jpg) no-repeat;
	width:525px; height:13px;
	padding:4px 0px 10px 10px;
	margin:10px auto;
	}
h2.minihead {
	font-size:16px;
	color:#666666;
	margin:10px auto;
	}

.bluetext {color:#0082d6; font-size:12px;}

.infotext {font-size:10px; margin-left:5px; color:#333333;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}


.border {border:1px solid #0082D6;}

#staff2{margin-left: 15px; margin-top: 10px; margin-bottom:20px;}

.marginbottom15px {margin-bottom:15px;}

a img {border:none;}

/*BODY-------------------------------------------------*/
table.wrapper {
	margin:0px auto;
	width:770px;
	border:none;}

/*toppage-------------------------------------------------*/

#waonbanner {
	width:530px; height:50px;
	}
#waonbanner a {
	width:530px; height:50px;
	background:url(images/w_banner.jpg) no-repeat;
	text-indent:-9877em;
	display:block;
	overflow:hidden;
	}
#waonbanner a:hover {
	background:url(images/w_bannerH.jpg) no-repeat;
	}

#topics {
	height:100px; width:auto;
	overflow-y:scroll;
	background-color:#CCFFCC;
	border:1px #cccccc solid;
	margin:5px auto 10px;
	}

#waontop {
	width:530px; height:235px;
	}
#waontop a {
	width:530px; height:235px;
	background:url(images/waon_b.jpg) no-repeat center;
	}


#kashitanpo a {
	height:60px; width:530px;
	background:url(img/kashibar.jpg) no-repeat;
	text-indent:-9877em;
	margin-top:10px;
	display:block;
	overflow:hidden;
	}

#buildersbanner {margin:10px auto;}
#buildersbanner a {
	width:530px; height:100px;
	background:url(images/builders_b.jpg) no-repeat;
	}
#waontop a:hover, #buildersbanner a:hover, #kashitanpo a:hover {
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
	}



/*leftnavigation-----------------------------------------*/
#navigation {
	width:178px;
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
	margin-bottom:5px;
	}
	
#navigation ul li, #blogs ul li, #leftbanners ul li {list-style:none;}

#navigation ul li a, #blogs ul li a, #leftbanners ul li a, #waontop a, #buildersbanner a, #worksblog a {
	display:block;
	text-indent:-9877em;
	overflow:hidden;
	}

#navigation ul li a {width:178px; height:29px;}

#navigation li.n_toppage a {background:url(navi/image/navi_r1_c1.jpg) no-repeat;}
#navigation li.n_toppage a:hover {background:url(navi/image/navi_r1_c1_f2.jpg) no-repeat;}

#navigation li.n_about a {background:url(navi/image/navi_r2_c1.jpg) no-repeat;}
#navigation li.n_about a:hover {background:url(navi/image/navi_r2_c1_f2.jpg) no-repeat;}

#navigation li.n_staffs a {background:url(navi/image/navi_r4_c1.jpg) no-repeat;}
#navigation li.n_staffs a:hover {background:url(navi/image/navi_r4_c1_f2.jpg) no-repeat;}

#navigation li.n_builders a {background:url(navi/image/navi_r6_c1.jpg) no-repeat;}
#navigation li.n_builders a:hover {background:url(navi/image/navi_r6_c1_f2.jpg) no-repeat;}

#navigation li.n_housing a {background:url(navi/image/navi_r8_c1.jpg) no-repeat;}
#navigation li.n_housing a:hover {background:url(navi/image/navi_r8_c1_f2.jpg) no-repeat;}

#navigation li.n_privacy a {background:url(navi/image/navi_r10_c1.jpg) no-repeat;}
#navigation li.n_privacy a:hover {background:url(navi/image/navi_r10_c1_f2.jpg) no-repeat;}

#navigation li.n_safety a {background:url(navi/image/navi_r12_c1.jpg) no-repeat; border-bottom:none;}
#navigation li.n_safety a:hover {background:url(navi/image/navi_r12_c1_f2.jpg) no-repeat;}


#worksblog a {
	width:180px; height:60px;
	background:url(images/worksblog.jpg) no-repeat;
	margin-bottom:5px;
	}
#worksblog a:hover {background:url(images/worksblogH.jpg) no-repeat;}


#blogs {
	width:178px;
	margin-bottom:5px;
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
	}

#blogs ul li a {
	width:178px; height:59px;
	}

#blogs ul li.b_toyooka a {background:url(images/blog_toyooka.jpg) no-repeat;}
#blogs ul li.b_toyooka a:hover {background:url(images/blog_toyookaH.jpg) no-repeat;}

#blogs ul li.b_ino a {background:url(images/blog2.jpg) no-repeat;}
#blogs ul li.b_ino a:hover {background:url(images/blog2_f2.jpg) no-repeat;}

#blogs ul li.b_iwasaki a {background:url(images/blog3.jpg) no-repeat; border-bottom:none;}
#blogs ul li.b_iwasaki a:hover {background:url(images/blog3_f2.jpg) no-repeat;}


#leftbanners ul li a {
	width:180px; height:50px;
	margin-bottom:5px;
	}
	
#leftbanners ul li.inquiry a {background:url(images/bottum.jpg) no-repeat}
#leftbanners ul li.inquiry a:hover {background:url(images/bottum_f2.jpg) no-repeat;}

#leftbanners ul li.ecology a {background:url(images/team-6.gif) no-repeat 0px 0px;}

/*KashiTampo---------------------------------------------------------------*/
#kashitampo {
	font-size:12px; color:#666666;
	line-height:1.8;
	width:530px;
	}
#kashitampo img {margin:15px auto;}

#kashitampo h1 {color:#0082d6; margin-top:5px; font-size:20px;}

/*footer---------------------------------------------------------------*/
#footer {
	width:770px; height:27px;
	background:url(images/footer.jpg) no-repeat;
	margin:0px auto;
	}