@charset "UTF-8";



#left_container
{
	float:left;
}

#right_container
{
	float:left;
}



/* callender
----------------------------------------------------------*/
#calender .flame {
	height: 562px;
	width: 562px;
	overflow: auto;
}
#calender .flame::-webkit-scrollbar {
	background: #666;
	width: 10px;
	height: 10px;
}
#calender .flame::-webkit-scrollbar-thumb {
	background:#333;
}

.calender_box
{
	height:30px;
	background-color:#111;
	padding-left:20px;
	color:#FFF;
}

.calender_box a:link, #calender a:active,#calender a:visited{
	color:#FFF;
}

.calender_box_grey
{
	background-color:#1D1D1D;
}
.calender_box_01 {
	width:66px;
	float:left;
	margin-top:10px;
	color:#fff;
	font-weight:bold;
	font-size:10px;
}
.calender_box_02 {
	width:48px;
	float:left;
	margin-top:12px;
}
.calender_box_03 {
	width:106px;
	float:left;
	margin-top:10px;
}
.calender_box_04 {
	margin-top:8px;
	float:left;
}
.calender_box_04 img {
	margin-right:8px;
}

.calender_box .btn_ticket_top
{
	float:right;
	margin:5px 12px 0 0;
}
#calender .contentsbox_inner {
	margin:0;
}
#cal_controller {
	width: 563px;
	height: 51px;
}
#cal_controller ul
{
	list-style:none;
}
#cal_controller li
{
	float: left;
	margin:0 1px 0 0;
}

#cal_controller li img
{
	vertical-align:top;
}



/* callender bg
----------------------------------------------------------*/

#title_news a
{
	display: block;
	background: url(../images/title/h2_news_ov.gif) no-repeat 0 0;
}
#title_calender a
{
	display: block;
	background: url(../images/title/h2_calender_ov.gif) no-repeat 0 0;
}

#allevents a
{
	display: block;
	background: url(../images/calender/calender_allevents_on.gif) no-repeat 0 0;
}
#sgtevents a
{
	display: block;
	background: url(../images/calender/calender_sgt_on.gif) no-repeat 0 0;
}
#pwrcevents a
{
	display: block;
	background: url(../images/calender/calender_rally_on.gif) no-repeat 0 0;
}
#ircevents a
{
	display: block;
	background: url(../images/calender/calender_erc_on.gif) no-repeat 0 0;
}
#nbrevents a
{
	display: block;
	background: url(../images/calender/calender_nbr_on.gif) no-repeat 0 0;
}


#sort_all a
{
	display: block;
	background:url(../images/news/sort_all_ov.gif) no-repeat 0 0;
}
#sort_sgt a
{
	display: block;
	background:url(../images/news/sort_sgt_ov.gif) no-repeat 0 0;
}
#sort_nbr a
{
	display: block;
	background:url(../images/news/sort_nbr_ov.gif) no-repeat 0 0;
}
#sort_rally a
{
	display: block;
	background:url(../images/news/sort_rally_ov.gif) no-repeat 0 0;
}
#sort_other a
{
	display: block;
	background:url(../images/news/sort_other_ov.gif) no-repeat 0 0;
}

#ex-pre a
{
	display: block;
	background:url(../images/btn/nbr_pre_ov.gif) no-repeat 0 0;
}

#ex-qua a
{
	display: block;
	background:url(../images/btn/nbr_qua_ov.gif) no-repeat 0 0;
}

#ex-race a
{
	display: block;
	background:url(../images/btn/nbr_race_ov.gif) no-repeat 0 0;
}



/* footer banner
----------------------------------------------------------*/

#bnr_area{
	width:930px;
	height:70px;
	margin:0 auto;
	overflow:hidden;
}

#bnr_area ul{
	width:950px;
	list-style-type:none;
	margin:10px 0 0;
	padding:0;

}

#bnr_area li{
	float:left;
	width:300px;
	height:60px;
	background:#666;
	margin:0 15px 0 0;
}
@media screen and (min-width: 601px) {
  .archive2017_main {
    width: 100%;
    height: 200px;
    background-image: url(../img/imgmain.png);
    background-repeat: no-repeat;
    background-position: center top;
    color: #fff;
	margin-top: 30px;
    /*margin-bottom: -150px;
    padding-top: 250px;*/
    line-height: 46px; }
    .archive2017_main h1 {
      width: 1162px;
      margin: 0 auto 10px;
      font-size: 34px;
      padding-top: 30px;}
    .archive2017_main div {
     /* width: 1162px; */
     width: 100%;
      margin: 0 auto;
      line-height: 0; }
    .archive2017_main strong {
      font-size: 40px; } }
@media screen and (max-width: 600px) {
  .archive2017_main {
    width: 100%;
    height: 120px;
	margin-top: 30px;
    background-image: url(../img/imgmain.png);
    background-repeat: no-repeat;
    background-position: center top;
	color: #fff;
    padding-top: 25px;
    line-height: 20px; }
    .archive2017_main h1 {
      position: relative;
      margin: 0 auto 10px;
      padding: 20px;
      font-size: 24px; }
    .archive2017_main div {
      margin: 0 auto 0 20px;
      line-height: 0; }
    .archive2017_main strong {
      font-size: 15px; }
    .archive2017_main .player {
      display: none; } }

@media screen and (min-width: 601px) {
  .mod-archiveContents {
    margin: 0 auto;
    width: 1186px;
	margin-bottom: 330px;
    background-color: #000; }
    .mod-archiveContents h2 {
      font-weight: normal;
      font-size: 24px; }
    .mod-archiveContents .mb {
      margin-bottom: 50px; }
    .mod-archiveContents li {
      margin: 0 11px; }
    .mod-archiveContents .archive {
      width: 820px;
      margin: 0 auto; }
      .mod-archiveContents .archive li {
        margin: 0 15px; }
      .mod-archiveContents .archive img {
        width: 380px; }
    .mod-archiveContents .horizoner {
      *zoom: 1; }
      .mod-archiveContents .horizoner:before, .mod-archiveContents .horizoner:after {
        content: " ";
        display: table; }
      .mod-archiveContents .horizoner:after {
        clear: both; }
      .mod-archiveContents .horizoner > li, .mod-archiveContents .horizoner > dt, .mod-archiveContents .horizoner > dd {
        float: left; }
      .mod-archiveContents .horizoner > dd {
        clear: left; } }
@media screen and (max-width: 600px) {
  .mod-archiveContents {
    font-size: 12px;
	margin-bottom: 20px;
    background-color: #000; }
    .mod-archiveContents h2 {
      font-weight: normal;
      font-size: 16px;
      margin-top: 10px; }
    .mod-archiveContents .mb {
      margin-bottom: 15px; }
    .mod-archiveContents ul {
      text-align: center;
      width: 80%;
      width: calc(100% - 0px);
      margin: 20px auto 0; }
    .mod-archiveContents li {
      display: inline-block;
      margin-bottom: 10px;
      width: 48%;
      width: calc(50% - 5px); }
      .mod-archiveContents li:nth-of-type(2n+1) {
        margin-right: 10px; }
    .mod-archiveContents .horizoner {
      font-size: 0;
      letter-spacing: 0; }
    .mod-archiveContents .archive {
      margin: 0 auto; }
      .mod-archiveContents .archive ul {
        text-align: center;
        width: 80%;
        width: calc(100% - 60px);
        margin: 20px auto 0; }
      .mod-archiveContents .archive li {
        display: inline-block;
        margin-bottom: 15px;
        width: 48%;
        width: calc(50% - 5px); }
        .mod-archiveContents .archive li:nth-of-type(2n+1) {
          margin-right: 10px; }
      .mod-archiveContents .archive img {
        width: 380px; } }
@media screen and (max-width: 600px) {
  #wrapper-indexsp {
    background-repeat: no-repeat;
    background-position: center 60px;
    background-size: 100%; } }