/*** for PC Browser ***/
@media (min-width:401px)
{
div.table_change
{
display: none;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
.Contents table
{
margin-left: auto !important;
}

div.table_change
{
float: right;
clear: both;
margin: 3px;
padding: 3px;
font-weight: bold;
border: 1px solid #e5e5e5;
background: #F3F8E4;
box-shadow: 0px 0px 3px #8FC325, 0px 0px 3px #8FC325, 0px 0px 3px #8FC325, 0px 0px 3px #8FC325, 0px 0px 3px #8FC325, 0px 0px 3px #8FC325, 0px 0px 3px #8FC325, 0px 0px 3px #8FC325, 0px 0px 3px #8FC325, 0px 0px 3px #8FC325;
}

.scroll_on
{
padding: 0;
margin: 0;
overflow-x: scroll;
white-space: nowrap;
}

.overflowscroll
{
width: 100%;
margin: 0;
clear: both;
}

.overflowscroll table
{
margin: 5px !important;
}

.scroll_on table
{
width: 640px !important;
}

.overflowscroll table th,
.overflowscroll table td
{
margin: 0 !important;
white-space: normal;
width: auto !important;
}

.scroll_off table,
.scroll_off table th,
.scroll_off table td
{
width: auto !important;
height: auto !important;
white-space: normal !important;
}

.scroll_off table
{
box-sizing: border-box !important;
margin: 5px 0 !important;
width: 100% !important;
}

.overflowscroll table td table
{
width: auto !important;
}
}