@font-face {
	font-family: "Custom Yu Gothic";
	src: local("Yu Gothic");
	font-weight: 300;
  }
  @font-face {
	font-family: "Custom Yu Gothic";
	src: local("Yu Gothic");
	font-weight: 500;
  }
  @font-face {
	font-family: "Custom Yu Gothic";
	src: local("Yu Gothic");
	font-weight: bold;
  }

	body{
		font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","ヒラギノ角ゴ ProN W3",  "Custom Yu Gothic", "Yu Gothic", YuGothic, Meiryo, "Noto Sans Japanese",sans-serif;;
	}

	h1{
		font-size:14pt;
		text-align:left;
	}

			h2{
				font-size:18pt;
				margin-top:10px;
			}
			h3{
				font-size:13.8pt;
				margin-top:10px;
			}

	.row {
		margin-right: 0px;
		margin-left: 0px;
	}
	div.adsframe,div.listframe{
		padding-left:5px;
		padding-right:5px;
	}
	div.adsframe img{
		max-width:100%;
		height:auto;
		margin-bottom:10px;
	}
		div.leftframe{
			text-align:right;
		}
		div.rightframe{
			text-align:left;
		}
		div.listframe tr.listbody{
			background-color:#F0F0F0;
			border-bottom:1px solid #fff;

		}

		div.ads-bottom{
		}

		td{
			font-size:10pt;
			vertical-align:middle;
			height:2em;

			line-height:120%;
		}
		div.information{
			margin:10px 0px;
			text-align:left;
			display:inline-block;
			font-size:15px;
			line-height:18px;
		}

		div#chartContainer1,div#chartContainer2 {
			width:800px;
			height:2000px;
			max-width:100%;
			max-height:auto;
		}

		tr.listbody{
		}


		td.section{
			background-color:#eaeaea;
			text-align:center;
			padding-left:1px;
			padding-right:1px;
			font-size:85%;
			line-height:100%;
		}

		
		@media screen and (min-width : 550px){
			td{ font-size : 130%;} 
			div#chartContainer1,div#chartContainer2 {
				height:1000px;
			}
			tr.listbody{

			}
			td.section{
				font-size:110%;
			}
			h1{
				font-size:18pt;
			}
			h2{
				font-size:16pt;
			}
			h3{
				font-size:14pt;
			}
		}
		@media screen and (min-width : 1024px){
			td{ font-size : 165%;}
			tr.listbody{

			}

			td.section{
				font-size:130%;

			}

			h1{
				font-size:21pt;
			}
			h2{
				font-size:21pt;
			}
			h3{
				font-size:18pt;
			}
		}



		tr.borderline td{
			border-bottom:3px #EE8833 solid;
		}

		tr.defart td{
			background-color:#ddd;
		}

		span.tou{
			color:red;
		}
		span.kaku{
			color:blue;
		}
		span.tsugi{
			color:green;
		}

		canvas#barchart { width: 100%; height: auto; max-width: 800px; }

		div.listframe td.indicator{
			text-align:center;
			width:1.6em;
			font-weight:bold;
			line-height:100%;

		}
		
		div.innerframe{
			padding-left:0;
			padding-right:0;
		}

		td.name{
			border-left:5px solid;
			padding:1px;
			padding-left:0.2em;
			font-weight:bold;
			word-break:break-all;
		}
		
		td.votes{
			text-align:right;
			padding:1px;
			padding-right:0.2em;
			font-weight:bold;
		}

		td.section{
			padding:1px;
		}
			
		/* tr.candidate1 td.name{
			border-left-color: #00AEE0;
		}
		tr.candidate2 td.name{
			border-left-color: #FFC010;
		}
		tr.candidate3 td.name{
			border-left-color: #005BAB;
		} */

		td.status{
			background-color:#666;
			color:white;
			text-align:center;
		}


		footer.bottom{
			height:100px;
			background-color:#f0f0f0;
			border-top:solid 2px #DDD;
			text-align:center;
			line-height:120%;
			padding-top:20px;
			
			position: absolute;
			bottom: 0;
			width:100%;
		}

		footer p.corporatename{
			font-weight:bold;
		}

		footer p.copyright{
			font-size:90%;
		}



ul#header_navi	{

	height: 30px;

	line-height: 30px;

	list-style: none;

	margin-bottom:0;
	padding-left:0;
	margin-left:0;


}



ul#header_navi li	{

	float: left;

	font-size: 14px;

}



ul#header_navi li a	{

	display: block;

	height: 30px;

	line-height: 30px;

	background: url(img/navi_bg.gif) no-repeat top right;

	padding: 0px 12px;

	color: #FFF;

	font-weight: bold;

	text-decoration: none;

	float: left;	/* IE6 */

}



ul#header_navi li a:hover	{

	background:#DDD url(img/navi_bg.gif) no-repeat bottom right;

	color: #333;

}


span.date{
	font-size:12px;
	display:inline-block;
	}

tr.listheader th{
	background-color:#CCC;
}

div.neighbornavi{
	font-size:14px;
}