* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
   }
   html, body {
     width: 100%;
     height: 100%;
     font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", HiraginoKakuGothicPro, "ＭＳ Ｐゴシック", sans-serif;
   }
   .webix_view {
     border: none;
   }
   .webix_template{
     padding: 0px;
   }
   .header .title {
     padding: 0px 20px;
     background: #339;
     color: #fff;
     height: 48px;
     line-height: 48px;
     font-size: 20px
   }
   .tooltip {
     font-size: 12px;
     min-width: 200px;
     min-height: 70px;
     border: 1px solid black;
     background-color: white;
     padding-top: 8px;
     padding-bottom: 8px;
     border-radius: 4px;
     z-index: 99999;
     box-shadow: 1px 1px 4px rgba(0,0,0,.5);
   }
   .plottooltip {
     font-size: 12px;
     min-width: 200px;
     min-height: 70px;
     border: 1px solid black;
     background-color: white;
     padding-top: 8px;
     padding-bottom: 8px;
     border-radius: 4px;
     z-index: 99999;
     box-shadow: 1px 1px 4px rgba(0,0,0,.5);
   }
   .tooltip-head {
     text-align: center;
     font-weight: bold;
   }
   .tooltip-body {
     text-align: center;
     font-weight: 100;
   }
   .tooltip-body.high .rate {
     color: #00f;
   }
   .tooltip-body.low .rate {
     color: #f00;
   }
   .close-election.yes .close {
     color: #00f;
   }
   .close-election.no .close {
     color: #f00;
   }
   .tooltip-top {
     color: red;
     font-size: 15px;
     padding: 5px 5px 0px;
     font-weight: bold;
     text-align: left;
   }
   .tooltip-top-voteshare {
     padding-left: 10px;
   }
   .tooltip-top-name {
     padding-left: 10px;
   }
   .tooltip-top-age {
     padding-left: 10px;
   }
   .tooltip-top-seito {
     padding-left: 10px;
   }
   .tooltip-top-previous {
     padding-left: 10px;
   }
   .tooltip-top-votes {
     padding-left: 10px;
   }
   .tooltip-other {
     font-size: 15px;
     padding: 5px 5px 0px;
     text-align: left;
   }
   .tooltip-other-voteshare {
     padding: 15px;
   }
   .tooltip-other-name {
     padding-left: 5px;
   }
   .tooltip-other-age {
     padding-left: 5px;
   }
   .tooltip-other-seito {
     padding-left: 5px;
   }
   .tooltip-other-previous {
     padding-left: 10px;
   }
   .tooltip-other-votes {
     padding-left: 15px;
   }
   .tooltip-title {
     padding: 0px 5px;
   }
   .tooltip-enables {
     font-weight: 500;
   }

   #map {
     width: 100%;
     height: 100%;
   }
   #thresholdInput {
    position:relative;
    width: 4em;
    height: 16px;
    line-height: 16px;
    margin: 0px;
    vertical-align:middle;
   }
   #thresholdcloseInput {
    position:relative;
    width: 4em;
    height: 16px;
    line-height: 16px;
    margin: 0px;
    vertical-align:middle;
   }
   .info {
  	padding: 10px;
  	font-size: 14px;
  	background: white;
  	background: rgba(255,255,255,0.8);
  	box-shadow: 0 0 15px rgba(0,0,0,0.2);
  	border-radius: 5px;
  	z-index: 99998;
  }
  .closeinfo {
   padding: 10px;
   font-size: 14px;
   background: white;
   background: rgba(255,255,255,0.8);
   box-shadow: 0 0 15px rgba(0,0,0,0.2);
   border-radius: 5px;
   z-index: 99998;
 }
  #thresholdRage {
  	width:100%;
  }
  #thresholdcloseRage {
  	width:100%;
  }
  /*.area:hover {
	fill:#ddf;
	stroke:#339;
	stroke-width:2;
 }*/

  .axis path,
  .axis line {
  fill: none;
   stroke:black;
   stroke-width: 3;
   z-index: 99998;
  }
  .axis text {
     fill: black;
     font-size: 15px;
     z-index: 99998;
  }

  .tipsy {
		font-size: 16px;
	}
  .plot-svg {
    width: 400px;
    height: 370px;
  }