body {
	font-size: 15px; line-height:24px; COLOR: #000000; BACKGROUND-IMAGE: URL(../pics/kabegami.gif);
}


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



h1 { 
        font-size: 32px; line-height:32px; color : #010101; margin-top: 0; margin-bottom: 0
}

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


h2 { 
        font-size: 16px;

        padding: 5px;

        color: #010101;

        background: #ccffcc;

        border-bottom: solid 3px #0099ff;


}


h3   {
        font-size: 1.15rem;

        color: #6666ff;

        padding-right: 3px;

        padding-left: 3px;

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


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


.footer
{
	border-top: 1px solid #888 ;
	text-align: center ;
	margin-top: 2em ;
	padding: 1em 0 ;
	background: #e8e8e8 ;
}


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

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


.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 ( min-width:750px )
{
	.sp
	{
		display: none ;
	}
}