body{
	background-color: #ffd6dd;
	padding-left: 1em;
}

table{

	border-spacing: 0px;
	padding-left: 2em;
}

td {
	text-align: left;
	padding: 10px;
	border: 1px solid #000000;
}

td:nth-child(odd){
	background-color: aliceblue;
}
.cp_table *, .cp_table *:before, .cp_table *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_table {
	width: auto;
	max-width:640px;
	border-collapse: collapse;
}
.cp_table th {
width: 13%;
background: #f4f4f4;
padding: 10px;
border: 1px solid #dddddd;
}
.cp_table td {
	text-align: left;
	vertical-align: top;
	padding: 10px;
	border: 1px solid #dddddd;
	background-color: #FFF;
}
.cp_table td:first-child {
text-align: left;
vertical-align: middle;
font-weight: bold;
}

.content_main div{
	white-space:nowrap;
    width: 860px;  
    margin: 0 auto;  

}
.content_main h2{
	border-bottom: solid 3px #663300;
	margin-left:-0.5em;
}


@media only screen and (max-width: 480px) {
.cp_table {
display: block;
width: 100%;
}
.cp_table thead {
display: block;
float: left;
overflow-x: scroll;
}
.cp_table tbody {
display: block;
width: auto;
overflow-x: auto;
white-space: nowrap;
}
.cp_table th {
display: block;
width: auto;
border-width: 1px 0px 0px 1px;
border-color: #dddddd;
border-style: solid;
}
.cp_table th:last-child {
border-bottom: 1px solid #dddddd;
}
.cp_table tbody tr {
display: inline-block;
margin: 0;
}
.cp_table td {
display: block;
border-width: 1px 1px 0px 1px;
border-color: #dddddd;
border-style: solid;
}
.cp_table td:last-child {
border-bottom: 1px solid #dddddd;
}
}