@charset "utf-8";

/* CSS Document */


#top{ padding:5px 0;}


#top ul.navbtn{ margin:0px 3.44% 0px 3.44%; padding:0; list-style:none;}
#top ul.navbtn li{ width:32%; float:left;margin:0 0 0 0;background:#fff;padding:3px 1%;}
#top ul.navbtn li.col2{ width:66%;}
#top ul.navbtn li:first-child{padding:3px 1% 3px 0%;}
#top ul.navbtn li:last-child{padding:3px 0% 3px 1%;}

#top ul.navbtn li a{display:block;}
#top ul.navbtn li img{width:100%;height:auto;}
#top h2{ margin:0; padding:1px; border-bottom:1px solid #e2e2e2; font-size:18px;}
#top h2 a{ color:#ffffff; text-decoration:none;}

#top #event{ border:1px solid #ffcb15; border-radius:5px; background:#ffffff; margin-bottom:10px;}
#top #event h2 a{ background:#ffcb15; display:block; border-radius:5px 5px 0 0; padding:6px;}
#top #event h2 a .ico{ display:block; background:url(../images/top_pu_ttl.gif) left no-repeat; background-size:20px 20px; padding-left:28px;}
#top #event h2 a .arrow{ display:block; background:url(../images/arrow_or.gif) right no-repeat; background-size:16px 16px; padding-right:20px;}
#top #event ul{ margin:0; padding:0; list-style:none;}
#top #event ul li{ padding:5px 7px; border-bottom:1px solid #e2e2e2;}
#top #event ul li:last-child{ border-bottom:none;}
#top #event ul li a{ display:block; text-decoration:none;}
#top #event ul li a img{ float:left; max-width:40%; margin-right:8px;}
#top #event ul li a .evinfo{ display:block; overflow:hidden;}
#top #event ul li a .evttl{ display:block; color:#9a6333; font-size:16px; margin-bottom:5px;}

#top #guide{ border:1px solid #00bcc1; border-radius:5px; background:#ffffff; margin-bottom:10px;}
#top #guide h2 a{ background:#00bcc1; display:block; border-radius:5px 5px 0 0; padding:6px;}
#top #guide h2 a .arrow{ display:block; background:url(../images/arrow_bl.gif) right no-repeat; background-size:16px 16px; padding-right:20px;}
#top #guide ul{ margin:0; padding:0; list-style:none;}
#top #guide ul li{ padding:5px 7px; border-bottom:1px solid #e2e2e2;}
#top #guide ul li:last-child{ border-bottom:none;}
#top #guide ul li a{ display:block; background:url(../images/arrow_bl_2.gif) right no-repeat; background-size:16px 16px;  padding-right:20px; font-size:16px; color:#6e6967; text-decoration:none;}
#top #guide ul li a span{ display:block; padding:5px 0 5px 40px;}
#top #guide ul li a span.g01{ background:url(../images/top_guide_1.gif) 2px no-repeat; background-size:30px 30px;}
#top #guide ul li a span.g02{ background:url(../images/top_guide_2.gif) 2px no-repeat; background-size:30px 30px;}

#top #news{ border:1px solid #ff593c; border-radius:5px; background:#ffffff; margin-bottom:10px;}
#top #news h2 a{ background:#ff593c; display:block; border-radius:5px 5px 0 0; padding:6px;}
#top #news h2 a .ico{ display:block; background:url(../images/top_news_ttl.gif) left no-repeat; background-size:20px 20px; padding-left:28px;}
#top #news h2 a .arrow{ display:block; background:url(../images/arrow_rd.gif) right no-repeat; background-size:16px 16px; padding-right:20px;}
#top #news ul{ margin:0; padding:0; list-style:none;}
#top #news ul li{ padding:5px 7px; border-bottom:1px solid #e2e2e2;}
#top #news ul li:last-child{ border-bottom:none;}
#top #news ul li a{ display:block; text-decoration:none;}
#top #news ul li a .date{ display:block; margin-bottom:2px; color:#9a6333; font-size:15px;}

#top #special{ border:1px solid #c6b67c; border-radius:5px; background:#ffffff; margin-bottom:10px; padding:2px;}
#top #special h2{ border:1px solid #c6b67c; background:#fff319; padding:0; line-height:0.1; margin:0 0 6px; border-radius:5px;}
#top #special h2 a{ display:block; padding:4px 4px 4px 12px;}
#top #special h2 a .spttl{ float:left; max-height:30px;}
#top #special h2 a .spbtn{ float:right; max-height:30px;}
#top #special a.entry{ display:block; padding:0 5px 5px; text-decoration:none;}
#top #special a.entry .spimg{ float:left; max-width:40%; margin-right:8px;}
#top #special a.entry .spdetail{ overflow:hidden;}
#top #special a.entry .spdetail .entryttl{ display:block; color:#9a6333; font-size:16px;}

#top dl.bans{ margin-bottom:5px;}
#top dl.bans dt{}
#top dl.bans dd{ margin:0 0 10px 0; padding:0px;}


