diff --git a/public/stylesheets/leftside.css b/public/stylesheets/leftside.css
index 9ff5564d8..9e8c15442 100644
--- a/public/stylesheets/leftside.css
+++ b/public/stylesheets/leftside.css
@@ -7,8 +7,14 @@
 .pr_info_logo{ border:1px solid  #eaeaea; width:60px; height:60px; padding:1px;}
 .pr_info_logo:hover{ border:1px solid #64bdd9; }
 .pr_info_join{}
-.pr_info_join_a{  color:#fff; display:block; padding:0 5px; padding-top:2px; height:20px; margin-right:10px; float:left;  text-align:center; }
+a.pr_join_a{  color:#fff; display:block; padding:0 5px 0 3px; padding-top:2px; height:20px; margin-right:5px; float:left;  text-align:center; background-color:#64bdd9; float:left; }
 .pr_info_join a:hover{ background:#41a8c8;}
+.pr_join_span{color: #fff; display:block; padding:0 5px; padding-top:2px; height:20px; margin-right:5px; float:left;  text-align:center; background: #CCC;}
+.pr_setting{ display:block; background:url(../images/leftside.png) -1px 0 no-repeat; width:11px; height:11px; margin-top:3px; float:left; }
+.pr_copy{ display:block; background:url(../images/leftside.png) -1px -23px no-repeat; width:11px; height:11px; margin-top:3px; float:left; }
+.pr_close{ display:block; background:url(../images/leftside.png) -1px -49px no-repeat; width:11px; height:11px; margin-top:3px; float:left; }
+.pr_add{display:block; background:url(../images/leftside.png) 0px -71px no-repeat; width:11px; height:11px; margin-top:3px; float:left; }
+.pr_arrow{display:block; background:url(../images/leftside.png) 0px -90px no-repeat; width:11px; height:11px; margin-top:3px; float:left; }
 .pr_info_name{ color:#3e4040; font-size:14px;  line-height:1.5;}
 .pr_info_name:hover{ color:#3ca5c6;}
 .pr_info_score{ font-size:14px; color:#3e4040; }