@charset "UTF-8";
/* --------------------------------------------------
	0. Resetting default margin and padding
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead,
article, aside, figure, footer, header,
hgroup, menu, nav, section, audio, video, canvas {
  margin: 0;
  padding: 0; }

article, aside, figure, figcaption, footer,
h1, h2, h3, h4, h5, h6, header, hgroup, menu, nav, section {
  display: block; }

/* --------------------------------------------------
	1. HTML, Body, Anchor
-------------------------------------------------- */
html {
  overflow-y: scroll; }

/* for mozilla: always display scrollbar */
body {
  color: #000;
  font-family: sans-serif;
  _font-family: 'ＭＳ Ｐゴシック', sans-serif;
  font-size: 13px;
  *font-size: 82%;
  line-height: 1.5; }

body.osMac {
  font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif; }

body.osWin {
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }

/*
Font-size list (base: 13px)
 62% =  8px
 70% =  9px
 77% = 10px
 85% = 11px        162% = 21px        239% = 31px
 93% = 12px        170% = 22px        247% = 32px
100% = 13px        177% = 23px        254% = 33px
108% = 14px        185% = 24px        262% = 34px
116% = 15px        193% = 25px        270% = 35px
124% = 16px        200% = 26px        277% = 36px
131% = 17px        208% = 27px        285% = 37px
139% = 18px        216% = 28px        293% = 38px
147% = 19px        224% = 29px        300% = 39px
154% = 20px        231% = 30px        308% = 40px
*/
a:link {
  color: #00e;
  text-decoration: underline; }

a:visited {
  color: #551a8b;
  text-decoration: underline; }

a:hover,
a:active {
  color: #00e;
  text-decoration: none; }

/* --------------------------------------------------
	2. Heading, Paragraph
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

/* p {} */
/* --------------------------------------------------
	3. List
-------------------------------------------------- */
li {
  list-style: none; }

/* --------------------------------------------------
	4. Table
-------------------------------------------------- */
table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
  font-family: inherit; }

caption, th, td {
  text-align: left;
  vertical-align: top;
  font-weight: normal; }

/* --------------------------------------------------
	5. Form
-------------------------------------------------- */
fieldset {
  border: none; }

input, textarea, select, label {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: middle; }

label {
  cursor: pointer; }

textarea {
  overflow: auto; }

legend {
  display: none; }

/* --------------------------------------------------
	6. Other
-------------------------------------------------- */
img {
  border: none;
  vertical-align: top; }

object {
  vertical-align: middle;
  outline: none; }

em, strong {
  font-weight: bold;
  font-style: normal; }

small {
  font-size: 100%; }

abbr, acronym {
  border: none;
  font-variant: normal; }

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

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

code, pre {
  font-family: monospace; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

hr {
  display: none; }

html, body {
  height: 100%; }

body {
  overflow: hidden; }

.point {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  margin: -15px 0 0 -15px;
  background-color: rgba(0, 255, 0, 0.25);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  cursor: pointer; }

.point:active {
  cursor: move; }

#siteLead {
  position: absolute;
  top: -100px; }

#logo,
#scrollrotate {
  display: none; }

#profile {
  display: table;
  width: 100%;
  height: 100%;
  background-image: url(image/bg_profile.png);
  background-position: 0 0;
  background-repeat: none; }
  #profile .wrap {
    padding: 15px;
    display: table-cell;
    vertical-align: middle; }
  #profile .inner {
    width: 530px;
    margin: 0 auto; }
  #profile .name {
    margin-bottom: 30px;
    font-size: 20px; }
  #profile #carrer h2, #profile #carrer .outline {
    margin-bottom: 20px; }
  #profile #masterpiece {
    line-height: 1.7; }
    #profile #masterpiece ul {
      margin-bottom: 20px; }
    #profile #masterpiece li {
      display: inline;
      padding-right: 3px; }
  #profile #aboutUS {
    line-height: 1.7; }
    #profile #aboutUS address {
      display: block;
      margin-bottom: 20px; }
      #profile #aboutUS address span {
        display: inline-block;
        padding-right: 15px; }
      #profile #aboutUS address .zip {
        display: block; }
    #profile #aboutUS .links li {
      float: left; }
    #profile #aboutUS .links .map,
    #profile #aboutUS .links .mail {
      margin-right: 20px;
      padding-right: 20px;
      background-image: url(image/nanameline.jpg);
      background-position: right center;
      background-repeat: no-repeat; }

#type-breaksound {
  width: 100%;
  height: 100%;
  cursor: url(image/dot.cur), none; }
  #type-breaksound #sitename {
    text-indent: -9999px; }
  #type-breaksound #logo {
    display: block;
    position: absolute;
    width: 500px;
    height: 289px;
    top: 50%;
    left: 50%;
    margin: -145px 0 0 -280px; }
    #type-breaksound #logo #logo_frame,
    #type-breaksound #logo #logo_chara {
      position: absolute;
      top: 0;
      left: 0; }
    #type-breaksound #logo #logo_chara {
      top: 108px;
      left: 129px; }
      #type-breaksound #logo #logo_chara #logo_ho {
        float: left;
        padding: 2px 31px 0 0; }
      #type-breaksound #logo #logo_chara #logo_nn {
        float: left;
        padding: 3px 30px 0 0; }
      #type-breaksound #logo #logo_chara #logo_shi {
        float: left;
        padding: 0 30px 0 0; }
      #type-breaksound #logo #logo_chara #logo_tsu {
        float: left;
        padding: 4px 0 0 0; }
  #type-breaksound #mouseimage {
    position: absolute;
    z-index: 100;
    top: -100px;
    left: 0;
    display: none;
    width: 35px;
    height: 18px;
    background-image: url(image/cursole_mimisen.png);
    background-position: 0 0;
    background-repeat: no-repeat; }
  #type-breaksound .btnWrap {
    position: absolute;
    z-index: 20;
    bottom: 50px;
    left: 50%; }
  #type-breaksound #btnSound {
    position: relative;
    width: 39px;
    height: 47px;
    margin-left: -14px;
    background: transparent url(image/btn_ear.png) no-repeat scroll 0 0;
    border-style: none;
    cursor: pointer; }
  #type-breaksound #btnSound:hover {
    opacity: .75; }
  #type-breaksound #btnSound:active {
    opacity: .5; }
  #type-breaksound #profile {
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0; }
    #type-breaksound #profile .inner {
      width: 730px; }
    #type-breaksound #profile #delegate .name {
      min-height: 31px;
      margin-left: -100px;
      padding-left: 100px;
      background-image: url(image/gard.png);
      background-position: 0 center;
      background-repeat: no-repeat; }

.off #type-breaksound #btnSound {
  background-position: 0 bottom !important; }

#type-balloon {
  width: 100%;
  height: 100%;
  cursor: url(image/dot.cur), none; }
  #type-balloon #mouse {
    z-index: 101; }
  #type-balloon #sitename {
    display: none; }
  #type-balloon #profile {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-image: none; }
    #type-balloon #profile .inner {
      position: table-cell;
      vertical-align: middle;
      width: 635px;
      margin: 0 auto; }
    #type-balloon #profile .wrap {
      padding: 15px;
      display: table-cell;
      vertical-align: middle; }
    #type-balloon #profile .links a {
      cursor: none !important; }
  #type-balloon #balloonWrap {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 502px;
    height: 289px;
    margin: -145px 0 0 -281px;
    font-size: 1px;
    line-height: 0; }
  #type-balloon #brast {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
    #type-balloon #brast div {
      position: absolute;
      top: 0;
      left: 0; }
      #type-balloon #brast div img {
        position: absolute;
        display: block;
        font-size: 1px;
        line-height: 0; }
    #type-balloon #brast #frame {
      width: 100%;
      height: 100%; }
      #type-balloon #brast #frame #frame1 {
        top: -100px;
        left: 0; }
      #type-balloon #brast #frame #frame2 {
        top: -50px;
        left: 300px; }
      #type-balloon #brast #frame #frame3 {
        top: 25px;
        left: 550px; }
      #type-balloon #brast #frame #frame4 {
        top: 200px;
        left: 500px; }
      #type-balloon #brast #frame #frame5 {
        top: 300px;
        left: 150px; }
      #type-balloon #brast #frame #frame6 {
        top: 170px;
        left: -50px; }
    #type-balloon #brast #words {
      width: 100%;
      height: 100%; }
      #type-balloon #brast #words #ho, #type-balloon #brast #words #nn, #type-balloon #brast #words #shi, #type-balloon #brast #words #tsu {
        position: absolute;
        width: 100%;
        height: 100%; }
      #type-balloon #brast #words #ho1 {
        top: 70px;
        left: 166px; }
      #type-balloon #brast #words #ho2 {
        top: 134px;
        left: 83px; }
      #type-balloon #brast #words #ho3 {
        top: 178px;
        left: 108px; }
      #type-balloon #brast #words #nn1 {
        top: 47px;
        left: 433px; }
      #type-balloon #brast #words #nn2 {
        top: 188px;
        left: 220px; }
      #type-balloon #brast #words #shi1 {
        top: 2px;
        left: 299px; }
      #type-balloon #brast #words #shi2 {
        top: 243px;
        left: 225px; }
      #type-balloon #brast #words #shi3 {
        top: 240px;
        left: 410px; }
      #type-balloon #brast #words #tsu1 {
        top: 163px;
        left: 480px; }
      #type-balloon #brast #words #tsu2 {
        top: 204px;
        left: 490px; }
      #type-balloon #brast #words #tsu3 {
        top: 89px;
        left: 500px; }

#type-aa {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%; }
  #type-aa #sitename {
    display: none; }
  #type-aa #aaWrap {
    width: 100%;
    height: 100%;
    position: relative; }
  #type-aa #base {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    color: #b2b2b2; }
  #type-aa #main {
    position: absolute;
    top: 0;
    left: 2.5em;
    z-index: 9999; }
    #type-aa #main tt span {
      padding: 0 0.5em;
      background-color: #FFF; }
    #type-aa #main tt #links {
      font-weight: bold; }
      #type-aa #main tt #links a {
        text-decoration: none; }
        #type-aa #main tt #links a:hover {
          text-decoration: underline; }
      #type-aa #main tt #links #linkMap {
        color: #36b27c; }
      #type-aa #main tt #links #linkMail {
        color: #29aae1; }
      #type-aa #main tt #links #linkInterview {
        color: #ccb91c; }
  #type-aa .logo {
    position: relative;
    z-index: 200;
    top: 0;
    left: 90px;
    display: table;
    width: 800px;
    height: 100%;
    line-height: 1;
    margin: 0 auto; }
    #type-aa .logo p {
      display: table-cell;
      text-align: left;
      vertical-align: middle; }
    #type-aa .logo span {
      background-color: #FFF; }
  #type-aa .boxDisplayPic {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -145px 0 0 -281px;
    z-index: 1; }
  #type-aa .boxDisplayAA {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    z-index: 0; }
  #type-aa .boxDisplaySwitch {
    position: absolute;
    left: 50%;
    bottom: 50px;
    margin: -25px 0 0 -50px; }
    #type-aa .boxDisplaySwitch .switchAA {
      min-width: 90px;
      min-height: 44px;
      border: 3px solid #000;
      font-size: 20px;
      text-align: center; }
      #type-aa .boxDisplaySwitch .switchAA .btnPic {
        float: left;
        width: 38px;
        margin: 4px 0 4px 4px;
        padding: 3px 0;
        cursor: pointer;
        cursor: auto; }
      #type-aa .boxDisplaySwitch .switchAA .btnAA {
        float: right;
        width: 38px;
        margin: 4px;
        padding: 3px 0;
        cursor: pointer; }
      #type-aa .boxDisplaySwitch .switchAA .selected {
        color: #fff;
        background: #000000; }
    #type-aa .boxDisplaySwitch .switchPic {
      position: relative;
      left: -6px;
      top: 16px;
      background: #fff;
      float: left;
      clear: left;
      min-width: 100px;
      min-height: 75px; }
      #type-aa .boxDisplaySwitch .switchPic .swithBtn {
        font-size: 20px; }
      #type-aa .boxDisplaySwitch .switchPic .aaBody {
        font-size: 11px!important;
        line-height: 13px; }
        #type-aa .boxDisplaySwitch .switchPic .aaBody tt {
          font-family: "ＭＳ ゴシック"; }
      #type-aa .boxDisplaySwitch .switchPic .btnPic {
        position: absolute;
        left: 21px;
        top: 17px;
        cursor: pointer; }
      #type-aa .boxDisplaySwitch .switchPic .btnAA {
        position: absolute;
        right: 21px;
        top: 18px; }
      #type-aa .boxDisplaySwitch .switchPic .selected {
        text-decoration: underline; }

#ie_old body {
  overflow: auto; }
  #ie_old body .typeblock #sitename {
    position: relative;
    width: 502px;
    height: 289px;
    margin: 15px auto 0;
    background-image: url(image/logo.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    text-indent: -9999px; }
  #ie_old body .typeblock #profile {
    position: relative;
    display: block !important;
    width: 630px;
    margin: 0 auto;
    background-image: none; }
  #ie_old body .typeblock .btnWrap {
    display: none; }