#cont {max-width: 990px;
	margin: 0 auto; }
BODY	{background: #000033;
	color: ButtonHighlight;
	margin-top: 2px;
	font-family:"MS Sans Serif","ヒラギノ角ゴ Pro W3",Arial;
}
h1	{color: Red;
	font-size: 1.5em;
	border:thick outset blue ;
	background-color:lime ;
	margin: 10px 6px 3px;
	text-align: center;
}
figure {margin:1.5em 0em;}
figcaption {font-weight:bold;}
img {
    max-width: 100%;
    height: auto;

}
ul {margin: 0.1em 0 0.1em 1.5em;
padding:  0;}
#mokuji {width:100%;
	float:left;
	padding:0px;
	}
nav	{width:100%;
}

#r{	width: 325px;
	float: left;
	padding: 0px;
	margin: 0px;
}
.c {text-align: center;}

a{
	text-decoration: none;
	color: #93CAFF;
}
a:visited	{
	color: #C99FF1;
}
a:hover {
	background-color: #FFEBCD;
	color: Red;
}
footer	{
	text-align: center;
	width:100%;
	clear:both;
	 float:left;
}

@media screen and (min-width: 650px) {
   div.index { width: 330px; float: left; }
#main {width:630px;
	float:left;
	padding:0px 1em 0px;
	}
}
@media screen and (max-width: 650px) {
   div.index { width: 100%; }
   li {padding: 3px 0;}
#r {line-height:1.6em;
	width:100%;}
#main {width:100%;}

}