@charset "utf-8";

.axis path,
.axis line {
  fill: none;
  stroke: black;
  shape-rendering: crispEdges;
}

.axis text {
  font-size: 95%;
}

.tick line {
  fill: none;
  stroke: #777777;
  opacity: 0.2;
  shape-rendering: crispEdges;
  stroke-width: 1;
  stroke-dasharray: 5 5;
}

.line {
  fill: none;
  stroke: #222222;
  stroke-width: 1px;
}

.graphTitle,
.dataLabel,
.dataName {
  fill: #222222;
  stroke: none;
}

.graphTitle {
  font-size: 120%;
}
.graphTitle2 {
  font-size: 105%;
}

.dataLabel,
.dataName {
  font-size: 95%;
}




/* graph3にtextを重ねて表示する */
#graph1{
    width: 320px;
    height:270px;
}
#graph1Text{
    width: 320px;
    height:270px;
    position:absolute;
    z-index:0;
}
#graph1Main{
    width: 320px;
    height:200px;
    position: absolute;
    z-index:1;
}
#graph2{
    width: 400px;
    height:270px;
}
#graph2Text{
    width: 400px;
    height:270px;
    position:absolute;
    z-index:0;
}
#graph2Main{
    width: 400px;
    height:200px;
    position: absolute;
    z-index:1;
}
#graph3{
    width: 720px;
    height:300px;
}
#graph3Text{
    width: 720px;
    height:300px;
    position:absolute;
    z-index:0;
}
#graph3Main{
    width: 720px;
    height:260px;
    position: absolute;
    z-index:1;
}