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: #c00; text-decoration: underline }
a:visited  { color: purple; text-decoration: none }
a:hover          { color: #f00; 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: #c00; font-weight: normal; font-size: 12px; background-color: #fff; text-align: left; padding: 5px }
table.table th         { color: #fff; font-size: 10px; background-color: #c00; margin: 0px; padding: 4px; border-style: none solid none none; border-width: medium 1px medium medium; border-color: #fff }
.headerup             { color: #c00; 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: #f96 }
table.table td    { color: #333; font-size: 10px; line-height: 130%; margin: 0px; padding: 5px; border: none }

.side-menu            { color: #c00; 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: #c00; 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: #c00; font-size: 10px; line-height: 150%; font-family: "M 中ゴシック BBB", Osaka, Osaka−等幅, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline }

h1                 { color: #c00; font-weight: bold; font-size: 16px; border-bottom: medium double #c00 }
h2               { color: #c00; font-weight: bold; font-size: 16px }
h3            { color: #c00; font-weight: bold; font-size: 14px }
h4             { color: #c00; font-weight: bold; font-size: 14px; border-bottom: thin solid #c00 }
h5               { color: #c00; 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: #c00; height: 1px }
hr.dot       { color: #c00; 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 }