/* -- Side -- */

#navigation.left  { float: left;  margin-bottom: 1em; padding-right: 3%; width: 20%; }

#navigation.right { float: right;  margin-bottom: 1em; padding-left: 3%; width: 20%; }

#sideNav {
 background: #E0E9E9 url(../images/site/menu_back.gif) right repeat-y;
 margin-bottom: 1em;
}

#sideNav:before {
 background: transparent url(../images/site/menu_tr.gif) no-repeat top right;
 border-bottom: 1px solid #ddd;
 content: url(../images/site/key-point_tl.gif);
 display: block;
 font-size: 1px;
 height: 8px;
 line-height: 0.1;
 margin: 0;
}

#sideNav:after {
 background: transparent url(../images/site/menu_br.gif) scroll no-repeat bottom right;
 border-top: 1px solid #fff;
 content: url(../images/site/key-point_bl.gif);
 display: block;
 font-size: 1px;
 height: 8px;
 line-height: 0.1;
 margin: 0;
 padding-top: 0;
}

#sideNav, #nav ul { margin: 0; padding: 0; list-style: none; }

#sideNav li { display: inline; padding: 0; margin: 0; }

#sideNav li span {
 color: #666;
 display: block;
 font-weight: bold;
 padding: 6px 10px;
}

#sideNav li a {
 background: #EDF2F2;
 border-bottom: 1px solid #ccc;
 border-top: 1px solid #eee;
 border-right: 1px solid #ddd;
 display: block;
 padding: 5px 10px;
 text-decoration: none;
}

#sideNav li a:hover { background: #eeeeee; }