body {background: rgb(255, 255, 255); margin: 0px;}
* {box-sizing: border-box; -webkit-box-sizing: border-box;}
table {border-collapse: collapse;}


@media only screen and (max-width:600px)
{
.topcom {max-width:95%;}

}



.col-head-type1 {
    max-width:600px; border-collapse:collapse; border:0px solid #dddddd;
    }
.col-head-type1 th,td {border:0px solid #dddddd; background-color:#FFFFFF;}



.col-head-type1 {
	width: 98%; border-collapse: collapse;
}
.col-head-type1 th {
	padding: 6px; border: 1px solid rgb(219, 225, 232); border-image: none;
}
.col-head-type1 td {
	padding: 6px; border: 1px solid rgb(219, 225, 232); border-image: none;
}
.col-head-type1 th {
	background: rgb(249, 250, 252); width: 120px; text-align: left;
}
@media only screen and (max-width:600px)
{
.col-head-type1 {width:95%;max-width:600px;}
.col-head-type1 tr {width: auto; display: block;}
.col-head-type1 th {width: auto; display: block;}
.col-head-type1 td {width: auto; display: block;}

.col-head-type1 th {border:1px solid #eeeeee; background-color:#dddddd;}

.col-head-type1 tr:first-child {
	border-top-color: rgb(219, 225, 232); border-top-width: 1px; border-top-style: solid;
}
.col-head-type1 th {
	border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
.col-head-type1 td {
	border-top-color: currentColor; border-top-width: medium; border-top-style: none;
}
}




.col-head-type2 {max-width:600px;border-collapse: collapse;}
.col-head-type2 th {padding:0 6px;}
.col-head-type2 td {padding:0 6px;}

.col-head-type2 {
	width: 98%; border-collapse: collapse;
}
.col-head-type2 tr {
	border-bottom-color: rgb(219, 225, 232); border-bottom-width: 1px; border-bottom-style: solid;
}
.col-head-type2 tr:first-child {
	border-top-color: rgb(219, 225, 232); border-top-width: 1px; border-top-style: solid;
}
.col-head-type2 th {
	padding: 8px 0px;
}
.col-head-type2 td {
	padding: 8px 0px;
}
.col-head-type2 th {
	width: 120px; text-align: left;
}
.col-head-type2 input[type='text'] {
	width: 50%;
}
.col-head-type2 textarea {
	width: 50%;
}
.col-head-type2 textarea {
	height: 100px;
}


@media only screen and (max-width:600px)
{
.col-head-type2 {width:95%;max-width:600px;}
.col-head-type2 tr {
	width: auto; display: block;
}
.col-head-type2 th {
	width: auto; display: block;
}
.col-head-type2 td {
	width: auto; display: block;
}
.col-head-type2 th {
	padding-bottom: 0px;
}
.col-head-type2 input[type='text'] {
	width: 100%;
}
.col-head-type2 textarea {
	width: 100%;
}
}



