#side_menu {	/* widthを指定すると隙間が開く */
  margin-left: 1px;
}
#sdm_title {
  display: block;
  margin: 0;
  padding: 0;
  float: left;
  width: 156px;
  font-size: small;
  line-height: 20px;
  font-weight: bold;
  text-align: center;
  color: #EEEEEE;
  background-color: #333333;
/*  background-image: url(../images/bk_sdmTtl.gif);
  background-repeat: no-repeat;	*/
}
#sdm_title p {
  margin: 10px 0px 0px 0px;
}
ul#sdm_ul{
  float: left;
  margin: 0px;	/* これが無いとIEで崩れる */
  padding: 0px;	/* これが無いとfirefoxで崩れる */
  width: 156px;		/* mainのwidthと調整してmainとsdm_ulの隙間に文字が入り込まないようにしている */
  list-style: none;
  border-top: 1px solid #999999;
}
ul#sdm_ul li {
  display: block;
  font-size: small;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  text-align: left;
/*  border-right: 1px solid #999999;	*/
  border-bottom: 1px solid #999999;
}
ul#sdm_ul li a {
  display: block;
  height: 30px;	/* これで文字にポイントしなくても反転。IEはline-hightで縦幅決まるので関係無!safariは関係有! */
  line-height: 30px;
  background-color: #666666;
  color: #FFFFFF;
  text-decoration: none;
  padding-left: 22px;
  background-image: url(../images/side_off.gif);
  background-repeat: no-repeat;
  background-position: 6px 9px;
}
/*
li#sdm_li {
  background-color: #CCCCCC;
  color: #333333;
}
*/
li#sdm_li_now {
  background-color: #EEEEEE;
  color: #FF0000;
  padding-left: 22px;
  background-image: url(../images/side_on.gif);
  background-repeat: no-repeat;
  background-position: 6px 9px;
}
li#sdm_li a:hover {
  background-color: #EEEEEE;
  color: #FF0000;
/*  padding-left: 20px;	*/
  background-image: url(../images/side_on.gif);
  background-repeat: no-repeat;
  background-position: 6px 9px;
}