@charset "UTF-8";

/*
font-size list (base: 12px)
 67% =  8px
 75% =  9px
 83% = 10px
 92% = 11px        175% = 21px
100% = 12px        184% = 22px
108% = 13px        192% = 23px
117% = 14px        200% = 24px
125% = 15px        209% = 25px
133% = 16px        217% = 26px
142% = 17px
150% = 18px
159% = 19px
167% = 20px
*/
#leftBox,  #rightBox { float: left; padding-top: 20px; }
#leftBox a { text-decoration: none; }
  #leftBox a:hover { text-decoration: underline; }
#categoryHead {
  width: 250px;
  padding: 5px;
  background: url(/img/diagonalLineG.png) repeat;
  border-bottom: 1px solid #000;
  color: #ff0000;
  font-family: 'Lato', sans-serif;
  letter-spacing: 0.2em;
  font-size: 83%;
}
#categoryList li {
  margin-top: 10px;
  padding-left: 10px;
  background: url(/img/point.png) no-repeat left center;
}
#rightBox {
  width: 700px;
  padding-left: 20px;
}
.specialContentList { float: left; margin: 0 15px 30px }
h3.specialTopCaption {
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #000;
}
h3.specialSubCaption {
  padding: 0 0 15px 10px;
  margin-bottom: 30px;
  font-size: 150%;
  letter-spacing: 0.2em;
  background:url(/img/diagonalLineR.png) repeat-x bottom;
}
.specialContentList h3 a {
  display: block;
}
.specialContentList h3 a:hover {
    background: #ff0000;
}
.contentTopThumb {
  width: 300px;
  height: 200px;
  padding-top: 20px;
  text-align: center;
  background: url(/special/img/specialThumbBg.png) no-repeat center 0;
}
.upDate { font-weight: bold; font-size: 83%; }