/* whole */
body,html {
  text-align:center;
  background:#CCC;
  color:#FFF;
  margin:0;
  padding:0;
}
a { color:#FFF; font-weight:normal; }

h1 {
  margin:0;
  padding:10px;
}
em, strong {
  font-style: normal;
}
ul, li {
  list-style:none;
  margin:0;
  padding:0;
}
div#wrap {
  width:800px;
  height:100%;
  margin:0 auto;
  background:#000;
}
.both { clear:both; }

/* head */
div#header h1 {
  color:#F00;
  font-size:20px;
}

/* main body */
div#body {
  text-align:center;
}

div#body p,
div#foot {
  text-align:left;
}

div#body > p {
  padding-left:20px;
  margin:5px auto;
  font-weight: bold;
  font-size: 18px;
}
.notice {
  color:#FFFF00;
}

/* Blog */
div#blog {
  margin-left:20px;
  background:url("http://pr.8bm.jp/img/8bit_danny.jpg") no-repeat 20em;
  height: 265px;
  padding-top:20px;
}
div#blog:after {
  content:".";
  display:block;
  height:0px;
  clear:both;
  visibility:hidden;
}
div#information {
  width:294px;
  background:url("http://pr.8bm.jp/img/8bit_info.jpg") no-repeat;
  padding-top:84px;
  text-align:left;
  font-size:12px;
  float:left;
}
div#information div {
  height:150px;
  padding-bottom:31px;
  background: url("http://pr.8bm.jp/img/8bit_hei_shita.jpg") no-repeat bottom;
}
img#heiLeft {
  float:left;
  margin-right:10px;
}
img#heiRight {
  float:right;
  margin-left:10px;
}
img#heiBottom {
  clear:both;
}
div#information a{
  text-decoration:none;
}
div#information a:hover{
  text-decoration:underline;
  color:#FF0
}
div#information li {
  
}
div#information p {
  text-align:right;
  margin:0;
}

/* form */
div#introduce div {
  padding-top:40px;
  padding-left:230px;
}
div#introduce {
  background: url('http://pr.8bm.jp/img/8bit_qr.jpg') no-repeat;
  width:760px;
  height:250px;
  margin:10px auto;
  text-align:left;
  color:#784101;
  font-size: 14px;
  clear:both;
}
div#introduce h3{
  margin:0;
  font-size:14px;
  font-weight:bolder;
}
div#introduce form{
  margin:5px;
}
div#introduce strong{
  font-size:12px;
  font-weight:normal;
}
div#introduce em{
  color:#F00;
  text-style: normal;
  font-weight:bold;
}
/* carrier menu */
div#introduce li {
  font-weight:bold;
  font-size:12px;
}
#docomo {
  padding-left:25px;
  background: url("http://pr.8bm.jp/img/i-mode.jpg") no-repeat ;
}
#yahoo  {
  padding-left:25px;
  background: url("http://pr.8bm.jp/img/softbank.jpg") no-repeat;
}
#ez     {
  margin:8px auto;
  padding-left:25px;
  background: url("http://pr.8bm.jp/img/ez.jpg") no-repeat ;
}

/* footer */
div#foot {
  margin: 0;
}
div#foot p {
  text-align:center;
  margin:10px 0 0;
}

/* confirm window */
#confWindow {
  background-color:rgb(0,0,0);
  opacity: 0.7; /* Safari, Opera */
  -moz-opacity:0.70; /* FireFox */
  filter: alpha( opacity=70 ); /* IE */
  z-index: 20;
  height: 100%;
  width:  100%;
  position: fixed;
  top:0;
  left:0;
  display:none;
}

#confWindow div {
  opacity: 1; /* Safari, Opera */
  -moz-opacity:1; /* FireFox */
  position: absolute;
  top: 50px;
  left:50px;
  background:#fff;
  height: 200px;
  width: 300px;
}