diff --git a/public/images/projectnavi_arrow_down_white.png b/public/images/projectnavi_arrow_down_white.png
new file mode 100644
index 00000000..bd7fda4f
Binary files /dev/null and b/public/images/projectnavi_arrow_down_white.png differ
diff --git a/public/images/projectnavi_arrow_up_white.png b/public/images/projectnavi_arrow_up_white.png
new file mode 100644
index 00000000..bab9e194
Binary files /dev/null and b/public/images/projectnavi_arrow_up_white.png differ
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index 19528ae4..841588d8 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -1277,9 +1277,22 @@ a:hover {
 	width:9px;
 	height:9px;
 }
-#main-menu .open .toggler {
-	background-image:url(../images/arrow-down.png);
+#main-menu li .open .toggler {
+  background-image:url(../images/projectnavi_arrow_up.png);
 }
+#main-menu li .open:hover .toggler {
+  background-image:url(../images/projectnavi_arrow_up_white.png);
+}
+#main-menu li .selected .toggler {
+  background-image:url(../images/projectnavi_arrow_down_white.png);
+}
+#main-menu li .selected.open .toggler {
+  background-image:url(../images/projectnavi_arrow_up_white.png);
+}
+#main-menu li a:hover .toggler {
+  background-image:url(../images/projectnavi_arrow_down_white.png);
+}
+
 #main-menu li li .toggler {
 	display:none;
 }