html {
}
body {
	margin:0;
	padding:0;
	
}
main {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
}
#container {
	width:100%;
}
#wrapper {
	/* width:848px; */
	width:100%;
	max-width: 848px;
	margin:0px auto;
}
#wrapper * {
	box-sizing: border-box;
}
/*
#header {
	height:83px;
	margin-top:10px;
	background-repeat:no-repeat;
	background-position:center;
	background-position:bottom;
	padding:0 30px;
}
*/
/*
#content {
	background-image:url(../img/bk_mid.png);
	background-position:center;
	background-repeat:repeat-y;
	width:848px;
	padding:20px 0 10px 0px;
}
*/
/*
#footer {
	height:40px;
	background-image:url(../img/bk_bottom.png);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	padding:0 30px;
	margin-bottom:10px;
}
*/
/*コンテンツ見出しやレイアウト*/
h1 {
	font-weight:bold;
	margin-left:30px;
	}
h2 {
	font-weight:bold;
	margin-left:30px;
	margin-bottom:10px;
	}
h3 {
	font-weight:bold;
	margin-bottom:10px;
	}
div.ctbox {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border:1px solid #999999;
}
div.ctbox > div {
	max-width: 100%;
}
div.ctbox p {
	margin:10px 0px;
}
@media screen and (min-width: 768px) {
	div.ctbox {
		margin:0 0px 15px 0px;
	}
	div#calc_run {
		display: block;
		width: 100%;
		margin-top: 2em;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
}
@media screen and (min-width: 1025px) {
}
@media screen and (max-width: 767px) {
	#input_area .tdcen,
	#result_area .tdcen {
		display: flex;
		justify-content: center;
		/* flex-wrap: wrap; */
	}
	#input_area input[type="text"],
	#result_area input[type="text"] {
		width: 4em !important;
		height: 2.0em;
		padding: 0.5em 0.2em !important;
		line-height: 1.0;
	}
	div#calc_run::before {
		content: "";
		display: block;
		clear: both;
	}
	div#calc_run {
		display: block;
		width: 100%;
		margin-top: 2em;
		text-align: center;
	}
}
@media screen and (max-width: 480px) {
	#input_area .tdcen td {
		font-size: 12px;
	}
}



div.type {
	margin:0 30px 20px 30px;
}
/*テーブル*/
div.valuetitle {
	/* float:left; */
	/* width:170px; */
	/* min-width:170px; */
	padding: 0.2em 0.75em;
	font-weight:bold;
	background-color:#f1f2f7;
	/* padding:3px; */
	margin-right:1px;
}
table.valuetb {
	border:1px solid #999999;
	padding:0;
	font-size:12px;
}
table.valuetb th {
	background-color:#f1f2f7;
	border:1px solid #999999;
	width:170px;
	padding:3px;
}
table.valuetb td {
	border:1px solid #999999;
	font-weight:normal;
	padding:3px;
	width:170px;
}
table.valuetb td.tdcen {
	text-align:center;
}
table.valuetb td.tdcen label {
	max-width: 100%;
}
table.valuetb td.tdcen input {
	max-width: 100%;
}
@media screen and (min-width: 768px) {
	table.valuetb {
		display: block;
		width: 100%;
	}
	table.valuetb tbody,
	table.valuetb tr {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	table.valuetb th {
		display: flex;
		align-items: center;
		width: 33.3333%;
	}
	table.valuetb td {
		display: flex;
		align-items: center;
		width: 33.3333%;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
}
@media screen and (min-width: 1025px) {
}
@media screen and (max-width: 767px) {
	table.valuetb {
		display: block;
		width: 100%;
	}
	table.valuetb tbody,
	table.valuetb tr {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	table.valuetb th {
		display: flex;
		align-items: center;
		width: 33.3333%;
	}
	table.valuetb td {
		display: flex;
		align-items: center;
		width: 33.3333%;
	}
	
}
@media screen and (max-width: 480px) {
}




table.valuetb2 {
	border:1px solid #999999;
	padding:0;
	font-size:12px;
	margin-bottom:20px;
}
table.valuetb2 th {
	background-color:#f1f2f7;
	border:1px solid #999999;
	width:110px;
	padding:3px;
}
table.valuetb2 td {
	border:1px solid #999999;
	font-weight:normal;
	padding:3px;
	width:110px;
}
table.valuetb2 td.tdcen {
	text-align:center;
}
table.valuetb2 td.tdcen label {
	max-width: 100%;
}
table.valuetb2 td.tdcen input {
	max-width: 100%;
}
@media screen and (min-width: 768px) {
	table.valuetb2 {
		display: block;
		width: 100%;
	}
	table.valuetb2 tbody,
	table.valuetb2 tr {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	table.valuetb2 th {
		display: flex;
		align-items: center;
		width: 33.3333%;
	}
	table.valuetb2 td {
		display: flex;
		align-items: center;
		width: 33.3333%;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
}
@media screen and (min-width: 1025px) {
}
@media screen and (max-width: 767px) {
	table.valuetb2 {
		display: block;
		width: 100%;
	}
	table.valuetb2 tbody,
	table.valuetb2 tr {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	table.valuetb2 th {
		display: flex;
		align-items: center;
		width: 33.3333%;
	}
	table.valuetb2 td {
		display: flex;
		align-items: center;
		width: 33.3333%;
	}
}
@media screen and (max-width: 480px) {
}

/*フロートクリア*/
div.clearmgb20 {
	clear:both;
	margin-bottom:20px;
}
div.clearbt {
	clear:both;
}
span.mm{
font-size:12px;
}
input{
	border: 1px solid #999;
}
input[readonly] {
	border: 1px solid #999;
	background-color: #F0F0F0;
	color: GrayText;
}
input[disabled] {
	border: 1px solid #999;
	background-color: #F0F0F0;
	color: GrayText;
}