#toc_container{
  width: 896px;
  background-color:#fff;
  color:#fff;

}
#toc_container ul,#toc_container li{
  list-style:none;
  margin:0;
  padding:0;
  
}

  #root_toc li,
  #root_toc li a
  {
    width: 128px;

  }
  
  #root_toc li{
    float:left; /* 縦にする場合はこの指定は不要 */
	
  }

  #root_toc li.plist ul{
    display:none;
    position:absolute;
  }
  #root_toc li.plist:hover  > a
  {

  }
  #root_toc li.plist:hover ul{
    display: block;
    /* 縦にする場合は次の指定を使う
    margin-left:90px;
    margin-top:-25px;
    */
  }
    #root_toc li.plist li{
      float:none;
      display:list-item;

    }
  #root_toc li a{
    display: block;
    /*boxの扱いの差が出るのでpaddingは使わない*/
    color:#fff;
	background:  url(images/btn3.jpg) #000 no-repeat;
    text-decoration:none;
	text-align: center;
	font-family: "メイリオ";
	font-size: 14px;
  border-bottom: 2px solid #338833;
 }
  #root_toc li a:hover
  {
    color:#fff;
  border-bottom: 2px solid #00ff00;
	background:  url(images/btn4.jpg) #fff no-repeat;

  }
#test{
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		background:#52c354; 
		border-top: 1px solid #52ff54;
		border-bottom: 1px solid #225522;
}
#test2{
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		background: #000;
		border-top: 1px solid #aaaaaa;
}

#test3{
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		background:  url(images/btn3.jpg) #000;
		height: 28px; 
		border-top: 1px solid #aaaaaa;
		border-bottom: 1px solid #333;
}