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

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

h1 { 
        font-size: 175%; color : #000000; margin-top: 5; margin-bottom: 5
}
@media screen and ( max-width:479px )
{
     h1 { 
             font-size: 150%; color : #000000; margin-top: 5; margin-bottom: 5
     }
}

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: #eeffff ;
}

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