body
{
	margin:0px;
	padding:10px;
    background-image:url('../images/background.gif');
	-webkit-text-size-adjust:none;
}

h1
{
    font-size:16pt;
    text-align:center;
    color:darkolivegreen;
}

a
{
    color:green;
}

img
{
    border:none;
}

hr
{
    width:50%;
    height:1px;
}

.main
{
    background-color:ivory;
    border-style:double;
    border-color:gray;
    width:600px;
	font-family:Arial,sans-serif;
    line-height:140%;
    vertical-align:top;
	padding:0px;
	text-align:justify;
    font-size:10.5pt;
}

.main p
{
    text-indent:1em;
    margin:10px;
}

.main td
{
    font-size:10.5pt;
}

.note
{
    font-size:9pt;
}

.omake
{
    color:olive;
}

.navi
{
    margin-top:30px;
    width:100%;
}

.prev
{
    vertical-align:bottom;
    text-align:left;
    width:15%;
}

.up
{
    vertical-align:bottom;
    text-align:center;
    width:70%;
    color:darkolivegreen;
    font-size:8pt;
}

.next
{
    vertical-align:bottom;
    text-align:right;
    width:15%;
    color:#F6B800;
    font-size:10pt;
}

.ad
{
	margin:0px;
}

@media screen and (max-width:640px)
{
	body
	{
		background-image:none;
		padding:0px;
	}

    .main
	{
		border-style:none;
		width:100%;
	}
}