@font-face {
  font-family: 'Typicons';
  src: url('fonts/typicons-regular-webfont.eot');
  src: url('fonts/typicons-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/typicons-regular-webfont.woff') format('woff'),
    url('fonts/typicons-regular-webfont.ttf') format('truetype'),
    url('fonts/typicons-regular-webfont.svg#TypiconsRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}


#accordion{list-style: none; font-family: 'メイリオ','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;}
#accordion ul, #accordion ul li, #accordion ul ul, #accordion ul ul li, #accordion ul ul ul li { margin:0 ;padding: 0; list-style: none; background-image: none; }
#accordion ul li{margin-top: 10px;}

#accordion > li{

}
#accordion li > a{
  display: block;
  position:relative;
  margin-top: 0px;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
  
  background: #fff;
  color: #000;
  margin: 20px 0;
  padding: 10px;
}

#accordion li a:hover{
  background: #000;
  color: #fff;

}
.arrow{
  position:absolute;
  top:50%;
  right: 15px;
  width: 10px;
  height: 15px;
  line-height: 1;
/*   text-shadow: 0 -1px 0px rgba(0,0,0,.3); */
  margin-top: -10px;
  color: #fff;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
}
.arrow:before{
  font: 10px /* 'Typicons' */;
  content: ">";
}
#accordion li > a:hover .arrow{
  color: #000;
}


.rotate {
  color:#fff;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

#accordion li ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#accordion li ul li a{
  position:relative;
  background: none;
  color: #00A2FF;
}
#accordion li ul li a:hover{
  background: #00A2FF;
  color: #fff;
  border-top-color: #eef7fa;
}
#accordion li ul li  a:hover .ia_div_type{background-color: #cc3333; color: #fff; }