@charset "utf-8";

a:link,a:active,a:visited {
  color: #FF3366;
  text-decoration: none;
}
a:hover {
  color: #0099FF;
  text-decoration: underline;
}
a:hover img{
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}
.clr {clear: both;}
body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 12px;
  line-height: 16px;
  background-color: #000;
  background-image: url(https://www.rokumei-kan.com/img/bg.jpg);
  color: #FFF;
  text-align:center;
}
section {
  overflow:hidden;
}
#wrapper {
  width: 880px;
  margin-right: auto;
  margin-left: auto;
  background-image: url(https://www.rokumei-kan.com/img/wrapper_bg.jpg);
  background-repeat: repeat-y;
  padding-right: 20px;
  padding-left: 20px;
  text-align:left;
}
#header ,#info ,#flow ,#main ,#under{
  width: 840px;
  margin-bottom: 10px;
  padding-bottom: 40px;
  background-image: url(https://www.rokumei-kan.com/img/bar.jpg);
  background-repeat: repeat-x;
  background-position: left bottom;
}
h2, h3, h4, #under dt {
  font-weight: bold;
  color: #FFF;
  font-size: 20px;
  line-height: 44px;
  display: block;
  background-image: url(https://www.rokumei-kan.com/img/h_bg.gif);
  background-repeat: repeat-x;
  height: 40px;
  padding-left: 10px;
  margin-bottom: 10px;
}
#info p {
  padding: 10px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.1em;
}
#info p strong {
  color: #FC0;
}
#info p em {
  color: #F69;
}

#flow ol {
  display: block;
  width: 840px;
  overflow:hidden;
}
#flow ol li {
  display: block;
  background-repeat: no-repeat;
  float: left;
}
.flow1, .flow2, .flow3, .flow4 {
  height: 250px;
  width: 180px;
  color: #000;
  padding-top: 127px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
  font-size: 11px;
  line-height: 16px;
}
.flow1 {background-image: url(https://www.rokumei-kan.com/img/flow01.jpg);}
.flow2 {background-image: url(https://www.rokumei-kan.com/img/flow02.jpg);}
.flow3 {background-image: url(https://www.rokumei-kan.com/img/flow03.jpg);}
.flow4 {background-image: url(https://www.rokumei-kan.com/img/flow04.jpg);}
#flow ol .arrow {
  height: 250px;
  line-height: 250px;
  background-image: url(https://www.rokumei-kan.com/img/arrow.gif);
  background-repeat: no-repeat;
  background-position: center center;
  width: 40px;
  padding-right: 8px;
  padding-left: 7px;
  text-align: center;
}
#main .member {
  width: 360px;
  float: left;
}
#main .member ul {
  display: block;
  width: 360px;
}
#main .member ul li {
  display: block;
  float: left;
  background-color: #C36;
  padding: 5px;
  margin-bottom: 5px;
  margin-left: 2px;
  margin-right: 2px;
  width: 116px;
}
#main .member ul li dl {
  display: block;
}
#main .member ul li dt {
  height: 146px;
  padding-top: 3px;
  padding-bottom: 3px;
}
#main .member ul li dt img {
  background-color: #FFF;
  padding: 2px;
  margin-bottom: 5px;
}
#main .member ul li dd {
  text-align: center;
  display: block;
}
#main .entry {
  float: left;
  width: 470px;
  margin-left: 10px;
}
#main .entry iframe {
  display: block;
  margin-bottom: 5px;
  background-image: url(https://www.rokumei-kan.com/img/reg_bg.jpg);
  background-repeat: no-repeat;
}

#under dl {
  float: left;
  display: block;
  width: 415px;
}
#under .mobile dd {
  background-image: url(https://www.rokumei-kan.com/img/mobile_bg.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-top: 5px;
  padding-right: 120px;
  padding-bottom: 70px;
  padding-left: 10px;
  display: block;
  height: 155px;
}
#under .privacy {
  margin-left: 10px;
}
#under .privacy dd {
  height: 155px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}
#footer {
  text-align: center;
  padding:10px 0px 20px;
}