@charset "utf-8";
/* CSS Document */
.graph-in {
  border-left: #cccccc solid 1px;
  padding-bottom: 6px;
}
.graph-box {
  margin: 25px auto;
  width: 100%;
  padding: 19px 0 10px;
  border-bottom: dotted 1px #ddd;
}
.graph-box p {
  margin-bottom: 4px;
  font-weight: bold;
  margin-left: 6px;
}
.graph-box .bar-graph {
  color: #FFFFFF;
  font-weight: bold;
  padding-left: 10px;
  margin-bottom: 14px;
  padding-top: 2px;
  margin-left: 0;
  overflow: visible;
  white-space: nowrap;
}
.graph-box1 .bar-graph, .graph-box2 .bar-graph {
  background: #23ac9d;
}
.graph-box1 .bar1 {
  width: 55%;
}
.graph-box1 .bar2 {
  width: 47%;
}
.graph-box1 .bar3 {
  width: 37%;
}
.graph-box1 .bar4 {
  width: 34%;
}
.graph-box1 .bar5 {
  width: 29%;
}
.graph-box1 .bar6 {
  width: 21%;
}
.graph-box1 .bar7 {
  width: 20%;
}
.graph-box1 .bar8 {
  width: 18%;
}
.graph-box1 .bar9 {
  width: 16%;
}
.graph-box1 .bar10 {
  width: 13%;
}
.graph-box2 .bar1 {
  width: 81%;
}
.graph-box2 .bar2 {
  width: 65%;
}
.graph-box2 .bar3 {
  width: 39%;
}
.graph-box2 .bar4 {
  width: 35%;
}
.graph-box2 .bar5 {
  width: 29%;
}
.graph-box2 .bar6 {
  width: 19%;
}
.graph-box2 .bar7 {
  width: 17%;
}
.graph-box2 .bar8 {
  width: 13%;
}
.no-border {
  border: none;
}