@charset "Shift_JIS";


/* style reset */

* {
  margin: 0;
  padding: 0;
  color: #323232;
  font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif, Verdana, Arial;
  line-height: 1.0;
  text-align: center;
  }


/* body (body) */

html{
}

body {
  background: #F0ECE0;
  }


/* image (img) */
img {
  border: 0;
  }


/* linktext (a) */

a:link {
  text-decoration: none;
  }
a:visited {
  text-decoration: none;
  }
a:hover {
  text-decoration: none;
  }
a:active {
  text-decoration: none;
  }


/* container,wrapper (div#container,div#wrapper,div#left-wrapper,div#right-wrapper) */

div#container {
  margin-left: auto;
  margin-right: auto;
  border-left: 1px solid #D0CDC8;
  border-right: 1px solid #D0CDC8;
  background: #F8F8EE;
  width: 938px;
  }

div#wrapper {
  margin: 0;
  padding: 0;
  width: 938px;
  }

div#left-wrapper {
  margin: 0;
  padding: 0;
  width: 177px;
  float: left;
  clear: right;
  }

div#right-wrapper {
  margin: 0;
  padding: 0;
  width: 760px;
  float: right;
  border-left: 1px solid #D0CDC8;
  }

div#top_left {
  margin: 0;
  padding: 0;
  width: 500px;
  float: left;
  clear: right;
  }

div#top_right {
  margin: 0;
  padding: 0;
  width: 585px;
  float: right;
  border-left: 1px solid #D0CDC8;
  }

div#right-text {
  width: 500px;
  float: left;
  clear: right;
  }

div#right-image {
  width: auto;
  }


/* header (div#header) */

div#header{
  margin: 0;
  padding: 0;
  width: 938px;
  height: 86px;
}


/* banner (div#banner,div#banner2) */

div#banner{
  margin: 0;
  padding: 0;
  width: 938px;
  height: 240px;
  border-bottom: 1px solid #D0CDC8;
}

div#banner2{
  margin: 0;
  padding: 0;
  width: 938px;
  height: 69px;
  border-bottom: 1px solid #D0CDC8;
}


/* footer (div#footer) */

div#footer{
  margin: 0;
  padding: 0;
  width: 938px;
  height: 44px;
  clear: right;
  border-top: 1px solid #D0CDC8;
  border-bottom: 1px solid #D0CDC8;
}

div#jasrac{
  margin-left: 70px;
  padding: 10px;
  width: 938px;
  text-align: left;
  background: #F0ECE0;
}


/* global-navigation (div#global-nav) */

div#global-nav{
  margin: 0;
  padding: 0;
  width: 938px;
  height: 22px;
}

div#global-nav ul{
  list-style-type: none;
  }

div#global-nav ul li{
  font-size: 0px;
  list-style-type: none;
  float: left;
  }

ul a{
    display:block;
    width:938px;
    height:22px;
    text-indent:-5000px;
    overflow:hidden;
}

a.top{
  width: 63px;
  height: 22px;
  background-image: url("../images/gn_top.gif");
  text-decoration: none;
  }

a:hover.top{
  width: 63px;
  height: 22px;
  background-image: url("../images/gn_top_over.gif");
  text-decoration: none;
  }

a.concept{
  width: 90px;
  height: 22px;
  background-image: url("../images/gn_concept.gif");
  text-decoration: none;
  }

a:hover.concept{
  width: 90px;
  height: 22px;
  background-image: url("../images/gn_concept_over.gif");
  text-decoration: none;
  }

a.machine{
  width: 89px;
  height: 22px;
  background-image: url("../images/gn_machine.gif");
  text-decoration: none;
  }

a:hover.machine{
  width: 89px;
  height: 22px;
  background-image: url("../images/gn_machine_over.gif");
  text-decoration: none;
  }

a.history{
  width: 82px;
  height: 22px;
  background-image: url("../images/gn_history.gif");
  text-decoration: none;
  }

a:hover.history{
  width: 82px;
  height: 22px;
  background-image: url("../images/gn_history_over.gif");
  text-decoration: none;
  }

a.modeandstage{
  width: 122px;
  height: 22px;
  background-image: url("../images/gn_modestage.gif");
  text-decoration: none;
  }

a:hover.modeandstage{
  width: 122px;
  height: 22px;
  background-image: url("../images/gn_modestage_over.gif");
  text-decoration: none;
  }

a.special{
  width: 88px;
  height: 22px;
  background-image: url("../images/gn_special.gif");
  text-decoration: none;
  }

a:hover.special{
  width: 88px;
  height: 22px;
  background-image: url("../images/gn_special_over.gif");
  text-decoration: none;
  }

a.reach{
  width: 77px;
  height: 22px;
  background-image: url("../images/gn_reach.gif");
  text-decoration: none;
  }

a:hover.reach{
  width: 77px;
  height: 22px;
  background-image: url("../images/gn_reach_over.gif");
  text-decoration: none;
  }

a.yokoku{
  width: 85px;
  height: 22px;
  background-image: url("../images/gn_yokoku.gif");
  text-decoration: none;
  }

a:hover.yokoku{
  width: 85px;
  height: 22px;
  background-image: url("../images/gn_yokoku_over.gif");
  text-decoration: none;
  }

a.story{
  width: 73px;
  height: 22px;
  background-image: url("../images/gn_story.gif");
  text-decoration: none;
  }

a:hover.story{
  width: 73px;
  height: 22px;
  background-image: url("../images/gn_story_over.gif");
  text-decoration: none;
  }

a.character{
  width: 98px;
  height: 22px;
  background-image: url("../images/gn_character.gif");
  text-decoration: none;
  }

a:hover.character{
  width: 98px;
  height: 22px;
  background-image: url("../images/gn_character_over.gif");
  text-decoration: none;
  }

a.spec{
  width: 71px;
  height: 22px;
  background-image: url("../images/gn_spec.gif");
  text-decoration: none;
  }

a:hover.spec{
  width: 71px;
  height: 22px;
  background-image: url("../images/gn_spec_over.gif");
  text-decoration: none;
  }


/* list */

p.read{
  text-align: left;
  padding: 20px 0 5px 0;
  margin-left: 20px;
  }

p.body{
  height: 115px;
  color: #666666;
  font-size: 12px;
  line-height: 150%;
  text-align: left;
  padding: 5px 0 0 0;
  margin-left: 20px;
  margin-right: 0px;
  }

p.figure{
  text-align: right;
  padding: 25px 0 2px 0;
  margin-left: 0px;
  margin-right: 20px;
  }

.jasrac{
  color: #666666;
  font-size: 11px;
  text-align: left;
  margin-left: 10px;
  }

.pagetop{
  text-align: right;
  color: #323232;
  text-decoration: underline;
  font-size: 12px;
  font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif, Verdana, Arial;
  }