body { color: #333; font-size: 12px; font-family: ヒラギノ角ゴ Pro W3, ＭＳ Ｐゴシック, ＭＳ ゴシック, Osaka−等幅, Osaka, 平成角ゴシック; line-height: 1.5em; background-color: #fff; margin: 0; padding: 0; }
p { margin-top: 5px; margin-bottom: 10px; }
h5 { font-size: 14px; margin-top: 0; margin-bottom: 5px; }
li { margin-left: -15px; }
.large { font-size: 14px; }
.small { font-size: 10px; line-height: 1.3em; }
.topics { position: absolute; top: 290px; left: 20px; width: 240px; height: 60px; overflow: auto; padding-right: 5px; padding-left: 5px; border: solid 1px #708090; }
.topics p { font-size: 10px; line-height: 1.5em; }
.about { color: #789; }
.cifno { color: #4682b4; }
.hton { color: #db7093; }
.mcd { color: #ffa500; }
.arch { color: #39c; }
.mat { color: #66cdaa; }
.margin { margin-right: 10px; margin-left: 10px; }
.header { width: 720px; height: 50px; }
.header h1 { color: #fff; font-size: 14px; line-height: 1.5em; margin-top: 0; margin-bottom: 0; margin-left: 15px; padding-top: 12px; }
#header_about { background-image: url(../images/header_about.jpg); }
#header_cinfo { background-image: url(../images/header_cinfo.jpg); }
#header_hton { background-image: url(../hton/images/header_hton.jpg); }
#header_mcd { background-image: url(../mcd/images/header_mcd.jpg); }
#header_arch { background-image: url(../arch/images/header_arch.jpg); }
#header_mat { background-image: url(../mat/images/header_mat.jpg); }
.body { width: 710px; margin-bottom: 20px; margin-left: 10px; }
.body h1 { font-size: 14px; line-height: 1.5em; margin-top: 10px; margin-bottom: 5px; }
.body h3 { font-size: 13px; line-height: 1.5em; margin-top: 20px; margin-bottom: 5px; }
.body h5 { font-size: 12px; line-height: 1.5em; margin-top: 10px; margin-bottom: 5px; }
.footer { width: 720px; height: 30px; border-top: 1px solid #666; }
.footer p { font-size: 10px; text-align: right; }
.footer div { font-size: 10px; position: relative; top: -27px; margin-left: 5px; }
.tab { color: #0f0; width: 720px; height: 17px; margin-top: 3px; }
.tab div { float: left; }
.tab div a { width: 90px; height: 17px; display: block; }
.tab div a:hover { background-color: #fff; }
.tab div a:hover img { visibility: hidden; }
#home { background-image: url(../images/tab_home-over.gif); }
#hton { background-image: url(../images/tab_hton-over.gif); }
#mcd { background-image: url(../images/tab_mcd-over.gif); }
#arch { background-image: url(../images/tab_arch-over.gif); }
#mat { background-image: url(../images/tab_mat-over.gif); }
.menu { line-height: 1.6em; position: absolute; top: 90px; left: 0; width: 200px; }
.menu a { color: #333; background-image: url(../hton/images/menu_hton.gif); text-decoration: none; width: 190px; height: 20px; margin-bottom: 5px; padding-left: 10px; display: block; }
#current { color: #fff; background-image: url(../hton/images/menu_hton-current.gif); }
#subcurrent { color: #fff; background-image: url(../hton/images/menu_hton-subcurrent.gif); width: 180px; margin-left: 10px; padding-left: 10px; }
.sub a { background-image: none; width: 180px; padding-left: 20px; }
.menu a:hover { color: #fff; background-image: url(../hton/images/menu_hton-current.gif); text-decoration: none; }
.dan div { width: 210px; float: left; margin-top: 10px; margin-right: 20px; display: inline; }
.slide { background-color: #dcdcdc; padding-top: 10px; padding-left: 10px; }
.slide img { margin-right: 10px; margin-bottom: 10px; }
a { color: #39c; text-decoration: none; }
a:hover { color: #f93; text-decoration: underline; }