@import url("style.css");

/*-------------------------------------------------------------- ベース設定
*/
* {
  margin: 0;
  padding: 0;
}
body {
  font-size: 91.6%;/* 11pt */
}
html > body {
  font-size: 11pt;
}
html {
  overflow-y: scroll;
/*  filter: expression(document.execCommand("BackgroundImageCache", false, true));*/
}
body {
  color: #805966;
  line-height: 1.5em;
  font-family: "MS P Gothic", sans-serif;
  font-family: "meiryo";
  text-align: center;
  background: #fff url('images/nlove_body_bg.gif') repeat-x center top;
}

/*-------------------------------------------------------------- Container
*/
#Container {
  background: url('images/nlove_container_bg.gif') repeat-y center top;
  width: 896px;
  margin: 0 auto;
  overflow: hidden;
}
#Container-In {
  background: url('images/nlove_container_top_bg.jpg') no-repeat center top;
}
#Container-In2 {
  position: relative;
  background: url('images/nlove_container_footer_bg.gif') no-repeat center bottom;
}

/*-------------------------------------------------------------- Header
*/
#Header {
  position: relative;
  z-index: 10;
  text-align: left;
  width: 832px;
  height: 128px;
  margin: 0px 32px 0 32px;
  padding-top: 16px;
}
#Header h1 a {
  position: absolute;
  left: 0;
  top: 16px;
  display: block;
  width: 472px;
  height: 116px;
  text-indent: -1000em;
  overflow: hidden;
  z-index: 4;
}
#Header h1 a:hover {
  background: url('images/nlove_nlove_link_top.jpg') no-repeat 200px 0;
}
#OHP-Link a {
  position: absolute;
  left: 560px;
  top: 16px;
  display: block;
  width: 272px;
  height: 116px;
  text-indent: -1000em;
  overflow: hidden;
  z-index: 6;
}
#OHP-Link a:hover {
  background: url('images/nlove_comet_link.jpg') no-repeat;
}
.a-img01 {
  position: absolute;
  left: 0;
  top: 144px;
  background: url('images/nlove_header_logo_alpha.png') no-repeat;
  width: 192px;
  height: 76px;
}
.a-img02 {
  position: absolute;
  left: 768px;
  top: 144px;
  background: url('images/nlove_header_ball_alpha.png') no-repeat;
  width: 64px;
  height: 16px;
}
/*-------------------------------------------------------------- Navigation
*/
.Navigation {
  position: absolute;
  left: 260px;
  top: 68px;
  width: 484px;
  height: 64px;
  overflow: hidden;
  z-index: 8;
}
.Navigation li {
  list-style: none;
  float: left;
}
.Navigation li a {
  display: block;
  text-indent: -1000em;
  height: 48px;
  margin-top: 16px;
  overflow: hidden;
}
.Navigation li a:hover {
  height: 64px;
  margin-top: 0;
}
#MM01 a {width: 56px;}
#MM02 a {width: 84px;}
#MM03 a {width: 96px;}
#MM04 a {width: 96px;}
#MM05 a {width: 96px;}
#MM06 a {width: 56px;}

#MM01 a:hover {background: url('images/nlove_main_menu01.gif') no-repeat;}
#MM02 a:hover {background: url('images/nlove_main_menu02.gif') no-repeat;}
#MM03 a:hover {background: url('images/nlove_main_menu03.gif') no-repeat;}
#MM04 a:hover {background: url('images/nlove_main_menu04.gif') no-repeat;}
#MM05 a:hover {background: url('images/nlove_main_menu05.gif') no-repeat;}
#MM06 a:hover {background: url('images/nlove_main_menu06.gif') no-repeat;}

/*-------------------------------------------------------------- Footer
*/
#Footer {
  font-size: 81.8%;
  text-align: center;
  width: 832px;
  padding: 8px 31px 40px 32px;
  overflow: hidden;
}
#Footer .Notice {
  margin-bottom: 4px;
}
#Footer .Copyright {
  color: #cc295f;
  font-family: Arial;
  font-weight: bold;
}

/*-------------------------------------------------------------- Contents
*/
.Contents {
  zoom: 100%;
  width: 832px;
  margin: 0px 31px 0 32px;
  overflow: hidden;
}
.Contents:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

/*-------------------------------------------------------------- H2
*/
h2 {
  display: block;
  width: 800px;
  height: 56px;
  margin: 0 auto;
  text-indent: -1000em;
  overflow: hidden;
}
h2#Prologue {background: url('images/nlove_h2_prologue.gif') no-repeat;}
h2#Character {background: url('images/nlove_h2_character.gif') no-repeat;}
h2#Graphic {background: url('images/nlove_h2_graphic.gif') no-repeat;}
h2#Download {background: url('images/nlove_h2_download.gif') no-repeat;}
h2#Appendix {background: url('images/nlove_h2_appendix.gif') no-repeat;}

/*-------------------------------------------------------------- highslide（ナビボタン）
*/
#HS-Navi {
  display: block;
  padding: 0 10px 6px;
  overflow: hidden;
}
#HS-Image {
  overflow: hidden;
}
#HS-Navi .previous {float: left;}
#HS-Navi .next {float: left;}
#HS-Navi .close {float: right;}
#HS-Navi .previous a {background: url('images/hs_navi_previous.gif') no-repeat;  float: left;}
#HS-Navi .next a {background: url('images/hs_navi_next.gif') no-repeat;  float: left;}
#HS-Navi .close a {background: url('images/hs_navi_close.gif') no-repeat;  float: right;}
#HS-Navi .previous a,
#HS-Navi .next a {
  display: block;
  width: 96px;
  height: 32px;
  text-indent: -1000em;
  overflow: hidden;
}
#HS-Navi .close a {
  display: block;
  width: 88px;
  height: 32px;
  text-indent: -1000em;
  overflow: hidden;
}
#HS-Navi .previous a:hover,
#HS-Navi .next a:hover,
#HS-Navi .close a:hover {
  background-position: bottom;
}
.graphic-navi {
}
.graphic-navi ul {
  background: #ff8cb3 url('images/hs_navi_bg.gif') repeat-x center bottom;
  height: 40px;
  padding-top: 2px;
}
.graphic-navi li {
  list-style: none;
  width: 96px;
  height: 32px;
}
.andlove_imgwaku {
  background: #ff8cb3;
}

/*-------------------------------------------------------------- Underconstruction
*/
.Contents .UC {
  text-align: center;
  margin: 16px 0;
}
.Contents .UC h3 {
  display: none;
}

/*-------------------------------------------------------------- Prologue
*/
.Prologue {
  background: url('images/nlove_prologue_img.jpg') no-repeat;
  width: 800px;
  height: 576px;
  margin: 0 auto 8px;
  overflow: hidden;
}
.Prologue p {
  display: none;
}