/* ----------------------------
    Main Visual
---------------------------- */
#mv {
  overflow: hidden;
  position: relative;
}
#mv .stage {
  width: 100%;
  min-width: 980px;
  overflow: hidden;
  position: relative;
}
#mv .stage li {
  float: left;
  min-width: 980px;
  height: 450px;
  text-align: center;
  width: 100%;
  display: none;
}
#mv .stage li:first-child {
  display: block;
}
#mv .stage a,
#mv .stage span {
  display: block;
  text-indent: 101%;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  min-width: 980px;
  max-width: 1200px;
  height: 450px;
  margin: 0 auto;
  -moz-transition: opacity, 0.2s;
  -o-transition: opacity, 0.2s;
  -webkit-transition: opacity, 0.2s;
  transition: opacity, 0.2s;
  -webkit-backface-visibility: hidden;
}
#mv .stage a:hover,
#mv .stage span:hover {
  -moz-transition: opacity, 0.2s;
  -o-transition: opacity, 0.2s;
  -webkit-transition: opacity, 0.2s;
  transition: opacity, 0.2s;
}
#mv .stage .ceramide {
  border-top: 1px solid #333;
  background: url(../img/home/mv_ceramide.jpg) no-repeat 50% -1px #0b0708;
  height: 449px;
}
#mv .stage .ceramide a {
  height: 449px;
}
#mv .stage .tbset {
  border-top: 1px solid #333;
  background: url(../img/home/mv_tbset.jpg) no-repeat 50% -1px #0b0708;
  height: 449px;
}
#mv .stage .tbset a {
  height: 449px;
}
#mv .stage .hair_perfect_set {
  border-top: 1px solid #333;
  background: url(../img/home/mv_hair_perfect_set.jpg) no-repeat 50% -1px #0b0708;
  height: 449px;
}
#mv .stage .hair_perfect_set a {
  height: 449px;
}
#mv .stage .equalize_shot {
  background: url(../img/home/mv_equalize_shot_sale.jpg) no-repeat 50% 0 #fafafa;
  height: 450px;
}
#mv .stage .equalize_shot a {
  height: 450px;
}
#mv .stage .new_vita_shot {
  background: url(../img/home/mv_new_vita_shot.jpg) no-repeat 50% 0 #fafafa;
  height: 450px;
}
#mv .stage .new_vita_shot a {
  height: 450px;
}
#mv .stage .eye_perfection {
  background: url(../img/home/mv_eye_perfection.jpg) no-repeat 50% 0 #fafafa;
  height: 450px;
}
#mv .stage .eye_perfection a {
  height: 450px;
}
#mv .stage .perfection_set {
  background: url(../img/home/mv_perfection_set.jpg) no-repeat 50% 0 #fafafa;
  height: 450px;
}
#mv .stage .perfection_set a {
  height: 450px;
}
#mv .stage .spot_light {
  background: url(../img/home/mv_spotlight.jpg) no-repeat 50% 0 #000;
  height: 449px;
  border-top: 1px solid #333;
}
#mv .stage .spot_light a {
  height: 449px;
}
#mv .stage .limited_uv_set {
  background: url(../img/home/mv_spotlight_set.jpg) no-repeat 50% 0 #fafafa;
  height: 450px;
}
#mv .stage .limited_uv_set a {
  height: 450px;
}
#mv .stage .detoxy_marine_peel {
  background: url(../img/home/mv_detoxy_marine_peel.jpg) no-repeat 50% 0 #fff;
  height: 450px;
}
#mv .stage .detoxy_marine_peel a {
  height: 450px;
}
#mv .stage .body_sculpture {
  background: url(../img/home/mv_body_sculpture.jpg) no-repeat 50% -1px #000;
  height: 449px;
  border-top: 1px solid #333;
}
#mv .stage .body_sculpture a {
  height: 449px;
}
#mv .stage .limited_body_set {
  background: url(../img/home/mv_limited_body_set.jpg) no-repeat 50% 0 #000;
  height: 449px;
  border-top: 1px solid #333;
}
#mv .stage .limited_body_set a {
  height: 449px;
}
#mv .stage .barrier_milk {
  background: url(../img/home/mv_barrier_milk.jpg) no-repeat 50% 0 #fafafa;
  height: 450px;
}
#mv .stage .barrier_milk a {
  height: 450px;
}
#mv .stage .limited_night_set {
  background: url(../img/home/mv_limited_night_set.jpg) no-repeat 50% 0 #000;
  height: 449px;
  border-top: 1px solid #333;
}
#mv .stage .limited_night_set a {
  height: 449px;
}
#mv .stage .limited_night_set {
  background: url(../img/home/mv_limited_night_set.jpg) no-repeat 50% 0 #000;
  height: 449px;
  border-top: 1px solid #333;
}
#mv .stage .limited_night_set a {
  height: 449px;
}
#mv .stage .repair_oil {
  background: url(../img/home/mv_repair_oil_bg.png) repeat-x center top;
  height: 450px;
}
#mv .stage .repair_oil a {
  background: url(../img/home/mv_repair_oil.jpg) no-repeat 50% 0;
  height: 450px;
}
#mv .stage .washing_clay {
  background: url(../img/home/mv_washing_clay.jpg) no-repeat 50% 0 #fff;
  height: 450px;
}
#mv .stage .washing_clay a {
  height: 450px;
}
#mv .stage .antioxidation {
  background: url(../img/home/mv_antioxidation.jpg) no-repeat 50% 0 #e9f2f8;
  height: 450px;
}
#mv .stage .antioxidation a {
  height: 450px;
}
#mv .stage .sunburn_rescue {
  background: url(../img/home/mv_sunburn_rescue_set.jpg) no-repeat 50% 0 #27b9dd;
  height: 450px;
}
#mv .stage .sunburn_rescue a {
  height: 450px;
}
#mv .stage .perfectionist_set {
  background: url(../img/home/mv_perfectionist_set.jpg) no-repeat 50% 0 #fff;
  height: 450px;
}
#mv .stage .perfectionist_set a {
  height: 450px;
}
#mv .stage .skin_direction_exp {
  background: url(../img/home/mv_skin_direction_exp.jpg) no-repeat 50% 0 #f7f7f8;
  height: 450px;
}
#mv .stage .skin_direction_exp a {
  height: 450px;
}
#mv .stage .premium_oil_cleanser {
  background: url(../img/home/mv_premium_oil_cleanser.jpg) no-repeat 50% 0 #fff;
  height: 450px;
}
#mv .stage .premium_oil_cleanser a {
  height: 450px;
}
#mv .stage .skin_direction {
  background: url(../img/home/mv_skin_direction.jpg) no-repeat 50% 0 #000;
  height: 449px;
  border-top: 1px solid #333;
}
#mv .stage .skin_direction a, #mv .stage .skin_direction span {
  height: 449px;
}
#mv .stage .detoxy_marine_set {
  background: url(../img/home/mv_detoxy_marine_set.jpg) no-repeat 50% 0 #fff;
  height: 450px;
}
#mv .stage .detoxy_marine_set a {
  height: 450px;
}
#mv .stage .matome {
  background: url(../img/home/mv_matome_bg.jpg) 50% 50% #fff;
  height: 450px;
}
#mv .stage .matome a {
  background: url(../img/home/mv_matome.png) no-repeat 50% 50%;
  height: 450px;
}
#mv .stage .placenist {
  background: url(../img/home/mv_placenist.jpg) no-repeat 50% 0 #fff;
  height: 450px;
}
#mv .stage .placenist a {
  height: 450px;
}
#mv .stage .secret_filling {
  background: url(../img/home/mv_secret_filling.jpg) no-repeat 50% 0 #000;
  height: 449px;
  border-top: 1px solid #333;
}
#mv .stage .secret_filling a {
  height: 449px;
}
#mv .stage .secret_filling_sample {
  background: url(../img/home/mv_secret_filling_sample.jpg) no-repeat 50% 0 #f7f7f8;
  height: 450px;
}
#mv .stage .secret_filling_sample span {
  height: 450px;
}
#mv .arrow {
  position: absolute;
  width: 100%;
  top: 0;
  *left: 0;
}
#mv .arrow .inner {
  left: 50%;
  top: 0;
  margin-left: -523px;
  width: 1046px;
  position: absolute;
}
#mv .arrow p {
  width: 33px;
  height: 70px;
  background: url(../img/home/mv_arrow.png) no-repeat;
  text-indent: 101%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 195px;
  cursor: pointer;
  -moz-transition: opacity, 0.2s;
  -o-transition: opacity, 0.2s;
  -webkit-transition: opacity, 0.2s;
  transition: opacity, 0.2s;
  -webkit-backface-visibility: hidden;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
#mv .arrow p:hover {
  -moz-transition: opacity, 0.2s;
  -o-transition: opacity, 0.2s;
  -webkit-transition: opacity, 0.2s;
  transition: opacity, 0.2s;
}
#mv .arrow p:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
#mv .arrow .prev {
  left: 0;
  background-position: 0 0;
}
#mv .arrow .next {
  right: 0;
  background-position: -38px 0;
}

/* ----------------------------
    News
---------------------------- */
#news {
  background: #333;
  color: #fff;
  padding: 15px 0;
  font-size: 92%;
}
#news ul {
  width: 980px;
  margin: 0 auto;
  text-align: left;
}
#news ul li {
  display: none;
}
#news ul li:first-child {
  display: block;
}
#news a {
  color: #fff;
}
#news p {
  display: inline-block;
}
#news .date {
  margin: 0 15px 0 0;
}

/* ----------------------------
    Inner
---------------------------- */
#contents .content_inner {
  padding: 50px 0 40px;
}

/* ----------------------------
    Main
---------------------------- */
#main {
  width: 711px;
  overflow: hidden;
  float: left;
}
#main .pickup {
  width: 720px;
  overflow: hidden;
}
#main .pickup li {
  width: 350px;
  height: 160px;
  float: left;
  margin: 0 10px 10px 0;
}
#main .pickup .spread {
  width: 710px;
}
#main .pickup a {
  display: block;
  height: 160px;
  -moz-transition: opacity, 0.2s;
  -o-transition: opacity, 0.2s;
  -webkit-transition: opacity, 0.2s;
  transition: opacity, 0.2s;
  -webkit-backface-visibility: hidden;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}
#main .pickup a:hover {
  -moz-transition: opacity, 0.2s;
  -o-transition: opacity, 0.2s;
  -webkit-transition: opacity, 0.2s;
  transition: opacity, 0.2s;
}
#main .pickup a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
#main .sub_contents {
  width: 720px;
  overflow: hidden;
  margin: 30px 0 0;
}
#main .sub_contents li {
  width: 350px;
  height: 100px;
  float: left;
  margin: 0 10px 10px 0;
}
#main .sub_contents a {
  -moz-transition: opacity, 0.2s;
  -o-transition: opacity, 0.2s;
  -webkit-transition: opacity, 0.2s;
  transition: opacity, 0.2s;
  -webkit-backface-visibility: hidden;
}
#main .sub_contents a:hover {
  -moz-transition: opacity, 0.2s;
  -o-transition: opacity, 0.2s;
  -webkit-transition: opacity, 0.2s;
  transition: opacity, 0.2s;
}
#main .sub_contents a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
#main .sub_contents .short {
  width: 235px;
  border-right: 1px solid #ddd;
  margin-right: 0;
  text-align: center;
}
#main .sub_contents .short a {
  display: block;
  margin: 0 1px 0 0;
}
#main .sub_contents .short.faq {
  border-left: 1px solid #ddd;
}
#main .sub_contents .short.mailmagazine a {
  margin-right: 0;
}

/* ----------------------------
    Ranking
---------------------------- */
#ranking {
  width: 230px;
  float: right;
}
#ranking h2 {
  border-bottom: 1px solid #000;
  padding: 0 0 5px;
}
#ranking ol {
  letter-spacing: -.4em;
}
#ranking ol li {
  overflow: hidden;
  letter-spacing: normal;
  border-bottom: 1px solid #ddd;
}
#ranking ol a {
  display: block;
  color: #000;
  padding: 4px 0;
  -moz-transition: opacity, 0.2s;
  -o-transition: opacity, 0.2s;
  -webkit-transition: opacity, 0.2s;
  transition: opacity, 0.2s;
  -webkit-backface-visibility: hidden;
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
  cursor: pointer;
}
#ranking ol a:hover {
  -moz-transition: opacity, 0.2s;
  -o-transition: opacity, 0.2s;
  -webkit-transition: opacity, 0.2s;
  transition: opacity, 0.2s;
}
#ranking ol a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
#ranking ol .photo {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 45px;
  margin: 0 15px 0 0;
  vertical-align: middle;
}
#ranking ol .photo img {
  display: block;
}
#ranking ol .name {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 160px;
  vertical-align: middle;
  line-height: 1.5;
  font-size: 108%;
}
#ranking ol .no1 {
  background: url(../img/home/ranking_no1.png) no-repeat right bottom;
}
#ranking ol .no2 {
  background: url(../img/home/ranking_no2.png) no-repeat right bottom;
}
#ranking ol .no3 {
  background: url(../img/home/ranking_no3.png) no-repeat right bottom;
}
#ranking ol .no4 {
  background: url(../img/home/ranking_no4.png) no-repeat right bottom;
}
#ranking ol .no5 {
  background: url(../img/home/ranking_no5.png) no-repeat right bottom;
}