@charset "utf-8";
/* CSS Document */

body{
font: 14px/1.6 "Hiragino Kaku Gothic Pro","Meiryo","MS PGothic",Verdana,Arial,sans-serif;
margin:0;
color:#313131;
background-color: #f8f8f8;
}

img{
outline:none;
border-style:none;
}

a{
    color:blue;

}
a:visited{
    color:blue;
}

/*****HEADER*****/
header{
	width: 100%;
	color: #222;
	background-color: #29f;
    overflow: hidden;
}
div.header{
	display: flex;
	width: 460px;
	margin: 6px auto;
	font-size: 2.4rem;
	font-weight: bold;
	justify-content: center;
	align-content: center;
}

div.header img.virus-icon{
	width:32px;
	height:32px;
	filter: invert(1);
	margin-top: 2px;
	margin-right: 10px;
}


/*****ARTICLE*****/
article{
    display: block;
    margin: 40px 20px;
    margin-bottom: 20px;
    overflow: hidden;
}

div.input-caption{
	display: flex;
	flex-direction: row;
}
div.input-caption div{
	text-align: center;
	width: 110px;
}

div.input-data{
	display: flex;
	flex-direction: row;
	margin-bottom: 30px;
}

div.input-data div{
	width: 110px;
	text-align: center;
}
input{
	width: 80px;
	text-align: center;
}


table{
	border: none;
	background-color: #fff;
}
td,th{
	border-collapse: collapse;
	border:1px solid #888;
}
td{
	text-align: center;
	vertical-align: middle;
}
td.caption-s{
	width: 50px;
}
td.caption-l{
	width: 100px;
}
td.data{
	width: 140px;
}
td.data-wide{
	width: 290px;
}

td.gray{
	background-color: #d4d4d4;
	color: #000;
}
td.space{
	border: none;
	background-color: #f8f8f8;
}
td.bottom{
	border-bottom: 1px #f8f8f8 solid;
}

td.number{
	font-size: 1.8rem;
	font-weight: bold;
}
td.false{
	color: #c00;
}

div.calc-logic td{
	padding: 4px 0;
}

div.calc-logic td.data{
	padding-left: 10px;
	text-align: left;
}
div.calc-logic td.data-wide{
	padding-left: 10px;
	text-align: left;
}

/*****FOOTER*****/
footer{
    font-size: 80%;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #313131;
}
footer{
	font-size: 1rem;
	background-color: #b0b0b0;
	color: #f0f0f0;

}