diff --git a/htdocs/css/news.css b/htdocs/css/news.css
new file mode 100644
index 00000000..7eb6e860
--- /dev/null
+++ b/htdocs/css/news.css
@@ -0,0 +1,36 @@
+@charset "utf-8";
+/* CSS Document */
+
+.w1000{width:1000px;}
+.w300{width:300px;}
+.w690{width:690px;}
+.full{width:100%;}
+.center{margin:0 auto;}
+.clear{overflow:hidden;}
+.Lfloat{float:left;}
+.Rfloat{float:right;}
+.border{border:1px solid #ccc;}
+.mt14{margin-top:14px;}
+
+.tbox{}
+.tbox div.title{width:100%;overflow:hidden;background:#2C6978;color:#FFF;font-size:16px;height:30px;line-height:30px;text-indent:7px;}
+.tbox .title a{color:#FFF;}
+.tbox .title a:hover{text-decoration:underline;}
+.tbox .content{width:94%;padding:3%;background:rgb(240,246,248);overflow:hidden;}
+.tbox .content a{color:#2C6978;}
+
+.tbox .navmenu ul li{border-bottom:1px dashed #ccc;line-height:24px;}
+.tbox .navmenu ul li a{font-size:14px;font-weight:bold;}
+.tbox .navmenu ul li a:hover{}
+
+.archives_list ul li{border-bottom:1px dashed #ccc;padding:5px 0;}
+.archives_list ul li a.type{color:#2C6978;font-size:100%;}
+.archives_list ul li a.type:hover{background:#2C6978;color:#FFF; text-decoration:none;}
+.archives_list ul li a.title{color:#2C6978;font-size:120%;}
+.archives_list ul li a.more{color:#2C6978;font-size:90%;}
+.archives_list ul li a:hover{text-decoration:underline;}
+.archives_list ul li p{text-indent:24px;font-size:12px;}
+
+.archive_body div.title{text-align:center;font-size:24px;font-weight:bold;color:#2C6978;padding:10px 0;}
+.archive_body div.info{text-align:center;padding:10px 0;}
+.archive_body div.content{word-break:break-all;word-wrap:break-word;overflow:hidden;}
\ No newline at end of file