* {
  margin: 0;
  padding: 0;
}
html {
  text-align: center;
  background: #484848 url(../img/bg.jpg) repeat-x left top;
}
body {
  width: 772px;
  margin: 0 auto;
  text-align: left;
  background: #fff url(../img/sp_pagescroll.jpg) no-repeat left top;
  color: #4E4E4E;
  font: 62.5%  Arial, Helvetica, sans-serif;
}
img {
  border-style: none;
}
a {
  outline: none;
}

/* Banner content
=====================================================================*/
#banner {
  width: 760px;
  height: 67px;
  margin-left: 6px;
  background: url(../img/sp_banner.jpg);
}
#banner h1 {
  float: right;
  margin:  6px 6px 0 0;
  text-indent: -9999px;
}
#banner h1 a {
  display: block;
  height: 48px;
  width: 241px;
  background: url(../img/nb_logo.jpg) no-repeat;
}
#enter {
  display: block;
  float: left;
  height: 57px;
  width: 168px;
  background: url(../img/enter.gif) no-repeat;
  text-indent: -9999px;
}
#enter:hover {
  background: url(../img/enter.gif) no-repeat -168px 0;
}

/* Page Content
=====================================================================*/
h2, h3, h4 {
  margin: 0;
  padding: 0;
}
h2 {
  margin: 24px 40px 20px 40px;
  color: #6e2a2a;
  font-size: 1.8em;
}

h3 {
  color: #234175;
  font-size: 1.4em;
}
p {
  color: #234175;
  font-size: 1.2em;
  margin: 0 4px 0 4px;
}
hr {
  border: 0;
  width: 750px;
  border-top: 1px dashed #DAD2C5;
  color: #fff;
  background-color: #fff;
  height: 1px;
  margin:0 0 0 11px;
  padding: 0;
}
html>body hr {
  margin:5px 0 6px 11px;
}
#hrClear {
  clear: both;
}
.lgLogo {
  width: 208px;
  text-align: center;
  margin: 18px 0 22px 34px;
  float: left;
  display: inline;
}
.lgLogo img {
  border: 1px solid #d3d1d1;
  margin: 12px 0 12px 0;
}
#lgFirst {
  margin-left: 40px;
}
#smLogo1 {
  width: 380px;
  text-align: center;
  margin: 0 0 0 6px;
  padding-top: 18px;
  float: left;
  display: inline;
  background: url(../img/dash.gif) no-repeat right center;
}
#smLogo2 {
  width: 380px;
  text-align: center;
  margin: 0;
  padding-top: 18px;
  float: left;
  display: inline;
}
#smLogo1 img, #smLogo2 img {
  border: 1px solid #d3d1d1;
  margin: 12px 0 35px 0;
}
#smLogo1 p, #smLogo2 p {
  width: 268px;
  margin: 0 auto 34px auto;
}
#smLogo1 img:hover, #smLogo2 img:hover, .lgLogo img:hover {
  border: 1px solid #fff;
}

/* footer
=====================================================================*/
#footer {
  width: 760px;
  height: 38px;
  margin: 0 0 0 6px;
  background: url(../img/footer.jpg) no-repeat left bottom;
  clear: both;
}
#footer p, #footer a {
  color: #877B65;
  font-size: 1.0em;
}
#footer_left {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
}
#footer_right {
  float: right;
  text-align: right;
  margin-right: 10px;
  margin-top: 10px;
}
#footer a {
  text-decoration: none;
}
#footer a:hover {
  color: #807560;
  text-decoration: none;
  background: #D5CABB;
}


