@charset "utf-8";
.down ul li {
  display: inline-block;
  background-color:#333;
  padding: 1%;
  color:#FFF;

  width:24.7%;
  text-align:center;

}

.down ul {

  padding: 0;
  text-align:left;
}
#ds a {
	color: #FFF;
	text-decoration:none;
	
}

#ds .tabscroll_activeNavi {
  background-color: rgba(255,0,0,0.5);

}

.tabscroll_activeNavi a, .tabscroll_activeNavi a:visited, .tabscroll_activeNavi a:active, .tabscroll_activeNavi a:hover { color: #FFF; }

#ds .tabbg {
  margin-top: -10px;
  padding: 50px;
 background: rgba(255,0,0,0.1);
 border:#F00 solid 2px;
 border-radius:0px 0px 15px 15px;
 
}

@media (min-width: 320px) and (max-width:720px) {
.down ul{ margin-left:-15px;}
.down ul li {   width:23.7%;  }
#ds .tabbg {
  margin-top: -10px;
  margin-left:-15px;
 padding: 0px;
 background: none;
 border-right:0px;
  border-left:0px;
 border-top:rgba(255,0,0,0.7) solid 3px;
 border-radius:0px;
 
}
}

@media (min-width: 1320px) and (max-width:1920px) {

}

@media (min-width: 720px) and (max-width:1319px) {
	.down ul li {   width:22%;  }
	}