body{
	margin:0px;
	padding:0px;
	background-color: #312d2a;
	font-family: Arial, Helvetica, sans-serif, 新細明體;
	
}

h1, h2, h3, p{
	margin:0px;
	padding:0px;
}

img {border:0px;}

.clear {
	clear: both;
}



#container01 {
	margin-left:auto;
	margin-right:auto;
	width: 1024px;
	background-repeat: no-repeat;
	background-image: url(../images/content/index/bg-778x718.jpg);
}

#container02 {
	padding-left: 22px;
	padding-right: 23px;

}


#header {
	background-image: url(../images/header/bg-hd-979x114.jpg);
	background-repeat: no-repeat;
	height: 114px;
	width: 979px;
}

.hd-logo {
	padding-top: 20px;
	padding-left: 21px;
	float: left;
}

.navi-box {
	float: left;
	padding-top: 67px;
	width: 633px;
}

#navi {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	overflow:hidden;
	height: 28px;
	margin: 0px;
	padding: 0px;
}

.navi-01,.navi-01-on {
	width:99px;
	height:28px;
	float:left;
}
.navi-01 a,.navi-01-on a{
	width:99px;
	height:28px;
	background-image: url(../images/navi/nav-home-off.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	background-position: 0px 0px;
}
.navi-01 a:hover{
	background-repeat: no-repeat;
	background-image: url(../images/navi/nav-home-ho.jpg);
	background-position: 0px 0px;
}

.navi-01 a:active,.navi-01-on a{
	background-image: url(../images/navi/nav-home-on.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


.navi-02,.navi-02-on {
	width:99px;
	height:28px;
	float:left;
}
.navi-02 a,.navi-02-on a{
	width:99px;
	height:28px;
	background-image: url(../images/navi/nav-company-off.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	background-position: 0px 0px;
}
.navi-02 a:hover{
	background-repeat: no-repeat;
	background-image: url(../images/navi/nav-company-ho.jpg);
	background-position: 0px 0px;
}

.navi-02 a:active,.navi-02-on a{
	background-image: url(../images/navi/nav-company-on.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.navi-03,.navi-03-on {
	width:99px;
	height:28px;
	float:left;
}
.navi-03 a,.navi-03-on a{
	width:99px;
	height:28px;
	background-image: url(../images/navi/nav-product-off.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	background-position: 0px 0px;
}
.navi-03 a:hover{
	background-repeat: no-repeat;
	background-image: url(../images/navi/nav-product-ho.jpg);
	background-position: 0px 0px;
}

.navi-03 a:active,.navi-03-on a{
	background-image: url(../images/navi/nav-product-on.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.navi-04,.navi-04-on {
	width:99px;
	height:28px;
	float:left;
}
.navi-04 a,.navi-04-on a{
	width:99px;
	height:28px;
	background-image: url(../images/navi/nav-FAQ-off.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	background-position: 0px 0px;
}
.navi-04 a:hover{
	background-repeat: no-repeat;
	background-image: url(../images/navi/nav-FAQ-ho.jpg);
	background-position: 0px 0px;
}

.navi-04 a:active,.navi-04-on a{
	background-image: url(../images/navi/nav-FAQ-on.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.navi-05,.navi-05-on {
	width:99px;
	height:28px;
	float:left;
}
.navi-05 a,.navi-05-on a{
	width:99px;
	height:28px;
	background-image: url(../images/navi/nav-contact-off.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	background-position: 0px 0px;
}
.navi-05 a:hover{
	background-repeat: no-repeat;
	background-image: url(../images/navi/nav-contact-ho.jpg);
	background-position: 0px 0px;
}

.navi-05 a:active,.navi-05-on a{
	background-image: url(../images/navi/nav-contact-on.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.navi-06,.navi-06-on {
	width:99px;
	height:28px;
	float:left;
}
.navi-06 a,.navi-06-on a{
	width:99px;
	height:28px;
	background-image: url(../images/navi/nav-sitemap-off.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	background-position: 0px 0px;
}
.navi-06 a:hover{
	background-repeat: no-repeat;
	background-image: url(../images/navi/nav-sitemap-ho.jpg);
	background-position: 0px 0px;
}

.navi-06 a:active,.navi-06-on a{
	background-image: url(../images/navi/nav-sitemap-on.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#benner {
	background-image: url(../images/content/bg-benner-979x241.jpg);
	background-repeat: no-repeat;
	height: 241px;
}

.benner-pictures {
	height: 240px;
	width: 968px;
	padding-left: 7px;
}