@charset "utf-8";

html:before, html:after, body:before, body:after {
    content: "";
    background: #073190;
    }
#pageTop { background: #073190; }
#pageTop::before { border-top: 20px solid #073190; }
/*#header { background: none!important; }*/

/*============================
#topBannerArea
============================*/
#topBannerArea { text-align: center; background: #073190; }
#topBannerArea .pad {}
#topBannerArea .pad h1 { text-indent: -9999px; background: url(../../imageFile/supported/top_banner.png)no-repeat center; height: 150px; background-size: cover; min-width: 1200px;
width: 100%; margin: 0 auto; }

/*============================
#pageSet
============================*/
#pageSet { }
#pageSet .pageSetContent { width: 800px; padding: 60px 100px 0; margin: 0 auto; }

/*============================
#contentsArea
============================*/
#contentsArea {}
#contentsArea .contentsText { line-height: 1.75; }
#contentsArea .imgContents { margin-top: 50px; padding-top: 60px; border-top: 1px dashed #073190; }
#contentsArea .imgContents .imgBox { float: left; width: 380px; height: 250px; }
#contentsArea .imgContents .imgBox:first-child { margin-right: 40px; }
#contentsArea .imgContents .imgBox img { width: 100%; height: auto; }
#contentsArea .exText { font-style: italic; padding-top: 30px; padding-bottom: 50px; border-bottom: 1px dashed #073190; line-height: 1.75; color: #666; }
#contentsArea .exText a { display: block; font-size: 1.125em; font-weight: bold; padding-top: 10px; }
#contentsArea .bottomBanner { width: 510px; height: 82px; margin: 60px auto; }
#contentsArea .bottomBanner a { display: block; }
#contentsArea .bottomBanner a img { width: 100%; height: auto; }



/*============================
#footer
============================*/
#footer { background: url(../../imageFile/supported/bg_footer_supported.png) no-repeat center top!important; margin-top: 100px; }