@charset "utf-8";
/* CSS Document */
body {font-size:small; font-family:Arial, Helvetica, sans-serif, "細明體", "新細明體"; color:#003366; line-height:1.25em;}
li {line-height:1.75em;}

.link a {color:#003366; text-decoration:underline; cursor:pointer;}
.link a:hover {background:#FFFFCC; color:#000066;}
.link a:visited {color:#003366; text-decoration:underline; cursor:pointer;}


.font-en {font-family:Arial, Helvetica, sans-serif; font-size:0.9em; }
.font-bold {font-weight:bold;}
.size-xs {font-size:x-small;}
.size-s {font-size:small;}
.size-m {font-size:medium;}
.color-grey {color:#666666;}
.color-greydark {color:#333333;}
.color-bluegrey {color:#006699;}
.color-bluedark {color:#003366;}
.color-green {color:#006600;}
.color-red {color:#FF3300;}
.bg-orange {background:#FFEE99;}
.bg-white {background:#FFFFFF;}

.clearboth {clear:both;}

.menu-r {margin:1em; padding:0; float:none; font-size:0.9em; font-weight:bold; width:auto;}
.menu-r li {list-style:none; margin:0px 1px 0px 0px; float:right; line-height:1.25em; white-space:nowrap; width:auto;}
.menu-r a {display:block; text-decoration:none;  border:1px solid #6666FF; 
	padding: 4px 10px; background:#eeeeFF; color:#004400; }
.menu-r a:hover {background-color:#006611; color:#FFFFFF; border-color:#006600; text-decoration:none;}

.col3 {margin:1em; padding:0; float:none; width:auto;}
.col3 li {float:left; width:30%; white-space:nowrap; margin:3px 15px 3px 3px; list-style:none;}
.col3 li a {display:block; text-decoration:none; border:1px solid #999999; padding:1px 0px 1px 15px; 
	background:url(pic/dot-blue.gif) left top no-repeat #FFFFFF; color:#003399;}
.col3 li a:hover {background:url(pic/dot-green.gif) left top no-repeat #FFFFCC; border:1px solid #003300; color:#003300;}

.col2 {margin:1em; padding:0; float:none;  width:auto;}
.col2 li {float:left; width:45%; white-space:nowrap; margin:3px 15px 3px 13px; list-style:none;}
.col2 li a {display:block; text-decoration:none; border:1px solid #999999; padding:1px 0px 1px 15px; 
	background:url(pic/dot-blue.gif) left top no-repeat #FFFFFF; color:#003399;}
.col2 li a:hover {background:url(pic/dot-green.gif) left top no-repeat #FFFFCC; border:1px solid #003300; color:#003300;}

.col1 {margin:1em; padding:0; float:none;  width:auto;}
.col1 li {float:none; width:90%; white-space:nowrap; margin:3px 15px 3px 13px; list-style:none;}
.col1 li a {display:block; text-decoration:none; border:1px solid #999999; padding:1px 0px 1px 15px; 
	background:url(pic/dot-blue.gif) left top no-repeat #FFFFFF; color:#003399;}
.col1 li a:hover {background:url(pic/dot-green.gif) left top no-repeat #FFFFCC; border:1px solid #003300; color:#003300;}

.col0 {margin:1em 0 1em 0; padding:0; float:none;  width:auto;}
.col0 li {float:none; margin:1px 0 1px 0; list-style:none; width:95%;}
.col0 li a {display:block; text-decoration:none; border:1px solid #999999; padding:1px 0px 1px 15px; 
	background:url(pic/dot-blue.gif) left top no-repeat #FFFFFF; color:#003399; }
.col0 li a:hover {background:url(pic/dot-green.gif) left top no-repeat #FFFFCC; border:1px solid #003300; color:#003300; }