BODY { font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #555555; }
A:link { font-family: Arial, Helvetica, Sans Serif; font-size: 10px; color: #CCCCCC; }
A:hover { font-family: Arial, Helvetica, Sans Serif; font-size: 10px; color: #CCCCCC; background: #FF0000; }
A:visited { font-family: Arial, Helvetica, Sans Serif; font-size: 10px; color: #AAAAAA; }
.h1 { font-family: Arial, Helvetica, Sans Serif; font-size: 20px; color: #000000; font-weight: bolder; text-align: left; margin-left: 5px; margin-top: 0; margin-bottom: 0; }
.h2 { font-family: Arial, Helvetica, Sans Serif; font-size: 20px; color: #777777; text-align: left; width: 290px; margin-left: 100px; margin-right: 5px; margin-top: -10px; margin-bottom: 0; border: solid; border-width: 1px; border-top: none; border-left: none; border-right: none; }
.h3 { font-family: Arial, Helvetica, Sans Serif; font-size: 14px; font-weight: bold; color: #555555; text-align: left; width: 330px; margin-left: 10px; margin-right: 10px; margin-top: 5px; margin-bottom: 0; }
.title1 { font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #555555; margin-left: 5px; margin-top: 0; margin-bottom: 0; width: 350px; }
.title2 { font-family: Arial, Helvetica, Sans Serif; font-size: 20px; color: #888888; margin-top: 0; margin-bottom: 0; width: 350px; }
.pict { margin-top: 0; margin-bottom: -5px; }
.no_frame { margin-top: 0; margin-bottom: -3px; margin-left: 0; margin-right: 0; font-size: 11px; color: #333333; }
.main { font-family: Arial, Helvetica, Sans Serif; font-size: 12px; color: #333333;  margin-left: 5px; margin-right: 5px; margin-top: 5px; width: 390px; }
.ps { font-family: Arial, Helvetica, Sans Serif; font-size: 11px; color: #BBBBBB; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; }
.menu { font-family: Arial, Helvetica, Sans Serif; font-size: 11px; color: #BBBBBB; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; }
.shaded  { background: #CCCCCC; text-align: center; }
.tbl  { color: #333333; background: #777777; text-align: center; }
.tbl_r  { color: #333333; background: #777777; text-align: right; }
.tbl_w  { background: #FFFFFF; text-align: center; }

.hint { font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; color: #FFFFFF; text-align: left; }
.hint_en { font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; color: #FF0000; text-align: left; }
.hint_e { font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; color: #FFFFFF; text-align: left; width: 180px; }
.hint_e_en { font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif; color: #FF0000; text-align: left; width: 180px; }

.cardHide, .cardShow { position:absolute; top: 290px; left: 210px; width: 300px; }
.cardHide, { visibility: hidden }
.cardShow, { visibility: visible }
.fromTop { position:relative; top: 0px; left: 0px }