@charset "utf-8";
/* CSS Document */

body{
	width:100%;
	margin:0;
	padding:0;
	font-size:12px;
}
img{
	max-width:100%;
}
a img:hover{
	opacity:0.7;
	cursor:pointer;
}
ul li{
	list-style:none;
}
a{
	color: #900;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: underline;
}
.contents{
	width:100%;
	max-width:840px;
	margin:0 auto;
	overflow:hidden;
	background-color:#E6E6BC;
}
.box{
	width:100%;
	padding:0;
	margin:0 auto;
	display:inline-block;
	overflow:hidden;
	text-align:center;
}
.box li{
	width:auto;
	margin:0 auto;
	padding:10px;
	display:inline-block;
	box-sizing:border-box;
	text-align:center;
	vertical-align:top;
}
footer{
	width:100%;
	max-width:840px;
	margin:0 auto;
	overflow:hidden;
	background-color: #CCCCA7;
}
.copyright{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
}
.font11{
	font-size:11px;
}
.L180{
	margin-left:180px;
}
.flash{
  animation: flash 3s ease infinite alternate;
  color: #900;
}

@keyframes flash {
  50% {
    opacity: 0;
  }
}
@media screen and (max-width:767px) {
.box li{
	width:100%;
	margin:0;
	padding:30px 20px 20px 20px;
	display:block;
	box-sizing:border-box;
	text-align:center;
	vertical-align:middle;
	border-bottom:1px solid #999;
}
.L180{
	margin-left:0;
	text-align:center;
}
}