/*
html {
min-width : 600px; 
max-width : 600px; 
} 
*/

body, div, td, th, h2, h3, h4 { /* redundant rules for bad browsers  */  
font-family: verdana,sans-serif;
font-size:    x-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
color: #333;
/* text-align : justify; */ 
}

body {
margin : 0; 
padding : 0; 
color : #000; 
background-color : #edebe3; 
padding : 1em 20px 3em; 
} 

body.viewer {
	margin : 4 0 2 0;
	padding : 0;
	color : #000;
	background-color : #fff;
} 

TD.viewer { 
font-size : 0.8em; 
}

#container {
background-color : #fff; 
background-image : url("images\ssl\background1.jpg"); 
background-repeat : repeat-y; 
border : 1px solid #333; 
} 
#nav {
float : left; 
width : 160px; 
margin-left : 5px; 
padding-top : 0.8em; 
} 
#nav p {
margin-top : 0; 
line-height : 120%; 
font-size : 11px; 
} 
p.news {
font-family : tahoma, verdana, sans-serif; 
border : 1px solid #333; 
padding-left : 0.25em; 
padding-right : 0.25em; 
padding-top : 0.25em; 
padding-bottom : 0.25em; 
margin : 0 3px 0 0; 
background-color : #edebe3; 
} 
#content {
padding-top : 0.5em; 
margin : 0 1em 0 190px; 
text-align : justify; 
} 
#content p {
line-height : 120%; 
font-size : x-small; 
} 
#content td {
line-height : 120%; 
font-size : x-small; 
} 

IMG.BorderBlack {
margin : 4px; 
border : 1px solid #333; 
} 

IMG.floatleft {
float : left; 
margin : 4px; 
border : 1px solid #333; 
} 
IMG.floatright {
float : right; 
margin : 4px; 
border : 1px solid #333; 
} 
#footer {
clear : both; 
background-color : #fff3b3; 
padding : 1em; 
text-align : right; 
border-top : 1px solid #333; 
line-height : 120%; 
font-size : 9px; 
font-style : italic; 
} 
IMG.head {
position : absolute; 
top : 6px; 
right : 20px; 
border-top : 1px solid #333; 
border-right : 1px solid #333; 
z-index : -1; 
} 

a:hover {
color : #333; 
} 
a:active {
color : #000; 
} 
h1, h2 {
font-family : trebuchet ms; 
font-weight : bold; 
color : #333; 
} 
h1 {
font-size : 180%; 
margin : 0; 
} 
h1 a {
text-decoration : none; 
color : #333; 
} 
h1 a:hover {
border-bottom : 1px dotted #666; 
color : #000; 
} 
h2 {
font-size : 140%; 
padding-bottom : 2px; 
border-bottom : 1px solid #ccc; 
margin : 0; 
} 
h3 {
font-size : 120%; 
padding-bottom : 2px; 
border-bottom : 1px solid #ccc; 
margin : 0; 
} 
p.note {
background : #eee; 
padding : 4px; 
font-family : tahoma; 
font-size : 85%; 
line-height : 130%; 
margin-top : 0; 
} 
#main {
border-top : 1px solid #666; 
border-left : 1px solid #666; 
border-right : 1px solid #666; 
clear : both; 
background : #fff3b3; 
padding-top : 2em; 
} 
#header {
position : relative; 
width : 100%; 
height : 3em; 
width : 45em; 
} 
#header ul#primary {
margin : 0; 
padding : 0; 
position : absolute; 
bottom : -1px; 
width : 45em; 
} 
#header ul#primary li {
display : inline; 
list-style : none; 
} 
#header ul#primary a, #header ul#primary span, #header ul#primary a.current {
width : 6em; 
display : block; 
float : left; 
padding : 4px 0; 
margin : 1px 2px 0 0; 
text-align : center; 
font-family : tahoma, verdana, sans-serif; 
font-size : 85%; 
text-decoration : none; 
color : #333; 
} 
#header ul#primary span, #header ul#primary a.current, #header ul#primary a.current:hover {
border : 1px solid #666; 
border-bottom : none; 
background : #fff3b3; 
padding-bottom : 6px; 
margin-top : 0; 
} 
#header ul#primary a {
background : #fffae1; 
border : 1px solid #aaa; 
border-bottom : none; 
} 
#header ul#primary a:hover {
margin-top : 0; 
border-color : #666; 
background : #fff7cd; 
padding-bottom : 5px; 
} 
#header ul#secondary {
position : absolute; 
margin : 0; 
padding : 0; 
bottom : -1.4em; 
left : 1px; 
width : 50em; 
} 
#header ul#secondary li a, #header ul#secondary li span {
width : auto; 
display : block; 
float : left; 
padding : 0 10px; 
margin : 0; 
border : none; 
border-right : 1px solid #aaa; 
background : none; 
font-family : tahoma; 
font-size : 70%; 
} 
#header Form#secondary {
color : #06c; 
position : absolute; 
margin : 0; 
padding : 0; 
bottom : -2.4em; 
left : 330px; 
font-family : tahoma; 
font-size : 70%; 
} 
#header Select#secondary {
color : #06c; 
margin : 0; 
padding : 0; 
font-family : tahoma; 
font-size : 11px; 
} 
#header Input#secondary {
color : #06c; 
margin : 0; 
padding : 0; 
font-family : tahoma; 
font-size : 11px; 
} 
#header .buttons {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10px; 
background-color : #333333; 
color : #ffffff; 
margin-right : 6px; 
} 
select.jis {
font-size : 9pt; 
color : #804000; 
font-family : verdana; 
} 
input.jis {
font-size : 9pt; 
color : #804000; 
font-family : verdana; 
} 
input.button.jis {
font-size : 10pt; 
color : #804000; 
font-family : verdana; 
} 
#header ul#secondary li a {
color : #06c; 
text-decoration : underline; 
} 
#header ul#secondary li a:hover {
color : #333; 
background : transparent; 
padding : 0 10px; 
border : none; 
border-right : 1px solid #aaa; 
} 
#header ul#secondary li a:active {
color : #000; 
background : transparent; 
} 
#header ul#secondary li a {
border : none; 
} 
caption.layout {
font-weight : bold; 
font-size : 1.1em; 
} 
table.layout {
font : 0.7em Arial, Helvetica, sans-serif; 
display : block; 
} 
td.layout {
width : 200px; 
padding : 2px; 
font-size : 0.9em; 
text-align : left; 
} 
th.layout {
width : 120px; 
padding : 2px; 
font-size : 0.9em; 
text-align : right; 
} 
td.layout a {
text-decoration : none; 
font-size : 1em; 
font-weight : bold; 
} 
td.layout a:hover {
background-color : #f5b348; 
color : #fff; 
} 
th.layout a {
color : #fff; 
text-decoration : none; 
font-weight : bold; 
} 
th.layout a:hover {
color : #fc0; 
text-decoration : underline; 
} 
table.grey {
font : 0.7em Arial, Helvetica, sans-serif; 
background-color : #f2f2f2; 
display : block; 
width: 100%;
} 
caption.grey {
background-color : #5a666e; 
color : #fff; 
text-transform : uppercase; 
font-weight : bold; 
font-size : 1.1em; 
border : 1px solid #000; 
} 
thead th.grey {
background-color : #f5b348; 
color : #724809; 
padding : 2px; 
font-size : 1em; 
text-transform : uppercase; 
border-top : 1px solid #f4d39e; 
border-left : 1px solid #f4d39e; 
border-bottom : 1px solid #b76e00; 
border-right : 1px solid #b76e00; 
} 
tfoot th.grey {
background-color : #f29601; 
color : #724809; 
padding : 2px; 
text-transform : uppercase; 
font-size : 1em; 
} 
tfoot td.grey {
background-color : #fc0; 
color : #724809; 
font-weight : bold; 
font-size : 1em; 
padding : 0 5px; 
} 
tbody td.grey {
background-color : #d7dbdd; 
color : #5a666e; 
xwidth : 200px; 
padding : 2px; 
font-size : 0.9em; 
text-align : left; 
border-top : 1px solid #fff; 
border-left : 1px solid #fff; 
border-bottom : 1px solid #afb5b8; 
border-right : 1px solid #afb5b8; 
} 

tbody td.greycenter {
background-color : #d7dbdd; 
color : #5a666e; 
xwidth : 200px; 
padding : 2px; 
font-size : 0.9em; 
text-align : center; 
border-top : 1px solid #fff; 
border-left : 1px solid #fff; 
border-bottom : 1px solid #afb5b8; 
border-right : 1px solid #afb5b8; 
} 
tbody th.grey {
background-color : #5a666e; 
color : #d7dbdd; 
xwidth : 120px; 
padding : 2px; 
font-size : 0.9em; 
text-align : right; 
border-top : 1px solid #93a1aa; 
border-left : 1px solid #93a1aa; 
border-bottom : 1px solid #2f3b42; 
border-right : 1px solid #2f3b42; 
} 
tbody td.grey a {
color : #724809; 
text-decoration : none; 
font-size : 1em; 
font-weight : bold; 
} 
tbody td.grey a:hover {
background-color : #f5b348; 
color : #fff; 
} 
tbody th.grey a {
color : #fff; 
text-decoration : none; 
font-weight : bold; 
} 
tbody th.grey a:hover {
color : #fc0; 
text-decoration : underline; 
} 

<link rel="shortcut icon" href="favicon.ico" >