body {
    background-repeat: repeat;
    background-image: url(./img/rust_dark3.jpg);
    background-color: #000;
    color: #9da46d;
    text-shadow: 2px 2px 1px #000, 3px 3px 5px #000;
}

.text-horizontal-center {
  text-align: center;
}

a {
color:#95a2ff;
}

hr{
    width:500px;
}

h1{
text-align: center;
}
h1 span {
margin:20px;
}
h1 img {
vertical-align: middle;
}

h2{
color: #807055;}
h2 span {
margin:20px;
}
h2 img {
vertical-align: -0.3em;
}

h3{
color: #6b8060;
}
h3 span {
margin:20px;
}
h3 img {
vertical-align: -0.4em;
}



.marquee {
/*  background-color: #cee4ae; /* 背景色 */
--marquee-width: 300px; /* 横幅 (“％”では指定できません) */
width: var(--marquee-width);
overflow: visible;
}

.marquee > span {
display: inline-block;
white-space: nowrap;
animation-name: MarqueeScroll;
animation-timing-function: linear;
animation-duration: 4s; /* 片道にかかる時間 */
animation-iteration-count: infinite; /* 繰り返す回数 */
animation-direction: alternate; /* アニメーションを往復させる  */
}

@keyframes MarqueeScroll {
from { transform: translateX(0);}
to { transform: translateX(calc(var(--marquee-width) - 100%));}
}


table {
    border: 1px dotted gray;
    margin: 0 auto;
    background-image: url(./img/clear_blue.gif);
}

th,td {
    border: 1px dotted gray;
    text-align: left;
}

table.timeMsg {
    margin: 0em 0em 0em 1em;
    text-align: center;
    width: 300px;
    border: none;
    color: #fff;
    margin: 0 auto;
}

tr,th.timeMsg {
    border: none;
    text-align: left;
}

#timeMsg {
    margin: 0 auto;
}


#center1{
    margin: 0 auto;
}