@charset "utf-8";


@media screen and (min-width:501px) {
/*============================================
タイトル
============================================*/


    h2#comment {
        color: #000000;
        /*文字色*/
        font-size: 18px;
        /*フォントサイズ*/
        text-align: left;
        /*テキストを左寄せにする*/
        font-family: "ＭＳ ゴシック", sans-serif;
        /* フォントの種類をゴシック系にする */
        padding: 40px 0px 20px 0px;
        /*パディング*/
    }

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

/*============================================
中段メニュー
============================================*/

    ul#menu3 {
        width: 840px;
        height: 46px;
        /*中段メニュー部分の幅と高さ*/
        padding: 0px 0px 40px 0px;
        /*パディング*/
    }

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

    #menu3 li a {
        font-family: "HG明朝E", serif;
        /*フォントの種類*/
        width: 210px;
        height: 46px;
        /*幅と高さ*/
        text-align: center;
        /*テキストをセンター揃えにする*/
        text-decoration: none;
        /*リンク部分を下線無しにする*/
    }

    a#middle_menu3-1 {
        color: #ffffff;
        /*文字色*/
        font-size: 14px;
        /*フォントのサイズ*/
        display: block;
        /*ブロック表示にする*/
        width: 210px;
        height: 46px;
        /*幅と高さ*/
        padding: 2px 0px 0px 0px;
        /*パディング*/
        background-image: url("../images/button004.gif");
        /*背景画像*/
        background-repeat: no-repeat;
        /*背景画像を繰り返さない*/
    }

    a#middle_menu3-2 {
        color: #666666;
        /*文字色*/
        font-size: 14px;
        /*フォントのサイズ*/
        display: block;
        /*ブロック表示にする*/
        width: 210px;
        height: 46px;
        /*幅と高さ*/
        padding: 2px 0px 0px 0px;
        /*パディング*/
        background-image: url("../images/button005.gif");
        /*背景画像*/
        background-repeat: no-repeat;
        /*背景画像を繰り返さない*/
    }

    a#middle_menu3-3 {
        color: #666666;
        /*文字色*/
        font-size: 18px;
        /*フォントのサイズ*/
        display: block;
        /*ブロック表示にする*/
        width: 210px;
        height: 46px;
        /*幅と高さ*/
        padding: 10px 0px 0px 0px;
        /*パディング*/
        background-image: url("../images/button005.gif");
        /*背景画像*/
        background-repeat: no-repeat;
        /*背景画像を繰り返さない*/
    }

    a#middle_menu3-4 {
        color: #666666;
        /*文字色*/
        font-size: 18px;
        /*フォントのサイズ*/
        display: block;
        /*ブロック表示にする*/
        width: 210px;
        height: 46px;
        /*幅と高さ*/
        padding: 10px 0px 0px 0px;
        /*パディング*/
        background-image: url("../images/button005.gif");
        /*背景画像*/
        background-repeat: no-repeat;
        /*背景画像を繰り返さない*/
    }


/*============================================
本文
============================================*/


    div#pagebody00 {
        width: 600px;
        margin: 0 auto;
        /*内容全体をセンタリング*/
        padding: 0px 0px 40px 0px;
        /*パディング*/
    }

    h3 {
        color: #57002c;
        /*文字色*/
        font-size: 16px;
        /*フォントサイズ*/
        text-align: left;
        /*テキストを左寄せにする*/
        font-family: "ＭＳ ゴシック", sans-serif;
        /* フォントの種類をゴシック系にする */
        font-weight: bold;
        /*フォントをボールドにする*/
        background-color: #ffffff;
        margin: 0px;
        padding: 10px;
        /*背景色*/
        border: solid 2px #666666;
        /*外枠*/
    }

    h4 {
        color: #000000;
        /*文字色*/
        font-size: 16px;
        /*フォントサイズ*/
        text-align: left;
        /*テキストを左寄せにする*/
        font-family: "ＭＳ ゴシック", sans-serif;
        /* フォントの種類をゴシック系にする */
        font-weight: bold;
        /*フォントをボールドにする*/
        padding: 10px 0px 0px 0px;
        /*パディング*/
    }

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

    div#pagebody00 p {
        width: 600px;
        /*幅の指定*/
        margin: 5px;
        /*マージン*/
        text-indent: 1em;
        /*インデント幅*/
    }

    div#pagebody00 p.sentence {
        margin: 0px 0px 30px 0px;
        /*マージン*/
    }


    div#pagebody00 p.sentence1 {
        margin: 5px 5px 35px 5px;
        /*マージン*/
    }

    ul#sentence15 {
        width: 600px;
        /*幅の指定*/
        margin: 35px auto 35px;
        /*マージン*/
　　　　color: #000000;
        /*文字色*/
        background-color: #ffffec;
        padding: 10px;
        /*背景色*/
        border: solid 2px #666666;
        /*外枠*/
list-style-position: inside;
    }





/*============================================
ページ移動ボタン
============================================*/

    p#next_b01 {
        width: 600px;
        margin: 0 auto;
        /*内容全体をセンタリング*/
        padding: 0px 0px 40px 0px;
        /*パディング*/
        font-family: "HG明朝E", serif;
        /*フォントの種類*/
        font-size: 24px;
        /*フォントのサイズ*/
        text-align: center;
        /*テキストをセンター揃えにする*/
        width: 368px;
        height: 44px;
        /*幅と高さ*/
    }

    p#next_b01 a {
        display: block;
        /*リンク部分をブロック表示にする*/
        width: 368px;
        height: 44px;
        /*幅と高さ*/
        color: #000080;
        /*文字色*/
        padding: 6px 0px 0px 0px;
        /*パディング*/
        background-image: url("../images/button006.gif");
        /*背景画像*/
        background-repeat: no-repeat;
        /*背景画像を繰り返さない*/
        text-decoration: none;
        /*リンク部分を下線無しにする*/
    }


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


    p#next_b02 {
        width: 600px;
        margin: 0 auto;
        /*内容全体をセンタリング*/
        padding: 0px 0px 20px 0px;
        /*パディング*/
        font-family: "ＭＳ ゴシック", sans-serif;
        /* フォントの種類をゴシック系にする */
        font-size: 16px;
        /*フォントのサイズ*/
        text-align: center;
        /*テキストをセンター揃えにする*/
    }

    p#next_b02 a {
        color: #3333ff;
        /*文字色*/
        font-weight: bold;
        /*フォントをボールドにする*/
        text-shadow: 2px 2px 2px #808080;
        /*テキストに影を付ける*/
        text-decoration: none;
        /*リンク部分を下線無しにする*/
    }



    p#next_b03 {
        width: 600px;
        margin: 0 auto;
        /*内容全体をセンタリング*/
        padding: 0px 0px 40px 0px;
        /*パディング*/
        font-family: "Tahoma", sans-serif;
        /*フォントの種類*/
        font-size: 20px;
        /*フォントのサイズ*/
        text-align: center;
        /*テキストをセンター揃えにする*/
        width: 220px;
        height: 47px;
        /*幅と高さ*/
    }

    p#next_b03 a {
        display: block;
        /*リンク部分をブロック表示にする*/
        width: 220px;
        height: 47px;
        /*幅と高さ*/
        color: #000000;
        /*文字色*/
        padding: 10px 0px 0px 0px;
        /*パディング*/
        background-image: url("../images/button007.gif");
        /*背景画像*/
        background-repeat: no-repeat;
        /*背景画像を繰り返さない*/
        text-decoration: none;
        /*リンク部分を下線無しにする*/
    }


    div#next_b04 {
        width: 600px;
        margin: 0 auto;
        /*内容全体をセンタリング*/
        text-align: center;
        /*画像をセンター揃えにする*/
    }


    div#next_b04 a {
        width: 40px;
        height: 40px;
        /*幅と高さ*/
        padding: 0px 10px 0px 10px;
        /*パディング*/
    }


/*============================================
Q&A
============================================*/

.qa *, .qa *:after, .qa *:before {
	font-family: sans-serif;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.qa {
	margin: 0 0 2em 10px;
	padding: 1em 1em 0.5em 1em;
}

.qa dl {
	margin: 0;
}
.qa dt {
	margin-bottom: 0.5em;
	padding: 0.2em 0.5em 0.5em 2em;
	border-radius: 0.2em;
	background: #ffffd0;
}
.qa dd {
	margin-bottom: 1em;
	margin-left: 0;
	padding: 0.5em 1em 1.5em 3em;
}
/* QAアイコン */
.qa dt::before,.qa dd::before{
	font-size: 1.5em;
	color: #000000;
}
.qa dt::before {
	margin: 0.3em 0.3em 0 -1em;
	content: 'Q';
}
.qa dd::before {
	margin: 0 0.5em 0 -2em;
	padding: 0.2em 0.4em;
	content: 'A';
	border-radius: 0.2em;
	background: #b0f8ff;
}

}