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: #444; font-family: Osaka, "ＭＳ ゴシック", "ＭＳ Ｐゴシック", " 平成角ゴシック" }


a:link        { color: #3cb371; text-decoration: underline }
a:visited  { color: purple; text-decoration: underline }
a:hover         { color: #999999; 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: #3cb371; font-weight: normal; font-size: 12px; background-color: #fff; text-align: left; padding: 5px }
table.table th       { color: #fff; font-size: 10px; background-color: #3cb371; margin: 0px; padding: 4px; border-style: none solid none none; border-width: medium 1px medium medium; border-color: #fff }
.headerup           { color: #3cb371; 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: #3cb371; font-size: 10px; line-height: 150%; font-family: "M 中ゴシック BBB", Osaka, Osaka−等幅, Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.side-menu a:link, .side-menu a:visited         { color: #3cb371; font-size: 10px; line-height: 150%; font-family: "M 中ゴシック BBB", Osaka, Osaka−等幅, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none }
.side-menu a:hover           { color: #3cb371; font-size: 10px; line-height: 150%; font-family: "M 中ゴシック BBB", Osaka, Osaka−等幅, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }

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

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

.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: #3cb371; height: 1px }
hr.dot     { color: #3cb371; 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 }