@charset "utf-8";

body{
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  line-height: 1.4em;
  text-align:center;
  background: #CACEDD;
  color:#FFFFFF;
}
a:link,a:active,a:visited {
  color: #FFF;
  text-decoration: none;
}
a:hover {
  color: #d45151;
}
a:focus{
  outline:none;
  overflow:hidden;
}
#wrapper {
  max-width: 760px;
  min-width:300px;
  #width: 760px;
  height:auto;
  margin:0 auto;
  padding:10px;
}
h1 {
  border-radius:10px;
  overflow:hidden;
}
#entrance {
  overflow:hidden;
  text-align:center;
  display:inline-block;
  margin:20px auto;
}
#entrance a {
  float:left;
  display:block;
  height:50px;
  line-height:30px;
  border-radius:5px;
  margin:5px;
  padding:10px;
  font-weight:bold;
  box-shadow:2px 2px 2px #999;
}
a.enter {
  color:#FFF;
  background-color:#FF6699;
}
a.enter:hover {
  background-color:#FF9999;
}
a.exit {
  letter-spacing: 1px;
  color:#333333;
  border:1px solid #666;
}
a.exit:hover {
  color:#FF6;
  background-color:#999;
}

@media screen and (min-width:481px) {
  #entrance a {
    width:200px;
    margin:5px;
  }
}

#main{
  line-height:1.5em;
  margin:auto;
  color:#333;
  text-align:justify;
}

#main strong {
  color:#FF0;
}
@media screen and (max-width:760px) {
  #main{
    padding:5px;
  }
}

#footer {
  font-size:12px;
  text-align:center;
  padding:30px 0px 20px;
}