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

body {
	background: #FFFFFF;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 20px 0;
	padding: 0;
}

h1,h2,h3,p { color: #333333; margin: 0; padding: 0; }
.exxxlarge-txt { font-size: 128%; line-height: 120%; }
.exxlarge-txt { font-size: 115%; line-height: 120%; }
.exlarge-txt { font-size: 103%; line-height: 120%; }
.large-txt { font-size: 90%; line-height: 120%; }
.middle-txt { font-size: 78%; line-height: 140%; }
.small-txt { font-size: 65%; line-height: 160%; }
.small140-txt { font-size: 65%; line-height: 140%; }
.exsmall-txt { font-size: 59%; line-height: 160%; }
.exxxlargepx-txt { font-size: 20px; line-height: 140%; }
.exxlargepx-txt { font-size: 18px; line-height: 140%; }
.exlargepx-txt { font-size: 16px; line-height: 140%; }
.largepx-txt { font-size: 14px; line-height: 140%; }
.middlepx-txt { font-size: 12px; line-height: 140%; }
.smallpx-txt { font-size: 10px; line-height: 140%; }
.exsmallpx-txt { font-size: 9px; line-height: 140%; }
p a:link,p a:visited { color: #FF0000; }
p a:hover,p a:active { color: #FF9999; }
.colorfmt01 { color: #FF0000; }
.colorfmt02 { color: #000000; }
.colorfmt03 { color: #FF0000; }

#container {
	text-align: center;
	width: 756px;
	margin: 0 auto;
	padding: 0;
}

#header { width: 750px; text-align: left; margin: 0 auto; }
#nav-01 { width: 750px; text-align: left; margin: 0 auto; }
#nav-02 { width: 756px; text-align: left; margin: 0 auto; }

#main { width: 750px; margin: 0 auto; background:url(../images-common/main-bg.gif) repeat-y left top; text-align: left; }
#index-main { width: 750px; margin: 0 auto; text-align: left; }
#nav-side { width: 170px; float: left; padding: 0 0 20px 0; }
#contents { width: 550px; padding: 20px 3; float: right; }

#footer { width: 750px; text-align: left; margin: 0 auto 0 auto; }
.footer-name { font-size: 78%; line-height: 100%; font-weight: bolder; color: #000000; margin: 0 0 7px 0; }
.footer-txt { font-size: 59%; line-height: 150%; }
.footer-bar01 { margin: 10px 0; }
.footer-bar02 { margin: 10px 0; }
.pagetop { float: right; }
.copyright { font-size: 59%; line-height: 150%; }
.copyright a:link,.copyright a:visited { color: #333333; text-decoration: none; }
.copyright a:hover,.copyright a:active { color: #FF0000; }




.side-title { color: #FFFFFF; font-size: 16px; line-height: 100%; font-weight: bolder; margin: 20px 0 0 25px; }
.side-title a:link,.side-title a:visited { color: #FFFFFF; text-decoration: none; padding: 0 0 0 12px; background: url(../images-common/arrow.gif) no-repeat 0px 3px; display: block; }
.side-title a:hover,.side-title a:active { color: #FF0000; background: url(../images-common/arrow-ov.gif) no-repeat 0px 3px; }
.side-title-ov { color: #FFFFFF; font-size: 16px; line-height: 100%; font-weight: bolder; margin: 20px 0 0 25px; }
.side-title-ov a:link,.side-title-ov a:visited { color: #FFFFFF; text-decoration: none; padding: 0 0 0 12px; background: url(../images-common/arrow-ov.gif) no-repeat 0px 3px; display: block; }
.side-title-ov a:hover,.side-title-ov a:active { color: #FF0000; background: url(../images-common/arrow-ov.gif) no-repeat 0px 3px; }

.side-dot { margin: 13px 0 13px 25px; }

.side-txt { color: #FFFFFF; font-size: 12px; line-height: 140%; font-weight: normal; margin: 0 0 6px 25px; }
.side-txt a:link,.side-txt a:visited { color: #FFFFFF; text-decoration: none; padding: 0 0 0 12px; background: url(../images-common/arrow.gif) no-repeat 0px 3px; display: block; }
.side-txt a:hover,.side-txt a:active { color: #FF0000; background: url(../images-common/arrow-ov.gif) no-repeat 0px 3px; }
.side-txt-ov { color: #FFFFFF; font-size: 12px; line-height: 140%; font-weight: normal; margin: 0 0 6px 25px; }
.side-txt-ov a:link,.side-txt-ov a:visited { color: #FFFFFF; text-decoration: none; padding: 0 0 0 12px; background: url(../images-common/arrow-ov.gif) no-repeat 0px 3px; display: block; }
.side-txt-ov a:hover,.side-txt-ov a:active { color: #FF0000; background: url(../images-common/arrow-ov.gif) no-repeat 0px 3px; }

.side-reader { color: #FFFFFF; font-size: 9px; line-height: 140%; font-weight: normal; margin: 7px 20px 0 25px; }
.side-reader a:link,.side-reader a:visited { color: #FFFFFF; text-decoration: none; }
.side-reader a:hover,.side-reader a:active { color: #FF0000; }
.side-reader img { margin: 0 0 5px 0; }


.iso-txt { font-size: 65%; line-height: 140%; }
.env-box { background: #FFFFFF; border: 1px solid #CCCCCC; padding: 12px; text-align: left; }
.env-txt { color: #FFFFFF; font-size: 12px; line-height: 200%; font-weight: normal; }
.env-txt a:link,.env-txt a:visited { color: #FF0000; padding: 0 0 0 20px; background: url(../images-common/pdf.gif) no-repeat left center; display: block; }
.env-txt a:hover,.env-txt a:active { color: #FF9999; }

form { margin: 0; padding: 0; }
.fom01 {
	font-family: Arial, Helvetica, sans-serif;
	width: 250px;
	font-size: 12px;
}

.reg-txt { color: #FFFFFF; font-size: 103%; line-height: 100%; background: #808080; margin: 20px 0 10px 0; padding: 4px; font-weight: bolder; }
.nt-box { background: #FFFFFF; border: 1px solid #CCCCCC; padding: 8px; text-align: left; }
.nt-name { color: #000000; font-size: 103%; line-height: 100%; margin: 0 0 3px 0; font-weight: bolder; }
.nt-txt { font-size: 65%; line-height: 140%; }
.nt-txt a:link,.nt-txt a:visited { color: #FF0000; text-decoration: none; }
.nt-txt a:hover,.nt-txt a:active { color: #FF9999; }
.nt-bar { margin: 8px 0; }


.productst-name { color: #000000; font-size: 103%; line-height: 100%; font-weight: bolder; margin: 12px 0 0 10px; }
.productst-name a:link,.productst-name a:visited { color: #000000; text-decoration: none; padding: 0 0 0 12px; background: url(../products/images-index/arrow.gif) no-repeat 0px 3px; display: block; }
.productst-name a:hover,.productst-name a:active { color: #FF0000; background: url(../products/images-index/arrow-ov.gif) no-repeat 0px 3px; }
.productst-txt { color: #333333; font-size: 59%; line-height: 140%; margin: 8px 0 0 22px; }
.productst-txt a:link,.productst-txt a:visited { color: #333333; text-decoration: none; }
.productst-txt a:hover,.productst-txt a:active { color: #FF0000; }

.cat-name { color: #FFFFFF; font-size: 103%; line-height: 100%; background: #808080; margin: 20px 0 10px 0; padding: 4px; font-weight: bolder; }
.cat-name02 { color: #000000; font-size: 103%; line-height: 100%; padding: 0 0 3px 0; font-weight: bolder; }
.pro-box { background: #FFFFFF; border: 1px solid #CCCCCC; padding: 7px; text-align: left; }
.cap-txt { color: #FF0000; font-size: 65%; line-height: 140%; }
.pro-txt { color: #333333; font-size: 59%; line-height: 140%; }
.pro-name { color: #333333; font-size: 59%; line-height: 140%; }
.pdf-txt { color: #FFFFFF; font-size: 65%; line-height: 100%; font-weight: normal; }
.pdf-txt a:link,.pdf-txt a:visited { color: #FF0000; padding: 3px 0 4px 20px; background: url(../images-common/pdf.gif) no-repeat left center; display: block; }
.pdf-txt a:hover,.pdf-txt a:active { color: #FF9999; }

.at-name { color: #000000; font-size: 78%; line-height: 100%; margin: 0 0 5px 0; font-weight: bolder; }
.at-txt { font-size: 65%; line-height: 140%; }



#pr-nav-side { width: 170px; float: left; padding: 0 0 0 0; }
#pr-contents { float: right;  border: 1px solid #CCCCCC; }

.pr-pr-txt { color: #FF0000; font-size: 12px; line-height: 100%; font-weight: bolder; margin: 20px 0 0 25px; }
.pr-side-title { color: #FFFFFF; font-size: 26px; line-height: 100%; font-weight: bolder; margin: 6px 0 0 25px; }
.pr-side-title a:link,.pr-side-title a:visited { color: #FFFFFF; text-decoration: none; padding: 0 0 0 12px; background: url(../images-common/arrow.gif) no-repeat 0px 8px; display: block; }
.pr-side-title a:hover,.pr-side-title a:active { color: #FF0000; background: url(../images-common/arrow-ov.gif) no-repeat 0px 8px; }
.pr-side-title-ov { color: #FFFFFF; font-size: 26px; line-height: 100%; font-weight: bolder; margin: 6px 0 0 25px; }
.pr-side-title-ov a:link,.pr-side-title-ov a:visited { color: #FFFFFF; text-decoration: none; padding: 0 0 0 12px; background: url(../images-common/arrow-ov.gif) no-repeat 0px 8px; display: block; }
.pr-side-title-ov a:hover,.pr-side-title-ov a:active { color: #FF0000; background: url(../images-common/arrow-ov.gif) no-repeat 0px 8px; }

.ser-txt { font-size: 18px; line-height: 90%; font-weight: normal; }

.pr-side-dot { margin: 12px 0 12px 24px; }

.pr-side-txt { color: #FFFFFF; font-size: 10px; line-height: 110%; font-weight: normal; margin: 0 0 8px 25px; }
.pr-side-txt a:link,.pr-side-txt a:visited { color: #FFFFFF; text-decoration: none; padding: 0 0 0 12px; background: url(../images-common/arrow.gif) no-repeat 0px 1px; display: block; }
.pr-side-txt a:hover,.pr-side-txt a:active { color: #FF0000; background: url(../images-common/arrow-ov.gif) no-repeat 0px 1px; }
.pr-side-txt-ov { color: #FFFFFF; font-size: 10px; line-height: 110%; font-weight: normal; margin: 0 0 8px 25px; }
.pr-side-txt-ov a:link,.pr-side-txt-ov a:visited { color: #FFFFFF; text-decoration: none; padding: 0 0 0 12px; background: url(../images-common/arrow-ov.gif) no-repeat 0px 1px; display: block; }
.pr-side-txt-ov a:hover,.pr-side-txt-ov a:active { color: #FF0000; background: url(../images-common/arrow-ov.gif) no-repeat 0px 1px; }


.scrollbar { width: 578px; height: 388px; overflow: auto; }
.mp-txt { font-size: 65%; line-height: 140%; color: #666666; }
.mainnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #FFFFFF;
}