body {
  min-width: 960px;
  width: 100%;
}

/* A
-----------------------------------------------------------
---------------------------------------------------------*/
.aboutIcon .aboutIconContainer {
  font-size: 10px;
  line-height: 24px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  padding-left: 106px;
  position: relative;
  width: 854px;
}
.aboutIcon .aboutIconContainer .heading {
  font-size: 12px;
  font-weight: bold;
  left: 0;
  position: absolute;
  top: 10px;
}
.aboutIcon .aboutIconContainer dt,
.aboutIcon .aboutIconContainer dd {
  display: inline;
  white-space: nowrap;
}
.aboutIcon .aboutIconContainer dd {
  margin-right: 10px;
}

/* /A
-----------------------------------------------------------
---------------------------------------------------------*/
/* B
-----------------------------------------------------------
---------------------------------------------------------*/
/* /B
-----------------------------------------------------------
---------------------------------------------------------*/
/* C
-----------------------------------------------------------
---------------------------------------------------------*/
/* /C
-----------------------------------------------------------
---------------------------------------------------------*/
/* D
-----------------------------------------------------------
---------------------------------------------------------*/
/* /D
-----------------------------------------------------------
---------------------------------------------------------*/
/* E
-----------------------------------------------------------
---------------------------------------------------------*/
/* /E
-----------------------------------------------------------
---------------------------------------------------------*/
/* F
-----------------------------------------------------------
---------------------------------------------------------*/
/* /F
-----------------------------------------------------------
---------------------------------------------------------*/
/* G
-----------------------------------------------------------
---------------------------------------------------------*/
.w-60per-c {
  margin-left: auto;
  margin-right: auto;
  width: 60%;
}

.w-80per-c {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

/* gh-masthead */
.gh-masthead {
  background-image: url(https://image.rfolympic.com/img2014/common/gh-masthead-bg_180104.png);
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: auto 78px;
  border-bottom: 2px solid #f8405f;
  margin-bottom: 5px;
  /* /gh-masthead */
}
.gh-masthead .container {
  padding: 8px 0;
}
.gh-masthead .container .banner {
  float: left;
  height: 60px;
  width: 468px;
}
.gh-masthead .container .banner img {
  height: auto;
}
.gh-masthead .container > .col-r {
  float: right;
  width: 200px;
}
.gh-masthead .container > .col-r p {
  margin: 0;
}
.gh-masthead .welcome img {
  height: auto;
  width: 200px;
}
.gh-masthead .logoWrap {
  float: left;
}
.gh-masthead .logoWrap .logo {
  background-image: url(https://img.remit.ee/api/file/BQACAgUAAyEGAASHRsPbAAERfcRpqxm0W6BQ2RLD-KUrAo-Nz5D5nwACUycAAhk0WVVdjdJTCmVAUjoE.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 192.5px;
  margin: 0 50px 0 0;
}
.gh-masthead .logoWrap .logo a {
  display: block;
  height: 52.5px;
  width: 192.5px;
}
.gh-masthead .logoWrap .logo .sitename {
  display: none;
}

/* se-news */
.se-news {
  margin-bottom: 20px;
}
.se-news .heading {
  background-color: #f8405f;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
}
.se-news .heading .date {
  font-size: 17px;
}
.se-news .container {
  background-color: #fff;
  border-color: #f8405f;
  border-style: solid;
  border-width: 0 1px 1px;
  padding: 10px;
}
.se-news .container .newsListWrap {
  font-size: 12px;
  padding: 0 5px 10px;
}
.se-news .container .newsListWrap li {
  font-size: 12px;
  line-height: 1.7;
}
.se-news .container .announcement {
  border-top: 1px solid #d1d4d3;
  cursor: pointer;
  padding: 20px 10px 10px;
  position: relative;
  width: 258px;
}
.se-news .container .announcement .catch {
  left: -18px;
  position: absolute;
  top: -6px;
  width: 136px;
}
.se-news .container .announcement .catch img {
  height: auto;
  width: 136px;
}
.se-news .container .announcement .unit {
  width: 258px;
}
.se-news .container .announcement .unit > .col-l {
  float: left;
  width: 70px;
}
.se-news .container .announcement .unit > .col-l img {
  border: 1px solid #dbdbdb;
  height: auto;
  width: 68px;
}
.se-news .container .announcement .unit > .col-r {
  float: right;
  line-height: 1.5;
  width: 183px;
}
.se-news .container .announcement .unit > .col-r .when {
  color: red;
  font-size: 11px;
}

/* /se-news */
/* globalHeader
---------------------------------------------------------*/
.globalHeader {
  background-color: #fff;
  -moz-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
  min-width: 960px;
  width: 100%;
}

/* /G
-----------------------------------------------------------
---------------------------------------------------------*/
/* H
-----------------------------------------------------------
---------------------------------------------------------*/
/* /H
-----------------------------------------------------------
---------------------------------------------------------*/
/* I
-----------------------------------------------------------
---------------------------------------------------------*/
/* /I
-----------------------------------------------------------
---------------------------------------------------------*/
/* J
-----------------------------------------------------------
---------------------------------------------------------*/
/* /J
-----------------------------------------------------------
---------------------------------------------------------*/
/* K
-----------------------------------------------------------
---------------------------------------------------------*/
/* /K
-----------------------------------------------------------
---------------------------------------------------------*/
/* L
-----------------------------------------------------------
---------------------------------------------------------*/
/* /la-glid
---------------------------------------------------------*/
.la-glid-2cols01 {
  width: 860px;
}
.la-glid-2cols01 .la-col01 {
  width: 420px;
}

.la-glid-2cols02 {
  width: 640px;
}
.la-glid-2cols02 .la-col02 {
  width: 315px;
}

/* la-glid
---------------------------------------------------------*/
/* /L
-----------------------------------------------------------
---------------------------------------------------------*/
/* M
-----------------------------------------------------------*/
/* mirai */
.mirai-brand .pr-nav {
  margin-left: auto;
  margin-right: auto;
}

.mirai-brand .pr-list {
  margin-bottom: 30px;
  width: 960px;
}

.mirai-brand .pr-list .unit {
  margin-bottom: 4px;
  margin-right: 7px;
  margin-top: 3px;
}

.mirai-brand .pr-list .unit.mr_0 {
  margin-right: 0;
}

.mirai-brand .bx-wrapper .bx-viewport {
  border: none;
  box-shadow: none;
  left: 0;
}

.mirai-brand .mirai-questionnaire .answers .thumbnail {
  background-color: #fff;
  display: block;
  line-height: 1.42857143;
  margin-bottom: 20px;
  padding: 4px;
  text-align: center;
}

.mirai-brand .mirai-questionnaire .answers .thumbnail img {
  height: auto;
  max-width: 100%;
}

.mirai-brand .mirai-questionnaire .row {
  margin-left: -5px;
  margin-right: -5px;
}

.mirai-brand .mirai-questionnaire .row .col {
  box-sizing: border-box;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  width: 16.6666%;
}

.lt-ie8 .mirai-brand .mirai-questionnaire .answers .thumbnail {
  background-color: #fff;
  display: block;
  line-height: 1.42857143;
  margin-bottom: 20px;
  padding: 4px;
  text-align: center;
}

.lt-ie8 .mirai-brand .mirai-questionnaire .answers .thumbnail img {
  height: auto;
  max-width: 100%;
}

.lt-ie8 .mirai-brand .mirai-questionnaire .row {
  margin-left: 0;
  margin-right: 0;
}

.lt-ie8 .mirai-brand .mirai-questionnaire .row .col {
  float: left;
  margin-right: 10px;
  padding-left: 0;
  padding-right: 0;
  width: 15.625%;
}

/* /mirai */
/*---------------------------------------------------------*/
/* /M
-----------------------------------------------------------
---------------------------------------------------------*/
/* N
-----------------------------------------------------------
---------------------------------------------------------*/
/* /N
-----------------------------------------------------------
---------------------------------------------------------*/
/* O
-----------------------------------------------------------
---------------------------------------------------------*/
/* /O
-----------------------------------------------------------
---------------------------------------------------------*/
/* P
-----------------------------------------------------------
---------------------------------------------------------*/
/* /P
-----------------------------------------------------------
---------------------------------------------------------*/
/* Q
-----------------------------------------------------------
---------------------------------------------------------*/
/* /Q
-----------------------------------------------------------
---------------------------------------------------------*/
/* R
-----------------------------------------------------------
---------------------------------------------------------*/
/* /R
-----------------------------------------------------------
---------------------------------------------------------*/
/* S
-----------------------------------------------------------
---------------------------------------------------------*/
/* /S
-----------------------------------------------------------
---------------------------------------------------------*/
/* T
-----------------------------------------------------------
---------------------------------------------------------*/
/* /T
-----------------------------------------------------------
---------------------------------------------------------*/
/* U
-----------------------------------------------------------
---------------------------------------------------------*/
/* /U
-----------------------------------------------------------
---------------------------------------------------------*/
/* V
-----------------------------------------------------------
---------------------------------------------------------*/
/* /V
-----------------------------------------------------------
---------------------------------------------------------*/
/* W
-----------------------------------------------------------
---------------------------------------------------------*/
/* /W
-----------------------------------------------------------
---------------------------------------------------------*/
/* X
-----------------------------------------------------------
---------------------------------------------------------*/
/* /X
-----------------------------------------------------------
---------------------------------------------------------*/
/* Y
-----------------------------------------------------------
---------------------------------------------------------*/
/* /Y
-----------------------------------------------------------
---------------------------------------------------------*/
/* Z
-----------------------------------------------------------
---------------------------------------------------------*/
/* /Z
-----------------------------------------------------------
---------------------------------------------------------*/
.lt-ie9 .logoWrap {
  float: left;
  height: 54px;
  position: relative;
  width: 246px;
}
.lt-ie9 .logoWrap .logo {
  background-image: url(https://image.rfolympic.com/img2014/common/logo01-ltie8.png);
}
.lt-ie9 .logoWrap .logo a {
  display: block;
  height: 54px;
  width: 192px;
}
.lt-ie9 .logoWrap .logo .sitename {
  display: none;
}
.lt-ie9 .logoWrap .pocke_friends {
  background-image: url(https://image.rfolympic.com/img2014/common/pocke_friends01-ltie8.png);
}

/* /gh-masthead */
/* gh-globalNav */
.gh-globalNav {
  background-color: #fff;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=");
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(90%, #ffffff),
    color-stop(100%, #e3e3e3)
  );
  background-image: -moz-linear-gradient(top, #ffffff 90%, #e3e3e3 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 90%, #e3e3e3 100%);
  background-image: linear-gradient(to bottom, #ffffff 90%, #e3e3e3 100%);
  background-size: 100%;
  border-bottom: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF3F3F3');
  *zoom: 1;
}
.gh-globalNav .container {
  background-color: #fff;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I2YjZiNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #ffffff),
    color-stop(100%, #b6b6b6)
  );
  background-image: -moz-linear-gradient(top, #ffffff, #b6b6b6);
  background-image: -webkit-linear-gradient(top, #ffffff, #b6b6b6);
  background-image: linear-gradient(to bottom, #ffffff, #b6b6b6);
  background-size: 100%;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFB6B6B6');
  *zoom: 1;
}
.gh-globalNav .container > ul {
  list-style: none;
  margin-left: 1px;
  width: 959px;
}
.gh-globalNav .container > ul .nav {
  background-color: #fff;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=");
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(90%, #ffffff),
    color-stop(100%, #e3e3e3)
  );
  background-image: -moz-linear-gradient(top, #ffffff 90%, #e3e3e3 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 90%, #e3e3e3 100%);
  background-image: linear-gradient(to bottom, #ffffff 90%, #e3e3e3 100%);
  background-size: 100%;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF3F3F3');
  float: left;
  margin-right: 1px;
  width: 126px;
  *zoom: 1;
}
.gh-globalNav .container > ul .nav .icoGlovalNav {
  height: auto;
  margin-right: 5px;
}
.gh-globalNav .container > ul .nav.home {
  width: 69px;
}
.gh-globalNav .container > ul .nav.home .icoGlovalNav {
  margin: 0;
  padding-bottom: 7px;
  width: 23px;
}
.gh-globalNav .container > ul .nav.mora .icoGlovalNav {
  padding-bottom: 7px;
  width: 17px;
}
.gh-globalNav .container > ul .nav.tame .icoGlovalNav {
  padding-bottom: 7px;
  width: 22px;
}
.gh-globalNav .container > ul .nav.repo .icoGlovalNav {
  padding-bottom: 7px;
  width: 22px;
}
.gh-globalNav .container > ul .nav.repo .icoGlovalNav {
  padding-bottom: 7px;
  width: 18px;
}
.gh-globalNav .container > ul .nav.find .icoGlovalNav {
  padding-bottom: 7px;
  width: 20px;
}
.gh-globalNav .container > ul .nav.feature .icoGlovalNav {
  padding-bottom: 7px;
  width: 9px;
}
.gh-globalNav .container > ul .nav.photocolle .icoGlovalNav {
  padding-bottom: 7px;
  width: 19px;
}
.gh-globalNav .container > ul .nav.category .icoGlovalNav {
  padding-bottom: 7px;
  width: 12px;
}
.gh-globalNav .container > ul .nav.category {
  position: relative;
}
.gh-globalNav .container > ul .nav.category .categoryContainer {
  background-color: #fff;
  border-color: #dcdcdc;
  border-style: solid;
  border-width: 0 1px 1px;
  display: none;
  position: absolute;
  right: -1px;
  top: 46px;
  width: 220px;
  z-index: 1;
}
.gh-globalNav .container > ul .nav.category .categoryContainer .inner {
  border-top: 3px solid #f7da66;
  list-style: none;
  margin: 0;
  padding: 0 0 10px;
}
.gh-globalNav .container > ul .nav.category .categoryContainer .inner > li {
  font-size: 14px;
  line-height: 28px;
  margin: 0;
}
.gh-globalNav .container > ul .nav.category .categoryContainer .inner > li a {
  display: block;
  padding: 1px 15px;
}
.gh-globalNav
  .container
  > ul
  .nav.category
  .categoryContainer
  .inner
  > li
  a
  .icoWrap {
  display: inline-block;
  margin-right: 3px;
  text-align: center;
  width: 28px;
}
.gh-globalNav
  .container
  > ul
  .nav.category
  .categoryContainer
  .inner
  > li
  a
  .icoWrap
  .icoGlobalNavCategory {
  height: auto;
  width: 24px;
}
.gh-globalNav
  .container
  > ul
  .nav.category
  .categoryContainer
  .inner
  > li
  a
  .icoWrap
  .icoGlobalNavCategory.food {
  width: 24px;
}
.gh-globalNav
  .container
  > ul
  .nav.category
  .categoryContainer
  .inner
  > li
  a
  .icoWrap
  .icoGlobalNavCategory.diet {
  width: 24px;
}
.gh-globalNav
  .container
  > ul
  .nav.category
  .categoryContainer
  .inner
  > li
  a
  .icoWrap
  .icoGlobalNavCategory.necessaries {
  width: 24px;
}
.gh-globalNav
  .container
  > ul
  .nav.category
  .categoryContainer
  .inner
  > li
  a
  .icoWrap
  .icoGlobalNavCategory.pet {
  width: 24px;
}
.gh-globalNav
  .container
  > ul
  .nav.category
  .categoryContainer
  .inner
  > li
  a
  .icoWrap
  .icoGlobalNavCategory.book {
  width: 24px;
}
.gh-globalNav
  .container
  > ul
  .nav.category
  .categoryContainer
  .inner
  > li
  a
  .icoWrap
  .icoGlobalNavCategory.office {
  width: 24px;
}
.gh-globalNav
  .container
  > ul
  .nav.category
  .categoryContainer
  .inner
  > li
  a
  .icoWrap
  .icoGlobalNavCategory.drink {
  width: 24px;
}
.gh-globalNav
  .container
  > ul
  .nav.category
  .categoryContainer
  .inner
  > li
  a
  .icoWrap
  .icoGlobalNavCategory.cosme {
  width: 24px;
}
.gh-globalNav
  .container
  > ul
  .nav.category
  .categoryContainer
  .inner
  > li
  a
  .icoWrap
  .icoGlobalNavCategory.kids {
  width: 25px;
}
.gh-globalNav
  .container
  > ul
  .nav.category
  .categoryContainer
  .inner
  > li
  a
  .icoWrap
  .icoGlobalNavCategory.stationary {
  width: 24px;
}
.gh-globalNav
  .container
  > ul
  .nav.category
  .categoryContainer
  .inner
  > li
  a
  .icoWrap
  .icoGlobalNavCategory.mailOrder {
  width: 24px;
}
.gh-globalNav
  .container
  > ul
  .nav.category
  .categoryContainer
  .inner
  > li
  a
  .icoWrap
  .icoGlobalNavCategory.family {
  width: 24px;
}
.gh-globalNav
  .container
  > ul
  .nav.category
  .categoryContainer
  .inner
  > li
  a
  .icoWrap
  .icoGlobalNavCategory.Other {
  width: 24px;
}
.gh-globalNav .container > ul .nav > a {
  display: block;
  font-size: 15px;
  font-weight: bold;
  *height: 40px;
  line-height: 37px;
  *padding-top: 6px;
  text-align: center;
  text-decoration: none;
}
.gh-globalNav .container > ul .nav > a:hover,
.gh-globalNav .container > ul .nav > a:active {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3ZGE2NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #ffffff),
    color-stop(100%, #f7da66)
  );
  background-image: -moz-linear-gradient(top, #ffffff, #f7da66);
  background-image: -webkit-linear-gradient(top, #ffffff, #f7da66);
  background-image: linear-gradient(to bottom, #ffffff, #f7da66);
  background-size: 100%;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF7DA66');
  *zoom: 1;
}
.gh-globalNav .container > ul .nav > .active {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3ZGE2NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-image: -webkit-gradient(
    linear,
    50% 0%,
    50% 100%,
    color-stop(0%, #ffffff),
    color-stop(100%, #f7da66)
  );
  background-image: -moz-linear-gradient(top, #ffffff, #f7da66);
  background-image: -webkit-linear-gradient(top, #ffffff, #f7da66);
  background-image: linear-gradient(to bottom, #ffffff, #f7da66);
  background-size: 100%;
  display: block;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF7DA66');
  font-size: 15px;
  font-weight: bold;
  *height: 40px;
  line-height: 37px;
  *padding-top: 6px;
  text-align: center;
  text-decoration: none;
  *zoom: 1;
}

.lt-ie8 .gh-globalNav .container > ul .nav.category {
  position: static;
}

/* /gh-globalNav */
/* /globalHeader
---------------------------------------------------------*/
/* main
-----------------------------------------------------------
-----------------------------------------------------------
--------------------------------2-------------------------*/
/* about
-----------------------------------------------------------
---------------------------------------------------------*/
.about .aboutBgi {
  background-image: url(https://image.rfolympic.com/img2014/contents/about/bg01.png);
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: 80px;
  margin-top: 0;
  padding-bottom: 20px;
}
.about .aboutBgc {
  background-color: #fff;
}
.about .container {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}
.about .container .catch {
  position: relative;
}
.about .container .catch img {
  height: auto;
  margin-bottom: 70px;
  width: 960px;
}
.about .container .catch .caption {
  font-size: 10px;
  position: absolute;
  right: -7px;
  text-align: center;
  top: 149px;
}
.about .container .imageWrap img {
  height: auto;
  width: 100%;
}
.about .container .about_pickup-list {
  padding-top: 30px;
  width: 960px;
}
.about .container .about_pickup-list .unit {
  float: left;
  margin-right: 20px;
  width: 176px;
}
.about .container .about_pickup-list .unit.last-child {
  margin-right: 0;
}
.about .container .about_pickup-list .unit.nth-child_5 {
  margin-right: 0;
}
.about .container .about_pickup-list .unit .card {
  background: #fff;
  cursor: pointer;
  padding: 10px;
  position: relative;
}
.about .container .about_pickup-list .unit .card.withBorder {
  border: 5px solid #f6e473;
  padding: 5px;
}
.about .container .about_pickup-list .unit .card.noBorder {
  padding: 10px;
}
.about .container .about_pickup-list .unit .card .item img {
  height: auto;
  width: 100%;
}
.about .container .about_pickup-list .unit .card .balloon {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  left: 50%;
  line-height: 24px;
  margin-left: -80px;
  position: absolute;
  text-align: center;
  top: -35px;
  width: 160px;
}
.about .container .about_pickup-list .unit .card .balloon:after {
  border-style: solid;
  border-width: 5px;
  bottom: -10px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -3px;
  position: absolute;
  width: 0;
}
.about .container .about_pickup-list .unit .card .balloon.mora {
  background-color: #f25932;
}
.about .container .about_pickup-list .unit .card .balloon.mora:after {
  border-color: #f25932 transparent transparent;
}
.about .container .about_pickup-list .unit .card .balloon.tame {
  background-color: #319be3;
}
.about .container .about_pickup-list .unit .card .balloon.tame:after {
  border-color: #319be3 transparent transparent;
}
.about .container .about_pickup-list .unit .card.kuchikomiPostTrigger {
  overflow: hidden;
}
.about
  .container
  .about_pickup-list
  .unit
  .card.kuchikomiPostTrigger
  .kuchikomiPost {
  left: 0px;
  position: absolute;
  top: 177px;
  width: 120px;
}
.about
  .container
  .about_pickup-list
  .unit
  .card.kuchikomiPostTrigger
  .kuchikomiPost
  a {
  background-color: #fff76a;
  /* ie 8 */
  background-color: rgba(255, 241, 0, 0.6);
  color: #313131;
  display: block;
  -ms-filter: "alpha(opacity=70)";
  filter: alpha(opacity=70);
  /* ie 6 7 */
  font-size: 17px;
  font-weight: bold;
  height: 177px;
  line-height: 177px;
  text-align: center;
  text-decoration: none;
  width: 120px;
}
.about .container .about_btn {
  margin-left: auto;
  margin-right: auto;
  width: 649px;
}
.about .container .about_btn img {
  height: auto;
  width: 100%;
}
.about .container .dekiru .unit {
  background-color: #fff;
  border-radius: 10px;
  -moz-box-shadow: 1px 1px 2px #ccc;
  -webkit-box-shadow: 1px 1px 2px #ccc;
  box-shadow: 1px 1px 2px #ccc;
  margin-bottom: 20px;
  width: 470px;
}
.about .container .dekiru .unit .heading {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #fff;
  font-size: 21px;
  line-height: 50px;
  text-align: center;
}
.about .container .dekiru .unit .heading.mora {
  background-color: #e85841;
}
.about .container .dekiru .unit .heading.tame {
  background-color: #2f98dc;
}
.about .container .dekiru .unit .heading.review {
  background-color: #82b81f;
}
.about .container .dekiru .unit .heading.point {
  background-color: #ec6f1c;
}
.about .container .dekiru .unit .heading.event {
  background-color: #f35086;
}
.about .container .dekiru .unit .heading.sns {
  background-color: #4769ca;
}
.about .container .dekiru .unit .body {
  font-size: 14px;
  padding: 20px;
}
.about .container .dekiru .unit .body .upside {
  width: 430px;
}
.about .container .dekiru .unit .body .upside .ico {
  float: left;
  width: 70px;
}
.about .container .dekiru .unit .body .upside .ico img {
  height: auto;
  width: 100%;
}
.about .container .dekiru .unit .body .upside .col-r {
  float: right;
  width: 340px;
}

.lt-ie9 .about .aboutBgi {
  background-image: url(https://image.rfolympic.com/img2014/contents/about/bg01_lt-ie9.png);
}

/* about
-----------------------------------------------------------
---------------------------------------------------------*/
/* billboard
  -----------------------------------------------------------
  ---------------------------------------------------------*/
.billboard {
  margin: 20px auto 20px;
  width: 960px;
}
.billboard .main {
  -moz-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
  float: left;
  margin: 0;
  width: 730px;
}
.billboard .main .bx-wrapper {
  margin: 0 auto 0;
}
.billboard .main .bx-wrapper .bx-viewport {
  background: none;
  border: none;
  box-shadow: none;
  left: 0;
}
.billboard .main .slider2 {
  height: 210px;
  position: relative;
}
.billboard .main .slider2 li {
  position: absolute;
}
.billboard .nav {
  float: right;
  width: 220px;
}
.billboard .nav .bx-pager2 li {
  -moz-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 6px;
}
.billboard .nav .bx-pager2 li.last-child {
  margin-bottom: 0;
}
.billboard .nav .bx-pager2 li a {
  background-color: #fff;
  display: block;
  line-height: 20px;
  padding: 5px;
}
.billboard .nav .bx-pager2 li a:hover,
.billboard .nav .bx-pager2 li a:active,
.billboard .nav .bx-pager2 li a.active {
  background-color: #fae456;
}

/* /billboard
  -----------------------------------------------------------
  ---------------------------------------------------------*/
/* contents
  -----------------------------------------------------------
  ---------------------------------------------------------*/
/* primary
    -----------------------------------------------------------
    ---------------------------------------------------------*/
.primary {
  float: left;
  position: relative;
  width: 640px;
}
.primary .pr-content {
  margin-bottom: 30px;
}

/* pr-tame
      ---------------------------------------------------------*/
.pr-tame .pickup {
  /* cardContainer */
  /* cardContainer */
}
.pr-tame .pickup .headline {
  background-image: url(https://image.rfolympic.com/img2014/common/recommend.png);
  background-repeat: no-repeat;
  background-size: 387px;
  font-size: 20px;
  margin-bottom: 10px;
  padding: 9px 10px 0px 50px;
}
.pr-tame .pickup *.headline {
  background-image: url(https://image.rfolympic.com/img2014/common/recommend-ltie8.png);
}
.pr-tame .pickup .card {
  padding: 10px;
  width: 192px;
}
.pr-tame .ta-list {
  /* cardContainer */
  /* cardContainer */
}
.pr-tame .ta-list .card {
  padding: 10px;
  width: 138px;
}
.pr-tame .ta-list .unit {
  background: #fff;
  cursor: pointer;
  margin: 5px 0;
  padding: 5px 15px 5px 5px;
  position: relative;
  width: 295px;
}
.pr-tame .ta-list .unit.bannerUnit {
  padding: 0;
  width: 315px;
}
.pr-tame .ta-list .unit.bannerUnit .banner {
  height: auto;
  width: 315px;
}
.pr-tame .ta-list .unit.last-child {
  margin-right: 0;
}
.pr-tame .ta-list .unit .item {
  float: left;
  width: 60px;
}
.pr-tame .ta-list .unit .item img {
  height: auto;
  width: 60px;
}
.pr-tame .ta-list .unit > .col-r {
  float: right;
  width: 225px;
}

/* /pr-tame
      ---------------------------------------------------------*/
/* pr-mora
      ---------------------------------------------------------*/
/* /pr-mora
      ---------------------------------------------------------*/
/* pr-repo
      ---------------------------------------------------------*/
/* /pr-repo
      ---------------------------------------------------------*/
/* pr-find
      ---------------------------------------------------------*/
/* /pr-find
      ---------------------------------------------------------*/
/* /primary
    -----------------------------------------------------------
    ---------------------------------------------------------*/
/* secondary
    ---------------------------------------------------------*/
.secondary {
  float: right;
  width: 300px;
}
.secondary .btnWrap {
  margin-left: 20px;
  margin-right: 20px;
}

/* se-status */
.se-status {
  background-color: #fff;
  border: 1px solid #898989;
  margin-bottom: 20px;
  padding: 10px;
  width: 278px;
}
.se-status.login .textForm {
  box-sizing: border-box;
  font-size: 14px;
  padding: 5px;
  width: 100%;
}
.se-status.login .loginBtn {
  background-color: #98b93a;
  background-image: none;
  border: 1px solid #7da605;
  border-radius: 5px;
  box-shadow: 0 1px 0 0 inset rgba(255, 255, 255, 0.35);
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  height: auto;
  line-height: 30px;
  padding: 0;
  text-indent: unset;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
  width: 100%;
}
.se-status.login .loginBtn:hover,
.se-status.login .loginBtn:active {
  opacity: 0.7;
}
.se-status.login .loginBtn:focus {
  outline: none;
}
.se-status.login .yLogin {
  border-bottom: 1px solid #dcdcdc;
  border-top: 1px solid #dcdcdc;
  font-size: 12px;
  margin: 5px 0 10px;
  padding: 5px;
  text-align: center;
}
.se-status.login .registrationBtn {
  text-align: center;
}
.se-status.login .registrationBtn img {
  height: auto;
  width: 260px;
}
.se-status .alert {
  background-color: #fce6eb;
  border-left: 3px solid #e70033;
  font-size: 12px;
  line-height: 30px;
  padding: 0 0.75em;
}
.se-status .alert a,
.se-status .alert a:hover {
  color: #e70033;
}
.se-status .identification {
  padding: 0 100px 5px 0;
  position: relative;
}
.se-status .identification > a {
  font-weight: bold;
}
.se-status .identification .change {
  position: absolute;
  right: 0;
  top: 0;
}
.se-status .identification .change a {
  color: red;
  text-decoration: none;
}
.se-status .container {
  width: 278px;
}
.se-status .container .col-l {
  float: left;
  width: 60px;
}
.se-status .container .col-l img {
  height: auto;
  width: 60px;
}
.se-status .container .col-r {
  float: right;
  width: 208px;
}
.se-status .container .col-r p {
  border-bottom: 1px solid #b4b4b4;
  padding: 2px 5px 1px;
}
.se-status .container .col-r p.count {
  padding-right: 60px;
  position: relative;
}
.se-status .container .col-r p.count > .counter {
  position: absolute;
  right: 5px;
  top: 0;
}
.se-status .container .col-r .point {
  border-bottom: 1px solid #b4b4b4;
  padding: 2px 5px 1px;
}
.se-status .container .col-r .point > .counter {
  font-size: 14px;
  font-weight: bold;
}
.se-status .container .col-r .point .btnPoint-action {
  margin-bottom: 3px;
  margin-left: 1px;
  margin-top: 2px;
  display: flex;
  flex-wrap: wrap;
  column-gap: 4px;
  row-gap: 3px;
}
.se-status .container .col-r .point .btnPoint-action .btnPoint-purchase,
.se-status .container .col-r .point .btnPoint-action .btnPoint-exchange,
.se-status .container .col-r .point .btnPoint-action .btnPoint-earn {
  min-width: 86px;
  background-color: #ff8b4a;
  border-radius: 3px;
  display: block;
  text-align: center;
  line-height: 21px;
  padding: 2px 4px 1px 8px;
}
.se-status .container .col-r .point .btnPoint-action .btnPoint-purchase:hover,
.se-status .container .col-r .point .btnPoint-action .btnPoint-exchange:hover,
.se-status .container .col-r .point .btnPoint-action .btnPoint-earn:hover {
  text-decoration: none;
}
.se-status .container .col-r .point .btnPoint-action .btnPoint-purchase p,
.se-status .container .col-r .point .btnPoint-action .btnPoint-exchange p,
.se-status .container .col-r .point .btnPoint-action .btnPoint-earn p {
  border-bottom: none;
  color: #fff;
  display: inline-block;
  padding: 0;
}
.se-status .container .col-r .point .btnPoint-action .btnPoint-purchase img,
.se-status .container .col-r .point .btnPoint-action .btnPoint-exchange img,
.se-status .container .col-r .point .btnPoint-action .btnPoint-earn img {
  vertical-align: text-bottom;
}
.se-status .container .col-r .point .btnPoint-action .btnPoint-exchange {
  background-color: #2f5dcf;
}
.se-status .container .col-r .point .btnPoint-action .btnPoint-earn {
  padding-left: 10px;
  padding-right: 6px;
  background-color: #d34645;
}
.se-status .container .col-r .point .paid-point-detail {
  display: block;
}
.se-status .container .col-r .point .paid-point-detail span {
  font-size: 11px;
}
.se-status .container .col-r .point .paid-point-detail .fa-arrow-circle-right {
  color: #3a62d4;
}
.se-status .sideNotPostedItem {
  margin-top: 10px;
  /*20200311*/
  /* / 20200311*/
}
.se-status .sideNotPostedItem .deadlineHeader {
  background-color: #ff340c;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 3px 0;
  position: relative;
  text-align: center;
}
.se-status .sideNotPostedItem .deadlineHeader:before {
  border: 12px solid transparent;
  border-top: 12px solid #ff340c;
  bottom: -20px;
  content: "";
  left: 8%;
  position: absolute;
}
.se-status .sideNotPostedItem ul li {
  margin-bottom: 10px;
  position: relative;
}
.se-status .sideNotPostedItem ul li:last-child {
  margin-bottom: 10px;
}
.se-status .sideNotPostedItem a.NotPostedList {
  background-color: #eee;
  border-radius: 5px;
  display: block;
  padding: 10px;
  text-align: center;
  -moz-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
}
.se-status .sideNotPostedItem a.NotPostedList:hover {
  background-color: #f7d806;
}
.se-status .sideNotPostedItem a.NotPostedList:active {
  background-color: #f79e05;
}
.se-status .sideNotPostedItem a.NotPostedList p {
  color: #313131;
}
.se-status .sideNotPostedItem .container p {
  border-bottom: none;
}
.se-status .sideNotPostedItem .container {
  padding: 0;
  width: auto;
}
.se-status .sideNotPostedItem .container .col-l {
  width: auto;
}
.se-status .sideNotPostedItem .container .col-l.sideReviewReception p.dlineIco {
  border: #ff340c dotted 1px;
  border-radius: 25px;
  box-sizing: border-box;
  color: #ff340c;
  display: inline-block;
  font-size: 10px;
  height: 50px;
  line-height: 1.2;
  padding-top: 9px;
  text-align: center;
  width: 50px;
}
.se-status
  .sideNotPostedItem
  .container
  .col-l.sideReviewReception
  p.dlineIco
  span {
  font-size: 13px;
}
.se-status
  .sideNotPostedItem
  .container
  .col-l.sideReviewReception
  p.dlineIco_ex {
  background: #ff340c;
  color: #fff;
  height: 50px;
  width: 50px;
}
.se-status .sideNotPostedItem .container .col-l.sideReviewReception img {
  display: inline-block;
  vertical-align: top;
  width: 50px;
}
.se-status .sideNotPostedItem .container .col-r {
  width: auto;
}
.se-status .sideNotPostedItem .container .col-r.sideReviewReception p {
  margin-top: 2px;
  padding: 0;
  width: 171px;
}
.se-status .sideNotPostedItem .container .col-r.sideReviewReception p a {
  font-size: 12px;
}
.se-status .sideNotPostedItem .container .col-r.sideReviewButton a {
  background: #8cc900;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  margin-top: 3px;
  width: 83px;
}
.se-status .sideNotPostedItem .container .col-r.sideReviewButton a p {
  font-size: 10px;
  padding: 3px 5px;
  text-align: center;
}
.se-status .sideNotPostedItem .container .col-r.sideReviewButton a:hover {
  opacity: 0.8;
  text-decoration: none;
}
.se-status__gmo-enq {
  background-color: #fff6f6;
  border-radius: 5px;
  margin-top: 10px;
  padding: 10px;
}
.se-status__gmo-enq__heading {
  color: #c6391f;
  font-weight: bold;
}

.lt-ie9 .se-status.login .loginBtn {
  background-image: url(https://image.rfolympic.com/img2014/common/btn_login_off-lt-ie9.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 210px;
  border: none;
  height: 30px;
  text-indent: -9999px;
  width: 210px;
}
.lt-ie9 .se-status.login .loginBtn:hover,
.lt-ie9 .se-status.login .loginBtn:active {
  background-image: url(https://image.rfolympic.com/img2014/common/btn_login_on-lt-ie9.png);
}

.lt-ie8 .se-status.login .textForm {
  font-size: 14px;
  padding: 5px;
  width: 264px;
}
.lt-ie8 .se-status.login .loginBtn {
  background-image: none;
  height: 30px;
  text-indent: 0;
  width: 210px;
}
.lt-ie8 .se-status.login .loginBtn:hover,
.lt-ie8 .se-status.login .loginBtn:active {
  background-image: none;
}

.se-bannerSquare img {
  height: auto;
  width: 300px;
}

/* /se-status */
/* se-side_container */
.side_container {
  margin-bottom: 20px;
}

/* se-side_container */
/* se-sideContents
      ---------------------------------------------------------*/
/* sc-contentWrap */
.sc-contentWrap {
  border-bottom: 1px dashed #c3c395;
}
.sc-contentWrap .themeGroup {
  border-bottom: 1px solid #e1e0dd;
  padding-bottom: 5px;
  text-align: center;
}
.sc-contentWrap .themeGroup .date {
  color: red;
}
.sc-contentWrap .container {
  cursor: pointer;
  padding: 10px 0 10px 0;
  position: relative;
  width: 285px;
}
.sc-contentWrap .container .col-l {
  float: left;
}
.sc-contentWrap .container .col-l.photocolle,
.sc-contentWrap .container .col-l.repo {
  background-color: #fff;
  width: 94px;
}
.sc-contentWrap .container .col-l.photocolle img,
.sc-contentWrap .container .col-l.repo img {
  height: auto;
  width: 94px;
}
.sc-contentWrap .container .col-l.sideReviewReception {
  background-color: #fff;
  width: 60px;
}
.sc-contentWrap .container .col-l.sideReviewReception img {
  height: auto;
  width: 60px;
}
.sc-contentWrap .container .col-r {
  float: right;
}
.sc-contentWrap .container .col-r.photocolle,
.sc-contentWrap .container .col-r.repo {
  margin-right: 10px;
  width: 171px;
  word-break: break-all;
}
.sc-contentWrap .container .col-r.sideReviewReception {
  width: 215px;
}
.sc-contentWrap .container .goodBtnWrap {
  left: 104px;
  position: absolute;
  top: 73px;
}

/* sc-category */
.sc-category .container {
  width: 300px;
}
.sc-category .container .list {
  float: left;
  line-height: 24px;
  width: 150px;
}
.sc-category .container .list a {
  display: block;
  font-size: 12px;
  padding-left: 1.5em;
  text-indent: -1.5em;
}
.sc-category .container .list img {
  height: auto;
  margin-right: 3px;
  width: 15px;
}

/* /sc-category */
/* sc-photocolle */
/* /sc-photocolle */
/* sc-repo */
/* /sc-repo */
/* sc-ranking */
.sc-ranking .items {
  width: 300px;
}
.sc-ranking .items .unit {
  float: left;
  margin-right: 5px;
  padding-bottom: 10px;
  position: relative;
  width: 95px;
}
.sc-ranking .items .unit.last-child {
  margin-right: 0;
}
.sc-ranking .items .unit .itemWrap {
  background-color: #fff;
  width: 95px;
}
.sc-ranking .items .unit .itemWrap img {
  height: auto;
  width: 95px;
}
.sc-ranking .items .unit .rank {
  left: -10px;
  position: absolute;
  top: -10px;
}
.sc-ranking .items .unit .rank img {
  height: auto;
  width: 31px;
}
.sc-ranking .bx-wrapper {
  margin: 0 auto 0;
}
.sc-ranking .bx-wrapper .bx-viewport {
  background: none;
  border: none;
  box-shadow: none;
  left: 0;
}
.sc-ranking .bx-pager4 {
  border-bottom: 1px solid #cccc99;
  margin-top: -5px;
  width: 300px;
}
.sc-ranking .bx-pager4 .list.l {
  border-right: 1px solid #cccc99;
  float: left;
  width: 149px;
}
.sc-ranking .bx-pager4 .list.r {
  float: right;
  width: 150px;
}
.sc-ranking .bx-pager4 .list a {
  background-color: rgba(221, 209, 162, 0.4);
  display: block;
  line-height: 2;
  text-align: center;
}
.sc-ranking .bx-pager4 .list a:hover,
.sc-ranking .bx-pager4 .list a:active,
.sc-ranking .bx-pager4 .list a.active {
  background-color: transparent;
  color: #393;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.sc-ranking .date {
  font-size: 12px;
  padding: 5px;
  text-align: right;
}

/* /sc-ranking */
/* sc-questionnaire */
.sc-questionnaire .title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
.sc-questionnaire .answers {
  padding-bottom: 10px;
}
.sc-questionnaire .btnWrap {
  margin: 0 20px 10px;
}
.sc-questionnaire .btnWrap .small {
  font-size: 10px;
  margin-left: 1ex;
}
.sc-questionnaire .noAnswer {
  font-size: 10px;
  text-align: center;
}

/* /sc-questionnaire */
/* sc-banner */
.sc-banner img {
  height: auto;
  width: 300px;
}

/* /sc-banner */
/* sc-sideReviewReception */
.sc-sideReviewReception .container {
  margin-bottom: 10px;
}
.sc-sideReviewReception .container:last-child {
  margin-bottom: 0;
}
.sc-sideReviewReception .container .tame {
  background: #0096db;
}

/* /sc-sideReviewReception */
/* /se-sideContents
      ---------------------------------------------------------*/
/* /secondary
    ---------------------------------------------------------*/
/* cart
---------------------------------------------------------*/
.contents {
  margin: 0 auto;
  width: 960px;
}
.contents.cart {
  font-size: 14px;
}
.contents.cart .banner-premium {
  max-width: 570px;
}
.contents.cart .you-pack .p-premium__ico {
  display: block;
}
.contents.cart .paymentOption--1 li {
  border-bottom: 1px solid #707070;
  line-height: 31px;
  padding: 5px;
  position: relative;
}
.contents.cart .paymentOption--1 li .li-img {
  left: 33px;
  position: absolute;
  width: 135px;
}
.contents.cart .paymentOption--1 li .complement {
  left: 186px;
  position: absolute;
}
.contents.cart .paymentOption--1 li .complement img {
  max-width: 50px;
}
.contents.cart .paymentOption--2 li {
  border-bottom: 1px solid #707070;
  line-height: 31px;
  padding: 5px;
  position: relative;
}
.contents.cart .paymentOption--2 li img {
  left: 203px;
  position: absolute;
  width: 135px;
}
.contents.cart .paymentOption--2 li .complement {
  font-size: 11px;
  left: 345px;
  position: absolute;
}
.contents .cards img {
  height: 30px;
  margin-right: 2px;
  width: auto;
}

/* /cart
---------------------------------------------------------*/
/* /contents
  -----------------------------------------------------------
  ---------------------------------------------------------*/
/* /main
-----------------------------------------------------------
-----------------------------------------------------------
---------------------------------------------------------*/
/* footer
---------------------------------------------------------*/
.footer {
  padding-top: 30px;
  width: 100%;
}

/* ft-contents */
/* /ft-contents */
.ft-contents {
  background-color: rgba(214, 226, 181, 0.5);
  min-width: 960px;
  width: 100%;
}
.ft-contents > .container {
  padding: 10px 0;
}
.ft-contents > .container > .col-l {
  float: left;
  width: 592px;
}
.ft-contents > .container > .col-l .footerNav {
  width: 592px;
}
.ft-contents > .container > .col-l .footerNav .glid {
  float: left;
  width: 204px;
}
.ft-contents > .container > .col-l .category {
  width: 592px;
}
.ft-contents > .container > .col-l .category > .col-l {
  float: left;
  font-size: 15px;
  font-weight: bold;
  margin: 0;
  width: 130px;
}
.ft-contents > .container > .col-l .category > .col-r {
  float: right;
  font-size: 10px;
  line-height: 2;
  margin: 0;
  width: 450px;
}
.ft-contents > .container > .col-r {
  background-color: #fff;
  float: right;
  list-style: none;
  margin: 0;
  margin: 0;
  padding: 0;
  padding: 10px 20px;
  width: 308px;
}
.ft-contents > .container > .col-r .unit {
  border-bottom: 1px solid #dadad9;
  margin-bottom: 8px;
  padding-bottom: 8px;
}
.ft-contents > .container > .col-r .unit .heading {
  border-left: 5px solid #8cbc00;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 8px;
  padding-left: 10px;
}
.ft-contents > .container > .col-r .unit .container {
  width: 308px;
}
.ft-contents > .container > .col-r .unit .container.container1 > .col-l {
  float: left;
  width: 52px;
}
.ft-contents
  > .container
  > .col-r
  .unit
  .container.container1
  > .col-l
  .iphone {
  height: auto;
  width: 52px;
}
.ft-contents > .container > .col-r .unit .container.container1 > .col-r {
  float: right;
  width: 246px;
}
.ft-contents > .container > .col-r .unit .container.container2 > .col-l {
  float: left;
  width: 149px;
}
.ft-contents
  > .container
  > .col-r
  .unit
  .container.container2
  > .col-l
  > .icoWrp {
  float: left;
  width: 32px;
}
.ft-contents
  > .container
  > .col-r
  .unit
  .container.container2
  > .col-l
  > .icoWrp
  .icoTw {
  height: auto;
  width: 33px;
}
.ft-contents
  > .container
  > .col-r
  .unit
  .container.container2
  > .col-l
  > .icoWrp
  .icoWrp-insta {
  height: auto;
  width: 32px;
}
.ft-contents
  > .container
  > .col-r
  .unit
  .container.container2
  > .col-l
  > .icoWrp
  img {
  height: auto;
  width: 100%;
}
.ft-contents
  > .container
  > .col-r
  .unit
  .container.container2
  > .col-l
  > .col-r {
  float: right;
  width: 106px;
}
.ft-contents > .container > .col-r .unit .container.container2 > .col-r {
  float: right;
  width: 155px;
}
.ft-contents
  > .container
  > .col-r
  .unit
  .container.container2
  > .col-r
  > .icoWrp {
  float: left;
  width: 32px;
}
.ft-contents
  > .container
  > .col-r
  .unit
  .container.container2
  > .col-r
  > .icoWrp
  .icoFb {
  height: auto;
  width: 32px;
}
.ft-contents
  > .container
  > .col-r
  .unit
  .container.container2
  > .col-r
  > .icoWrp
  img {
  height: auto;
  width: 100%;
}
.ft-contents
  > .container
  > .col-r
  .unit
  .container.container2
  > .col-r
  > .col-r {
  float: right;
  width: 115px;
}
.ft-contents > .container > .col-r .unit .container.container3 .icoWrp {
  float: left;
  width: 29px;
}
.ft-contents
  > .container
  > .col-r
  .unit
  .container.container3
  .icoWrp
  .icon-insta {
  height: auto;
  width: 29px;
}
.ft-contents > .container > .col-r .unit .container.container3 .col-r {
  float: left;
  padding-left: 5px;
  width: 260px;
}

.lt-ie9 .ft-contents {
  background-color: #d3ddac;
}

/* /ft-contents */
body > .footerInfo {
  height: auto;
}

/* /footer
---------------------------------------------------------*/
/* la-detail
-----------------------------------------------------------
-----------------------------------------------------------
----------------------------------------------------------*/
.la-detail .submit {
  margin-bottom: 20px;
  padding: 10px 0 0;
}

/* /la-detail
-----------------------------------------------------------
-----------------------------------------------------------
----------------------------------------------------------*/
/* mymenuBody
-----------------------------------------------------------
-----------------------------------------------------------
----------------------------------------------------------*/
.mymenuBody .balance {
  padding-right: 312px;
  position: relative;
}
.mymenuBody .balance .banner {
  min-height: 81px;
  position: absolute;
  right: 0px;
  top: 0px;
}
.mymenuBody .balance table {
  width: 100%;
}
.mymenuBody .balance th,
.mymenuBody .balance td {
  border-bottom: 1px dashed #7d7d7d;
  font-size: 14px;
  padding: 0 10px;
}
.mymenuBody .invitationCard {
  background-image: url(https://image.rfolympic.com/img2014/common/bgi01.png);
  border: 1px solid #ac9d77;
  -moz-box-shadow: rgba(218, 197, 142, 0.5) 0 0 10px 5px inset;
  -webkit-box-shadow: rgba(218, 197, 142, 0.5) 0 0 10px 5px inset;
  box-shadow: rgba(218, 197, 142, 0.5) 0 0 10px 5px inset;
  color: #4d3b0c;
  font-size: 16px;
  padding: 20px;
}
.mymenuBody .invitationCard table {
  width: 556px;
}
.mymenuBody .invitationCard tr {
  width: 556px;
}
.mymenuBody .invitationCard th,
.mymenuBody .invitationCard td {
  vertical-align: top;
}
.mymenuBody .invitationCard th {
  font-weight: bold;
  padding: 0 20px 10px 0;
  text-align: right;
  width: 112px;
}
.mymenuBody .invitationCard td {
  width: 375px;
  word-break: break-all;
}
.mymenuBody .invitationCard input,
.mymenuBody .invitationCard textarea {
  background-color: #fbf3de;
  border: 1px dashed #040000;
  font-size: 16px;
  padding: 5px 10px;
  width: 348px;
}
.mymenuBody .invitationCard textarea {
  height: 150px;
}

/* /mymenuBody
-----------------------------------------------------------
-----------------------------------------------------------
----------------------------------------------------------*/
/* photocolle
-----------------------------------------------------------
-----------------------------------------------------------
----------------------------------------------------------*/
.photocolle .goodPhoto {
  background-color: #fff;
  margin-bottom: 30px;
}
.photocolle .goodPhoto h2 {
  background-image: url(https://image.rfolympic.com/img2014/common/bgi03.png);
  border: 1px solid #f45e80;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  color: #fff;
  font-size: 21px;
  text-align: center;
}
.photocolle .goodPhoto .goodPhotoContainer {
  border: 1px solid #f45e80;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  padding: 20px 40px 20px 50px;
  /* IE8 */
}
.photocolle .goodPhoto .goodPhotoContainer img {
  height: auto;
}
.photocolle .goodPhoto .goodPhotoContainer img {
  max-height: 120px\9;
}
.photocolle .goodPhoto .goodPhotoContainer .bx-wrapper .bx-viewport {
  border: none;
  box-shadow: none;
}
.photocolle .goodPhoto .goodPhotoContainer .bx-prev {
  left: -50px;
}
.photocolle .goodPhoto .goodPhotoContainer .bx-next {
  right: -40px;
}
.photocolle .daysSnsWrapper {
  position: relative;
  width: 640px;
}
.photocolle .daysSnsWrapper .snsR {
  float: right;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 250px;
}
.photocolle .daysSnsWrapper .snsR .snsBtnList li {
  display: inline-block;
  *display: inline;
  margin: 0;
  padding-left: 10px;
  zoom: 1;
}
.photocolle .daysSnsWrapper .c_red {
  float: left;
  width: 300px;
}

.photocolleProject {
  background-color: rgba(255, 255, 255, 0.35);
  border-bottom: 1px solid #f1efe7;
  border-top: 1px solid #f1efe7;
  height: 60px;
  margin-bottom: 10px;
  padding: 10px 0 10px 70px;
  position: relative;
}
.photocolleProject .itemPhoto {
  left: 0;
  position: absolute;
  top: 10px;
  width: 60px;
}
.photocolleProject .projectTxt {
  font-size: 14px;
  line-height: 20px;
  padding-top: 10px;
}

/* /photocolle
-----------------------------------------------------------
-----------------------------------------------------------
----------------------------------------------------------*/
/* /repo
-----------------------------------------------------------
-----------------------------------------------------------
----------------------------------------------------------*/
.repo .repo__header-img {
  height: auto;
  width: 100%;
}
.repo .nav {
  height: 47px;
  overflow: hidden;
  padding: 3px 2px 0 4px;
  width: 954px;
}
.repo .nav li {
  float: left;
  font-size: 18px;
  font-weight: bold;
  height: 42px;
  line-height: 42px;
  padding-top: 5px;
  text-align: center;
  width: 316px;
}
.repo .nav li.bdr {
  background: url(https://image.rfolympic.com/img2014/repo/common/lc_nav_bdr.png)
    no-repeat right top;
  padding-right: 2px;
}
.repo .nav li .nolink {
  background: url(https://image.rfolympic.com/img2014/repo/common/lc_nav_hov_bg2.png)
    no-repeat center bottom;
  display: block;
  height: 42px;
  width: 100%;
}
.repo .nav li a {
  color: #fff;
  display: block;
  height: 42px;
  width: 100%;
}
.repo .nav li a:hover,
.repo .nav li a:active {
  background: url(https://image.rfolympic.com/img2014/repo/common/lc_nav_hov_bg_hover2.png)
    no-repeat center bottom;
  display: block;
  height: 42px;
  text-decoration: none;
  width: 100%;
}
.repo .overview {
  background-color: #fff;
  font-size: 14px;
  line-height: 2;
}
.repo .overview .even {
  background-color: #f0f0f0;
}
.repo .overview th {
  padding: 5px 5px 5px 10px;
}
.repo .overview td {
  padding: 5px 10px 5px 5px;
}
.repo .overview th.imgWrap {
  padding: 10px;
  text-align: center;
}
.repo .overview th.imgWrap img {
  height: auto;
  width: 160px;
}
.repo .overview th.colspan_2 {
  padding: 5px 10px;
}
.repo .goodPhotoRanking .hgroup {
  background-color: #b4a660;
  border-color: #7d7d7d;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-style: solid;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  border-width: 1px 1px 0;
  color: #fff;
  height: 39px;
  position: relative;
}
.repo .goodPhotoRanking .hgroup .title {
  font-size: 18px;
  left: 10px;
  position: absolute;
  top: 8px;
}
.repo .goodPhotoRanking .hgroup .time {
  font-size: 14px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.repo .goodPhotoRanking .body {
  background-color: #fff;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-color: #7d7d7d;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  border-style: solid;
  border-width: 0 1px 1px;
  padding: 15px 10px;
}
.repo .goodPhotoRanking .body ul {
  padding: 0 26px 10px;
  width: 566px;
}
.repo .goodPhotoRanking .body ul li {
  float: left;
  margin-right: 15px;
  position: relative;
  width: 130px;
}
.repo .goodPhotoRanking .body ul li.last-child {
  margin-right: 0;
}
.repo .goodPhotoRanking .body ul li img {
  height: auto;
  width: 130px;
}
.repo .goodPhotoRanking .body ul li .badge {
  left: -15px;
  position: absolute;
  top: -15px;
  width: 60px;
}
.repo .goodPhotoRanking .body ul li .badge img {
  height: auto;
  width: 60px;
}
.repo .secondary .when {
  background-color: #fff;
}
.repo .secondary .when h1 {
  background-color: #ff6600;
  border-color: #ff6600;
  border-style: solid;
  border-width: 0 2px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
}
.repo .secondary .when p {
  border-color: #ff6600;
  border-style: solid;
  border-width: 0 2px 2px;
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
}
.repo .secondary .rp-questionnaire_graphWrap {
  padding: 5px 0 1px;
  width: 300px;
}
.repo .secondary .rp-questionnaire_graphWrap p {
  margin: 0;
}
.repo .secondary .rp-questionnaire_graphWrap li {
  margin-bottom: 10px;
}
.repo .secondary .rp-questionnaire_graphWrap li .graphWrap {
  background-color: transparent;
  overflow: hidden;
  padding: 0;
  width: 295px;
}
.repo .secondary .rp-questionnaire_graphWrap li .graphWrap .graph {
  background: url(https://image.rfolympic.com/img2014/repo/common/bg002.gif)
    repeat;
  float: left;
  height: 18px;
  position: relative;
  width: 198px;
}
.repo .secondary .rp-questionnaire_graphWrap li .graphWrap .graph .bar {
  font-size: 0;
}
.repo
  .secondary
  .rp-questionnaire_graphWrap
  li
  .graphWrap
  .graph
  .graph_insetShadow {
  -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 4px 1px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 4px 1px inset;
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 4px 1px inset;
  height: 18px;
  position: absolute;
  top: 0px;
  width: 198px;
}
.repo .secondary .rp-questionnaire_graphWrap li .graphWrap .count {
  float: right;
  width: 92px;
}
.repo .activePhoto {
  left: 160px;
  margin-bottom: -26px;
  position: relative;
  top: -36px;
  width: 120px;
}
.repo .activePhoto img {
  height: auto;
  width: 120px;
}
.repo .activePhoto .close {
  background-color: #fff;
  border: 1px solid #313131;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: block;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 2px;
  text-align: center;
  text-decoration: none;
  top: 2px;
  width: 20px;
}
.repo .chosenPhoto img {
  float: left;
  height: auto;
  margin-right: 10px;
  width: 120px;
}

/* repo
-----------------------------------------------------------
-----------------------------------------------------------
----------------------------------------------------------*/
/* login
-----------------------------------------------------------
-----------------------------------------------------------
----------------------------------------------------------*/
/* properties */
.loginForm input[type="text"],
.loginForm input[type="password"],
.loginForm input[type="submit"] {
  outline: none;
}
.loginForm textarea,
.loginForm select {
  outline: none;
}
.loginForm .input-group {
  margin-bottom: 15px;
  padding-left: 20%;
  position: relative;
}
.loginForm .input-group label {
  font-weight: bold;
  left: 30px;
  line-height: 33px;
  position: absolute;
  top: 0;
}
.loginForm .headline01 {
  border-style: solid;
  border-width: 0 0 2px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.loginForm .headline01.color4 {
  border-color: #ff6600;
}
.loginForm .largeBtnWrap {
  text-align: center;
}
.loginForm .largeBtnWrap img {
  height: auto;
  height: 52px\9;
  *height: auto;
  max-width: 317px;
  width: 100%;
}
.loginForm .about {
  background-color: #e6e5dd;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
}
.loginForm .about h3 {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 0;
  padding: 10px 0 0;
  text-align: center;
}
.loginForm .about ul {
  padding: 10px 5px 15px 20px;
  width: 570px;
}
.loginForm .about ul li {
  float: left;
  margin-right: 10px;
  width: 180px;
}
.loginForm .about ul li p {
  padding: 5px 0;
}
.loginForm .about ul li .text {
  color: #fff;
  text-align: center;
}
.loginForm .about ul li .text.color1 {
  background-color: #ff3300;
}
.loginForm .about ul li .text.color3 {
  background-color: #0099ff;
}
.loginForm .about ul li .text.color5 {
  background-color: #93c000;
}
.loginForm .about ul li .imgWrp {
  background-color: #fff;
}

/* login
-----------------------------------------------------------
-----------------------------------------------------------
----------------------------------------------------------*/
/* contetns
-----------------------------------------------------------
-----------------------------------------------------------
----------------------------------------------------------*/
.contents {
  margin-top: 10px;
}
.contents.repo .repoMain {
  background-color: #fff;
  padding-bottom: 40px;
}
.contents.repo .repoMain .repoImg {
  height: auto;
  width: 960px;
}
.contents.repo .repoMain .repoImg2 {
  height: auto;
  width: 860px;
}
.contents.repo .repoMain .repoBtn {
  height: auto;
  width: 471px;
}
.contents.repo .repoMain .textWrap {
  font-size: 18px;
  padding: 20px 40px;
}
.contents.apli .apliMain {
  background-color: #fff;
}
.contents.apli .apliMain .apliImg {
  height: auto;
  width: 960px;
}
.contents.apli .apliMain .col-1 {
  background-image: url(https://image.rfolympic.com/img2014/contents/apli/bg11.png);
  background-size: 160px;
  margin-bottom: 20px;
  padding: 20px 0 20px 20px;
  width: 940px;
}
.contents.apli .apliMain .col-1 .col-l {
  background-color: #fff;
  float: left;
  padding-bottom: 30px;
  padding-top: 30px;
  width: 588px;
}
.contents.apli .apliMain .col-1 .col-l .upper {
  margin: 0 auto 25px;
  width: 430px;
}
.contents.apli .apliMain .col-1 .col-l .upper img {
  height: auto;
  width: 430px;
}
.contents.apli .apliMain .col-1 .col-l .downer {
  margin: 0 auto;
  width: 552px;
}
.contents.apli .apliMain .col-1 .col-l .downer .unit {
  width: 271px;
}
.contents.apli .apliMain .col-1 .col-l .downer .unit img {
  height: auto;
  width: 271px;
}
.contents.apli .apliMain .col-1 .spWrap {
  float: right;
  position: relative;
  width: 352px;
}
.contents.apli .apliMain .col-1 .spWrap .smartPhone {
  height: auto;
  width: 213px;
}
.contents.apli .apliMain .col-1 .spWrap .spBalloon {
  position: absolute;
  right: 10px;
  top: -90px;
}
.contents.apli .apliMain .col-1 .spWrap .spBalloon img {
  height: auto;
  width: 289px;
}
.contents.apli .apliMain .col-2 .aboutAlert {
  padding: 20px 0 20px 40px;
  position: relative;
  width: 920px;
}
.contents.apli .apliMain .col-2 .aboutAlert .col-l {
  background-color: #f9f2c3;
  font-size: 18px;
  padding: 20px;
  width: 370px;
}
.contents.apli .apliMain .col-2 .aboutAlert .pocke {
  position: absolute;
  right: 10px;
  top: -79px;
  width: 220px;
}
.contents.apli .apliMain .col-2 .aboutAlert .pocke img {
  height: auto;
  width: 220px;
}
.contents.apli .apliMain .col-2 .aboutAlert .pockeBalloon {
  position: absolute;
  right: 250px;
  top: 10px;
  width: 234px;
}
.contents.apli .apliMain .col-2 .aboutAlert .pockeBalloon img {
  height: auto;
  width: 234px;
}
.contents.apli .apliMain .col-2 .capWrap {
  width: 960px;
}
.contents.apli .apliMain .col-2 .capWrap .cap {
  width: 480px;
}
.contents.apli .apliMain .col-2 .capWrap .cap img {
  height: auto;
  width: 480px;
}

.atari .unit {
  border: 1px solid #e6e5dd;
  font-size: 14px;
  margin-bottom: 10px;
}
.atari .unit .date {
  background-color: #8cbc00;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 5px 10px;
}
.atari .unit .body {
  background-color: #fff;
  padding: 10px 10px 20px;
}
.atari .unit .body .detail {
  border-bottom: 1px dashed #83857e;
  height: 70px;
  margin-bottom: 10px;
  padding: 0 0 0 80px;
  padding-bottom: 10px;
  position: relative;
}
.atari .unit .body .detail .item {
  left: 0;
  position: absolute;
  top: 0;
  width: 70px;
}
.atari .unit .body .detail .item img {
  height: auto;
  width: 100%;
}
.atari .unit .qa_wrap {
  min-height: 30px;
  padding: 0 0 0 40px;
  position: relative;
}
.atari .unit .qa_wrap .qa_ico {
  color: #fff;
  font-size: 21px;
  height: 30px;
  left: 0;
  line-height: 30px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 30px;
}
.atari .unit .qa_wrap .qa_ico.q {
  background-color: #21a6ff;
}
.atari .unit .qa_wrap .qa_ico.a {
  background-color: #ff812d;
}

.result {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  position: relative;
}

.result .count {
  bottom: 0;
  position: absolute;
  right: 0;
}

.graphWrap {
  background-color: #f7f7f7;
  font-size: 14px;
  padding: 10px;
}
.graphWrap table {
  background-image: url(https://image.rfolympic.com/img2014/contents/questionnaire/graph_bg.png);
  background-repeat: repeat-y;
  border-top: 1px dotted #8b8b8b;
  font-size: 12px;
  table-layout: fixed;
  width: 580px;
}
.graphWrap table tr {
  vertical-align: middle;
}
.graphWrap table td {
  border-bottom: 1px dotted #8b8b8b;
  padding-bottom: 5px;
  padding-top: 5px;
  word-wrap: break-word;
}
.graphWrap table td.first-child {
  padding: 0 5px;
  width: 109px;
}
.graphWrap table td.nth-child_2 {
  padding-bottom: 7px;
  width: 341px;
}
.graphWrap table td.last-child {
  padding: 0 5px;
  width: 110px;
}
.graphWrap table td > .bar {
  background-color: #1fb573;
  -moz-box-shadow: #10643f 1px 2px 0px;
  -webkit-box-shadow: #10643f 1px 2px 0px;
  box-shadow: #10643f 1px 2px 0px;
  display: block;
  height: 20px;
}

.ct-point {
  position: relative;
}
.ct-point .pointList {
  padding-right: 230px;
}
.ct-point .st-table03 {
  bottom: 10px;
  position: absolute;
  right: 10px;
}

.tamesu_boxTableWrap .tableWrap {
  float: left;
  width: 50%;
}
.tamesu_boxTableWrap .pockeFriendsWrap {
  float: right;
  text-align: center;
  width: 50%;
}
.tamesu_boxTableWrap .pockeFriendsWrap img {
  height: auto;
  width: 232px;
}

.kiyaku p,
.kiyaku h3,
.kiyaku h4,
.kiyaku ol,
.kiyaku ul,
.privacy p,
.privacy h3,
.privacy h4,
.privacy ol,
.privacy ul,
.regulation p,
.regulation h3,
.regulation h4,
.regulation ol,
.regulation ul {
  margin-bottom: 1em;
}
.kiyaku ul,
.kiyaku ol,
.privacy ul,
.privacy ol,
.regulation ul,
.regulation ol {
  padding-left: 1.5em;
}
.kiyaku ul,
.privacy ul,
.regulation ul {
  list-style-type: disc;
}
.kiyaku ol,
.privacy ol,
.regulation ol {
  list-style-type: decimal;
}
.kiyaku h3,
.privacy h3,
.regulation h3 {
  border-bottom: 1px dashed #cdcdcd;
  border-left: 7px solid #8cbc00;
  font-size: 14px;
  font-weight: bold;
  padding-left: 10px;
}
.kiyaku h4,
.privacy h4,
.regulation h4 {
  font-weight: bold;
}

.point_support .hGroup .nav {
  background-color: #8cc900;
  padding: 10px;
  width: 940px;
}
.point_support .hGroup .nav li {
  float: left;
  margin-right: 20px;
  width: 293px;
}
.point_support .hGroup .nav li.last-child {
  margin-right: 0;
}
.point_support .hGroup .nav li a {
  background-color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: block;
  font-size: 18px;
  line-height: 30px;
  padding: 10px;
  width: 273px;
}
.point_support .hGroup .nav li a img {
  height: auto;
  margin-right: 10px;
  width: 30px;
}
.point_support .hGroup .nav--paid-point li {
  margin-right: 0;
  width: 190px;
}
.point_support .hGroup .nav--paid-point li.last-child {
  width: 180px;
}
.point_support .hGroup .nav--paid-point li a {
  box-sizing: border-box;
  font-size: 13px;
  padding: 7px;
  width: 180px;
}
.point_support .hGroup .nav--paid-point li a img {
  margin-right: 3px;
  vertical-align: sub;
  width: 17px;
}
.point_support .la-HorizontalWrap {
  width: 920px;
}
.point_support .unit {
  border: 1px solid #707070;
  width: 448px;
}
.point_support .unit.w_100percent {
  width: 100%;
}
.point_support .unit.bd_n {
  border: none;
}
.point_support .unit h1 {
  background-color: #ddd1a2;
  line-height: 40px;
  text-align: center;
}
.point_support .unit .body {
  font-size: 14px;
  padding: 20px;
}
.point_support .point_payment_img {
  display: inline-block;
  margin-top: 20px;
  vertical-align: top;
}
.point_support .point_payment_img figcaption {
  margin-bottom: 10px;
}
.point_support .point_payment_img_pc {
  width: 340px;
}
.point_support .point_payment_img_sp {
  width: 230px;
}
.point_support .point_payment_img img {
  width: 100%;
}

/* contents/guide.php
-------------------------------------------------------- */
#guide-wrap {
  color: #5c360e;
  font-size: 13px;
  width: 632px;
}
#guide-wrap a {
  color: #5c360e;
}
#guide-wrap a:link,
#guide-wrap a:visited {
  text-decoration: underline;
}
#guide-wrap a:hover,
#guide-wrap a:active {
  text-decoration: none;
}

#guide-main {
  border-color: #ccc;
  border-style: solid;
  border-width: 0 1px;
  padding: 0 1px;
  width: 628px;
}

#guide-nav {
  margin-bottom: 15px;
  width: 628px;
  zoom: 1;
  /*for IE 5.5-7*/
}
#guide-nav:after {
  clear: both;
  /*for modern browser*/
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
#guide-nav li {
  float: left;
}

.guide-headline-a {
  margin-bottom: 15px;
  text-align: center;
}

.guide-headline-b {
  margin-bottom: 10px;
  text-align: center;
}

.guide-container-a {
  border-bottom: 1px solid #ccc;
  margin: 0 20px 15px;
  padding: 0 10px 15px;
  width: 568px;
}

.guide-container-b {
  margin: 0 20px 0px;
  padding: 0 10px;
  width: 568px;
}

/* visual guide */
#guide-vg1 {
  /* vg = visual guide */
  width: 568px;
  zoom: 1;
  /*for IE 5.5-7*/
}
#guide-vg1:after {
  clear: both;
  /*for modern browser*/
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

.guide-vg1-container-a {
  float: left;
  width: 192px;
}

.guide-vg1-container-b {
  float: right;
  width: 172px;
}

#guide-vg2 {
  width: 568px;
}
#guide-vg2 tr {
  vertical-align: middle;
}
#guide-vg2 td {
  text-align: center;
}
#guide-vg2 td p {
  text-align: left;
  width: 269px;
}
#guide-vg2 td#guide-arrow-td {
  height: 30px;
  width: 30px;
}

.guide-vg {
  width: 568px;
  zoom: 1;
  /*for IE 5.5-7*/
}
.guide-vg:after {
  clear: both;
  /*for modern browser*/
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

.guide-vg-container-a {
  width: 269px;
}

.guide-vg-container-b {
  width: 279px;
}

/* /visual guide */
#guide-inquiry {
  margin: 0 30px;
  padding-bottom: 20px;
  width: 568px;
}

/* common */
.guide-fl-l {
  float: left;
}

.guide-fl-r {
  float: right;
}

.guide-fz-077per {
  font-size: 77%;
}

.guide-fz-108per {
  font-size: 108%;
}

.guide-fz-116per {
  font-size: 116%;
}

.guide-mb-05em {
  margin-bottom: 0.5em;
}

.guide-mb-10em {
  margin-bottom: 1em;
}

.guide-mb-05px {
  margin-bottom: 5px;
}

.guide-mb-09px {
  margin-bottom: 9px;
}

.guide-mb-15px {
  margin-bottom: 15px;
}

.guide-mr-06px {
  margin-right: 6px;
}

.guide-pt-60 {
  padding-top: 60px;
}

.guide-p-0-10 {
  padding: 0 10px;
}

.guide-ta-c {
  text-align: center;
}

.guide-ul-ti ul {
  margin-left: 1em;
}
.guide-ul-ti li {
  text-indent: -1em;
}

/* /common */
#guide_body {
  width: 952px;
}

.guide-wrapper {
  font-size: 15px;
  line-height: 23px;
  padding-top: 10px;
  width: 952px;
}

.guide-bg {
  background: #f6efdf;
  border: 1px solid #ede6d7;
  margin-top: 20px;
  width: 960px;
}

.p30px {
  padding: 30px;
  width: 894px;
}

.index-list {
  position: relative;
  width: 684px;
}
.index-list ol li {
  border-bottom: 2px solid #b8b4a1;
  font-size: 18px;
  height: 24px;
  line-height: 24px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  padding-left: 35px;
}
.index-list ol .index-l-1 {
  background: url(https://image.rfolympic.com/images/contents/guide/140204/mokuji-num1.jpg)
    no-repeat left top;
}
.index-list ol .index-l-2 {
  background: url(https://image.rfolympic.com/images/contents/guide/140204/mokuji-num2.jpg)
    no-repeat left top;
}
.index-list ol .index-l-3 {
  background: url(https://image.rfolympic.com/images/contents/guide/140204/mokuji-num3.jpg)
    no-repeat left top;
}
.index-list ol .index-l-4 {
  background: url(https://image.rfolympic.com/images/contents/guide/140204/mokuji-num4.jpg)
    no-repeat left top;
}
.index-list ol .index-l-5 {
  background: url(https://image.rfolympic.com/images/contents/guide/140204/mokuji-num5.jpg)
    no-repeat left top;
}

.index-baloon {
  left: 696px;
  position: absolute;
  position: absolute;
  top: -3px;
  width: 200px;
}

.guide-wrapper .headline {
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: 946px;
}

.w270px {
  width: 270px;
}

.guide-font15 {
  font-size: 15px;
  line-height: 25px;
}

.mr-40px {
  margin-right: 40px;
}

.border {
  border-bottom: 2px solid #b8b4a1;
}

.w580px {
  width: 580px;
}

.tm-flame dt {
  color: #fff;
  float: left;
  font-size: 20px;
  font-weight: bold;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 140px;
}
.tm-flame dt.guide-tame {
  background: #3da5eb;
}
.tm-flame dt.guide-mora {
  background: #fa5b33;
}
.tm-flame dd {
  padding-left: 170px;
}

.guide-minifont {
  color: #666666;
  font-size: 12px;
  line-height: 1.5;
  padding-left: 1em;
  text-indent: -1em;
}

.guide-btn-wrapper {
  margin: 0 auto;
  width: 650px;
}

.mora-btn a {
  background: white
    url(https://image.rfolympic.com/images/contents/guide/140204/mora-list-link.jpg)
    no-repeat left top;
  display: block;
  height: 69px;
  width: 293px;
}
.mora-btn a:active,
.mora-btn a:hover {
  opacity: 0.8;
}
.mora-btn a span {
  display: none;
  opacity: 0;
}

.tame-btn a {
  background: white
    url(https://image.rfolympic.com/images/contents/guide/140204/tame-list-link.jpg)
    no-repeat left top;
  display: block;
  height: 69px;
  width: 293px;
}
.tame-btn a:active,
.tame-btn a:hover {
  opacity: 0.8;
}
.tame-btn a span {
  display: none;
}

.guide-list ul li {
  font-size: 14px;
  list-style: outside disc;
  margin-left: 20px;
}

.w270px h4 {
  font-size: 22px;
  font-weight: bold;
  line-height: 24px;
  padding: 0 0 5px;
  vertical-align: baseline;
}

.w500px {
  width: 500px;
}

h4.repo {
  border-bottom: 2px solid #fbac1e;
}
h4.tokusyu {
  border-bottom: 2px solid #79c210;
}
h4.photocolle {
  border-bottom: 2px solid #5399ec;
}

.sns-wrapper {
  background: #fff;
  border: 2px solid #e1d3b3;
  border-radius: 10px;
  margin: 0 auto;
  position: relative;
  width: 890px;
}
.sns-wrapper h3 {
  padding-top: 30px;
  width: 890px;
}
.sns-wrapper .waza {
  left: -20px;
  position: absolute;
  top: -10px;
  width: 233px;
  z-index: 100;
}

.sns-inner-box {
  margin: 0 auto;
  width: 850px;
}
.sns-inner-box h5 {
  border-left: 6px solid #8dbb00;
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  padding-left: 20px;
}

.help-list {
  background: url(https://image.rfolympic.com/images/contents/guide/140204/help-list-bg.jpg)
    repeat left top;
  line-height: 32px;
  margin: 0 auto;
  width: 890px;
}
.help-list table {
  line-height: 32px;
}
.help-list table tr th,
.help-list table tr td {
  font-size: 16px;
}
.help-list table tr th {
  padding-right: 5em;
}

.help-in {
  padding: 30px 0 0;
  width: 894px;
}

.last-text {
  padding: 30px 0;
}

.pr20px {
  padding-right: 20px;
}

.pt50px {
  padding-top: 50px;
}

.pb30px {
  padding-bottom: 30px;
}

#guide_body .side_nav {
  position: absolute;
  position: fixed;
  right: 0;
  top: 295px;
  width: 62px;
  z-index: 999;
}

.side_nav ul li {
  display: block;
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}
.side_nav ul li a {
  background-image: url(https://image.rfolympic.com/images/contents/guide/140204/side_nav.png);
  display: block;
  line-height: 0;
  width: 62px;
}
.side_nav ul li a span {
  display: none;
}

.nav01 a {
  background-position: 0 0;
  height: 53px;
  width: 62px;
}
.nav01 a:hover {
  background-position: -62px 0;
  height: 53px;
}

.nav02 a {
  background-position: 0 -53px;
  height: 53px;
  width: 62px;
}
.nav02 a:hover {
  background-position: -62px -53px;
  height: 53px;
}

.nav03 a {
  background-position: 0 -105px;
  height: 53px;
  width: 62px;
}
.nav03 a:hover {
  background-position: -62px -105px;
  height: 53px;
}

.nav04 a {
  background-position: 0 -157px;
  height: 53px;
  width: 62px;
}
.nav04 a:hover {
  background-position: -62px -157px;
  height: 53px;
}

.nav05 a {
  background-position: 0 -209px;
  height: 53px;
  width: 62px;
}
.nav05 a:hover {
  background-position: -62px -209px;
  height: 53px;
}

.nav06 a {
  background-position: 0 -262px;
  height: 53px;
  width: 62px;
}
.nav06 a:hover {
  background-position: -62px -262px;
  height: 53px;
}

/* /contents/guide.php
-------------------------------------------------------- */
/* contents/support.php
-------------------------------------------------------- */
.supportLists .supportList {
  background-color: #fff;
  font-size: 14px;
  margin-bottom: 10px;
  padding: 20px;
}

/* /contents/support.php
-------------------------------------------------------- */
/* contents/moratameDay.php
-------------------------------------------------------- */
.moratameDay .heading {
  height: auto;
  width: 640px;
}
.moratameDay .body {
  background-color: #fff;
  padding: 30px;
}
.moratameDay .body .catch {
  background-image: url(https://image.rfolympic.com/img2014/contents/bg_moratameday.png);
  background-size: 36px;
  font-size: 18px;
  line-height: 36px;
  margin-bottom: 30px;
}
.moratameDay .body .about {
  background-color: #eeeeee;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font-size: 16px;
  padding: 30px;
}
.moratameDay .body .about .heading {
  font-size: 18px;
  font-weight: bold;
}

.lt-ie9 .moratameDay .body .catch {
  background-image: url(https://image.rfolympic.com/img2014/contents/bg-lt_moratameday_lt-ie9.png);
}

/* /contents/moratameDay.php
-------------------------------------------------------- */
/* /contetns
-----------------------------------------------------------
-----------------------------------------------------------
----------------------------------------------------------*/
/* clearfix
---------------------------------------------------------*/
/* For modern browsers */
.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
  zoom: 1;
}

/* /clearfix
---------------------------------------------------------*/
.cmg-enq__top-p {
  border-top: 1px solid gray;
  margin-top: 10px;
  padding-top: 10px;
}