@charset "utf-8";

/* CSS Document 
  by Duc Nguyen (ドク)
*/
.main_visual { cover; padding: 20px 0; }
.main_visual li { background: #a1e57b; font-size: 13px; margin: 20px 5px 0; padding: 7px 5px; color: #fff; position: relative; }
.main_visual li:last-child { background: #83bffa; font-size: 12px; }
.main_visual li a:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.main_visual h3 { margin-bottom: 5px; }
.top01 { background: url(../images/bg_img1.jpg) top center no-repeat; background-size: 320px auto; padding: 20px 3px; }
.top01 .pic_l h3 { font-size: 16px; margin-bottom: 10px; }
.top01 .pic_l .image { margin: 0 -10px -2px 0; }
.top_new { position: relative; margin: 10px 0 0; }
.top_new .btn_news { position: absolute; right: 8px; top: 10px; }
.top_new h3 { -webkit-border-radius: 7px 7px 0 0/8px 8px 0 0; -moz-border-radius: 7px 7px 0 0/8px 8px 0 0; border-radius: 7px 7px 0 0/8px 8px 0 0; background-color: #eae6d6; border: solid 1px #d5cfb6; padding: 10px 5px; }
.top_new .list_news { background: #fff; padding: 5px; border: 1px solid #d8d2ba; }
.top_new .list_news dt { color: #7ebcfa; font-size: 13px; padding-top: 5px; }
.top_new .list_news dd { border-bottom: 1px dotted #b1ac96; padding-bottom: 5px; }
.top_new .list_news a { color: #000; text-decoration: none; }
.top02 .box { margin: 5px 0 20px; background: #fff; border: 1px solid #9de56d; padding: 14px 4px 20px; position: relative; }
.top02 ul { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #9de56d; padding: 5px; color: #fff; }
.top02 ul li { float: left; min-width: 33%; font-size: 12px; }
.top02 .box:after { content: ""; height: 0; width: 0; border-right: 10px solid #9de56d; border-bottom: 10px solid #9de56d; border-top: 10px solid transparent; border-left: 10px solid transparent; position: absolute; bottom: 0; right: 0; z-index: 1; }
.top02 .box a:after { content: ""; position: absolute; bottom: 0; right: 0; left: 0; top: 0; z-index: 2 }
.top02 .box.box_blue { border: 1px solid #7eb8f4; }
.top02 .box.box_blue ul { background: #7eb8f4; }
.top02 .box.box_blue li { min-width: 25%; }
.top02 .box.box_blue:after { border-right: 10px solid #7eb8f4; border-bottom: 10px solid #7eb8f4; }
.top03 { padding: 10px 7px;}
.top03 ul { padding: 10px 20px;}
.top03 .image { float: left; width: 84px; } 
.top03 .text { float: right; width: 160px; } 
.top03 li { margin: 0 0 15px; } 
.top03 .text h4 { margin: 5px 0 10px; } 
.g_p {font-size:15px; color:#fff; font-weight:bold; margin:-210px 5px 10px 5px; text-align:center;}
.g_p1 {margin:15px 20px;}
.g_pp {font-size:15px; color:#fff; font-weight:bold; margin:-200px 5px 10px 5px; text-align:center;}
.g_pp1 {margin:15px 20px 70px 20px;}
.top04 { background: url(../images/index1.jpg) top center no-repeat ; background-size:310px; padding:8px 10px; text-align:center; font-size:15px; color:#fff; font-weight:bold; margin:40px 5px 10px 5px;}
#top_topics #rss { position:absolute; top:10px; right:5px; }
#top_topics { margin:10px 0 15px; position:relative; }
#top_topics #topics_detail { position:absolute; top:7px; right:5px; }
/*#top_topics #topics_detail a { background: url(../images/icon_detail.png) 97% center no-repeat #909090; padding:1px 15px 1px 5px; color:#fff; display:block; font-weight:bold; text-decoration:none; }*/

#top_topics #topics_detail a { padding:1px 15px 1px 5px; color:#333; display:block; font-weight:bold;  }
#top_topics h1 { padding:7px 12px 5px }
#top_topics ul { clear:both; }
#top_topics ul li { border-bottom:1px dotted #bfbfbf; padding:7px 7px; }
#top_topics ul li a { color:#353535; text-decoration:none; display:block; background:url(../images/bg_news.png) right center no-repeat; padding:0 10px 0 0; }
#top_topics ul li .day { display:block; color:#333; font-weight:bold; }
#top_topics #topics_detail a { padding:1px 15px 1px 5px; color:#fff; display:block; font-weight:bold;  }
#top_topics h1 { padding:7px 12px 5px }
#top_topics ul { clear:both; }
#top_topics ul li { border-bottom:1px dotted #bfbfbf; padding:7px 7px; }
#top_topics ul li a { color:#353535; text-decoration:none; display:block; background:url(../images/bg_news.png) right center no-repeat; padding:0 10px 0 0; }
#top_topics ul li .day { display:block; color:#333; font-weight:bold; }
.title3 { font-size:16px;  padding:8px 28px 8px 130px ; margin:10px 0 0; clear:both; color:#fff; position:relative;  
background:#f0a500; background-size:310px; font-weight:bold;
}
.title3 .icon { position:absolute; height:15px; width:15px; top:9px; left:9px; background:; }
.title3 .icon img{ vertical-align:top; font-size:1px; }