@charset "UTF-8";
/*-----------------------------------------------------
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/
/* line 1, ../sass/_mixin.scss */
.cf {
  \zoom: 1;
}
/* line 3, ../sass/_mixin.scss */
.cf:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}

/*
YUI 3.12.0 (build 8655935)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
/* line 18, ../sass/_mixin.scss */
html {
  color: #000;
  background: #FFF;
}

/* line 18, ../sass/_mixin.scss */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

/* line 18, ../sass/_mixin.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 18, ../sass/_mixin.scss */
fieldset, img {
  border: 0;
}

/* line 18, ../sass/_mixin.scss */
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

/* line 18, ../sass/_mixin.scss */
ol, ul {
  list-style: none;
}

/* line 18, ../sass/_mixin.scss */
caption, th {
  text-align: left;
}

/* line 18, ../sass/_mixin.scss */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

/* line 18, ../sass/_mixin.scss */
q:before, q:after {
  content: '';
}

/* line 18, ../sass/_mixin.scss */
abbr, acronym {
  border: 0;
  font-variant: normal;
}

/* line 18, ../sass/_mixin.scss */
sup {
  vertical-align: text-top;
}

/* line 18, ../sass/_mixin.scss */
sub {
  vertical-align: text-bottom;
}

/* line 18, ../sass/_mixin.scss */
input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

/* line 18, ../sass/_mixin.scss */
input, textarea, select {
  *font-size: 100%;
}

/* line 18, ../sass/_mixin.scss */
legend {
  color: #000;
}

/* line 18, ../sass/_mixin.scss */
#yui3-css-stamp.cssreset {
  display: none;
}

/*
YUI 3.12.0 (build 8655935)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
/* line 28, ../sass/_mixin.scss */
body {
  font: 13px/1.231 arial,helvetica,clean,sans-serif;
  *font-size: small;
  *font: x-small;
}

/* line 28, ../sass/_mixin.scss */
select, input, button, textarea {
  font: 99% arial,helvetica,clean,sans-serif;
}

/* line 28, ../sass/_mixin.scss */
table {
  font-size: inherit;
  font: 100%;
}

/* line 28, ../sass/_mixin.scss */
pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

/* line 28, ../sass/_mixin.scss */
#yui3-css-stamp.cssfonts {
  display: none;
}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
/*
customize for japanese fonts.
author: taiju
version: 1.0
date: 2011.7.10
*/
/**
* Percents could work for IE, but for backCompat purposes, we are using keywords.
* x-small is for IE6/7 quirks mode.
*/
/* line 46, ../sass/_mixin.scss */
body {
  font: 13px/1.231 "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",arial,helvetica,clean,sans-serif;
  *font-size: small;
  /* for IE */
  *font: x-small;
  /* for IE in quirks mode */
}

/**
* Nudge down to get to 13px equivalent for these form elements
*/
/* line 58, ../sass/_mixin.scss */
select,
input,
button,
textarea {
  font: 99% "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",arial,helvetica,clean,sans-serif;
}

/**
* To help tables remember to inherit
*/
/* line 65, ../sass/_mixin.scss */
table {
  font-size: inherit;
  font: 100%;
}

/**
* Bump up IE to get to 13px equivalent for these fixed-width elements
*/
/* line 77, ../sass/_mixin.scss */
pre,
code,
kbd,
samp,
tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

/* line 83, ../sass/_mixin.scss */
*:first-child + html * {
  font: 13px/1.231 "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",arial,helvetica,clean,sans-serif;
}

/* line 87, ../sass/_mixin.scss */
* html * {
  font: 13px/1.231 "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",arial,helvetica,clean,sans-serif;
}

/* line 90, ../sass/_mixin.scss */
.ls2 {
  letter-spacing: 2px !important;
}

/* line 93, ../sass/_mixin.scss */
.ls1 {
  letter-spacing: 1px !important;
}

/* line 96, ../sass/_mixin.scss */
.fz14 {
  font-size: 108% !important;
}

/* line 99, ../sass/_mixin.scss */
.fz15 {
  font-size: 116% !important;
  line-height: 1.8 !important;
}

/* line 103, ../sass/_mixin.scss */
.fz16 {
  font-size: 123.1% !important;
  line-height: 1.8 !important;
}

/* line 107, ../sass/_mixin.scss */
.tac {
  text-align: center !important;
}

/* line 110, ../sass/_mixin.scss */
.mB5 {
  margin-bottom: 5px;
}

/* line 113, ../sass/_mixin.scss */
.mB10 {
  margin-bottom: 10px;
}

/* line 116, ../sass/_mixin.scss */
.mB15 {
  margin-bottom: 15px;
}

/* line 119, ../sass/_mixin.scss */
.mB20 {
  margin-bottom: 20px;
}

/* line 122, ../sass/_mixin.scss */
.mB25 {
  margin-bottom: 25px;
}

/* line 125, ../sass/_mixin.scss */
.mB30 {
  margin-bottom: 30px;
}

/* line 128, ../sass/_mixin.scss */
.mB35 {
  margin-bottom: 35px;
}

/* line 131, ../sass/_mixin.scss */
.mB40 {
  margin-bottom: 40px;
}

/* line 12, ../sass/style.scss */
body {
  -webkit-text-size-adjust: 100%;
  z-index: 1;
}

/* line 16, ../sass/style.scss */
.spinBox {
  position: absolute;
}

/* line 19, ../sass/style.scss */
#spin1 {
  left: 242px;
  bottom: -224px;
  z-index: 2;
  border-radius: 50%;
}

/* line 25, ../sass/style.scss */
#spin2 {
  left: -437px;
  top: 3470px;
  z-index: -1;
}

/* line 30, ../sass/style.scss */
#spin3 {
  left: 180px;
  top: 1979px;
  z-index: -1;
}

/* line 35, ../sass/style.scss */
#whopper {
  overflow: hidden;
  width: 960px;
  margin: 0 auto;
  position: relative;
}

/* line 41, ../sass/style.scss */
h3 {
  margin-left: -5px;
}

/* line 44, ../sass/style.scss */
#header {
  position: relative;
  background: url(../img/head.jpg);
  height: 1536px;
  text-indent: -9999px;
}
/* line 49, ../sass/style.scss */
#header .mail a {
  width: 293px;
  height: 27px;
  bottom: 69px;
  opacity: 0.5;
  right: 182px;
  position: absolute;
  display: block;
  z-index: 10;
}

/* line 60, ../sass/style.scss */
.section {
  padding: 0 35px;
  overflow: hidden;
}

/* line 64, ../sass/style.scss */
.link {
  color: #00874B;
}
/* line 66, ../sass/style.scss */
.link a {
  color: #00874B;
  text-decoration: none;
  margin-right: 40px;
}
/* line 69, ../sass/style.scss */
.link a:visited {
  color: #00874B;
}
/* line 73, ../sass/style.scss */
.link a:hover {
  text-decoration: underline;
}

/* line 78, ../sass/style.scss */
#title {
  background: url(../img/bg_1.png) left 195px no-repeat;
  padding-top: 50px;
}
/* line 81, ../sass/style.scss */
#title h2 {
  width: 347px;
  height: 32px;
  background: url(../img/h2_1.png) no-repeat;
  text-indent: -9999px;
  margin-bottom: 50px;
}
/* line 88, ../sass/style.scss */
#title p.note {
  font-size: 19px;
  font-weight: bold;
  line-height: 2.5;
  margin-bottom: 50px;
}
/* line 94, ../sass/style.scss */
#title p.description {
  font-size: 10px;
  font-weight: bold;
  line-height: 2.9;
  border-bottom: 1px #ddd solid;
  padding-bottom: 50px;
}

/* line 102, ../sass/style.scss */
#artist {
  background: url(../img/bg_2.png) left 490px no-repeat;
  padding-top: 50px;
}
/* line 105, ../sass/style.scss */
#artist h3, #artist h4 {
  text-indent: -9999px;
}
/* line 108, ../sass/style.scss */
#artist h3 {
  margin-bottom: 50px;
}
/* line 111, ../sass/style.scss */
#artist h3.artist {
  width: 115px;
  height: 35px;
  background: url(../img/h3_1.png) no-repeat;
}
/* line 116, ../sass/style.scss */
#artist #artistBox {
  width: 670px;
  margin-right: 35px;
  position: relative;
  float: left;
}
/* line 121, ../sass/style.scss */
#artist #artistBox .topImg {
  margin: 0 auto;
  display: block;
  position: relative;
  z-index: -20;
}
/* line 128, ../sass/style.scss */
#artist h4.muda {
  position: absolute;
  width: 129px;
  height: 49px;
  background: url(../img/h2_2.png);
}
/* line 133, ../sass/style.scss */
#artist h4.muda a {
  display: block;
  height: 100%;
}
/* line 139, ../sass/style.scss */
#artist #mudaBox p {
  font-size: 9px;
  font-weight: bold;
  line-height: 2.5;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* line 139, ../sass/style.scss */
  #artist #mudaBox p {
    font-size: 10px;
    -webkit-transform: scale(0.9);
    width: 110%;
    margin-left: -5%;
  }
}
/* line 150, ../sass/style.scss */
#artist #mudaBox .link {
  margin-top: 25px;
}
/* line 154, ../sass/style.scss */
#artist #mudaArtistBox {
  padding-top: 70px;
  background: transparent url(../img/border.png) top left repeat-x;
}
/* line 157, ../sass/style.scss */
#artist #mudaArtistBox ul {
  overflow: hidden;
  *zoom: 1;
}
/* line 160, ../sass/style.scss */
#artist #mudaArtistBox ul.big {
  margin-left: -40px;
  margin-top: -50px;
  background: transparent url(../img/border_2.png) 372px top repeat-y;
}
/* line 166, ../sass/style.scss */
#artist #mudaArtistBox ul.short {
  margin-left: -17px;
  margin-bottom: 270px;
}
/* line 170, ../sass/style.scss */
#artist #mudaArtistBox li {
  float: left;
  margin-top: 50px;
}
/* line 173, ../sass/style.scss */
#artist #mudaArtistBox li.bigArtist {
  width: 315px;
  margin-left: 40px;
}
/* line 176, ../sass/style.scss */
#artist #mudaArtistBox li.bigArtist dt {
  height: 105px;
  margin-bottom: 10px;
  position: relative;
}
/* line 180, ../sass/style.scss */
#artist #mudaArtistBox li.bigArtist dt .name {
  font-size: 19px;
  line-height: 105px;
  font-weight: bold;
}
/* line 185, ../sass/style.scss */
#artist #mudaArtistBox li.bigArtist dt .name_en {
  position: absolute;
  left: 0;
  top: 80px;
  font-size: 9px;
  font-weight: bold;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* line 185, ../sass/style.scss */
  #artist #mudaArtistBox li.bigArtist dt .name_en {
    font-size: 10px;
    -webkit-transform: scale(0.9);
    width: 110%;
    margin-left: -5%;
  }
}
/* line 198, ../sass/style.scss */
#artist #mudaArtistBox li.bigArtist dt > img {
  float: right;
}
/* line 202, ../sass/style.scss */
#artist #mudaArtistBox li.bigArtist dd {
  font-size: 9px;
  font-weight: bold;
  line-height: 2.1;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* line 202, ../sass/style.scss */
  #artist #mudaArtistBox li.bigArtist dd {
    font-size: 10px;
    -webkit-transform: scale(0.9);
    width: 110%;
    margin-left: -5%;
  }
}
/* line 212, ../sass/style.scss */
#artist #mudaArtistBox li.bigArtist dd .link a {
  margin-right: 10px;
}
/* line 217, ../sass/style.scss */
#artist #mudaArtistBox li.shortArtist {
  margin-left: 17px;
}
/* line 219, ../sass/style.scss */
#artist #mudaArtistBox li.shortArtist dd {
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  line-height: 2.1;
}
/* line 228, ../sass/style.scss */
#artist #humanelectro {
  border-bottom: 1px #ddd solid;
  padding-bottom: 50px;
}
/* line 229, ../sass/style.scss */
#artist #humanelectro h4.humanelectro {
  width: 308px;
  height: 46px;
  background: url(../img/h2_3.png);
  margin-bottom: 41px;
}
/* line 238, ../sass/style.scss */
#artist #humanelectro dt img {
  margin-right: 40px;
  float: left;
}
/* line 242, ../sass/style.scss */
#artist #humanelectro dt .name {
  font-weight: bold;
  font-size: 22px;
  line-height: 102px;
}
/* line 248, ../sass/style.scss */
#artist #humanelectro dd {
  font-size: 9px;
  font-weight: bold;
  line-height: 2.3;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* line 248, ../sass/style.scss */
  #artist #humanelectro dd {
    font-size: 10px;
    -webkit-transform: scale(0.9);
    width: 110%;
    margin-left: -5%;
  }
}
/* line 258, ../sass/style.scss */
#artist #humanelectro dd .link {
  display: inline-block;
  margin-top: 30px;
}
/* line 264, ../sass/style.scss */
#artist #creditBox {
  margin-top: -83px;
  padding: 40px 0 0;
  margin-bottom: -500px;
  padding-bottom: 500px;
  float: left;
  width: 185px;
  background: transparent url(../img/credit_bg.png);
  text-align: center;
  color: #fff;
}
/* line 269, ../sass/style.scss */
#artist #creditBox h4.credit {
  height: 35px;
  background: url(../img/h3_credit.png) center center no-repeat;
  margin-bottom: 50px;
}
/* line 279, ../sass/style.scss */
#artist #creditBox dt {
  font-size: 10px;
  margin-bottom: 5px;
}
/* line 283, ../sass/style.scss */
#artist #creditBox dt.next {
  margin-bottom: 43px;
  font-size: 12px;
}
/* line 287, ../sass/style.scss */
#artist #creditBox dd {
  margin-bottom: 43px;
  font-size: 12px;
  line-height: 2;
}

/* line 294, ../sass/style.scss */
#place {
  padding-top: 60px;
  background: url(../img/bg_3.png) left 20px no-repeat;
}
/* line 297, ../sass/style.scss */
#place h3.place {
  width: 106px;
  height: 35px;
  background: transparent url(../img/h3_2.png);
  text-indent: -9999px;
  margin-bottom: 50px;
}
/* line 304, ../sass/style.scss */
#place > img {
  margin-right: 28px;
}
/* line 307, ../sass/style.scss */
#place .name {
  display: inline-block;
  width: 210px;
  height: 39px;
  line-height: 76px;
  text-indent: -9999px;
  background: url(../img/str_yamamoto.png);
}
/* line 314, ../sass/style.scss */
#place .name a {
  display: block;
  height: 100%;
}
/* line 319, ../sass/style.scss */
#place .address {
  display: inline-block;
  width: 218px;
  height: 29px;
  position: relative;
  left: 20px;
  top: -20px;
  background: url(../img/str_addres.png);
  text-indent: -9999px;
}
/* line 329, ../sass/style.scss */
#place p.description {
  margin-top: 20px;
  font-size: 10px;
  font-weight: bold;
  line-height: 2.9;
  padding-bottom: 90px;
}
/* line 335, ../sass/style.scss */
#place p.description .link {
  display: block;
  margin-top: 30px;
}

/* line 342, ../sass/style.scss */
#access {
  font-weight: bold;
  font-size: 10px;
  line-height: 2;
  margin-bottom: 100px;
}
/* line 347, ../sass/style.scss */
#access h4 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 35px;
}
/* line 352, ../sass/style.scss */
#access dt {
  margin-bottom: 35px;
  float: left;
}
/* line 356, ../sass/style.scss */
#access dt:after, #access dt:before {
  content: " | ";
}
/* line 360, ../sass/style.scss */
#access dd {
  margin-bottom: 35px;
  margin-left: 87px;
}
/* line 364, ../sass/style.scss */
#access #map {
  float: right;
}

/* line 368, ../sass/style.scss */
#infomation {
  position: relative;
  height: 577px;
  color: #fff;
  font-weight: bold;
  background: url(../img/bg_4.png) left bottom no-repeat;
}
/* line 374, ../sass/style.scss */
#infomation h3.infomation {
  text-indent: -9999px;
  width: 206px;
  height: 35px;
  background: transparent url(../img/h3_3.png);
}
/* line 381, ../sass/style.scss */
#infomation h4,
#infomation p {
  text-indent: -9999px;
}
/* line 384, ../sass/style.scss */
#infomation .mail a {
  width: 267px;
  height: 27px;
  top: 164px;
  opacity: 0.5;
  left: 103px;
  position: absolute;
  display: block;
  z-index: 10;
}