/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
html,
button,
input,
select,
textarea {
  color: #222;
}

html {
  font-size: 1em;
  line-height: 1.4;
}

::-moz-selection,
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
}

audio,
canvas,
img,
video {
  vertical-align: middle;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

textarea {
  resize: vertical;
}

.browsehappy {
  margin: 0.2em 0;
  padding: 0.2em 0;
  background: #ccc;
  color: #000;
}

html {
  background-color: #fff;
  color: #313131;
  line-height: 1.6;
}

body {
  font-size: 12px;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
body.bgi {
  background-image: url(https://image.rfolympic.com/img2014/common/bg01.png);
  background-size: 160px;
}

.lt-ie9 .bgi {
  background-image: url(https://image.rfolympic.com/img2014/common/bg01-ltie8.png);
  background-size: 160px;
}

a {
  color: #313131;
}
a:hover, a:active {
  color: #393;
}

.blockLink {
  cursor: pointer;
}
.blockLink:hover, .blockLink:active {
  color: #393;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.blockLink:hover .thumbnail,
.blockLink:hover .banner {
  opacity: 0.6;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.blockLink:active .thumbnail,
.blockLink:active .banner {
  opacity: 0.6;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.blockLink:hover a, .blockLink:active a {
  color: #393;
  text-decoration: underline;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.blockLink.darken:hover, .blockLink.darken:active {
  background-color: rgba(221, 209, 162, 0.4);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.hoverImg:hover, .hoverImg:active {
  opacity: 0.6;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

input,
label {
  cursor: pointer;
}
