@charset "utf-8";

@media screen and (min-width:501px) {

    /*============================================
全般的なスタイル
============================================*/
    * {
        margin: 0;
        padding: 0;
        /*全要素のマージン・パディングをリセット*/
    }

    body {
        font-family: "ＭＳ ゴシック", sans-serif;
        /* フォントの種類をゴシック系にする */
        line-height: 1.5;
        /* 行の高さを1.5倍にする */
        color: #000000;
        /* 文字色をブラックにする */
    }

    div#pagebody {
        width: 840px;
        margin: 0 auto;
        /*内容全体をセンタリング*/
    }

    img {
        border: 0;
    }

    /*画像のボーダーを0にする*/

    div.small {
        font-size: 80%;
        /* フォントのサイズを80％にする */
        margin: 5px 0px 5px 0px;
        /*マージン*/
    }


    div#pagebody p.sentence13 {
        width: 600px;
        /*幅の指定*/
        margin: 35px auto 35px;
        /*マージン*/
　　　　color: #000000;
        /*文字色*/
        background-color: #ffffec;
        padding: 10px;
        /*背景色*/
        border: solid 2px #666666;
        /*外枠*/
    }


    div#pagebody p.sentence130 {
        width: 400px;
        /*幅の指定*/
        margin: 35px auto 35px;
        /*マージン*/
　　　　color: #000000;
        /*文字色*/
        background-color: #ffffec;
        padding: 10px;
        /*背景色*/
        border: solid 2px #666666;
        /*外枠*/
    }

    /*============================================
ヘッダ
============================================*/
    h1#header {
        float: left;
        height: 30px;
        /*ヘッダ部分の高さ*/
    }

    h1#header {
        padding: 0px 0px 0px 0px;
        /*見出しの位置調整*/
        font-size: 14px;
        /*フォントのサイズ*/
        font-family: "HG明朝E", serif;
        /*フォントの種類*/
    }

    h1#header a {
        color: #000000;
        /* 文字色をブラックにする */
        text-decoration: none;
    }

    /*リンクの下線を無くす*/

    h1#header a:before {
        content: url("../images/trinity05.gif");
        /*アイコン画像を挿入*/
        margin: 0px 10px 0px 0px;
        /*マージン*/
        vertical-align: middle;
        /*縦方向の表示位置*/
    }

    div#message1 {
        float: right;
        font-size: 12px;

    }






    /*============================================
上メニュー
============================================*/
    ul#menu1 {
        width: 840px;
        height: 34px;
        /*メインメニュー部分の幅と高さ*/
        background-color: #cccccc;
        /*背景色*/
    }

    #menu1 li {
        list-style-type: none;
        /*リストマーカー無しにする*/
        display: inline;
        /*リスト項目をインライン表示にする*/
        float: left;
        /*リスト項目を横に並べる*/
        width: 168px;
        height: 28px;
        /*幅と高さ*/
    }

    #menu1 li a {
        color: #000000;
        /*文字色*/
        font-size: 12px;
        /*フォントのサイズ*/
        font-family: "Tahoma", sans-serif;
        /*フォントの種類*/
        display: block;
        /*リンク部分をブロック表示にする*/
        width: 168px;
        height: 28px;
        /*幅と高さ*/
        padding: 6px 0px 0px 0px;
        /*パディング*/
        text-align: center;
        /*テキストをセンター揃えにする*/
        text-decoration: none;
        /*リンク部分を下線無しにする*/
    }

    #menu1 li a:hover {
        background-color: #999999;
        /*リンクにマウスが乗ったら背景色を変更する*/
    }





    /*============================================
下メニュー
============================================*/
    ul#menu2 {
        width: 840px;
        height: 34px;
        /*メインメニュー部分の幅と高さ*/
        background-color: #cccccc;
        /*背景色*/
        clear: both;
        /*回り込みを解除する*/
    }

    #menu2 li {
        list-style-type: none;
        /*リストマーカー無しにする*/
        display: inline;
        /*リスト項目をインライン表示にする*/
        float: left;
        /*リスト項目を横に並べる*/
        width: 168px;
        height: 34px;
        /*幅と高さ*/
    }

    #menu2 li a {
        color: #000000;
        /*文字色*/
        font-size: 12px;
        /*フォントのサイズ*/
        font-family: "Tahoma", sans-serif;
        /*フォントの種類*/
        display: block;
        /*リンク部分をブロック表示にする*/
        width: 168px;
        height: 26px;
        /*幅と高さ*/
        padding: 8px 0px 0px 0px;
        /*パディング*/
        text-align: center;
        /*テキストをセンター揃えにする*/
        text-decoration: none;
        /*リンク部分を下線無しにする*/
    }

    #menu2 li a:hover {
        background-color: #999999;
        /*リンクにマウスが乗ったら背景色を変更する*/
    }





    /*============================================
フッタ
============================================*/


    div#guid1 {
        clear: both;
        /*回り込みを解除する*/
        width: 600px;
        margin: 0 auto;
        font-size: 80%;
    }


    div#footer {
        clear: both;
        /*回り込みを解除する*/
        padding: 10px 0px 0px 0px;
        /*パディング*/
        text-align: center;
        /*センタリング*/
    }

div#fixb
{
  position: fixed;
  bottom: 0px; 
  right: 0px;
  padding: 0px 0px;
}
        /*固定ボタン*/


}