body {
  -webkit-text-size-adjust: 100%;
}
#content {
  padding-top: 25px;
}
#leftCal {
  float: left;
  margin-right: 10px;
  width: 120px;
}
#content #main {
  width: 520px;
}
#main #topTopics {
  margin-bottom: 20px;
}
#main #topTopics h2 {
  overflow: hidden;
}
#main #topTopics #postOffset {
  border-left: 0;
  width: 314px;
}
#main #topTopics #postOffset ul li {
  line-height: 1.4;
  padding: 8px 5px;
}
#main #topTopics #topicsMore {
  margin-bottom: 0;
}
#main .smallBnr {
  width: 520px;
}
#main .smallBnr ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  justify-content: space-between;
}
#main .smallBnr ul li {
  float: none;
  margin: 0 0 20px;
  width: 30%;
}
#main .smallBnr ul li a {
  display: block;
}
#main .smallBnr ul li a:hover {
  background: none;
}
#main .smallBnr ul li a:hover img {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
#main .smallBnr ul li a img {
  margin-bottom: 5px;
  width: 100%;
}
#main .middleBnr {
  width: 520px;
}
#main .middleBnr ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  justify-content: space-between;
}
#main .middleBnr ul li {
  float: none;
  margin: 0 0 20px;
  width: 30%;
}
#main .middleBnr ul li a {
  display: block;
}
#main .middleBnr ul li a:hover {
  background: none;
}
#main .middleBnr ul li a:hover img {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
#main .middleBnr ul li a img {
  margin-bottom: 5px;
  width: 100%;
}
#content #side {
  margin-top: 0;
}

#pageCnt #grandprix h2 {
  background: none;
  padding: 0;
}
#pageCnt #grandprix h2.marks {
  background: url(img/single_ttl_bg.png) 0 5px no-repeat;
  padding: 10px 0 10px 60px;
}
#grandprix dt,
#grandprix dd {
  padding: 5px 0;
}
#grandprix dd {
  line-height: 1.4;
  margin-bottom: 20px;
}
#pageCnt #grandprix h3.blueTtl {
  font-family: inherit;
  color: #fff;
  background: #349cd4;
  border: none;
  text-align: center;
}
#pageCnt #grandprix h3:after {
  background: none;
  border: none;
}
#grandprix ul {
  list-style: square;
  padding: 10px 0 10px 25px;
}
#grandprix li {
  font-size: 15px;
  line-height: 1.5;
  padding: 5px 0;
}
#grandprix p {
  margin-bottom: 15px;
}
#grandprix .bold {
  font-weight: bold;
}
#grandprix .company_information {
  background: #f8f8f8;
  border: 1px solid #ccc;
  padding: 10px;
}

.flow10_left {
  float: left;
  width: 137px;
}
.flow10_right {
  float: right;
  width: 550px;
}
.flow10_01 { height: 100px; }
.flow10_02 { height: 85px; }
.flow10_03 { height: 90px; }
.flow10_04 { height: 80px; }

.grp_img_box {
  float: left;
  width: 33.33%;
  padding: 5px;
}
.grp_img_box img {
  width: 100%;
}

.grp_img_box2 {
  float: left;
  width: 33.33%;
  padding: 5px;
}
.grp_img_box2 img {
  width: 100%;
}

.noserif {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
}

#grpBtn {
  margin-left: 480px;
  width: 220px;
}
#grpBtn li {
  float: left;
}


@media screen and (max-width: 640px) {
  #leftCal {
    float: none;
  }
  #content #main {
    width: auto;
  }
  #main #topTopics #postFirst {
    float: none;
    margin: 0 auto 10px;
  }
  #main #topTopics #postOffset {
    border: 1px solid #ccc;
    float: none;
    margin: 0 auto;
    width: 300px;
  }
}


#grandprix_table {
table-layout: fixed;
}
#grandprix_table th,
#grandprix_table td {
word-break: break-all;
padding: 12px 8px;
font-size:11px;
line-height:1.3;
}
#grandprix_table th {
background: #eee;
}
#grandprix_table td {
border-bottom: 1px dashed #ccc;
}