@charset "UTF-8";
@import url("reset.css");

/* CSS Document */
/* ------------------------ contests ------------------------ */
#contentsBOX {
  min-height:100%;
  height:auto !important;
  *height:100%;/* ie6 */
  position:relative;
  width:698px;
  padding:0 55px;
  margin:0 auto;
  background-image:url(../image/backshadow.gif);
  background-repeat:repeat-y;
}

/* ------------------------ title ---------------------------- */
#headerBOX {
  width:690px;
  border:4px solid #ffffff;
}

/* ------------------------ menu ---------------------------- */
#menuBOX {
  width:202px;
  position:absolute;
  top:153px;
  left:547px;
}

/* ------------------------ main ---------------------------- */
#mainBOX {
  width:690px;
  background-image:url(../image/mainback.jpg);
  background-repeat:repeat-x;
  background-color:#ffffff;
  border-left:4px solid #ffffff;
  border-right:4px solid #ffffff;
  display:inline-block;
}
#mainBOX:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

/* ------------------------ left ---------------------------- */
#mainBOX #left {
  width:468px;
  padding:10px;
  font-size:80%;
  line-height:130%;
  text-align:left;
  color:#000000;
  float:left;
}

#mainBOX #left p {
  margin:0 0 2em 0;
}


/* ------------------------ right ---------------------------- */
#mainBOX #right {
  width:198px;
  border-top:4px solid #ffffff;
  border-left:4px solid #ffffff;
  border-bottom:4px solid #ffffff;
  background-image:url(../image/navback.gif);
  margin:11px 0 0 0;
  float:left;
}

#mainBOX #right #nav {
  width:198px;
}

#mainBOX #right #nav ul li, #mainBOX #right #ranking ul li {
  font-size:80%;
  list-style-type:none;
}

#mainBOX #right #nav ul li a {
  text-align:left;
  padding:10px 0 0 30px;
  color:#ffffff;
  font-weight:bold;
  display:block;
  width:167px;
  height:29px;
  background-image:url(../image/btnback.gif);
}

#mainBOX #right #nav ul li a:hover {
  background-position:0 -39px;
}

#mainBOX #right #searchBOX, #mainBOX #right #search, 
#mainBOX #right #rankingBOX, #mainBOX #right #ranking {
  width:198px;
  text-align:left;
  border-top:4px solid #ffffff;
}

#mainBOX #right #search, #mainBOX #right #ranking {
  width:182px;
  padding:8px;
}

#mainBOX #right #ranking ul li a {
  text-align:left;
  padding:0px 0 0 30px;
  color:#ffffff;
  font-weight:bold;
  background-image:url(../image/icon.gif);
}

#mainBOX #right #ranking ul li {
  margin:3px 0;
}

#mainBOX #right #ranking {
  border-bottom:4px solid #ffffff;
}

/* ------------------------ footer ---------------------------- */
#footerBOX {
  position:relative;
  padding:0 55px;
  width:698px;
  background-image:url(../image/backshadow.gif);
  background-repeat:repeat-y;
  bottom:0;
  margin:-36px auto;
}

#footer {
  width:690px;
  height:12px;
  padding:8px 0;
  font-size:70%;
  color:#ffffff;
  border:4px solid #ffffff;
  background-color:#662d8f;
}
