@charset "utf-8";


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

  Last Updated: May 27, 2014

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


body {
  color: #3d454d;
  font-family: Verdana, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-size: 13px;
  line-height: 1.8;
  letter-spacing: 0.02em;
  -webkit-text-size-adjust: 100%;
}
a {
  color: #3d454d;
  text-decoration: underline;
}
img {
  /*display: block;*/
}


/* ============================================================
#globalHeader
============================================================ */
#globalHeader {
  width: 100%;
  height: 110px;
  margin-bottom: 40px;
  border-bottom: #3d454d 1px solid;
}
#globalHeader > header {
  width: 940px;
  padding: 0 10px;
  margin: 0 auto;
}
#globalHeader > header:after {
  content: "";
  display: table;
  clear: both;
}
#globalHeader > header > h1 {
  width: 320px;
  margin-right: 65px;
  float: left;
}
#globalHeader > header > h1 > a {
  display: block;
  height: 110px;
  background: url(../images/shared/header-title.png) 0 0 no-repeat;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}
#globalHeader > header > ul {
  width: 340px;
  float: left;
}
#globalHeader > header > ul:after {
  content: "";
  display: table;
  clear: both;
}
#globalHeader > header > ul > li a,
#globalHeader > header > ul > li strong {
  display: block;
  width: 100px;
  margin: 0 5px;
  float: left;
}
#globalHeader > header > ul > li a {
  height: 110px;
}
#globalHeader > header > ul > li strong {
  display: block;
  height: 119px;
  background: url(../images/shared/header-active-arrow.png) 50% 100% no-repeat;
}
#globalHeader > header > .tnf {
  width: 90px;
  height: 42px;
  padding-top: 40px;
  float: right;
}

#globalHeader > header > ul > li a:hover img,
#globalHeader > header > .tnf a:hover img {
  opacity: .5;
}



/* ============================================================
.main
============================================================ */
.main {
  width: 940px;
  margin: 0 auto 40px;
}
.main:after {
  content: "";
  display: table;
  clear: both;
}

/* --------------------------------------------------
.main .text
-------------------------------------------------- */
.main .text {
  width: 420px;
  float: right;
}
.main .text h2,
.main .text .caption,
.main .text .tecLogo {
  margin-bottom: 40px;
}
.main .text .caption p {
  margin-bottom: 2em;
}
.main .text .shopNow {
  margin-bottom: 20px;
}
.main .text .shopNow a:hover img {
  opacity: .5;
}

/* --------------------------------------------------
.main .image
-------------------------------------------------- */
.main .image {
  width: 480px;
  float: left;
}
.main .image .photo {
  width: 478px;
  border: #ebeced 1px solid;
}
.main .image .photo .zoomImage {
  display: block;
  position: relative;
}
.main .image .zoomInfo {
  font-size: 11px;
  text-align: center;
  margin-top: 5px;
}
.main .image .zoomInfo img {
  vertical-align: middle;
  padding-right: 5px;
}


/* ============================================================
.detail
============================================================ */
.detail {
  padding: 20px 0;
  margin-bottom: 40px;
  background-color: #ebeced;
}
.detail ul {
  width: 960px;
  margin: 0 auto;
}
.detail ul:after {
  content: "";
  display: table;
  clear: both;
}
.detail ul li {
  width: 460px;
  float: left;
  margin: 0 10px;
}
.detail ul li .text {
  font-size: 11px;
  text-align: center;
  margin-top: 5px;
}


/* ============================================================
.movie
============================================================ */
.movie {
  width: 940px;
  margin: 0 auto;
}


/* ============================================================
#globalFooter
============================================================ */
#globalFooter {
  width: 940px;
  padding: 0 10px 40px;
  margin: 60px auto 0;
}
#globalFooter .share {
  width: 425px;
  margin: 0 auto 10px;
}
#globalFooter .copyright {
  text-align: center;
}
#globalFooter .copyright,
#globalFooter .copyright small {
  font-size: 11px;
}


/* ============================================================
Detail Page
============================================================ */
#triumph .main .text {
  padding-top: 60px;
}
#ultrafp .main .text {
  padding-top: 0;
}
#banchee .main .text {
  padding-top: 0;
}
#banchee .main .shopNow h3 {
  margin-bottom: 10px;
}
#banchee .main .shopNow ul:after {
  content: "";
  display: table;
  clear: both;
}
#banchee .main .shopNow ul li {
  float: left;
  margin-right: 30px;
}