﻿.MsgArea
{
	padding: 5px;
	background-color: #FFFFFF;
	border: thin solid #800000;
}
.ProgramTitle
{
	font-family: 'MS Gothic';
	font-size: large;
	color: #993333;
}
.ColumnTitle
{
	font-family: 'MS Gothic';
	font-size: small;
	color: #660000;
}
.ColumnValue
{
	font-family: 'MS Gothic';
	font-size: small;
}
.ValidationValue
{
    font-family: 'MS Gothic';
    font-size: small;
    color: #FF0000;
}
.ButtonFont
{
	font-family: 'MS Gothic';
	font-size: small;
}
.TitleArea
{
	text-align: left;
	vertical-align: bottom;
}
.InputArea
{
	vertical-align: bottom;
	text-align: right;
}
.MenuTable
{
	vertical-align: top;
}
.MenuGroup {
	background-color: #316745;
	color: #FFFFFF;
	font-family: 'MS Gothic';
	text-align: left;
}
.Menu
{
	color: #222200;
	background-color: #FFFFFF;
	font-family: 'MS Gothic';
	font-size: small;
	text-align: left;
}
.MenuSel
{
	color: #FFFFFF;
	background-color: #596B1D;
	font-family: 'MS Gothic';
	font-size: small;
	text-align: left;
}
.MenuLinkButton
{
	color: #222200;
	font-size: small;
	font-family: 'MS Gothic';
	text-align: left;
	border-bottom-style: none;
	text-decoration: none;
}
.CommentFont
{
	font-family: 'MS Gothic';
}
.NewFont {
	text-align: center;
	background-color: #316745;
	color: white;
	font-weight: bold;
}

/*画面横文字のスライド*/
.marquee {
    margin: 0 auto 40px;
    width: 100%;
    font-size: 28px;
    text-align: center;
    overflow: hidden;
}

    .marquee p {
        margin: 0;
        display: inline-block;
        padding-left: 100%;
        white-space: nowrap;
        line-height: 1em;
        animation: scrollmarquee 20s linear infinite;
    }

@keyframes scrollmarquee {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}