/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
/*
::selection
{
    background:transparent ;
}

::-moz-selection
{
    background:transparent ;
}
*/
.clearfix:after, .contents ul:after {
  visibility: hidden;
  display: block;
  content: " ";
  clear: both;
  height: 0px;
}

.marginfix, .contents {
  border-top: solid 2px transparent;
  top: -2px;
  margin-bottom: -2px;
}

.gpu {
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
div#root {
  width: 640px;
  height: auto;
  min-width: 640px;
  overflow: hidden;
  color: #333;
  font-size: 22px;
  line-height: 45px;
}

/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.footer {
  text-align: center;
  line-height: 0px;
  width: 100%;
  height: 289px;
  background: #FFF;
}
.footer .navi {
  background: #424242;
  width: 100%;
  display: block;
  margin-bottom: 16px;
}
.footer .navi ul {
  padding: 15px 0;
}
.footer .navi ul li {
  line-height: 60px;
  font-size: 22px;
}
.footer .navi ul li a {
  color: #FFF;
  text-decoration: none;
}
.footer .navi ul li a:hover {
  opacity: 0.5;
}
.footer .navi hr {
  margin: 0 auto 0;
  width: 560px;
  border: none;
  border-top: solid 1px #696967;
}
.footer .end {
  height: 130px;
}
.footer .end .copyright {
  margin-top: 20px;
}

/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */
.contents {
  left: 0px;
  top: 0px;
  width: 100%;
  height: auto;
  min-height: 984px;
  background: #f0eee9;
  padding-bottom: 98px;
}
.contents h1 {
  text-align: center;
  margin-top: 70px;
  margin-bottom: 70px;
}
.contents h2 {
  text-align: center;
  margin-bottom: 28px;
}
.contents hr {
  width: 180px;
  border: none;
  border-top: solid 1px #acaba8;
  margin: 0 auto;
}
.contents .text {
  text-align: center;
  margin-top: 36px;
  margin-bottom: 60px;
}
.contents ul {
  width: 560px;
  margin: 0 auto;
}
.contents ul li {
  width: 260px;
  height: 260px;
  float: left;
  text-align: center;
  margin-bottom: 60px;
}
.contents ul li.margin {
  margin-right: 40px;
}
.contents ul li a img {
  display: block;
  background: #000;
}
.contents ul li a img:hover {
  background: #606060;
}
.contents ul li .member-only {
  margin-top: 8px;
}
.contents .bnr-blog {
  width: 560px;
  height: 260px;
  display: block;
  margin: 0 auto;
}
.contents .bnr-blog .hover {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: #FFF;
  opacity: 0;
  filter: alpha(opacity=0);
}
.contents .bnr-blog .hover:hover {
  opacity: 0.2;
  filter: alpha(opacity=20);
}

/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */