@charset "utf-8";

html {
	font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 62.5%;
    line-height: 250%;
    letter-spacing: 0.1em;
	height:100%;
}

body {
	background-image: url(../img/bg.png);
	background-position: center top;
	background-repeat: repeat;
	background-color: #43ADD6;
	color:#fff;
	width:100%;
	height:100%;
}

a:hover img{
    opacity:0.6;
    -moz-opacity:0.6;
    filter:alpha(opacity = 60);
}

.center {
  text-align: center;
  width:90%;
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.center img {
  max-width:100%;
}

ul {
  width:100%;
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
  overflow: hidden;
  padding-bottom: 6%;
}

ul li {
  width:30%;
  margin-right:5%;
  float:left;
}

ul li:nth-child(3n) {
  margin-right:0;
}