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

h1, h2, 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;
}


#content-up {
	background-image: url(../images/content/bg-content-979x49.jpg);
	background-repeat: no-repeat;
	height: 24px;
	padding-top: 25px;
	padding-left: 23px;
	overflow: hidden;
}

.up-left {
	float: left;
	height: 17px;
}

.c-title-01 {
	background-image: url(../images/content/title-events-bar.jpg);
	background-repeat: no-repeat;
	text-indent: -999px;
	width: 301px;
	height: 17px;
}

.up-right {
	float: left;
	height: 17px;
	padding-left: 21px;
}

.c-title-02 {
	background-image: url(../images/content/title-products-bar.jpg);
	background-repeat: no-repeat;
	width: 613px;
	text-indent: -999px;

}

#content-middle {
	background-image: url(../images/content/bg-content-979x11.jpg);
	background-repeat: repeat-y;
	width: 979px;
}

.middle-left {
	padding-left: 23px;
	width: 321px;
	float: left;
}

.content-box {
	padding-right: 10px;
	float: left;
	width: 300px;
}

.photo-box {
}

.photo-box img {
	border: 2px solid #959595;
}

.text-box {
	width: 300px;
	padding-top: 10px;
}

.text-box p {
	font-size: 0.75em;
	color: #2f3131;
	line-height: 1.5em;
}

.text-box p  a:link{ color: #2f3131; text-decoration:none;}
.text-box p  a:visited{ color: #2f3131; text-decoration:none;}
.text-box p  a:hover{ color: #9c2124; text-decoration: underline;}

.text-title {
	font-size: 0.85em;
	color: #2f3131;
	font-weight: bold;
	height: 20px;
	}

.text-title  a:link{ color: #2f3131; text-decoration:none;}
.text-title  a:visited{ color: #2f3131; text-decoration:none;}
.text-title  a:hover{ color: #a40000; text-decoration: underline;}


.middle-right {
	float: left;
}

.content-below {
	background-image: url(../images/content/bg-content-below.jpg);
	background-repeat: no-repeat;
	height: 14px;
}

#footer {
	background-image: url(../images/footer/bg-footer-979x105.jpg);
	background-repeat: no-repeat;
	height: 105px;
	 
	clear: both;
	
}

.footer-logo {
	padding-left: 7px;
	float: left;
	width: 333px;
	
}

.ft-box {	
    float: left;
	padding-top: 17px;
	padding-left: 8px;
	
	}


.footer-text {
	font-size: 0.75em;
	color: #cccccc;
	height: 18px;

}

.footer-text  a:link{ color: #cccccc; text-decoration:none;}
.footer-text  a:visited{ color: #cccccc; text-decoration:none;}
.footer-text  a:hover{ color: #cccccc; text-decoration: underline;}



.copyright {
	font-size: 0.7em;
	color: #888787;
	line-height: 1.5em;
}