@charset "utf-8";


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

    /*============================================
本文
============================================*/
    p {
        width: 360px;
        /*幅の指定*/
        margin: 10px;
        /*マージン*/
        text-indent: 1em;
        /*インデント幅*/
    }


    /*　１つめのコンテンツ　*/
    div#l_letter1 {
        width: 390px;
        height: 260px;
        /*幅と高さ*/
        float: left;
        /*画像を左寄せにする*/
        padding: 30px 5px 0px 5px;
        /*パディング*/
        clear: both;
        /*回り込みを解除する*/
    }

    div#r_letter1 {
        width: 390px;
        height: 260px;
        /*幅と高さ*/
        padding: 30px 5px 0px 5px;
        /*パディング*/
        float: left;
        /*説明文を左寄せにする*/
    }

    div#r_letter1 h2 {
        width: 390px;
        height: 106px;
        /*幅と高さ*/
        background-color: #ffffff;
        /*背景色*/
        text-align: center;
        /*テキストをセンター揃えにする*/
        background-image: url(../images/button003.gif);
        /*背景画像*/
        background-repeat: no-repeat;
        /*背景画像を繰り返さない*/
    }


    div#r_letter1 h2 a {
        color: #000080;
        /*文字色*/
        font-size: 30px;
        /*フォントサイズ*/
        font-family: "HG明朝E", serif;
        /*フォントの種類*/
        display: block;
        /*リンク部分をブロック表示にする*/
        width: 390px;
        height: 106px;
        /*幅と高さ*/
        padding: 16px 0px 10px 0px;
        /*パディング*/
        text-decoration: none;
        /*リンク部分を下線無しにする*/
    }



    /*　２つめのコンテンツ　*/
    div#l_letter2 {
        width: 390px;
        height: 260px;
        /*幅と高さ*/
        float: left;
        /*画像を左寄せにする*/
        padding: 12px 5px 100px 5px;
        /*パディング*/
        clear: both;
        /*回り込みを解除する*/
    }

    div#r_letter2 {
        width: 390px;
        height: 260px;
        /*幅と高さ*/
        padding: 12px 5px 0px 5px;
        /*パディング*/
        float: left;
        /*説明文を左寄せにする*/
    }

    div#l_letter2 h2 {
        width: 390px;
        height: 106px;
        /*幅と高さ*/
        background-color: #ffffff;
        /*背景色*/
        text-align: center;
        /*テキストをセンター揃えにする*/
        background-image: url(../images/button003.gif);
        /*背景画像*/
        background-repeat: no-repeat;
        /*背景画像を繰り返さない*/
    }


    div#l_letter2 h2 a {
        color: #000080;
        /*文字色*/
        font-size: 30px;
        /*フォントサイズ*/
        font-family: "HG明朝E", serif;
        /*フォントの種類*/
        display: block;
        /*リンク部分をブロック表示にする*/
        padding: 35px 0px 6px 0px;
        /*パディング*/
        width: 390px;
        height: 106px;
        /*幅と高さ*/
        text-decoration: none;
        /*リンク部分を下線無しにする*/
    }




    /*　３つめのコンテンツ　*/
    div#l_letter3 {
        width: 390px;
        height: 260px;
        /*幅と高さ*/
        float: left;
        /*画像を左寄せにする*/
        padding: 30px 5px 0px 5px;
        /*パディング*/
        clear: both;
        /*回り込みを解除する*/
    }

    div#r_letter3 {
        width: 390px;
        height: 260px;
        /*幅と高さ*/
        padding: 30px 5px 0px 5px;
        /*パディング*/
        float: left;
        /*説明文を左寄せにする*/
    }

    div#r_letter3 h2 {
        width: 390px;
        height: 106px;
        /*幅と高さ*/
        background-color: #ffffff;
        /*背景色*/
        text-align: left;
        /*テキストを左寄せにする*/
        background-image: url(../images/button003.gif);
        /*背景画像*/
        background-repeat: no-repeat;
        /*背景画像を繰り返さない*/
    }


    div#r_letter3 h2 a {
        color: #000080;
        /*文字色*/
        font-size: 26px;
        /*フォントサイズ*/
        font-family: "HG明朝E", serif;
        /*フォントの種類*/
        display: block;
        /*リンク部分をブロック表示にする*/
        padding: 20px 0px 6px 20px;
        /*パディング*/
        width: 390px;
        height: 106px;
        /*幅と高さ*/
        text-decoration: none;
        /*リンク部分を下線無しにする*/
    }


    /*　４つめのコンテンツ　*/
    div#l_letter4 {
        width: 390px;
        height: 260px;
        /*幅と高さ*/
        float: left;
        /*画像を左寄せにする*/
        padding: 30px 5px 100px 5px;
        /*パディング*/
        clear: both;
        /*回り込みを解除する*/
    }

    div#r_letter4 {
        width: 390px;
        height: 260px;
        /*幅と高さ*/
        padding: 30px 5px 0px 5px;
        /*パディング*/
        float: left;
        /*説明文を左寄せにする*/
    }

    div#r_letter4 h2 {
        width: 390px;
        height: 106px;
        /*幅と高さ*/
        background-color: #ffffff;
        /*背景色*/
        text-align: center;
        /*テキストをセンター揃えにする*/
        background-image: url(../images/button003.gif);
        /*背景画像*/
        background-repeat: no-repeat;
        /*背景画像を繰り返さない*/
    }


    div#r_letter4 h2 a {
        color: #000080;
        /*文字色*/
        font-size: 30px;
        /*フォントサイズ*/
        font-family: "HG明朝E", serif;
        /*フォントの種類*/
        display: block;
        /*リンク部分をブロック表示にする*/
        padding: 35px 0px 6px 0px;
        /*パディング*/
        width: 390px;
        height: 106px;
        /*幅と高さ*/
        text-decoration: none;
        /*リンク部分を下線無しにする*/
    }


    /*　５つめのコンテンツ　*/
    div#l_letter5 {
        width: 390px;
        height: 260px;
        /*幅と高さ*/
        float: left;
        /*画像を左寄せにする*/
        padding: 12px 5px 0px 5px;
        /*パディング*/
        clear: both;
        /*回り込みを解除する*/
    }

    div#r_letter5 {
        width: 390px;
        height: 260px;
        /*幅と高さ*/
        padding: 12px 5px 0px 5px;
        /*パディング*/
        float: left;
        /*説明文を左寄せにする*/
    }

    div#l_letter5 h2 {
        width: 390px;
        height: 106px;
        /*幅と高さ*/
        background-color: #ffffff;
        /*背景色*/
        text-align: center;
        /*テキストをセンター揃えにする*/
        background-image: url(../images/button003.gif);
        /*背景画像*/
        background-repeat: no-repeat;
        /*背景画像を繰り返さない*/
    }


    div#l_letter5 h2 a {
        color: #000080;
        /*文字色*/
        font-size: 30px;
        /*フォントサイズ*/
        font-family: "HG明朝E", serif;
        /*フォントの種類*/
        display: block;
        /*リンク部分をブロック表示にする*/
        padding: 35px 0px 6px 0px;
        /*パディング*/
        width: 390px;
        height: 106px;
        /*幅と高さ*/
        text-decoration: none;
        /*リンク部分を下線無しにする*/
    }


    div#message {
        width: 800px;
        /*幅の指定*/
        padding: 10px 0px 0px 0px;
        /*パディング*/
        text-align: right;
        /*テキストを右寄せにする*/
        font-size: small;
        /*フォントサイズ*/
    }


    div#guid {
        clear: both;
        /*回り込みを解除する*/
        text-align: center;
        /*センタリング*/
    }


}