@charset "utf-8";

svg#rcodevari4year{
    width:778px;
    height:390px;
    border:1px solid black;
}
svg#kubunGraph{
    width:670px; 
    height:480px;
    border:1px solid black;
}

svg#ruijigunGraph{
    width:670px; 
    height:480px;
    border:1px solid black;
}

svg#kubunKumiawase{
    box-sizing: border-box;
    width:1098px; 
    height:1098px;
    border:1px solid #9f9f9f;
}

svg#kensuuTerm{
    box-sizing: border-box;
    width:100%; 
    height:510px;
    border:1px solid black;
}

svg#rcodevari4year rect{
    stroke :rgb(160,0,0);
    stroke-width: 1px;
    fill:rgb(240,0,0)
}
svg#kensuuTerm rect{
    stroke :rgb(160,0,0);
    stroke-width: 1px;
    fill:rgb(255,0,0)
}

svg#kensuuTerm #x_rect{
    stroke:black;
    fill:black;
}
svg#kubunVsMonth{
    box-sizing: border-box;
    width:1100px; 
    height:1180px;
    border:1px solid #9f9f9f;    
}

svg#ruijigunVsTerm{
    box-sizing: border-box;
    width:1100px; 
    height:1300px;
    border:1px solid #9f9f9f;       
}

svg#SyoukoKeikouMap{
    box-sizing: border-box;
    width:1100px; 
    height:1000px;
    border:1px solid #9f9f9f; 
}

svg#syoukoKeikouSunBurstMap{
   box-sizing: border-box;
   width: 1100px; 
   height:820px;
   border:1px solid #9f9f9f;
}

svg#seldsp{
    width: 200px;
    height: 160px;
    border: 1px solid black;
}

#seldsp text{
  font-family: sans-serif;
  font-size: 14px;

}

#xaxistxt{
    font-size: 14px;
}
.line{ fill: none; stroke: black;}

.axis text{
      font-family: sans-serif;
      font-size: 11px;
}
g.axisH_x {
    font-size: 12px;
}
.axis path,
.axis line{
      fill: none;
      stroke: black;
}
    
.axis_x line{
      fill: none;
      stroke: black;
}

.axisH text{
      font-family: sans-serif;
      font-size: 12px;
}
.axisH path,
.axisH line{
      fill: none;
      stroke: gray;/* グリッド線として　*/
}

.axisH_x line{
      fill: none;
      stroke: grey;
}

.warning{
    font-size: 20px;
    stroke: red;
}

.linec1{
    stroke:black;
}

.linec2{
    stroke: blue;
}

.linec3{
    stroke: red;
}

.linec4{
    stroke: orange;
}

.linec5{
    stroke: cyan;
}

.solid{
    stroke: solid;
}

.dashed{
    stroke-dasharray: 4 4;
}
.mark1{
  fill: black;
  stroke: none;
}

.mark2{
  fill: blue;
  stroke: none;
}

.mark3{
  fill: red;
  stroke: none;
}

.mark4{
  fill: orange;
  stroke: none;
}

.mark5{
  fill: cyan;
  stroke: none;
}
div.left{
  float: left;  
}

div.right{
    float: right;
}

div.clr{
    clear: both;
}

.recttl{
    font-family: sans-serif;
    font-size: 14px;
 
}

.gridH{
   stroke:black; 
}

.rxname{
  font-family: sans-serif;
  font-size: 16px;

}

.xname{
    font-family: sans-serif;
    font-size: 15px;
}

.tip{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9999;
    visibility: hidden;
    border: 1px solid black;
    border-radius: 3px;
    background-color: #ffff36;
    width: 100px;
    height: 20px;
    overflow: hidden;
    text-align: center;
    font-size: 15px;
    font-family: Tahoma, Optima, Helveltica;
    color: black;
    padding: 2px 6px;
    font-weight: bold;
}

.infotip{
    position: absolute;
    top: 5px;
    left: 10px;
    z-index: 9999;
    visibility: visible;
    border: 2px solid #727171;
    border-radius:5px;
    width: 360px;
    height: 30px;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    text-align: center;
    font-family: Tahoma, Optima, Helveltica;
    color: black;
    padding-top: 8px;
}
.infotip-type2 {
    width: 265px;    
}
.infotip-type3 {
    width: 390px;
}
.infotip-type4 {
    width: 260px;
}
.infotip-type5 {
    width: 180px;
}
.infotip-type6 {
    width: 180px;
}

.gradientPart{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100px;
    height: 200px;
    border: 1px solid black;
    /* background: linear-gradient(to bottom blue, white); */
}
.vertical-gradientBlWh{
    background: linear-gradient(to bottom blue, white);
}

.tick text{
	font-size: 14px;
}

.tick text.ruijigun{
	font-size: 16px;
}

#yaxis_setumei{
  font-family: sans-serif;
  font-size: 14px;
}

#yaxis_right_setumei{
  font-family: sans-serif;
  font-size: 14px;
}

#rcode_rightaxis path{
	fill: none;
	stroke: blue;
}

svg#rcodevari4year .tick text{
	font-size: 16px;
}

svg#kubunKumiawase .tick text{
	font-family: sans-serif;
	font-size: 16px;
}
svg#SyoukoKeikouMap .tick text{
	font-size: 12px;
}

svg#kensuuTerm .tick text{
	font-size: 16px;
} 

#yaxtickname g text{
	font-family: sans-serif;
	font-size: 16px;
}

.term_q{
    font-family: sans-serif;
    font-size: 14px;
 
}

#setumei{
	position: relative;
	left:800px;
	top:-500px;
}

.hyoujisetsumei{
	font-family: sans-serif;
	font-size: 15px;
	color: #0000ff;
}

#infotip-t2{
	left: 15px;
}

#infotip-t3{
	left: 15px;
}

#tooltip_syoukokeikou{
	left: 25px;
}

div#sb-kensuuHyouji{
    position: absolute;
	top: 375px;
    left: 297px;
	text-align: center;
}
#sb-shohyoKensuu{
	display: block;
}
#sb-syoukoKumiawase{
}
#sb-syoukoKumiawaseKensuu{
}