@charset "UTF-8";
/* =============================================================================
   common style
============================================================================= */
html,
body {
  height: 100%;
}

* html .pagetop {
  position: absolute;
  margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
  margin-left: expression(0 - parseInt(this.offsetWidth / 2) + (document.documentElement && document.documentElement.scrollLeft || document.body.scrollLeft) + 'px');
}

img {
  max-width: inherit;
  width: inherit;
  height: inherit;
}

.hide-on-desktop {
  height: 0;
  display: none;
}

.txt-button {
  overflow: hidden;
  width: 100%;
  /*icon setting*/
}
.txt-button .icon-circle {
  background: url(../img/common/ie6/icon_arrow_circle.png) left center no-repeat;
}
.txt-button .icon-contact {
  background: url(../img/common/ie6/icon_contact.png) left center no-repeat;
}
.txt-button .icon-ar-clbl {
  background: url(../img/common/ie6/icon_arrow_clbl.png) left center no-repeat;
}

a {
  overflow: hidden;
  width: 100%;
}

.inline-button .txt-button {
  padding: 8px 13px 8px 13px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/* txt-link
----------------------------------------------------*/
.txt-link span {
  line-height: 1.8;
}
.txt-link .icon-pdf {
  background: url(../img/common/ie6/icon_pdf_25.png) left center no-repeat;
}

/* =============================================================================
   header
============================================================================= */
#header-inner {
  margin: 0 auto;
  padding: 0 10px;
  width: 1004px;
  z-index: 1000;
}

/* logo
----------------------------------------------------*/
.logo {
  float: left;
  margin: 0 351px 0 0;
  padding: 0 5px;
  width: 241px;
}
.logo img {
  width: 241px;
  height: 69px;
}

/* utility-nav
----------------------------------------------------*/
.utility-nav {
  width: 200px;
}
.utility-nav li {
  float: left;
  width: 61px;
}
.utility-nav li img {
  width: 57px;
  height: 57px;
}

/* events button
----------------------------------------------------*/
#event-list {
  width: 154px;
  right: 0;
  z-index: 1000;
}
#event-list .event-button img {
  width: 153px;
  height: 59px;
}
#event-list .sub-nav {
  position: absolute;
  z-index: 1100;
  left: 0;
  zoom: 1;
  text-align: center;
}
#event-list .sub-nav img {
  width: 140px;
  height: 43px;
}

/* =============================================================================
   global-nav
============================================================================= */
.global-nav .grid-container {
  margin: 0 auto;
  padding: 0 10px;
  width: 1004px;
}
.global-nav .grid-container li {
  display: inline;
  float: left;
  width: 199px;
}
.global-nav .gnav-feature span {
  background: url(../img/common/ie6/icon_feature.png) left top no-repeat;
}
.global-nav .gnav-course span {
  background: url(../img/common/ie6/icon_course.png) left top no-repeat;
}
.global-nav .gnav-access span {
  background: url(../img/common/ie6/icon_access.png) left top no-repeat;
}
.global-nav .gnav-faq span {
  background: url(../img/common/ie6/icon_faq.png) left top no-repeat;
}
.global-nav .gnav-guideline span {
  background: url(../img/common/ie6/icon_guideline.png) left top no-repeat;
}

/* =============================================================================
   sponsor
============================================================================= */
.sponsor-list {
  margin: 0 auto;
  width: 1004px;
}
.sponsor-list a {
  display: block;
}
.sponsor-list img {
  width: 120px;
  height: 60px;
}

/* =============================================================================
   container
============================================================================= */
#content-inner {
  margin: 0 auto;
  width: 1004px;
  padding: 0 10px;
}

/* =============================================================================
   main
============================================================================= */
.main {
  float: left;
  padding: 0 5px;
  width: 743px;
}

/* =============================================================================
   side-nav
============================================================================= */
.side-nav {
  float: right;
  width: 251px;
}

/* action-buttons
----------------------------------------------------*/
.twitter-widget {
  display: none;
}

.tw-link {
  display: block;
  background: #fff;
  padding: 5px 0;
}
.tw-link img {
  width: 42px;
  height: 42px;
}

.fb-widget {
  min-height: 258px;
  height: auto !important;
  height: 258px;
}

.banner-area li a {
  overflow: hidden;
  /*width: 207px;*/
}
.banner-area li a span {
  background: url(../img/common/ie6/icon_arrow_bl2r.png) right center no-repeat;
}

/* =============================================================================
   footer
============================================================================= */
#footer-inner {
  margin: 0 auto;
  padding: 0 10px;
  width: 1004px;
}
#footer-inner .pagetop img {
  width: 140px;
  height: 30px;
}

.footer-nav {
  /*icon setting*/
}
.footer-nav li a {
  display: block !important;
  overflow: hidden !important;
  width: 103px !important;
}
.footer-nav .icon-circle {
  background: url(../img/common/ie6/icon_arrow_circle_s.png) left 2px no-repeat !important;
}

/* =============================================================================
   top page
============================================================================= */
.top {
  /* pickup
  ----------------------------------------------------*/
  /* download-list
  ----------------------------------------------------*/
  /* news-list
  ----------------------------------------------------*/
}
.top .slider-container {
  height: 294px;
  overflow: hidden !important;
  z-index: 1;
}
.top .slider-container .grid-container {
  margin: 0 auto;
  padding: 0 10px;
  width: 1004px;
}
.top .slider-container .grid-container li {
  width: 1004px;
  height: 294px;
  overflow: hidden;
}
.top .slider-container .grid-container li img {
  width: 1004px;
  height: 294px;
}
.top .slider-container .bx-pager {
  text-align: right;
}
.top .contents-button-area {
  margin: 0 auto 15px;
  width: 610px;
}
.top .contents-button-area ul {
  overflow: hidden;
}
.top .contents-button-area li {
  float: left;
  width: 200px;
}
.top .contents-button-area li img {
  width: 130px;
}
.top .pickup-container {
  width: 723px;
  cursor: pointer;
}
.top .pickup-contents {
  float: left !important;
  width: 361px !important;
}
.top .pickup-contents a {
  overflow: hidden;
  width: 349px;
}
.top .pickup-contents img {
  width: 349px;
  height: 176px;
}
.top .pickup-contents .txt-container {
  background: url(../img/common/ie6/bg_arrow01.png) bottom center no-repeat;
}
.top .download-list .download-inner {
  padding: 10px 10px 0;
}
.top .download-list h1 img {
  height: 33px;
}
.top .download-list ul {
  overflow: hidden;
  padding: 0 0 10px;
  width: 693px;
}
.top .download-list li {
  float: left;
  width: 346px;
}
.top .download-list a {
  background: #8db4ff url(../img/common/ie6/icon_pdf.png) bottom right no-repeat;
  overflow: hidden;
  width: 336px;
}
.top .download-list a h1 {
  margin: 0 40px 0 0 !important;
  padding: 0 0 0 91px !important;
}
.top .download-list .sanka h1 {
  background: #8db4ff url(../img/top/ie6/pdf_thumb_sanka.png) top left no-repeat !important;
}
.top .download-list .check h1 {
  background: #8db4ff url(../img/top/ie6/pdf_thumb_check.png) top left no-repeat !important;
}
.top .download-list .race h1 {
  background: #8db4ff url(../img/top/ie6/pdf_thumb_race.png) top left no-repeat !important;
}
.top .download-list .other h1 {
  background: #8db4ff url(../img/top/ie6/pdf_thumb_other.png) top left no-repeat !important;
}
.top .news-container table {
  width: auto;
}
.top .news-container table td a {
  background: url(../img/common/ie6/icon_arrow_clbl.png) center left no-repeat;
}
.top .news-container .btn-more {
  width: 658px;
}

/*testB*/
.testB .pickup-contents .txt-container img {
  width: 310px;
  height: auto;
}

/* =============================================================================
   page
============================================================================= */
.page .main .btn-twitter {
  float: left;
  width: 130px;
}
.page .main .btn-facebook {
  float: left;
  width: 580px;
}
.page .main .btn-facebook iframe {
  width: 580px !important;
}

/* =============================================================================
   guideline
============================================================================= */
.guideline .main .schedule table {
  border-bottom: none;
}
.guideline .main .rule-contents {
  width: 706px !important;
}
.guideline .main .rule-contents .grid-50 {
  float: left;
  width: 353px !important;
}
.guideline .main .notice-section .download-notice a {
  background: #8db4ff url(../img/common/ie6/icon_pdf_s.png) bottom right no-repeat;
}
.guideline .main .past-event {
  overflow: hidden;
  width: 100%;
}
.guideline .main .past-event .grid-33 {
  float: left;
  padding: 0 5px 0 0;
  width: 234px;
}

/* =============================================================================
   access
============================================================================= */
.access .access-img img {
  width: 362px;
  height: 500px;
}

/* =============================================================================
   course
============================================================================= */
.course .course-map-img img {
  width: 608px;
  height: 431px;
}

.course .course-map .hide-on-mobile {
  width: 608px;
}

/* =============================================================================
   record
============================================================================= */
.record {
  /*slider custom*/
}
.record .last-year-body {
  width: 100%;
  overflow: hidden;
}
.record .last-year-body .grid-parent {
  overflow: hidden;
  float: left;
  display: inline;
  width: 358px;
}
.record .last-year-body .txt-box {
  float: right;
  display: inline;
  width: 210px;
}
.record .last-year-body .interview-cat02 {
  margin: 0 0 10px 5px;
}
.record .interview {
  width: 336px;
}
.record .interview img {
  float: left;
  width: 118px;
  height: 139px;
}
.record .last-year-data {
  float: right;
  width: 336px !important;
}
.record .past-event {
  padding: 5px 0 0 0;
  overflow: hidden;
  width: 100%;
}
.record .past-event .grid-33 {
  float: left;
  padding: 0 5px 0 0;
  width: 234px;
}
.record .bx-wrapper {
  width: 630px !important;
}
.record .outside #slider-prev {
  top: 10px !important;
  left: -30px !important;
}
.record .outside #slider-next {
  top: 10px !important;
  right: 40px !important;
}

/* =============================================================================
   entry
============================================================================= */
.entry .busy-img img {
  width: 586px;
  height: 443px;
}

/* =============================================================================
   news
============================================================================= */
.news img {
  width: auto;
  max-width: auto;
}

/* =============================================================================
   feature
============================================================================= */
.feature #wrapper .main-image img {
  max-width: auto;
  width: 460px;
  height: 300px;
}
.feature #wrapper .page-header .grid-container {
  overflow: hidden;
  margin: 0 auto;
  width: 1024px;
}
.feature #wrapper .page-header .sns-button {
  float: right;
  width: 320px;
}
.feature #wrapper .page-header .sns-button .btn-facebook {
  width: 200px;
}
.feature #wrapper .page-header .page-title {
  float: left;
  width: 400px;
}
.feature #wrapper .main .interview {
  overflow: hidden;
  width: 942px;
}
.feature #wrapper .main .interview .grid-60 {
  float: left;
  display: inline;
  width: 500px;
}
.feature #wrapper .main .interview .grid-40 {
  float: left;
  display: inline;
  width: 380px;
  text-align: right;
}
.feature #wrapper .main .tile-grid {
  overflow: hidden;
  width: 984px;
}
.feature #wrapper .main .point-section {
  float: left;
  width: 482px;
}
.feature #wrapper .main .button-area ul {
  overflow: hidden;
  width: 984px;
}
.feature #wrapper .main .button-area .grid-33 {
  padding: 0;
  float: left;
  width: 310px;
}
.feature #wrapper .main .button-area .grid-33 a {
  margin: 0 5px;
}

/* =============================================================================
   live
============================================================================= */
.live .live-article {
  width: 703px;
}
.live .live-article img {
  width: auto;
  max-width: auto;
}
.live .live-article .hide-on-desktop {
  display: none !important;
}

/* =============================================================================
   result
============================================================================= */
.result .category {
  float: left;
  width: 360px;
}
.result .category .txt-link {
  width: 310px;
}
.result .category .txt-link .icon-pdf {
  background: url(../img/common/ie6/icon_pdf_25.png) left top no-repeat;
}

/* =============================================================================
   stay
============================================================================= */
.stay .main .stay-list {
  width: 693px;
}
.stay .main .stay-list .stay-list-inner {
  overflow: hidden;
  width: 690px;
}
.stay .main .stay-list a {
  background: url(../img/common/icon_arrow_clbl.png) 700px center no-repeat;
}
.stay .main .stay-list .stay-image {
  width: 200px;
}
.stay .main .stay-list .stay-txt {
  width: 490px;
}

/* =============================================================================
   english
============================================================================= */
.english .main .schedule table {
  border-bottom: none;
}
.english .main .rule-contents {
  width: 706px !important;
}
.english .main .rule-contents .grid-50 {
  float: left;
  width: 353px !important;
}
.english .main .notice-section .download-notice a {
  background: #8db4ff url(../img/common/ie6/icon_pdf_s.png) bottom right no-repeat;
}
.english .main .past-event {
  overflow: hidden;
  width: 100%;
}
.english .main .past-event .grid-33 {
  float: left;
  padding: 0 5px 0 0;
  width: 218px;
}

* html body {
  zoom: 67% !important;
}

body {
  width: 100%;
  -webkit-print-color-adjust: exact;
}

#header-inner .grid-25 {
  float: left;
  margin: 0 351px 0 0;
  padding: 0 5px;
  width: 241px;
}
#header-inner .grid-25 .logo {
  float: none;
  margin: 0;
  padding: 0;
}

.utility-nav {
  float: left !important;
  margin-left: 0 !important;
}
.utility-nav ul {
  margin: 0 !important;
}
.utility-nav li {
  width: 63px !important;
}

.global-nav li {
  width: 196px !important;
}

.twitter-widget {
  display: none !important;
}

.tw-link {
  height: auto !important;
}

.fb-widget {
  display: none !important;
}

.btn-facebook {
  width: 550px !important;
}

.main {
  width: 728px !important;
  height: auto !important;
}

.side-nav {
  height: auto !important;
  margin: 1px 0 0 0;
}

.pagetop {
  display: none !important;
}

.record .txt-box {
  width: 195px !important;
}
.record .interview {
  margin: 0 !important;
}
.record .last-year-body .grid-parent {
  width: 348px !important;
}
.record .past-record {
  width: 726px !important;
}
.record .past-record th,
.record .past-record td {
  padding: 4px !important;
}
.record .past-record td:before {
  content: " " !important;
}

.top .news-list table,
.top .news-list td {
  width: 600px !important;
}
.top .news-list a {
  width: 100% !important;
}

.feature .tile-grid {
  width: 984px !important;
  overflow: hidden !important;
  margin: 0 0 20px !important;
}
.feature .point-section {
  position: relative !important;
  top: inherit !important;
  left: inherit !important;
}
.feature .button-area {
  clear: both !important;
  overflow: hidden !important;
  width: 984px !important;
}
.feature .button-area ul {
  width: 984px !important;
}
.feature .button-area .grid-33 {
  padding: 0 5px !important;
}
.feature .button-area .grid-33 a {
  margin: 0 !important;
}

.ie7 .feature .interview {
  position: relative !important;
}
.ie7 .feature .tile-grid {
  clear: both;
}

.ie7 .feature .point-section,
.ie6 .feature .point-section {
  position: absolute !important;
}

.record .past-event,
.guideline .past-event {
  width: 730px !important;
}