body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    margin:0px;          /* ページ全体のmargin */
    padding:0px;         /* ページ全体のpadding */
    text-align:center;   /* 下記のautoに未対応用のセンタリング */
}

#wrapper {
     margin-left:auto;    /* 左側マージンを自動的に空ける */
     margin-right:auto;   /* 右側マージンを自動的に空ける */
}


table.dataTable {
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}

p#caption {
	font-size: 20px;
	font-weight: bold;
}

div#dataTable {
	margin: 0 auto;
}

table.htCore td.colHeader {
	background-color: #FFFFE0;
	text-align: center;
	font-weight: bold;
}

table.htCore td {
	padding: 7px 5px 5px 5px;
    font-size:15px;
    text-align: center;
}


input[type="text"] {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 17px;
	border-width:0px;
	border-style:none;
	border: none;
	outline: none;
	-webkit-appearance:none;
	margin: 0px;
	width: 60px;
}

td input[type="number"] {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 17px;
	border-width:0px;
	border-style:none;
	border: none;
	outline: none;
	-webkit-appearance:none;
	padding: 0px;
	width: 60px;
	margin-left: 0px;
}

input.inputItem, input.inputValue {
	text-align: center;
	padding: 0px;
}

div#leftColumn {
	float: left;
	width: 450px;
}

div#rightColumn {
	float: left;
	width: 450px;
}

canvas {
	margin: 0 auto;
}

#lineChart2 {
	margin-left: 0px;
}

#unit, #omit{
	width: 50px;
	height: 35px;
	border: solid 1px rgb(0, 153, 255);
	border-radius: 5px;
	text-align: center;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 15px;
	outline: none;
	-webkit-appearance:none;
	vertical-align: middle;
}


input.makeChart {
	/**padding: 0px 0px 0px 0px; */
	/**margin: 0px 0px 0px 0px; */
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#bottomColumn {
	text-align: center;
}


.control1 {
	width: 130px;
	float: left;
}

.control2 {
	width: 90px;
	text-align: left;
	float: left;
	font-size: 15px;
	line-height: 22px;
}

.control3 {
	width: 80px;
	text-align: left;
	float: left;
}

#unit {
	width: 50px;
	height: 35px;
	border: solid 1px rgb(0, 153, 255);
	border-radius: 5px;
	text-align: center;
	vertical-align: middle;
	font-size: 15px;
	background-color: white;
}

#control1, #cotrol2, #control3{
	width: 220px;
	font-weight:bold;
}

#controls {
	margin-left: 70px;
	margin-top: 20px;
	text-align: left;
}

#makeChart2 {
	margin-bottom: 15px;
}
#optionBox1 {
	margin-right: 30px;
	text-align: left;
	height: 40px;
	line-height: 20px;
}

#optionBox2 {
	margin-right: 10px;
	text-align: left;
	height: 40px;
	line-height: 20px;
}

#optionBox3 {
	text-align: left;
	height: 40px;
	line-height: 20px;
}

#optionBox1 div {
	width: 80px;
}

#optionBox2 div {
	width: 60px;
}

#optionBox3 div {
	width: 50px;
}


/*y軸の目盛り関係*/
#yScale,#leftYScale {
	margin-top: 10px;
	width: 60px;
	font-size: 15px;
	height: 400px;
	text-align: right;
	float: left;
}

#yScale3, #yScale4, #yScale5, #yScale6, #yScale0, #leftYScale0, #leftYScale1, #leftYScale2, #leftYScale3, #leftYScale4, #leftYScale5, #leftYScale6
 {
	width: 50px;
	height: 20px;
	margin-bottom: 34px;
	margin-right: 10px;
	text-align: right;
}


#yScale2 {
	width: 50px;
	height: 20px;
	margin-bottom: 14px;
	margin-right: 10px;
	text-align: right;
}

input#yScale1 {
	width: 50px;
	height: 44px;
	margin: 5px 5px 25px 0px;
	text-align: right;
	vertical-align: middle;
	border: solid 1px rgb(0, 153, 255);
	border-radius: 5px;
	vertical-align: middle;
	font-size: 15px;
	background-color: white;
}

#yScaleUnit, #leftYScaleUnit{
	width: 60px;
	height: 28px !important; 
	text-align: right;
	vertical-align: middle;
}


p#lead {
	font-size: 17px;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
}

#lead span {
	color: #008FFE;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-table;}
 
 /* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#leftYScale{
	position:absolute;
	left:65px;
	/*background-color:RGBA(255,255,245, 0.5);*/
}

#leftYScaleRect{
	position:absolute;
	left:42px;
	width: 80px;
	height: 400px;
	background-color:RGB(255,255,245);
}

#leftYScale0, #leftYScale1, #leftYScale2, #leftYScale3, #leftYScale4, #leftYScale5, #leftYScale6{
	margin-right:0px;
}