@charset "utf-8";

/******************************/
/* タイトル */
/******************************/
.ttl_main {
	margin: 0 0 30px 0;
	font-size: 36px;
	font-weight: bold;
	line-height: 45px;
}
.ttl_sub {
	margin: 0 0 30px 0;
	font-size: 24px;
	font-weight: bold;
}
.ttl_sub_s {
	margin: 0 0 15px 0;
	font-size: 18px;
}
/* メインタイトル画像 */
.ttl {
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	background: url(../images/img_ttl.png) no-repeat;
	margin: 0 auto 60px auto;
	width: 360px;
	height: 90px;
}
.ttl_about {background-position: 0px 0px}
.ttl_other {background-position: 0px -90px}
.ttl_info {background-position: 0px -180px}
.ttl_staff {background-position: 0px -270px}
.ttl_racer {background-position: 0px -360px}
.ttl_cont {background-position: 0px -450px}

/* 小タイトル画像 */
.ttl_s {
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	background: url(../images/img_ttl_s.png) no-repeat;
	margin: 0 0 15px 0;
	height: 45px;
}
.ttl_s_gall {background-position: 0px 0px}
.ttl_s_movie {background-position: 0px -45px}
.ttl_s_rank {background-position: 0px -90px}
.ttl_s_part {background-position: 0px -125px}


/******************************/
/* top */
/******************************/
/***** history *****/
.top_history {
	margin: 0 0 75px 0;
	overflow: hidden;
}
.main_img_frame {
	position: relative;
	top: 0;
	left: 50%;
	margin-left: -1450px;
	width: 2895px;
	height: 495px;
	overflow: hidden;
}
.main_img_list {
	position: absolute;
	top: 0;
	left: 0px;
	float: left;
	width: 19300px;
}
.main_img_list li {
	position: relative;
	float: left;
	margin: 0 0 0 5px;
	width: 960px;
}

.hist_navi {
	margin: 15px 0 0 30px;
}
.hist_navi li {
	float: left;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	width: 90px;
	height: 45px;
	background: url(../images/img_hist_navi.png) no-repeat;
	cursor: pointer;
}
li.hist_navi_1998_off {background-position: 0px 0px;}
li.hist_navi_1998_off:hover,
li.hist_navi_1998_on {background-position: 0px -45px;}
li.hist_navi_1999_off {background-position: -90px 0px;}
li.hist_navi_1999_off:hover,
li.hist_navi_1999_on {background-position: -90px -45px;}
li.hist_navi_2000_off {background-position: -180px 0px;}
li.hist_navi_2000_off:hover,
li.hist_navi_2000_on {background-position: -180px -45px;}
li.hist_navi_2001_off {background-position: -270px 0px;}
li.hist_navi_2001_off:hover,
li.hist_navi_2001_on {background-position: -270px -45px;}
li.hist_navi_2002_off {background-position: -360px 0px;}
li.hist_navi_2002_off:hover,
li.hist_navi_2002_on {background-position: -360px -45px;}
li.hist_navi_2003_off {background-position: -450px 0px;}
li.hist_navi_2003_off:hover,
li.hist_navi_2003_on {background-position: -450px -45px;}
li.hist_navi_2004_off {background-position: -540px 0px;}
li.hist_navi_2004_off:hover,
li.hist_navi_2004_on {background-position: -540px -45px;}
li.hist_navi_2005_off {background-position: -630px 0px;}
li.hist_navi_2005_off:hover,
li.hist_navi_2005_on {background-position: -630px -45px;}
li.hist_navi_2006_off {background-position: -720px 0px;}
li.hist_navi_2006_off:hover,
li.hist_navi_2006_on {background-position: -720px -45px;}
li.hist_navi_2007_off {background-position: -810px 0px;}
li.hist_navi_2007_off:hover,
li.hist_navi_2007_on {background-position: -810px -45px;}
li.hist_navi_2008_off {background-position: -900px 0px;}
li.hist_navi_2008_off:hover,
li.hist_navi_2008_on {background-position: -900px -45px;}


/***** about *****/
.top_about_txt {
	margin: 0 0 15px 0;
	padding: 0 30px;
}

.top_more {
	margin: 0 15px 0 0;
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	text-align: right;
}


/***** other races *****/
.top_other_list {
	width: 900px;
	overflow: hidden;
}
.top_other_list li {
	position: relative;
	float: left;
	width: 180px;
}
.top_other_list li h2 {
	position: absolute;
	bottom: 0;
	padding: 0 5px;
	width: 170px;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	background: url(../images/bg_black.gif) repeat #000000;
	color: #ffffff;
	z-index: 100;
}

/* カルーセルパネル設定 */
.jcarousel-direction-rtl {
	direction: rtl;
}
.jcarousel-clip {
    overflow: hidden;
}
/* infomation style */
.jcarousel-skin-tango .jcarousel-container-horizontal {
	padding: 0 30px;
    width: 900px;
}
.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 180px;
    height: 120px;
    padding: 0;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  900px;
    height: 120px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 180px;
    height: 120px;
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
    height: 120px;
    cursor: pointer;
    background: transparent url(../images/navi-horizontal.png) no-repeat 0 0;
    background-position: 0 -120px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(../images/navi-horizontal.png);
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 120px;
    cursor: pointer;
    background: transparent url(../images/navi-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(../images/navi-horizontal.png);
}

/* ボタンホバー設定 */
.jcarousel-next-horizontal:hover,
.jcarousel-next-horizontal:focus {
    background-position: -30px -120px;
}
.jcarousel-next-horizontal:active {
    background-position: -60px -120px;
}
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:focus,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -90px -120px !important;
}

.jcarousel-prev-horizontal:hover, 
.jcarousel-prev-horizontal:focus {
    background-position: -30px 0;
}
.jcarousel-prev-horizontal:active {
    background-position: -60px 0;
}
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:focus,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -90px 0 !important;
}

/***** information *****/
.info {
	overflow: hidden;
	margin-top: 105px;
}
.top_info_list {
	margin-left: -15px;
}
.top_info_list li {
	position: relative;
	float: left;
	margin: 0 0 30px 30px;
	padding: 10px 9px;
	width: 190px;
	border: 1px solid #dadad9;
	line-height: 1.5;
}
.top_info_list li:after {
	content: "";
	position: absolute;
	top: -1px;
	right: -1px;
	display: block;
	width: 15px;
	height: 15px;
	background: url(../images/bg_memo.gif) no-repeat top right;
}
.top_info_date {
	margin: 0 0 6px 0;
}
.top_info_img {
	margin: 0 0 10px 0;
}


/******************************/
/* HISTORY */
/******************************/
.hist_ttl_wrap {
	overflow: hidden;
}
.hist_ttl {
	position: relative;
	left: 50%;
	margin-left: -750px;
	width: 1500px;
}
.hist_article h1 {
	margin: 0 0 30px 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.1em;
	background: url(../images/hist_icon_flag.png) no-repeat 0 6px;
	text-indent: 25px;
}
.hist_arti_img {
	margin: 0 0 12px 0;
}
.hist_article_c_name {
	font-size: 22px;
	font-weight: bold;
}

/***** Ranking *****/
.ttl_hist_rank {
	margin: 0 0 10px 0;
	color: #006aad;
}
.hist_gall_list {
	margin-left: -5px;
}
.hist_gall_list li {
	float: left;
	margin: 0 0 5px 5px;
	width: 165px;
	cursor: pointer;
}
.hist_gall_list img {
	opacity:1;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	background:#ffffff;
}
.hist_gall_list img:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
}
.hist_rank_tbl {
	width: 100%;
	font-size: 12px;
}
.hist_rank_tbl th {
	padding: 0 5px;
	border-left: 1px solid #dbdbd9;
	border-right: 1px solid #dbdbd9;
	border-bottom: 1px solid #dbdbd9;
	background: #f6f6f6;
	text-align: center;
}
.hist_rank_tbl td {
	padding: 5px;
	border: 1px solid #dbdbd9;
}
.gallery_hidden {
	display: none;
}

/* ポップアップ */
.overlay_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
}
.overrayBg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	background: rgba(0,0,0,0.75);
	z-index: 1000;
}
.popup_gall_wrap {
	position: relative;
	top: 50px;
	margin: 0 auto;
	padding: 15px 30px;
	width: 900px;
	background: #ffffff;
	z-index: 10000;
}
.popup_gall_wrap_pc {
	position: relative;
	top: 50px;
	margin: 0 auto;
	padding: 15px 30px;
	width: 1200px;
	background: #ffffff;
	z-index: 10000;
}
.popup_gall_hd {
	margin: 0 0 10px 0;
	font-size: 15px;
}
.popup_gall_hd h2 {
	float: left;
	margin: 0 45px 0 0;
}
.popup_gall_num {
	float: left;
	margin: 0 45px 0 0;
}
.popup_gall_dl {
	float: left;
	width: 240px;
	position: relative;
	z-index: 20000;
}
.popup_gall_dl a {
	overflow: hidden;
	padding: 0 45px 0 0;
	height: 15px;
	line-height: 15px;
	background: url(../images/img_gall_icon.png) no-repeat right;
	background-position: 195px -75px;
	text-decoration: none;
}
.popup_gall_img {
	margin: 0 0 15px 0;
}

/* ポップアップ ナビゲーション */
.popup_gall_navi li {
	position: absolute;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	cursor: pointer;
}
li.popup_g_navi_close {
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
	background: url(../images/img_gall_icon.png) no-repeat right;
	background-position: 0px 0px;
	z-index: 10000;
}
li.popup_g_navi_close:hover {
	background-position: 0px -30px;
}
li.popup_g_navi_next {
	top: 0;
	right: 0;
	width: 300px;
	height: 100%;
	background-position: 0px 0px;
	z-index: 8000;
}
li.popup_g_navi_next .popup_g_navi_next_icon {
	position: absolute;
	top: 50%;
	right: 4px;
	width: 30px;
	height: 30px;
	background: url(../images/img_gall_icon.png) no-repeat right;
	background-position: 0px -165px;
}
li.popup_g_navi_next .popup_g_navi_next_icon:hover {
	background-position: 0px -195px;
}
li.popup_g_navi_prev {
	top: 0;
	left: 0;
	width: 300px;
	height: 100%;
	background-position: 0px 0px;
	z-index: 8000;
}
li.popup_g_navi_prev .popup_g_navi_prev_icon {
	position: absolute;
	top: 50%;
	left: 4px;
	width: 30px;
	height: 30px;
	background: url(../images/img_gall_icon.png) no-repeat right;
	background-position: 0px -105px;
}
li.popup_g_navi_prev .popup_g_navi_prev_icon:hover {
	background-position: 0px -135px;
}


/***** side *****/
.hist_side_navi {
	margin: 6px 0 75px 0;
}
.hist_side_navi h2 {
	margin: 0 0 30px 0;
	font-size: 12px;
}
.hist_side_navi h2 a {
	padding: 0 0 0 18px;
	color: #92918c;
	font-weight: bold;
}
.hist_side_navi h2.hist_side_ttl_now {
	margin: 0 0 30px 0;
}
.hist_side_navi h2.hist_side_ttl_now a {
	overflow: hidden;
	display: block;
	white-space: nowrap;
	padding-bottom: 5px;
	border-bottom: 1px solid #3ca3dd;
	background: url(../images/img_side_icon.png) no-repeat 0 -90px;
	color: #3ca3dd;
	text-decoration: none;
}
.hist_side_navi h2.hist_side_ttl_now2 {
	margin: 0 0 30px 0;
}
.hist_side_navi h2.hist_side_ttl_now2 a {
	overflow: hidden;
	display: block;
	white-space: nowrap;
	padding-bottom: 5px;
	/*border-bottom: 1px solid #3ca3dd;
	background: url(../images/img_side_icon.png) no-repeat 0 -90px;*/
	color: #3ca3dd;
	text-decoration: none;
}
.hist_side_menu {
	margin: 0 0 60px 0;
}
.hist_side_menu li a {
	overflow: hidden;
	display: block;
	white-space: nowrap;
	background: url(../images/img_side_icon.png) no-repeat;
	margin: 0 0 15px 45px;
	padding: 0 0 0 45px;
	height: 15px;
	font-size: 15px;
	text-decoration: none;
}

li.hist_side_gall a {background-position: 0px 0px}
li.hist_side_movie a {background-position: 0px -30px}
li.hist_side_rank a {background-position: 0px -60px}

.hist_side_bnr li {
	margin: 0 0 30px 18px;
	font-size: 12px;
	font-weight: bold;
}
.hist_side_bnr li a {
	color: #92918c;
}

/***** ページ内ナビゲーション *****/
.page_navi li a {
	overflow: hidden;
	display: block;
	white-space: nowrap;
	text-indent: 100%;
	background: url(../images/img_page_navi.png) no-repeat;
	width: 45px;
	height: 30px;
}
li.page_navi_top {margin: 0 0 30px 0;}
li.page_navi_top a {background-position: 0px 0px}
li.page_navi_top a:hover {background-position: 0px -30px}
li.page_navi_prev {margin: 0 0 30px 0;}
li.page_navi_prev a {background-position: -45px 0px}
li.page_navi_prev a:hover {background-position: -45px -30px}
li.page_navi_next a {background-position: -90px 0px}
li.page_navi_next a:hover {background-position: -90px -30px}


/******************************/
/* ABOUT */
/******************************/
.about {
	overflow: hidden;
	margin-top: 105px;
}
.about_img_frame {
	margin: 0 auto;
	height: 300px;
	width: 2200px;
	overflow: hidden;
}
.about_img_list {
}
.about_img_list li {
	float: left;
}

/***** staff *****/
.staff_list {
	padding: 0 15px;
}
.staff_list li {
	overflow: hidden;
	position: relative;
	float: left;
	margin: 0 0 30px 30px;
	width: 150px;
	border-radius: 75px;
	cursor: pointer;
}
.staff_list_name {
	position: absolute;
	bottom: -45px;
	padding: 5px 0 0 33px;
	width: 117px;
	height: 40px;
	line-height: 1.3;
	font-size: 10px;
	background: #000000;
	background: rgba(0,0,0,0.7);
	color: #ffffff;
}

/* ポップアップ */
.popup_about_wrap {
	position: relative;
	top: 50px;
	margin: 0 auto;
	padding: 5px;
	width: 950px;
	background: url(../images/bg_gray.gif) repeat;
	z-index: 10000;
}
.popup_about_wrap_in {
	padding: 25px 85px;
	background: #ffffff;
}
.popup_about_left {
	float: left;
	margin: 0 45px 0 0;
	width: 195px;
}
.popup_about_left li {
	margin: 0 0 15px 0;
	font-size: 15px;
	line-height: 15px;
}
.popup_about_center {
	float: left;
	margin: 0 45px 0 0;
	width: 330px;
	line-height: 1.6;
}
.popup_about_center h2 {
	margin: 0 0 30px 0;
	font-size: 18px;
}
.popup_about_right {
	float: left;
	width: 165px;
}
.popup_about_right li {
	margin: 0 0 15px 0;
	font-size: 15px;
	line-height: 15px;
}
.popup_staff_img {
	overflow: hidden;
	margin: 0 0 30px 0;
	border-radius: 98px;
}
.popup_racer_img {
	margin: 0 0 30px 0;
}

/* ポップアップ ナビゲーション */
.popup_about_navi li {
	position: absolute;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	cursor: pointer;
}
li.popup_a_navi_close {
	top: 30px;
	right: 30px;
	width: 30px;
	height: 30px;
	background: url(../images/img_gall_icon.png) no-repeat right;
	background-position: 0px 0px;
	z-index: 10000;
}
li.popup_a_navi_close:hover {
	background-position: 0px -30px;
}
li.popup_a_navi_next {
	top: 0;
	right: 0;
	width: 90px;
	height: 100%;
	background-position: 0px 0px;
	z-index: 8000;
}
li.popup_a_navi_next .popup_a_navi_next_icon {
	position: absolute;
	top: 50%;
	right: 30px;
	width: 30px;
	height: 30px;
	background: url(../images/img_gall_icon.png) no-repeat right;
	background-position: 0px -165px;
}
li.popup_a_navi_next .popup_a_navi_next_icon:hover {
	background-position: 0px -195px;
}
li.popup_a_navi_prev {
	top: 0;
	left: 0;
	width: 90px;
	height: 100%;
	background-position: 0px 0px;
	z-index: 8000;
}
li.popup_a_navi_prev .popup_a_navi_prev_icon {
	position: absolute;
	top: 50%;
	left: 30px;
	width: 30px;
	height: 30px;
	background: url(../images/img_gall_icon.png) no-repeat right;
	background-position: 0px -105px;
}
li.popup_a_navi_prev .popup_a_navi_prev_icon:hover {
	background-position: 0px -135px;
}


/***** racer *****/
.racer_list {
	margin-left: -15px;
}
.racer_list li {
	float: left;
	margin: 0 0 30px 30px;
	padding: 14px 29px;
	border: 1px solid #d5d5d3;
	width: 150px;
	height: 300px;
	line-height: 1.1;
	cursor: pointer;
}
.racer_list_name {
	margin: 0 0 15px 0;
}
.racer_list_img img {
	opacity:1;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	background:#ffffff;
	}
.racer_list_img img:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	}
.racer_list_more {
	margin: 15px 0 0 0;
	text-align: right;
	font-style: italic;
	color: #333333;
}
.racer_list_more:hover {
	text-decoration: underline;
}


/******************************/
/* information */
/******************************/
.info_body {
	margin: 0 75px;
}

/******************************/
/* お問い合わせ */
/******************************/
.contact {
	margin: 105px 105px 0 105px;
}
.contact h2 {
	margin: 0 0 15px 0;
	line-height: 30px;
	font-size: 15px;
}
.cont_body {
	letter-spacing: 0;
}
.cont_conf h2 {
	color: #888888;
}
.cont_conf_txt {
	font-size: 18px;
}
.cont_conf_txtarea {
	font-size: 15px;
}
.cont_left {
	float: left;
	width: 360px;
}
.cont_right {
	float: right;
	width: 360px;
}

/* ボタン */
.cont_btn {
	overflow: hidden;
	text-indent: 105%;
	white-space: nowrap;
	width: 90px;
	height: 45px;
	border: none;
	background: url(../images/img_cont_btn.png) no-repeat 0 0 ;
	cursor: pointer;
}
.cont_btn_conf { background-position: -120px 0px;}
.cont_btn_conf:hover { background-position: -120px -60px;}
.cont_btn_send { margin: 0 0 0 30px; background-position: -240px 0px;}
.cont_btn_send:hover { background-position: -240px -60px;}
.cont_btn_back { background-position: 0px 0px;}
.cont_btn_back:hover { background-position: 0px -60px;}

.cont_conf_tarea {
	padding: 15px;
	border: 1px dotted #030000;
}
.form_btn_box {
	text-align: center;
}

.input_w_m {
	width: 350px;
}
.input_w_l {
	width: 740px;
}
