/*#page .header{
  background-image: url('/image.php?url=files%2Fbanner_sp_1.jpg&width=960&height=158&fit');
}*/

#content .left ul{
  
}

#content .left h1+ul li{
  clear: both;
  list-style: none;
  color: #8a8a8a;
  font-family: Arial;
  font-size: 12px;
  position: relative;
  padding: 20px 20px 20px 50px;
  border-top: 3px solid #454545;
}

#content .left h1+ul li:first-child{
  padding-top: 0px;
  border-top: 0px;
}

#content .left h1+ul li h2{
  font-size: 12px;
  color: #000000;
  font-weight: normal;
  text-transform: uppercase;
  padding-bottom: 5px;
}

#content .left h1+ul li h2 a{
  color: #FFFFFF;
  text-decoration: none;
}

#content .left h1+ul li h2 a:hover{
  text-decoration: underline;
}

#content .left h1+ul li dl{
  position: absolute;
  background-color: #454545;
  left: 0px;
  top: 20px;
  width: 39px;
  height: 39px;
  font-family: Arial;
}

#content .left h1+ul li:first-child dl{
  top: 0px;
}

#content .left h1+ul li dl dt{
  display: none;
}

#content .left h1+ul li dl dd{
  padding-top: 2px;
  font-size: 20px;
  color: #e6c46c;
  font-weight: 800;
  text-align: center;
  font-family: "Open Sans";
}

#content .left h1+ul li dl dd span{
  position: absolute;
  display: block;
  font-size: 9px;
  color: #e6c46c;
  font-weight: 200;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
  left: 0px;
  top: 25px;
}

#content .left h1+ul li img{
  float: left;
  padding-right: 15px;
  padding-bottom: 15px;
  border: 0px !important;
}

#content .left h1+ul li p{
  font-size: 13px;
  color: #8a8a8a;
  padding-bottom: 5px;
}

#content .left h1+ul li>p+a{
  display: block;
  clear: both;
  background-color: #42423f;
  border: 1px #606060 solid;
  border-radius: 4px;
  font-size: 12px;
  color: white;
  padding: 3px 10px;
  text-decoration: none;
  /*letter-spacing: -1px;*/
  font-family: Arial;
  width: 25px;
  text-align: center;
}

@media screen and (min-width: 752px) and (max-width: 959px)
{
  #content .left{
    width: auto;
    max-width: available;
  }
}