@charset "utf-8";
/* CSS Document */

#topArea{ background:url(../images/top_main.jpg) top center no-repeat #eeeeee; background-size:100% auto; padding:110px 15px 15px;}

#topArea h2{ color:#8ec31f; font-weight:bold; font-size:16px;}

#topArea .snsBox{ margin-bottom:10px;}

#topArea .newsBox{ background:#ffffff; margin-bottom:10px;}
#topArea .newsBox .title{ border-bottom:2px solid #eeeeee; padding:10px;}
#topArea .newsBox .title h2{ float:left;}
#topArea .newsBox .title a{ float:right; display:inline-block; background:url(../images/icon_arrow_gr.png) right no-repeat; background-size:7px auto; padding-right:12px; text-decoration:none;}
#topArea .newsBox dl{ padding:10px 10px 0;}
#topArea .newsBox dl dt{}
#topArea .newsBox dl dd{ padding-bottom:10px;}
#topArea .newsBox dl dd a{ text-decoration:none;}

#topArea .eventBox{ background:#ffffff; margin-bottom:10px;}
#topArea .eventBox h2{ border-bottom:2px solid #eeeeee; padding:10px;}
#topArea .eventBox .info{ padding:10px;}
#topArea .eventBox .info p{ margin:0 0 5px;}
#topArea .eventBox .info .more{ margin-top:10px;}
#topArea .eventBox .info .more a{ display:block; background:url(../images/icon_arrow_wh.png) right no-repeat #8ec31f; background-size:10px auto; color:#ffffff; text-decoration:none; text-align:center; padding:10px 15px 10px 25px; font-weight:bold; border-right:10px solid #8ec31f;}

#topArea .aboutBox{ text-align:center; background:#a0a0a0; margin-bottom:10px;}
#topArea .halfL{ width:48%; float:left; text-align:center; background:#a0a0a0;}
#topArea .halfR{ width:48%; float:right; text-align:center; background:#a0a0a0;}

#topArea a.boxGr,#topArea a.boxGn{ display:block; position:relative; text-decoration:none;}
#topArea a.boxGr span{ display:block; position:absolute; bottom:0px; left:0px; right:0px; background:#000000; opacity:0.75; color:#ffffff; font-weight:bold; padding:10px;}
#topArea a.boxGn span{ display:block; position:absolute; bottom:0px; left:0px; right:0px; background:#8ec31f; color:#ffffff; font-weight:bold; padding:10px;}

#topArea .noImg{ margin-bottom:10px;}
#topArea .noImg a{ display:block; background:url(../images/icon_arrow_wh.png) right no-repeat #8ec31f; background-size:10px auto; color:#ffffff; text-decoration:none; font-weight:bold; padding:10px 25px 10px 10px; border-right:10px solid #8ec31f;}