body
{
	font-family: arial;
}

header
{
	border-bottom: 5px solid #000;
	text-align: center;
}

header .maintitle
{
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	display: block;
	text-decoration: none;
}

header a:link,
header a:visited
{
	color: #000;
}

header a:hover,
header a:active
{
	color: #7F7F7F;
}



/*===============================================
画面の横幅が800px以上の時に呼び出される
===============================================*/
@media screen and (min-width: 800px)
{
	section
	{
		text-align: left;
		width: 800px;
		margin: 20px auto;
	}

}

/*===============================================
画面の横幅が799px以下の時に呼び出される
===============================================*/
@media screen and (max-width: 799px)
{
	section
	{
		text-align: left;
		width: 100%;
		margin: 20px auto;
	}

}



section p.topComment
{
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #000;
}

section p.subTitle
{
	margin: 30px 0 0 0;
	padding: 0 0 0 10px;
	font-size: 16px;
	color: #000;
	
	border-left: 5px solid #000;
}

section p.mainText
{
	font-size: 16px;
	color: #000;
}
   


footer
{
	padding: 10px;
	border-top: 5px solid #000;
}

footer p.link
{
	text-align: center;
}

footer p.copyright
{
	font-size: 12px;
	text-align: center;
}