@charset "Shift_JIS";




/*================================================
	#siteHeader
================================================*/
#siteHeader{
	width:961px !important;
	padding-top:15px;
	border-bottom:none;
	background:url(/shared/img/cmn_bg_005.gif) 200px 0px repeat-y;
	
}

#siteHeader div.block001{
	height:45px;
}

#siteHeader a#siteId{
	width:117px;
	height:37px;
	display:block;
	overflow:hidden;
	background:url(/shared/img/cmn_sid_001.gif);
	float:left;
}
#siteHeader a#siteId span{
	visibility:hidden;
}

#siteHeader ul#utility{
	width:555px;
	height:37p;;
	overflow:hidden;
	float:right;
	text-align:left;
}

#siteHeader ul#utility li{
	display:block;
	float:left;
	height:10px;
}
#siteHeader ul#utility li.li001{ width:81px;}
#siteHeader ul#utility li.li002{ width:32px;}
#siteHeader ul#utility li.li003{ width:110px;}
#siteHeader ul#utility li.li004{ width:104px;}
#siteHeader ul#utility li.li005{ width:105px;}
#siteHeader ul#utility li.li006{ width:83px;}
#siteHeader ul#utility li.li007{ width:40px;}

#siteHeader ul#utility li a{
	height:10px;
	background:url(/shared/img/cmn_util_001_20160531.gif);
}
#siteHeader ul#utility li.li001 a{ width:67px; background-position:0 0}
#siteHeader ul#utility li.li002 a{ width:17px; background-position:-81px 0px;}
#siteHeader ul#utility li.li003 a{ width:96px; background-position:-113px 0px;}
#siteHeader ul#utility li.li004 a{ width:89px; background-position:-223px 0px;}
#siteHeader ul#utility li.li005 a{ width:90px; background-position:-327px 0px;}
#siteHeader ul#utility li.li006 a{ width:66px; background-position:-432px 0px;}
#siteHeader ul#utility li.li007 a{ width:20px; background-position:-515px 0px;}

#siteHeader ul#utility li.li001 a:hover{ background-position:0 -10px;}
#siteHeader ul#utility li.li002 a:hover{ background-position:-81px -10px;}
#siteHeader ul#utility li.li003 a:hover{ background-position:-113px -10px;}
#siteHeader ul#utility li.li004 a:hover{ background-position:-223px -10px;}
#siteHeader ul#utility li.li005 a:hover{ background-position:-327px -10px;}
#siteHeader ul#utility li.li006 a:hover{ background-position:-432px -10px;}
#siteHeader ul#utility li.li007 a:hover{ background-position:-515px -10px;}


/*================================================
	 gnavi
================================================*/

#gnavi{
	width:960px;
	height:40px;
}


#gnavi h1{
	width:180px;
	height:40px;
	display:block;
	float:left;
	background:url(/shared/img/cmn_h1_001.gif) top left no-repeat;
}

#gnavi h1 a{
	width:180px;
	height:40px;
	display:block;
	overflow:hidden;
}

#gnavi h1 span{
	visibility:hidden;
}

#gnavi h1 a:hover{
	text-decoration:none;
}

#gnavi ul{
	width:780px;
	height:40px;
	display:block;
	float:right;
}

#gnavi ul li{
	float:left;
	overflow:hidden;
	width:111px;
}
#gnavi ul li.li002{ width:112px;}
#gnavi ul li.li003{ width:112px;}
#gnavi ul li.li006{ width:112px;}

#gnavi ul li a{
	width:inherit;
	height:40px;
	background:url(/shared/img/cmn_gnavi_001.jpg);
}

#gnavi ul li.li001 a{ background-position:0 0}
#gnavi ul li.li002 a{ background-position:-111px 0px;}
#gnavi ul li.li003 a{ background-position:-223px 0px;}
#gnavi ul li.li004 a{ background-position:-335px 0px;}
#gnavi ul li.li005 a{ background-position:-446px 0px;}
#gnavi ul li.li006 a{ background-position:-557px 0px;}
#gnavi ul li.li007 a{ background-position:-669px 0px;}

#gnavi ul li.li001 a:hover{ background-position:0 -50px;}
#gnavi ul li.li002 a:hover{ background-position:-111px -50px;}
#gnavi ul li.li003 a:hover{ background-position:-223px -50px;}
#gnavi ul li.li004 a:hover{ background-position:-335px -50px;}
#gnavi ul li.li005 a:hover{ background-position:-446px -50px;}
#gnavi ul li.li006 a:hover{ background-position:-557px -50px;}
#gnavi ul li.li007 a:hover{ background-position:-669px -50px;}


#siteHeader.support ul li.li001 a{ background-position:0 -50px;}
#siteHeader.products ul li.li002 a{ background-position:-111px -50px;}
#siteHeader.interior ul li.li003 a{ background-position:-223px -50px;}
#siteHeader.exterior ul li.li004 a{ background-position:-335px -50px;}
#siteHeader.technology ul li.li005 a{ background-position:-446px -50px;}
#siteHeader.style ul li.li006 a{ background-position:-557px -50px;}
#siteHeader.example ul li.li007 a{ background-position:-669px -50px;}





/*================================================
	”Ä—pƒNƒ‰ƒX
================================================*/

a.btn{
	height:inherit;
	display:block;
	overflow:hidden;
}

a.btn span{
	visibility:hidden;
}

a.btn:hover{
	text-decoration:none;
}

.wrap{background:transparent;}
.wrap:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}