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

h1              { color: #00c0f3; font-weight: bold; font-size: 16px; border-bottom: medium double #00c0f3 }
h2            { color: #00c0f3; font-weight: bold; font-size: 10px; border-bottom: medium none #00c0f3 }
h3         { color: #00c0f3; font-weight: bold; font-size: 14px }
h4         { color: #00c0f3; font-weight: bold; font-size: 12px }
h5           { color: #00c0f3; font-size: 10px }

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