@charset "UTF-8";
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, small, strong, b, i, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

html,
body {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  color: #333;
  font: 13px sans-serif;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

li {
  list-style: none;
}

*, ::before, ::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#main {
  max-width: 360px;
  margin: 0 auto;
  color: #6D3013;
  background-image: url("../img/main_bg.png");
  background-repeat: repeat;
  background-size: 24px;
  background-position: 16px 6px;
}
#main .sprite1 {
  background-image: url("../img/sprite1.png");
  background-repeat: no-repeat;
  -webkit-background-size: 300px auto;
  -moz-background-size: 300px auto;
  -o-background-size: 300px auto;
  background-size: 300px auto;
}
#main header#piggHeader h1 {
  line-height: 0;
}
#main header#piggHeader dl {
  display: none;
}
#main article {
  text-align: center;
  overflow: hidden;
}
#main article a.btn {
  text-indent: -9999px;
  display: block;
}
#main article #othergames {
  margin-top: 0px;
  margin-bottom: 6px;
}
#main article #othergames h2 {
  width: 100%;
  height: auto;
  margin: 10px auto 10px auto;
  padding: 0;
  line-height: 0;
}
#main article #othergames h2 img {
  margin: 0;
  padding: 0;
  line-height: 0;
}
#main article #othergames h2 span {
  display: none;
}
#main article #othergames ul {
  width: 320px;
  margin: 0 auto;
}
#main article #othergames ul li {
  float: left;
}
#main article #othergames ul li > dl {
  display: none;
}
#main article #othergames ul li a.btn {
  width: 130px;
  height: 32px;
  background-position: 0 -412px;
}
#main article #othergames ul li:first-child {
  margin-left: 18px;
}
#main article #othergames ul li:last-child {
  margin-left: 24px;
}
#main article #othergames ul#piggandkichen {
  height: 200px;
  background-position: 10px -4px;
}
#main article #othergames ul#piggandkichen > li {
  margin-top: 158px;
}
#main article #othergames ul#firmyand {
  height: 205px;
  background-position: 10px -208px;
}
#main article #othergames ul#firmyand > li {
  margin-top: 163px;
}
#main article #attention {
  margin: 2px 0 0 0;
  padding-top: 14px;
  color: #8D3F1A;
  background-color: #FFFAA2;
  font-size: 11px;
  line-height: 1;
  text-align: left;
  background-image: url("../img/rainbow_btm.png");
  background-size: 100% auto;
  background-repeat: repeat-x;
  background-position: center top;
}
#main article #attention h2 {
  text-indent: -9999px;
  width: 136px;
  height: 16px;
  margin: 20px auto 0;
  background-position: 0 -444px;
}
#main article #attention dd {
  margin-bottom: 10px;
}
#main article #attention > ul {
  padding: 12px 10px 18px;
  line-height: 1.4em;
}
#main article #attention > ul ul li {
  margin-left: 16px;
  list-style-type: disc;
}
#main article #attention > ul li:last-child dd {
  margin-bottom: 0;
}
#main article #attention .bn_line {
  border-bottom: dashed 1px #FFCC5A;
  height: 1px;
  display: block;
  width: 100%;
  padding-top: 6px;
}
#main footer {
  background-color: #FFFAA2;
}
#main footer #copyright-sanrio {
  text-indent: -9999px;
  width: 55px;
  height: 10px;
  margin: 0 auto;
  background-position: 0 -450px;
}
#main footer #copyright-ca {
  border-top: solid 1px #999;
  color: #666;
  background: #CCC;
  font-size: 11px;
  line-height: 1.4;
  text-align: center;
  overflow: hidden;
}