body,
body th,
body td,
body textarea
{
    font-size: 13px
}

#divMessage
{
    border: solid 1px #6C8446;
    color: red;
    padding: 5px
}
input.MenuButton
{
    width: 160px;
    height: 30px
}

/**
 * テーブル
 *   ボーダーをグレーの一本線にする
 *   tableタグに"GraySolidTable"というクラスを指定するのみ
 *   <table class="GraySolidTable"><tr><td>あいうえお</td></tr></table>
 */
table.GraySolidTable
{
    border-collapse: collapse
}
table.GraySolidTable th,
.SolidBlockH
{
    border: solid 1px #6C8446;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    background-color: #e8e8e8 /*#E8FFD1*/
}
table.GraySolidTable td,
.SolidBlockD
{
    border: solid 1px #6C8446;
    padding: 5px
}

/**
 * ブロック要素
 *   縦スクロール
 *   クラス指定と別途高さの指定をする。
 *   指定した高さを超える内容がある場合はスクロールバーが有効となる。
 *   <div class="Scrollable" style="width:200px;height:150px">あいうえお</div>
 */
.Scrollable
{
    overflow-x: hidden;
    overflow-y: scroll
}

/**
 * ボタン群
 */
div.ButtonPanel
{
    margin-right: 10px;
    margin-left: 10px
}
div.ButtonPanel input
{
    width: 100px;
    height: 30px
}
div.ButtonPanel input.Wide
{
    width: auto
}
div.ButtonPanel input.GoBack
{
    width: auto;
    float: right
}

/**
 * ページ遷移ボタン群
 *   <div class="Pagenation">
 *     <input type="submit" class="Rel" value="前のページ"/ id=submit1 name=submit1>
 *     <input type="submit" class="Abs" value="1"/ id=submit1 name=submit1>
 *     <button class="Abs" id=button1 name=button1>2</button>
 *     <button class="Rel" id=button1 name=button1>次のページ</button>
 *   </div>
 */
div.Pagenation
{
    margin-left:13px
}
div.Pagenation input.Rel
{
    width: 100px;
    height: 30px
}
div.Pagenation button.Rel
{
    display: none
}
div.Pagenation input.Abs
{
    width: 30px;
    height: 30px;
}
div.Pagenation button.Abs
{
    width: 30px;
    height: 30px
}
/**
 * ページ遷移アンカー群
 *   <div class="Pagenation">
 *     <a href="..." class="Rel">前のページ</a>
 *     <a href="..." class="Abs">1</a>
 *     <span class="Abs">2</span>
 *     <span class="Rel">次のページ</span>
 *   </div>
 */
div.Pagenation a.Rel
{
    padding:6px 10px;
    border: solid 1px #6C8446;
    text-align: center;
    width: 100px
}
div.Pagenation span.Rel
{
    display: none
}
div.Pagenation a.Abs
{
    padding:6px 10px;
    border: solid 1px #6C8446;
    text-align: center;
    width: 0px
}
div.Pagenation span.Abs
{
    padding:6px 10px;
    border: solid 1px #6C8446;
    text-align: center;
    width: 0px;
    background-color: #E8FFD1
}

/**
 * 横レイアウト
 *   クラスを指定した要素に子要素として追加されたdivは横に並べられる。
 *   brを追加すると次の子要素はいったん横並べが解除され次の行に配置される。
 *   <div class="HorizonLayout">
 *     <div>あいうえお</div>
 *     <div>かきくけこ</div>
 *     <br/>
 *     <div>さしすせそ</div>
 *   </div>
 */
.HorizonLayout div {
    float: left
}
.HorizonLayout br {
    clear: both
}