body, h1, h2,  h3,  h4,  h5,  p, address, li, caption, .popup-menu   { color: #444; font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", 平成角ゴシック, "ＭＳ ゴシック" }
.small,  th, td, .side-menu    { color: white; font-family: Osaka, "ＭＳ ゴシック", "ＭＳ Ｐゴシック", " 平成角ゴシック" }


a:link        { color: #238142; text-decoration: underline }
a:visited   { color: #238142; text-decoration: underline }
a:hover         { color: #238142; text-decoration: underline; background-color: transparent }

/*
 *<a class="utility-menu" href="任意のURL">などとすることで、背景をグレーにするhoverを適用します
*/
a.utility-menu:link  { color: #024; text-decoration: none }
a.utility-menu:visited {text-decoration:none; }
a.utility-menu:hover  { color: #024; background-color: #e6e6e6 }

a.under-menu:link  { color: #024; text-decoration: none }
a.under-menu:visited {text-decoration:none; }
a.under-menu:hover  { color: #024; background-color: #e6e6e6 }

a.top-page-menu:link  { color: #444; text-decoration: none }
a.top-page-menu:visited {color:#333;text-decoration:none; }
a.top-page-menu:hover {color:#000;background-color:#e6e6e6; }


/*
 *<table class="table">とすることで、CUES用テーブルフォーマットを適用します
*/
table.table  { background-color: gray; border: none; border-spacing: 1px }
table.table caption   { color: #024; font-weight: normal; font-size: 12px; background-color: #fff; text-align: left; padding: 5px }
table.table th      { color: #fff; font-size: 10px; background-color: #00904c; margin: 0px; padding: 4px; border-style: none solid none none; border-width: medium 1px medium medium; border-color: #fff }
.headerup          { color: gray; font-style: italic; font-size: 12px; line-height: 120%; font-family: "ヒラギノ角ゴ Pro W6", Osaka, Osaka−等幅, "ＭＳ ゴシック", "ＭＳ Ｐゴシック", 平成角ゴシック }
table.table th.border-none  { border: none thin #666 }
table.table tr { background-color: #fff; }
table.table tr.table1  { background-color: #98fb98 }
table.table td    { color: #333; font-size: 10px; line-height: 130%; margin: 0px; padding: 5px; border: none }

.side-menu          { color: white; font-size: 10px; line-height: 100%; font-family: "M 中ゴシック BBB", Osaka, Osaka−等幅, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.side-menu a:link, .side-menu a:visited         { color: white; font-size: 10px; line-height: 100%; font-family: "M 中ゴシック BBB", Osaka, Osaka−等幅, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.side-menu a:hover           { color: white; font-size: 10px; line-height: 100%; font-family: "M 中ゴシック BBB", Osaka, Osaka−等幅, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }

h1               { color: #238142; font-weight: bold; font-size: 16px; border-bottom: medium double #00904c }
h2             { color: #238142; font-weight: bold; font-size: 16px }
h3          { color: #238142; font-weight: bold; font-size: 14px }
h4          { color: #238142; font-weight: bold; font-size: 12px }
h5            { color: #238142; font-size: 12px; border-bottom: medium double #00904c }

p, li     { color: #333; font-size: 12px; line-height: 140% }
em, strong  { font-weight: bold }

.small  { font-size: 10px; line-height: 120% }
.mid { font-size: 12px; }
.popup-menu  { color: white; font-size: 10px; background-color: #024 }

.cuesdesc {color:#fff;position:absolute;visibility:hidden;display:none; }
hr        { color: #238142; height: 1px }
hr.dot     { color: #238142; border-style: dashed none none none; border-width: 1px 0px 0px 0px; border-color: #0071bc; height: 1px }
.underlink:link, .underlink:visited  { color: white; font-size: 10px; line-height: 100%; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.underlink:hover  { color: white; font-size: 10px; line-height: 100%; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }