@charset "UTF-8";
/* CSS Document */

#bread{
	height:24px; padding-top:1px;
	background-image: url(../images/bread-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 22px;
}
#page-containt{overflow:hidden; top:224px; zoom:1;}
.page-containt-left{ float:left;}
.page-containt-right{ width:751px; float:right;}
#page-navi{ height:32px;font-family: Helvetica, Arial, sans-serif;}
.page-navi-item{
    background-image: url(../images/navi-off.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 125px;height:32px; font-size:16px; float:left;}
.page-navi-item a{ display:block;width: 125px;height:23px; padding-top:9px;color:#107aca;text-decoration:none; text-align:center;}
.page-navi-item a:hover{color:#FFFFFF; text-decoration:none;background-image: url(../images/navi-on.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px; width: 125px;}
.page-navi-item06{
    background-image: url(../images/navi-off.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 126px;height:32px; font-size:16px; float:left;}
.page-navi-item06 a{ display:block;width: 126px;height:23px; padding-top:9px;color:#107aca;text-decoration:none; text-align:center;}
.page-navi-item06 a:hover{color:#FFFFFF; text-decoration:none;background-image: url(../images/navi-on.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px; width: 126px;}
.page-navi-item-on{background-image: url(../images/navi-on.jpg);}
.page-containt-right-pic{ height:142px;}
#page-right-box-wrapper{
	background-image: url(../images/page-right-bg.jpg);
	background-repeat: repeat-y;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
	background-position: 0px 0px;
}
.page-title-bg{
	background-image: url(../images/page-right-title-bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 49px; overflow:hidden;
}
.page-top-bg{
	background-image: url(../images/page-right-title-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 20px;
}
.page-top{
	background-image: url(../images/top.jpg);
	background-repeat: no-repeat;
	background-position: 0px 20px;
	text-indent: -999px;
	float: right;
	height: 17px;
	width: 33px;
	padding-top: 20px;
	padding-right: 15px;
}
.page-top a{height: 17px;
	width: 33px; display:block;}
.page-top01{
	background-image: url(../images/top01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -999px;
	float: right;
	height: 17px;
	width: 33px;
	padding-top: 20px;
	padding-right: 15px;
}
.page-top01 a{height: 17px;
	width: 33px; display:block;}
.page-text{
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.page-ul-01{
	list-style-image: url(../images/page-li.gif); font-weight:bold;
}
.page-table-bolder{ border-collapse:collapse;}
.td-pad01 td{
	padding-left:10px;
}
.page-table-td-bg01{
	background-image: url(../images/page-table-bg01.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-color:#FEFEFF;
	/* 2009/11/05 update
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	*/
}
.page-table-td-bg02{
	background-image: url(../images/page-table-bg02.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-color:#ffffff;
	/* 2009/11/05 update
	border: 1px solid #FFFFFF;
}
.page-table-td01{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
.page-table-td02{
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	*/
}


.color-chart{ overflow:hidden;}
.color-chart-item{
	float: left;
	width: 160px;
	height:145px;
	padding-left: 16px;
	text-align:center;
	padding-top: 16px;
}
.color-chart-item-pic{
	background-image: url(../images/color-chart-img-bg.jpg);
	background-repeat: no-repeat;
	padding: 4px;
	height: 92px;
	width: 152px;
}

#sub-navi{ width:207px;}
#sub-navi ul{ margin:0px; list-style:none; padding:0px;}
#sub-navi a{text-decoration:none;}

.level01-on{
	background-image: url(../images/page-subnavi-bg01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.level01-on a{
	color:#0269b9; display:block; width:207px;
}
.level01-off{
	background-image: none; color:#535556;
}
.level01-off a{
	color:#535556; display:block;width:207px;
}
.level01{
	background-image: url(../images/page-subnavi-bg03.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size:15px;
	font-weight:bold;
	padding-left:10px;
	height: 30px;
	padding-top: 5px;
}
.level01 a{ width:197px;}
#sub-navi .sub-navi-level02 {
	background-image: url(../images/page-subnavi-bg02.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	font-size:13px; 
	display: none; padding-bottom:5px;
}
#sub-navi li:hover .sub-navi-level02 {
	display:block; 
}
.level02{ line-height:120%; height:20px;}
.level02 a{padding-left: 12px;height:20px;width:195px;}
.level02 a:link,.level02 a:visited{ color:#42749a;}
.level02 a:hover{ color:#362e2b;font-weight:bold;
	background-image: url(../images/page-subnavi-on.jpg);
	background-repeat: no-repeat;
	background-position: -4px 3px; cursor:pointer;}
.level02-on { 
	background-image: url(../images/page-subnavi-on.jpg);
	background-repeat: no-repeat;
	background-position: -4px 3px; padding-left: 12px;height:20px; line-height:120%; }
.level02-on a { font-weight:bold;color:#362e2b;}

.page-h1{
	height:28px;
	padding-top: 13px;
	padding-left: 2px;
	width: 740px;
}
.page-h201{
	background-image: url(../images/page-right-title02-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 27px;
	height: 31px;
	padding-top: 18px;
	font-size: 20px;
}
.page-h2{
	background-image: url(../images/page-right-title03-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 27px;
	height: 31px;
	padding-top: 18px;
	
}
.flash-prline{
	padding:2px;
	width:550px;
	height:400px;
	border: 1px solid #E7E7E7;
	margin-left:auto;
	margin-right:auto;
}
/* 2009/11/05 update */
.td-bottomline{
	line-height:220%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.padtop15{padding-top:15px;}

/* 2009/11/20 update */
.clear{ clear:both;}

.fabrication-processing{ overflow:hidden;}
.fabrication-processing-item{
	float: left;
	width: 100px;
	height:110px;
	padding-left: 35px;
	text-align:center;
}
.fabrication-processing-item-pic{
	height: 65px;
	width: 86px;
	padding-left:6px;
}
.fabrication-processing-item-pic img{
    padding:3px;
	border: 1px solid #CCCCCC;
}

.installation-Fixing{
	overflow:hidden;
	width: 450px;
	padding-left: 130px;
}
.installation-Fixing-item{
	float: left;
	width: 140px;
	height:110px;
	padding-left: 0px;
	text-align:center;
}
.installation-Fixing-item-pic{
	height: 64px;
	width: 87px;
	padding-left:0px;
	margin-left:auto;
	margin-right:auto;
}
/* 2010/01/06 update */
.button-bg01 {
	cursor:pointer;
	padding:3px 20px;
	font-size: 13px;
	color:#333333;
	background-color:#FEFEFE;
    filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc');
	border: 1px solid;
	border-color: #B7B7B7 #989898 #989898 #B7B7B7;
} 

.button-bg01hov {
	cursor:pointer;
	padding:3px 20px;
	font-size: 13px;
	color:#333333;
	background-color:#EFEFEF;
	border: 1px solid;
	border-color: #8E8E8E #666666 #666666 #8E8E8E;
	filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ff909090'); } 
.textarea-01{border: 1px solid;border-color: #B7B7B7 #989898 #989898 #B7B7B7; width:300px;}
.textarea-02{
	border: 1px solid;
	border-color: #B7B7B7 #989898 #989898 #B7B7B7;
	height:100px;
	width:520px;
}
.pad-top-bottom-5{ padding-top:2px; padding-bottom:2px;overflow:hidden;}
.pad-float-left{
	width:180px;
	float:left;
}
/*20100125 update*/
.page-ol-01{
	font-weight:bold;
	color: #FF9900;
}
.page-ol-01-h{ color:#535556;}
.page-ol-01-w{ color:#535556;font-weight:normal;}

/*20100625 update*/
.pad-left-5{ padding-left:5px;}
.pad-left-20{ padding-left:20px;}
.pad-right-10{ padding-right:10px;}
.page-ul-float-left-01{float:left; width:130px;}
.page-ul-float-right-01{float:left; width:540px; line-height:130%; padding-bottom:10px; padding-top:2px;}