<!--
#progressbar{
background-image: url(../pic/progressbar.gif);
width:350px;
}

.progress{
	width: 1px;
	height: 14px;
	color: #333;
	font-size: 8pt;
  overflow: hidden;
	background-color: #ffcccc;
	padding-left: 3px;
}

#counter { height: 25px; width: 100px; left: 20px; position: absolute; bottom: 1px; visibility: visible; }


body {color: #333; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15pt; background-image:url(../pic/bg_body.jpg); margin: 0; }
p{ color: #333; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15pt; }
h1 { color: #333; font-size: 13pt; font-weight: bold; letter-spacing: 0.2pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15pt; margin:0;}
h2 { color: #333; font-size: 9pt; font-weight: bold; letter-spacing: 0.2pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 9pt; }
h3 { color: #009; font-size: 9pt; font-weight: bold; letter-spacing: 0.1pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 11pt; }
ul { list-style-image:url(../pic/li.gif);}
li { color: #333; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15pt; }
li a {height: 15pt;}

.form { color: #333; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 11pt; 8margin: 0; }


#page { height: 100%; width: 820px; margin-top: 0; margin-left: 10%; padding: 0; position: absolute; background-image:url(../pic/bg_page.jpg); visibility: visible; border: 0; }


#navi { height: 20px; width: 800px; left: 1px; top: 95px; position: absolute; visibility: visible; }
#header { height: 95px; width: 799px; left: 1px; top: 0; position: absolute; visibility: visible; background-image: url(../pic/header.jpg); }
#content {color: #333; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15pt; padding-right:10px; height: 75%; width:600px; left: 20px; top: 130px; position: absolute; overflow: auto; visibility: visible; }
#content img { border: solid 1px #3366ff; }
#content a:link {color: #333; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif;text-align: left; text-decoration: none; border-bottom: 1px dotted #3366ff; }
#content a:visited {color: #666; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif;text-align: left; text-decoration: none; border-bottom: 1px dotted #ccc;  }
#content a:active {color: #333; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif;  text-align: left; text-decoration: none; }
#content a:hover { color: #3366ff; font-weight:bold;  text-align: left; text-decoration:none; border-bottom: 1px solid #3366ff;}

#right { 
background-image:url(../pic/bg_right.jpg); 
height: 74%; 
width: 138px; 
top: 130px; 
left:640px; 
padding-top:5px; 
padding-left:5px; 
padding-right:5px; 
position: absolute; 
visibility: visible; 
color: #333; 
font-size: 8pt; 
font-style: italic; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
line-height: 11pt; 
}

#right a:link { color: #333; font-size: 8pt; font-style:italic;line-height: 9pt; font-family: Verdana, Arial; text-align: left; text-decoration: none; border-bottom: 1px dotted #3366ff; }
#right a:visited { color: #333; font-size: 8pt; font-style:italic;line-height: 9pt; font-family: Verdana, Arial; text-align: left; text-decoration: none  }
#right a:active { color: #333; font-size: 8pt; font-style:italic;line-height: 9pt; font-family: Verdana, Arial; text-align: left; text-decoration: none; }
#right a:hover { color: #3366ff; font-size: 8pt; font-style:italic;line-height: 9pt; font-family: Verdana, Arial; text-align: left; text-decoration:none; border-bottom: 1px solid #3366ff;}

.right {color: #333;  font-size: 8pt; font-style:italic; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 11pt; }

#footer { height: 20px; width: 600px; left: 20px; position: absolute; bottom: 5px; z-index: 10; visibility: visible; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 10pt; text-align: left; }
#footer a:link { color: #333; font-size: 8pt; line-height: 9pt; font-family: Verdana, Arial; text-align: left; text-decoration: none; border-bottom: 1px dotted #3366ff; }
#footer a:visited { color: #333; font-size: 8pt; line-height: 9pt; font-family: Verdana, Arial; text-align: left; text-decoration: none  }
#footer a:active { color: #333; font-size: 8pt; line-height: 9pt; font-family: Verdana, Arial; text-align: left; text-decoration: none; }
#footer a:hover { color: #3366ff; font-size: 8pt; line-height: 9pt; font-family: Verdana, Arial; text-align: left; text-decoration:none; border-bottom: 1px solid #3366ff;}

.tooltip { 
position: absolute; 
display: none;  
background-color: #fff; 
color:#3366ff; 
font-size: 8.5pt; 
font-family: Verdana, Arial, sans-serif; 
font-weight:bold; 
line-height: 13px; 
text-align: left; 
border-color: #000099 #808080 #808080 #000099; 
border-style: solid; 
border-width: 1px 2px 2px 1px; 
padding: 6px; 
width: 200px; 
z-index:100; }


.buttonsend {
background-color: #ccffcc; 
border-color: #999900 #808080 #808080 #999900; 
border-style: solid; 
border-width: 1px 2px 2px 1px;
color: #1a1a1a; font-size: 7pt
}

.buttonreset {
background-color: #ffcccc; 
border-color: #999900 #808080 #808080 #999900; 
border-style: solid; 
border-width: 1px 2px 2px 1px;
color: #1a1a1a; font-size: 7pt
}

.textarea    { 
color: #1a1a1a; 
font-size: 8pt; 
line-height: 11pt;
text-align: left;
}
-->