body {
	font-size: 15px; margin: 5px; line-height:28px;
}

td {
	font-size: 15px; margin: 5px; line-height:28px;
}

h1 { 
        font-size: 25px; line-height:28px; color : #000000; margin-top: 0; margin-bottom: 0
}
@media screen and ( max-width:479px )
{
     h1 { 
             font-size: 25px; line-height:28px; color : #000000; margin-top: 0; margin-bottom: 0
     }
}

h2 { 
         font-size: 20px; color : #333399; background: linear-gradient(transparent 70%, #a7d6ff 70%);
}

@media screen and ( max-width:749px )
{
     img {  
             width:100%;
             height: auto;
     }
}

.footer
{
	text-align: center ;
	padding: 10px ;
	background: #cccccc ;
}

.pc
{
	width: 950px ;
	margin: 0 auto ;
	padding: 0 ;
}

@media screen and ( max-width:749px )
{
	.pc
	{
		width: auto ;
		padding: 10px ;
	}
}

.main
{
	width: 760px ;
	padding: 5px ;
}
.side
{
	width: 164px ;
	padding: 5px ;
}


@media screen and ( max-width:749px )
{
	.main
	{
		width: auto ;
		padding: 0 ;
		border: none ;
	}

	.side
	{
		width: auto ;
	}
}


.main
{
	float: right ;
}

.side
{
	float: left ;
}

@media screen and ( max-width:749px )
{
	.main
	{
		float: none ;
	}

	.side
	{
		float: none ;
	}
}


.pc
{
	overflow: hidden ;
}


@media screen and ( max-width:749px )
{
	.sp1
	{
		display: none ;
	}
}


@media screen and ( max-width:749px )
{
	.side
	{
		display: none ;
	}
}

@media screen and ( min-width:750px )
{
	.sp2
	{
		display: none ;
	}
}



@media screen and (max-width:749px){
    #tb1 th:nth-child(2),
    #tb1 td:nth-child(2) {
        display: none;
    }
}

@media screen and (max-width:749px){
    #tb2 th:nth-child(1),
    #tb2 td:nth-child(1) {
        display: none;
    }
}