*{margin:0; padding:0;}

/*h1, h2 {
  margin:0.5em;
}*/

h1 {
  background:
    transparent
    url('img/h1.gif')
    no-repeat
    scroll
    top left;
  width:270px;
  height:50px;
  overflow:hidden;
  text-indent: -1000em;
}

#subjects {
  background:
    transparent
    url('img/h2/theme.gif')
    no-repeat
    scroll
    top left;
  width:132px;
  height:22px;
  overflow:hidden;
  text-indent: -1000em;
}

#makasete_menu {
  background:
    transparent
    url('img/h2/menu.gif')
    no-repeat
    scroll
    top left;
  width:144px;
  height:22px;
  overflow:hidden;
  text-indent: -1000em;
}

#makasete_staff {
  background:
    transparent
    url('img/h2/staff.gif')
    no-repeat
    scroll
    top left;
  width:125px;
  height:22px;
  overflow:hidden;
  text-indent: -1000em;
}

#makasete_receipt {
  background:
    transparent
    url('img/h2/receipt.gif')
    no-repeat
    scroll
    top left;
  width:83px;
  height:22px;
  overflow:hidden;
  text-indent: -1000em;
}

#makasete_comments {
  background:
    transparent
    url('img/h2/comments.gif')
    no-repeat
    scroll
    top left;
  width:213px;
  height:22px;
  overflow:hidden;
  text-indent: -1000em;
}

#makasete_sample {
  background:
    transparent
    url('img/h2/sample.gif')
    no-repeat
    scroll
    top left;
  width:81px;
  height:22px;
  overflow:hidden;
  text-indent: -1000em;
}

#makasete_voice {
  background:
    transparent
    url('img/h2/voice.gif')
    no-repeat
    scroll
    top left;
  width:124px;
  height:22px;
  overflow:hidden;
  text-indent: -1000em;
}

dt {
  font-weight:bold;
}

dd {
  margin-left:1em;
}

ul.makasete {
  margin-left:2em;
}

#menu_theme {
  margin:0 0 10px 0;
  background:
    transparent
    url('/img/menut.gif')
    no-repeat
    scroll
    top left;
  padding:10px 0;
}

#menu_theme span {
  display:block;
  padding:0 10px 10px 10px;
}

#menu_theme div {
  background:
    transparent
    url('/img/menub.gif')
    no-repeat
    scroll
    bottom left;
  /*padding:0 0 10px 0;*/
  padding:0 10px 10px 10px;
}

#menu_theme ul {
  clear:left;
  margin-left:10px;
}

#menu_theme dl {
  clear:left;
  margin-left:10px;
}

#menu_theme li {
  margin-left:1em;
  list-style-type:disc;
  line-height:130%;
}

#menu_theme dd {
  margin-top:3px;
  margin-bottom:7px;
  font-size:0.8em;
  line-height:1.4em;
}

#menu_theme hr {
  margin-top:1em;
  margin-bottom:7px;
}

#menu_makasete_title {
  background:
    transparent
    url('/makasete/img/menu/makasete.gif')
    no-repeat
    scroll
    top left;
  color:#ffffff;
  width:176px;
  height:20px;
  overflow:hidden;
  text-indent: -1000em;
  margin:0 0 1em 0;
  padding:0;
}

#menu_theme_title {
  background:
    transparent
    url('/makasete/img/menu/theme.gif')
    no-repeat
    scroll
    top left;
  color:#ffffff;
  width:94px;
  height:17px;
  overflow:hidden;
  text-indent: -1000em;
  margin:0 0 1em 0;
  padding:0;
}

#about {
  border:1px solid #c0c0c0;
  padding:0.5em;
  margin:1em;
}

#about div {
  font-weight:bold;
}

#about span {
  font-size:0.8em;
  display:block;
  line-height:1.4em;
  color:#999999;
}

.ask {
  float:right;
}

#menu_ask {
  position:relative;
  margin:10px 0;

  background:
    transparent
    url('/makasete/img/askbanner.png')
    no-repeat
    scroll
    top left;
  color:#ffffff;
  width:280px;
  height:146px;
}

#menu_ask h5 {
  position:absolute;
  background:
    transparent
    url('/makasete/img/ask_title.gif')
    no-repeat
    scroll
    top left;
  color:#ffffff;
  width:240px;
  height:66px;
  left:10px;
  top:8px;
  overflow:hidden;
  text-indent: -1000em;
  margin:0;
  padding:0;
}

#menu_ask a {
  position:absolute;
  display:block;
  background:
    transparent
    url('/makasete/img/ask_link.gif')
    no-repeat
    scroll
    top left;
  color:#ffffff;
  width:272px;
  height:64px;
  left:4px;
  top:79px;
  overflow:hidden;
  text-indent: -1000em;
  border-style:none;
}

.memo_info {
  margin:1em 0;
  background:
    transparent
    url('/img/memob.gif')
    no-repeat
    scroll
    bottom left;
  padding:0 0 1em 0;
}

.memo_info span {
  display:block;
  background:
    transparent
    url('/img/memo_infot.gif')
    no-repeat
    scroll
    top left;
  width:590px;
  height:32px;
  overflow:hidden;
  text-indent: -1000em;
  margin:0;
  padding:0;
}

.memo_info div {
  margin:0 1em;
}
