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

h1 { 
  font-size: 1.75rem;

  padding: 3px;

  line-height: 28px;

  color: #010101;

  background: #ffffff;

  margin-top: 5px;
  margin-bottom: 5px;
}

h2 {

  font-size: 1.25rem;

  padding: 5px;

  color: #010101;

  background: #ccffcc;

  border-bottom: solid 3px #66cc66;

}



@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 )
{
	.side
	{
		display: none ;
	}
}


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


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

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


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