@charset "utf-8";

#visual{ background:url(../img/visual.jpg) center no-repeat #f5f5f5; height:279px; margin:0 0 30px 0;}

#newsArea{ width:70%; max-width:700px; text-align:left; position:relative;}
#newsArea h2{ margin:0 0 20px 0; font-size: 180%; border-bottom:4px #006699 solid; padding: 0 0 5px 0;}
#newsArea li{ background:url(../common/img/icon_eyecatch_on.gif) 0 6px no-repeat; padding:0 0 0 15px; margin:3px 0;}
#newsArea #newsLink{ position:absolute; top:0; right:0;}

#bannerArea{ width: 25%; max-width:280px;}
#bannerArea p{ border:5px solid #006699; padding:10px; background:#f5f5f5; color:#006699; font-weight:bold;}
#bannerArea li{ margin:10px 0;}
#bannerArea li img{ width: 100%; height: auto;}

#wait{ margin:300px;}


@media screen and (max-width: 1000px) {
#newsArea{ width:70%; max-width:100%!important; text-align:left; position:relative;}
#bannerArea{ width: 25%; max-width:100%!important; margin: 0 0 0 0;}
#bannerArea ul{ margin: 15px 0 0 0;}
#bannerArea ul li{ width: 100%;}
}

@media screen and (max-width: 640px) {
#newsArea{ width:100%; max-width:100%!important; text-align:left; position:relative;}
#bannerArea{ width: 100%; max-width:100%!important; margin: 50px 0 0 0;}
#bannerArea ul{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;  margin: 15px 0 0 0;}
#bannerArea ul li{ width: 48%;}
}