html,body{margin:0;padding:0}
body{font:sans-serif}
ul,li{margin:0;padding:0}
li{list-style-type:none;margin-bottom:5px}

div#container{text-align:center;width:500px;
  margin-left:auto;margin-right:auto;
  border: 1px solid #CCC;
}
div#container-inner{}
div#header{
  background-color: #CCC;
  text-align: left;
  background-image: url("image/bg_header.jpg");
  background-repeat: no-repeat;
  background-position: right top;
}
div#header h2{height:42px;line-height:42px;margin:0;
  padding-left:10px;color: #333;
  font-size: 16px;
}
div#wrapper{}
div#navigation{}
div#media{width:320px;border: 0px solid #333}

div#wrapper{float:left;width:100%}
div#content{margin-right:168px}
div#navigation{float:left;width:168px;margin-left:-168px}
div#footer{clear:left;width:100%}
div#media{margin:5px 0 2px 10px}
div#navigation ul{margin:6px 0}

div#footer {
  height: 32px;
  background-color: #CCC;
  background-image: url("image/bg_footer.jpg");
  background-repeat: no-repeat;
  background-position: right top;
}

div#navigation img{border:0}
li#bottom-navi{margin-top:55px}
li#bottom-navi img{border:0}
img#b_close{margin-left:4px}