body {
	padding: 30px; line-height: 1.5; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 13px;
}
* {
	box-sizing: border-box;
}
h1 {
	padding-bottom: 8px; font-size: 18px; font-weight: bold; margin-bottom: 15px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}

table.table01 {
	max-width: 100%; border-right-color: rgb(62, 177, 198); border-right-width: 1px; border-right-style: solid; border-collapse: collapse;
}
/*theadを不要としている
table.table01 thead th {
	background: rgb(62, 177, 198); padding: 10px 10px; color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid;
}
table.table01 thead th:last-child {
	border-right-color: rgb(62, 177, 198); border-right-width: 1px; border-right-style: solid;
}
*/
table.table01 tbody {border-top:1px solid rgb(62, 177, 198);border-rihgt:1px solid rgb(62, 177, 198); } /*thead無しの場合のbodytopの枠線を表示させる。色は内部に合わせる*/

table.table01 tbody th {
	background: rgb(62, 177, 198); padding: 10px 4px; color: rgb(255, 255, 255); vertical-align: top; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}/*左側のth表示をpaddingの左右余白を0pxとして非表示として、幅を縮めた時にthのラベルを表示させている*/

table.table01 tbody tr:last-child th {
	border-bottom-color: rgb(62, 177, 198); border-bottom-width: 1px; border-bottom-style: solid;
}
table.table01 tbody td {
	background: rgb(255, 255, 255); padding: 10px 10px; vertical-align: top; border-bottom-color: rgb(62, 177, 198); border-left-color: rgb(62, 177, 198); border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid;text-align:left;
}
table.table01 tbody td p {
	margin: 0px;
}
@media screen and (max-width:640px)
{
table.table01 { max-width:100%; margine:0 10px;}
table.table01 thead {
	display: none;
}
table.table01 tbody th {
	display: block;
}
table.table01 tbody td {
	display: block;
}

/*以下は幅を縮めた時の仮想thエリアの表示用−不要なら削除*/
table.table01 tbody th::after {
	content: attr(label);
}

/*左端のtdのラベル表示
table.table01 tbody td::before {
	clear: both; font-weight: bold; float: left; content: attr(label);
}
*/
/*左端のtdのラベル表示幅
table.table01 tbody td p {
	padding-left: 6em;
}
*/
}