#container {
  width: 800px;
  height: auto;
  margin: 0 auto;
  background-color: #069edb;
}

.left {
  float: left;
}

.right {
  float: right;
}

#container-inner {
  width: 760px;
  margin: 0 auto;
}

.bg-white {
  background-color: #fff;
}

#header {
  height: 196px;
  background-image: url("./images/bg-title.jpg");
  background-repeat: no-repeat;
}

#header-inner {
  
}

#banner {
  height: 80px;
  margin: 10px 0;
  padding-left: 10px;
}

#sponcer-bnr {
  width: 468px;
  height: 80px;
  float: left;
}

#banner img {
  float: right;
  margin-top: 10px;
}

#contents {
  height: 223px;
  margin-bottom: 10px;
}

#contents-desc {
  width: 456px;
  height: 230px;
  margin-bottom: 10px;
  background-image: url("./images/contents-desc.jpg");
  background-repeat: no-repeat;
}

#contents-topics {
  width: 270px;
  height: 230px;
  padding: 0 10px;
  color: #fff;
  background-color: #f2719d;
}

#contents-topics ul {
  padding: 0px 0 3px 20px;
}
#contents-topics ul {
  _margin: 0 10px;
}


#artists {
  height: 247px;
}

#artists .a-pics {
  float: left;
  margin-left: 45px;
}

#textbox {
  width: 760px;
  height: 280px;
  margin: 20px 0;
  padding-top: 20px;
}

#textbox ul {
  list-style-type: square;
  _margin: 0 20px;
}

#textbox-left {
  width: 400px;
  margin-left: 50px;
  _margin-left: 20px;
}

#textbox-right {
  width: 250px;
  padding-top: 40px;
}

#footer {
  height: 70px;
}

#footer-inner {
  width: 700px;
  margin: 0 auto;
}