@charset "utf-8";

/* ★★★★★★★★★★　全体　★★★★★★★★★★ */

body {
  margin:     0;
  padding:    0;
  background: #000;
  color: #fff;
}

a:link    { color: #aaa; }
a:visited { color: #aaa; }
a:hover   { color: #fff; }
a:active  { color: #aaa; }
a         { text-decoration: none; }

.clear {
  clear:both;
}

/* ★★★★★★★★★★　mainContents　★★★★★★★★★★ */

#mainContents {

}

/* ★★★★★★★★★★　black frame　★★★★★★★★★★ */

#blkFrame {
  width: 100%;
  height: 1000px;
  margin: 0 auto;
  z-index: 10;
  position: relative;
  background: #000000;
}

/* ★★★★★★★★★★　base frame　★★★★★★★★★★ */

.baseFrame {
  width: 100%;
  height: 1000px;
  margin: 0 auto;
  z-index: 10;
  position: relative;
}

/* ★★★★★★★★★★　individual frame　★★★★★★★★★★ */

.indvFrame {
  width: 1200px;
  margin: 0 auto;
  z-index: 10;
  position: relative;
}

.indvFrame2 {
  width: 1000px;
  margin: 0 auto;
  z-index: 10;
  position: relative;
}

.indvFrameBio {
  width: 800px;
  margin: 0 auto;
  z-index: 10;
  position: relative;
}

.indvFrameBio img,
.indvFrame img,
.indvFrame2 img {
  border: 5px solid #fff;
}

/* ★★★★★★★★★★　frame image　★★★★★★★★★★ */

.frameImg11 {
  width: 610px;
  margin: 20px 20px 20px 0;
  float: left;
}

.frameImg12 {
  width: 570px;
  margin: 20px 0 20px 0;
  float: left;
}

.frameImg21 {
  width: 610px;
  margin: 20px 20px 20px 0;
  float: left;
}

.frameImg22 {
  width: 570px;
  margin: 20px 0 20px 0;
  float: left;
}

.frameImg31 {
  width: 610px;
  margin: 20px 20px 20px 0;
  float: left;
}

.frameImg32 {
  width: 370px;
  margin: 20px 0 20px 0;
  float: left;
}

.frameImg33 {
  width: 370px;
  margin: 0 0 20px 0;
  float: left;
}

.frameImg4 img {
  margin: 20px 20px 20px 0;
}

.frameImg51 {
  width: 460px;
  margin: 20px 20px 20px 0;
  float: left;
}

.frameImg52 {
  width: 520px;
  margin: 20px 0 20px 0;
  float: left;
}

/* ★★★★★★★★★★　frame text　★★★★★★★★★★ */

.frameTxt1 {
  font-size: 14px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  line-height: 1.3;
  text-shadow: 1px 1px 2px #000;
  padding-top: 20px;
  padding-bottom: 20px;
}

.frameTxt2 {
  font-size: 14px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  line-height: 1.3;
  text-shadow: 1px 1px 2px #000;
  padding-top: 20px;
  padding-bottom: 20px;
}

.frameTxt3 {
  font-size: 14px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  line-height: 1.3;
  text-shadow: 1px 1px 2px #000;
  /* padding-top: 20px; */
}

.frameTxt4 {
  font-size: 14px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  line-height: 1.3;
  text-shadow: 1px 1px 2px #000;
  padding-top: 20px;
  padding-bottom: 20px;
}

.frameTxt4 span {
  font-size: 20px;
}

.frameTxt5 {
  font-size: 14px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  line-height: 1.3;
  text-shadow: 1px 1px 2px #000;
  padding-top: 20px;
  padding-bottom: 20px;
}

/* ★★★★★★★★★★　buy btn　★★★★★★★★★★ */

.buyBtn {
  background-image: url("/img/shared/buy_btn_196x100.png");
  width: 196px;
  height: 50px;
  position: relative;
}

.indvFrame a:hover .buyBtn,
.indvFrame2 a:hover .buyBtn {
  background-image: url("/img/shared/buy_btn_196x100.png");
  background-position: 0 -50px;
  width: 196px;
  height: 50px;
  position: relative;
}

.buyBtn span {
  display: none;
}

/* ★★★★★★★★★★　header　★★★★★★★★★★ */

#header {
  width: 1000px;
  height: 120px;
  margin: 0 auto;
  z-index: 10;
  position: relative;
}

#logo {
  background-image: url("/img/top/logo_640x120.gif");
  width: 640px;
  height: 120px;
  float: left;
}

#logo h1,
#sns_links h2 {
  display: none;
}

#sns_links {
  width: 360px;
  height: 120px;
  float: left;
  margin: 0;
  padding: 0;
}

#sns_links ul {
  width: 360px;
  height: 120px;
  margin: 0;
  padding: 43px 0 0 70px;
}

#sns_links li {
  float: left;
  margin-right: 5px;
}

#sns_links a {
  display: block;
}

#sns_links .twitter a {
  background-image: url("/img/icons/Twitter.png");
  width: 64px;
  height: 64px;
}

#sns_links .facebook a {
  background-image: url("/img/icons/facebook.png");
  width: 64px;
  height: 64px;
}

#sns_links .youtube a {
  background-image: url("/img/icons/YouTube.png");
  width: 64px;
  height: 64px;
}

/* ★★★★★★★★★★　welcome message　★★★★★★★★★★ */

#msg {
  width: 925px;
  margin: 0 auto;
  z-index: 10;
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px;
  font-size: 24px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  line-height: 1.2;
}

/* ★★★★★★★★★★　naviMenu　★★★★★★★★★★ */

.naviMenu {
  width: 1000px;
  margin: 0 auto;
  z-index: 10;
  font-family: 'Just Another Hand', cursive;
  font-size: 55px;
  position: relative;
  text-align: center;
  color: #963;
  line-height: 1.2;
  text-shadow: 2px 2px 2px #333;
}

/* ★★★★★★★★★★　copyright　★★★★★★★★★★ */

#copyright {
  font-size: 12px;
  color: #fff;
  text-align: center;
  margin: 10px;
}

/* ★★★★★★★★★★　sns　★★★★★★★★★★ */

#sns {
  margin-top: 30px;
  text-align: right;
}

/* i-t-e-m-s / i-t-e-m-s / i-t-e-m-s / i-t-e-m-s / i-t-e-m-s / i-t-e-m-s / i-t-e-m-s / i-t-e-m-s / i-t-e-m-s / i-t-e-m-s */

/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin:0;
  padding:0;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

fieldset,img {
  border:0;
}

input{
  border:1px solid #b0b0b0;
  padding:3px 5px 4px;
  color:#979797;
  width:190px;
}

address,caption,cite,code,dfn,th,var {
  font-style:normal;
  font-weight:normal;
}

ol,ul {
  list-style:none;
}

caption,th {
  text-align:left;
}

h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}

q:before,q:after {
  content:'';
}

abbr,acronym { border:0;
}