@charset "utf-8";
/* svg枠サイズ指定*/
.draw-graph svg
{
	box-sizing: border-box;
	width:790px; 
	height:300px;
	border:0px solid black;
}

/* 描画グラフ領域 */
rect.graphwaku {
	fill: none;
	stroke:none;
	stroke-width: 1px
}
/* 描画グラフ領域グラデーション */
/*色設定*/
.grad-start {
	/*stop-color: #303f9f;*/
	stop-color: #c2c8cc;
  }
  .grad-end {
	/*stop-color:#81d4fa;*/
	stop-color: white;
  }

/* 下x軸 */
.axis_x text{
	font-family: sans-serif;
	font-size: 12px;
}

.axis_x path,
.axis_x line{
	fill: none;
	stroke: black;
}

/* 左y軸 */
.axis_y text{
	font-family: sans-serif;
	font-size: 12px;
}

.axis_y path,
.axis_y line{
	fill: none;
	stroke: black;
}

/* 折れ線グラフ1 */
.linec1{
	stroke:red;
	fill:none;
	stroke-width:2px;
}
/* 折れ線グラフ2 */
.linec2{
	stroke:blue;
	fill:none;
	stroke-width:2px;
}
/* 折れ線グラフ3 */
.linec3{
	stroke:red;
	fill:none;
	stroke-width:2px;
	/*stroke-dasharray: 5, 2;*/
}
/* 折れ線グラフ4 */
.linec4{
	stroke:blue;
	fill:none;
	stroke-width:2px;
	/*stroke-dasharray: 5, 2;*/
}

#graph-1 .linec3{
	stroke:gray;
	fill:none;
	stroke-width:2px;
}
/* 折れ線グラフ4 */
#graph-3 .linec4{
	stroke:gray;
	fill:none;
	stroke-width:2px;
}
/* グリッド線 縦方向 */
.yLine {
	stroke:black;
	fill: none;
	stroke-width:1px;
	stroke-dasharray: 5, 2;
}
/* グリッド線 横方向 */
.xLine {
	stroke:black;
	fill: none;
	stroke-width:1px;
	stroke-dasharray: 2, 2;
}
/* 説明テキスト1 */
.setsumeiText1{
	font-family: sans-serif;
	font-size: 12px;
}

/* 凡例 */
#legend > rect {
	fill:white;
	stroke-width:1px;
	stroke:black;
}
/*凡例 テキスト*/
.legendText {
	font-family: sans-serif;
	font-size: 12px;
}
/*凡例 円マーク*/
.lpCircle1 {
	fill:red;
	stroke:red;
}

.lpCircle2 {
	fill:none;
	stroke:none;
}

.lpCircle3 {
	fill:blue;
	stroke:blue;
}

.lpCircle4 {
	fill:none;
	stroke:none;
}

#graph-1 .lpCircle3, #graph-3 .lpCircle3 {
	fill:gray;
	stroke:gray;
}
#graph-3 .lpCircle1 {
	fill:blue;
	stroke:blue;
}

/* 凡例 線マーク*/


/* 右端の線 */
.rightEdge {
	stroke:black;
	fill: none;
	stroke-width:1px;
}

text.monthTextClass {
	font-family: sans-serif;
	font-size: 12px;
}

/* 線分終点*/
.endPoint{
	stroke-width: 1px
}
.lineEnd1 {
	fill:red;
	stroke:red;
}

.lineEnd2 {
	fill:blue;
	stroke:blue;
}

/* ヒストグラム設計 */
rect.histGram1{
	stroke :gray;
	stroke-width: 1px;
	fill:gray;
}

rect.histGram2{
	stroke :rgb(160,0,0);
	stroke-width: 1px;
	fill:rgb(160,0,0);
}

rect.histGram3{
	stroke :gray;
	stroke-width: 1px;
	fill:gray;
}

rect.histGram4{
	stroke :blue;
	stroke-width: 1px;
	fill:blue;
}

/* 上端の線 */
.topEdge {
	stroke:gray;
	fill: none;
	stroke-width:1px;
}

/*凡例 四角マーク*/
.legendRect1 {
	fill:rgb(160,0,0);
	stroke:rgb(160,0,0);
}

.legendRect2 {
	fill:gray;
	stroke:gray;
}

.legendRect3 {
	fill:none;
	stroke:none;
}

.legendRect4 {
	fill:none;
	stroke:none;
}

#graph-4 .legendRect1 {
	fill:blue;
	stroke:blue;
}

/*.gnowTip > rect {
	stroke :black;
	stroke-width: 1px;
	fill:yellow;
}*/

.gnowTip > polygon {
	stroke :black;
	stroke-width: 1px;
	fill:yellow;
}

.gnowTip > text {
	font-family: sans-serif;
	font-size: 10px;
}

.syutuganbiClass {
	font-family: sans-serif;
	font-size: 10px;
}

/*#graph-2 .axis_y line, #graph-4 .axis_y line{
	stroke:black;
	fill: none;
	stroke-width:1px;
	stroke-dasharray: 2, 2;
}*/