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

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


h1 { 
        font-size: 25px; line-height:30px; color : #333366; margin-top: 5; margin-bottom: 5
}

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


h2 { 
        font-size: 18px;

        padding: 5px;

        color: #010101;

        background: #ccffff;

        border-bottom: solid 3px #66cccc;

}


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

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

.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;
    }
}