ol ,ul{list-style:none;}

#accordion{
  width: 175px;
  margin: 0 auto;
  padding: 0;
  border-top:3px solid #a6abab;
  border-bottom:3px solid #a6abab;
  border-radius: 3px;
  font-size: 12px;
  line-height: 1;
  color: #5e6061;
  background-color:#e9eced;
  border-radius: 3px;
  box-shadow: 2px 3px 2px rgba(0,0,0,.2);}
  
#accordion > li{ padding: 0; border-right: 1px solid #bfc5c5; border-left: 1px solid #bfc5c5;}
/*アコーディオンの両端のボーダーaccordion要素の子にあたるli要素に適用*/

#accordion li a{
  display: block;
  position:relative;
  color: #666666;
  text-indent:0px;
  text-decoration:none;
  padding: 10px 10px;
  border-bottom: 1px solid #f4f4f5;
  border-top: 1px solid #c8c8c8;
  transition: .3s;
}
/*アコーディオンaccordion要素の子にあたるli要素リンクに適用*/

#accordion > li:first-child > a{ border-top: 0px;}
#accordion > li a:before {
  position: absolute;
  top: 70%;
  left:-5px;
  color: #2f7f99;
  margin-top: -10px;
　}
#accordion li a:hover{color: #656565;background: rgba(0,0,0,.1);border-top-color: #b1b2b2;}
/*メインサブのonマウス*/
#switch{
	position:absolute;
	width:30px;
	left: 128px;
	top: 13px;
}

/*サブ*/
#accordion li ul {background:#ffffff; margin-left:10px;}
#accordion li ul li a{color:#667b85;font-size:12px;
  position:relative;
  line-height: 1;
  padding: 10px -5px;
  border-top:1px solid #fff;
  border-bottom:1px solid #bfc4c2;
  text-indent:-5px;
 }
#accordion li ul li:first-child a{border-top: 0px; box-shadow: 0 7px 7px -7px rgba(0,0,0,.5) inset;}
#accordion li ul li:last-child a{border-bottom:2px solid #e2e2e2;}
#accordion li ul li a:hover{background: #d4ebf2; border-top-color: #eef7fa;}
