@charset "Shift_JIS";
/* CSS Document */



#wrapper{
	width:961px;
	background:url(/shared/img/cmn_bg_005.gif) 200px 0px repeat-y;
}

#titleArea{
	height:113px;
}

#titleArea h1{
	margin-left:45px;
	height:50px;
	background:url(/example/img/cmn/cmn_head_h1_001.gif) 0px 20px no-repeat ;
}

#titleArea h1 span{
	visibility:hidden;
}

#panList{
	display:block;
	width:623px;
	height:40px;
	float:left;
	overflow:hidden;
}
 #panList ul{
	width:578px;
	margin-left:45px;
	padding-top:20px;
}
* html #panList ul{
	height:32px;
}
#panList ul li{
	float:left;
	background:transparent;
	color:#999999;
	font-size:10px;
	line-height:1.0;
}
* html #panList ul li{font-size:84%; display:inline; line-height:1.2;}



#panList ul li a{
	color:#999999;
}
#panList ul li a:hover{
	color:#cccccc;
	text-decoration:underline;
}


#btnBlock001{
	width:870px;
	margin-left:45px;
	margin-top:50px;
	position:relative;
	clear:both;
	
}

#btnBlock001 img{
	width:870px;
	height:2px;
	padding:0px;
	margin:0px;
	position:relative;
	overflow:hidden;
	display:block;
}


#btnBlock001 ul{
	width:750px;
	margin-left:60px;
	height:55px;
	margin-top:0px;
	display:block;
	position:relative;
	clear:both;
	overflow:hidden;
}

#btnBlock001 li{
	list-style:none;
	width:180px;
	height:55px;
	margin-top:0px;
	display:block;
	position:relative;
	float:left;
	overflow:hidden;
	
}

#btnBlock001 li a{
	idth:180px;
	height:55px;
	display:block;
	position:relative;
	overflow:hidden;
}
#btnBlock001 .li01 a{
	background:url(../img/cmn/cmn_head_btn_001.gif) 0px 0px no-repeat ;
}
#btnBlock001 .li02 a{
	background:url(../img/cmn/cmn_head_btn_001.gif) -190px 0px no-repeat ;
}

#btnBlock001 .li03 a{
	background:url(../img/cmn/cmn_head_btn_001.gif) -380px 0px no-repeat ;
}

#btnBlock001 .li04 a{
	background:url(../img/cmn/cmn_head_btn_001.gif) -570px 0px no-repeat ;
}

#btnBlock001 .li01 a:hover{background-position:0px -75px;}
#btnBlock001 .li02 a:hover{background-position:-190px -75px;}
#btnBlock001 .li03 a:hover{background-position:-380px -75px;}
#btnBlock001 .li04 a:hover{background-position:-570px -75px;}

#btnBlock001 .li01 .here{background-position:0px -150px;}
#btnBlock001 .li02 .here{background-position:-190px -150px;}
#btnBlock001 .li03 .here{background-position:-380px -150px;}
#btnBlock001 .li04 .here{background-position:-570px -150px;}




#btnBlock001 .li01,
#btnBlock001 .li02,
#btnBlock001 .li03{
   margin-right:10px;
}



#btnBlock003{
	width:870px;
	margin-left:45px;
	margin-top:80px;
	margin-bottom:100px;
	position:relative;
	clear:both;
	
}

#btnBlock003 img{
	width:870px;
	height:2px;
	padding:0px;
	margin:0px;
	position:relative;
	overflow:hidden;
	display:block;
}


#btnBlock003 ul{
	width:750px;
	margin-left:60px;
	height:35px;
	margin-top:0px;
	display:block;
	position:relative;
	clear:both;
	overflow:hidden;
}

#btnBlock003 li{
	list-style:none;
	width:180px;
	height:35px;
	margin-top:0px;
	display:block;
	position:relative;
	float:left;
	overflow:hidden;
	
}

#btnBlock003 li a{
	idth:180px;
	height:35px;
	display:block;
	position:relative;
	overflow:hidden;
}
#btnBlock003 .li01 a{
	background:url(../img/cmn/cmn_foot_btn_001.gif) 0px 0px no-repeat ;
}
#btnBlock003 .li02 a{
	background:url(../img/cmn/cmn_foot_btn_001.gif) -190px 0px no-repeat ;
}

#btnBlock003 .li03 a{
	background:url(../img/cmn/cmn_foot_btn_001.gif) -380px 0px no-repeat ;
}

#btnBlock003 .li04 a{
	background:url(../img/cmn/cmn_foot_btn_001.gif) -570px 0px no-repeat ;
}

#btnBlock003 .li01 a:hover{background-position:0px -60px;}
#btnBlock003 .li02 a:hover{background-position:-190px -60px;}
#btnBlock003 .li03 a:hover{background-position:-380px -60px;}
#btnBlock003 .li04 a:hover{background-position:-570px -60px;}

#btnBlock003 .li01 .here{background-position:0px -60px;}
#btnBlock003 .li02 .here{background-position:-190px -60px;}
#btnBlock003 .li03 .here{background-position:-380px -60px;}
#btnBlock003 .li04 .here{background-position:-570px -60px;}




#btnBlock003 .li01,
#btnBlock003 .li02,
#btnBlock003 .li03{
   margin-right:10px;
}






#contentBody #pageTop{
	width:915px;
	margin-right:0px;
}






#contentBody #cntBlock001,
#contentBody #cntBlock002,
#contentBody #cntBlock003,
#contentBody #cntBlock004,
{
	width:870px;
	margin-left:45px;
}
#footMaterial.triple .first a.a001{
	background-image:url(/shared/img/cat_txt/triple/btn_steel2_002.gif)
}

#footMaterial.triple .second a.a001{
	background-image:url(/shared/img/cat_txt/triple/btn_steel3_002.gif)
}

#footMaterial.triple .third a.a001{
	background-image:url(/shared/img/cat_txt/triple/btn_shw_002.gif)
}
/*================================================
	#pageTop
================================================*/

#contentBody #pageTop{
	height:10px;
	text-align:right;
	margin-top:20px;
	margin-bottom:70px;
}

#contentBody #pageTop a{
	width:54px;
	height:10px;
	background:url(/style/img/cmn/cmn_pagetop_btn_001.gif) top left no-repeat;
	overflow:hidden;
	margin:0px 0px 0px auto;
}

#contentBody #pageTop a span{
	visibility:hidden;
}

#relation .li001{
	height:44px;
	background:url(/shared/img/relation/02products/thumb_greenfirst.jpg) 0 0 no-repeat;
	float:left;
}

#relation .li002{
	height:44px;
	background:url(/shared/img/relation/02products/thumb_products.jpg) 0 0 no-repeat;
	float:left;
}

#relation .li003{
	height:44px;
	background:url(/shared/img/relation/02products/thumb_voice.jpg) 0 0 no-repeat;
	float:left;
}

#relation .li004{
	height:44px;
	background:url(/shared/img/relation/03interior/thumb_interior.jpg) 0 0 no-repeat;
	float:left;
}

#relation .li005{
	height:44px;
	background:url(/shared/img/relation/07others/thumb_sumai-smile.jpg) 0 0 no-repeat;
	float:left;
}

#relation .li006{
	height:44px;
	background:url(/shared/img/relation/01support/thumb_sup02.jpg) 0 0 no-repeat;
	float:left;
}