@charset "utf-8";


/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  Last Updated: Nov 5, 2014

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


body {
  color: #fff;
  font-family: Verdana, Roboto, 'Droid Sans', 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-size: 13px;
  line-height: 1.8;
  letter-spacing: 0.1em;
  min-width: 960px;
  background-color: #fff;
}
a {
  color: #fff;
  text-decoration: underline;
}

.wrapper {
  background: url(../imgs/bg.gif) 50% 0 no-repeat;
}

/* ============================================================
.top-area
============================================================ */
.top-area {
  width: 960px;
  margin:0 auto;
}
.top-area .text-area {
  float: left;
}

.top-area .text-area .-logo {
  margin: 60px 0 162px 0;
}

.top-area .text-area .-copy {
  margin-bottom: 50px;
}

.top-area .text-area h1 {
  margin-bottom: 100px;
  padding-left: 1px;
}

.top-area .text-area .-text {
  margin-bottom: 34px;
}

.top-area .text-area .btn-product,
.top-area .text-area .btn-movie {
  display: block;
  text-indent: -9999px;
  width: 200px;
  height: 40px;
}

.top-area .text-area .btn-product {
  margin: 50px 0 20px 0;
  background: url(../imgs/btn-01.png) left top no-repeat;
  background-position: 0 0;
}

.top-area .text-area .btn-movie {
  background: url(../imgs/btn-02.png) left top no-repeat;
  background-position: 0 0;
}

.top-area .text-area .btn-product:hover,
.top-area .text-area .btn-movie:hover{
  background-position: 0 -40px;
}

.top-area .img-area {
  float: left;
  margin: 133px 0 0 46px;
}

/* --------------------------------------------------
#product
-------------------------------------------------- */
#product {
 width: 960px;
 margin:80px auto;
}

#product .img-area {
  float: left;
  width: 340px;
  height: 340px;
}

#product .img-area .-text {
  margin-top: 1px;
  text-align: center;
}

#product .img-area .zoomImage {
  display: inline-block;
  position: relative;
}

#product .text-area {
  float: left;
  margin-left: 40px;
  width: 580px;
}

#product .text-area .-cnt {
  margin-top: 5px;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 1.7;
  color: #231815;
}

#product .text-area .-cap {
  margin-bottom: 26px;
  font-size: 12px;
  line-height: 2;
  color: #231815;
  letter-spacing: 0.07em;
}

#product .text-area .-logo {
  margin-bottom: 40px;
}

#product .text-area .-logo span{
  padding-right: 22px;
}

#product .text-area .-toShop .btn-mens,
#product .text-area .-toShop .btn-womens {
  display: block;
  float: left;
  text-indent: -9999px;
  width: 200px;
  height: 40px;
}

#product .text-area .-toShop .btn-mens {
  margin-right: 30px;
  background: url(../imgs/btn-03.png) left top no-repeat;
  background-position: 0 0;
}

#product .text-area .-toShop .btn-womens {
  background: url(../imgs/btn-04.png) left top no-repeat;
  background-position: 0 0;
}

#product .text-area .btn-mens:hover,
#product .text-area .btn-womens:hover{
  background-position: 0 -40px;
}

/* --------------------------------------------------
#movie
-------------------------------------------------- */

#movie {
  width: 620px;
  margin: 80px auto 0 auto;
}

/* --------------------------------------------------
.snav
-------------------------------------------------- */
.bnr-area {
  width: 620px;
  margin: 100px auto 50px auto;
}
.bnr-area ul li {
  float: left;
}

.bnr-area ul li .bnr-01,
.bnr-area ul li .bnr-02 {
  display: block;
  text-indent: -9999px;
  width: 300px;
  height: 60px;
  box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 50px 0px;
  -webkit-box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 50px 0px;
  -moz-box-shadow:rgba(0, 0, 0, 0.15) 0px 0px 50px 0px;
}
.bnr-area ul li .bnr-01 {
  margin-right: 20px;
  background: url(../imgs/bnr-01.png) left top no-repeat;
  background-position: 0 0;
}

.bnr-area ul li .bnr-02 {
  background: url(../imgs/bnr-02.png) left top no-repeat;
  background-position: 0 0;
}

.bnr-area ul li .bnr-01:hover,
.bnr-area ul li .bnr-02:hover{
  background-position: 0 -60px;
}

/* ============================================================
#footer
============================================================ */
#footer {
  width: 960px;
  margin:0 auto;
  padding: 20px 0 50px 0;
  background: url(../imgs/k.gif) left top no-repeat;
}

#footer > .share {
  width: 450px;
  float: left;
}
#footer > .copyright {
  text-indent: -9999px;
  text-align: left;
  float: right;
  width: 416px;
  height: 10px;
  background: url(../imgs/copyright.png) center top no-repeat;
}

#sb-list-contna{
  /*float:right;*/
}
#sb-list{
  overflow:hidden;
}
#sb-list-inr{
  /*margin-left:-5px;*/
}
#sb-list ul li{
  float:left;
  /*margin-left:5px;*/
  height:21px;
  overflow:hidden;
  _display:inline;
}

/* ============================================================
clearfix
============================================================ */
.top-area,
#product,
#product .text-area .-toShop,
.bnr-area ul,
#footer{
  zoom:1;
}
.top-area:after,
#product:after,
#product .text-area .-toShop:after,
.bnr-area ul:after,
#footer:after{
  content:".";
  display:block;
  visibility:hidden;
  clear:both;
  height:0.1px;
  line-height:0;
  font-size:0.1em;
}