@charset "utf-8";

.black{
	background-color: #000000;
}

h2{
	padding: 15px;}
.main{
	margin-bottom: 100px;
	padding: 15px;	
}
.footer{
	background-color: #868686;
	color: #ffffff;
	margin: 0px;	
	padding: 15px;	
}
a {
text-decoration:none;
}
a:link { /*アクセスしたことのないリンク*/
color:#696969; 
}
a:visited { /*アクセスしたことのあるリンク*/
color:#696969;
}
a:hover {/*マウスが上に乗っている状態*/
color:#FF0099;
text-decoration:underline;
}



@media screen and (min-width: 481px) {
	/* 481px以上に適用されるCSS（タブレット用） */
	
.content{
  max-width: 400px;
  margin: 0 auto;
}	
	
}


@media screen and (min-width: 960px) {
	/* 960px以上に適用されるCSS（PC用） */
	
.content{
  max-width: 960px;
  margin: 0 auto;
}	
	
}