@charset "shift_jis";

* {margin: 0px; padding: 0px; font-size: 100%; font-weight: normal; font-style:normal;}

/************************************/
/* body要素*/
body {
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; 
	font-size: 75%;
	line-height: 1.6;
	background: #000000;
	margin: 0px;
	text-align: center;
	/*スクロールバー
	scrollbar-base-color : #F3F3F3;
	scrollbar-face-color : #F3F3F3;
	scrollbar-arrow-color : #333333;
	scrollbar-track-color: #F3F3F3;
	scrollbar-shadow-color : #F3F3F3;
	scrollbar-highlight-color : #F3F3F3;
	scrollbar-3dlight-color: #333333;
	scrollbar-darkshadow-color : #333333;
	*/
}

/******シンプルセレクタ*********************************/
a {color: #F26522; text-decoration: none; font-weight: bold; }
a:hover {
	color: #FF0000;
	text-decoration: underline;

}
a:visited{color:#CD0005;}
img {border: none;}

ol , ul {margin: 10px 15px; padding: 0px 5px 0px 15px;}
li {padding: 5px 0px;}

p {
	margin: 3px;
	padding: 3px 10px;
	text-align: left;
}

em {
	font-weight: bold;
/*	color: #CC0000;*/
}
strong {
	font-size: 1.3em;
	font-weight: bold;
	color: #FF0000;
}

hr {clear: both; visibility: hidden;}

h3, h4, h5, h6 {
	text-align: left;
	font-weight: bold;	
}
h3{
	font-size: 1.2em;
	color: #FFFFFF;
	background: url(../images/main_titlea.gif) no-repeat left center;
	margin-top: 13px;
	padding: 7px 0px 9px 23px;
}
h4 {
	font-size: 1.2em;
	color: #C40000;
	background: url(../images/main_titleb.gif) no-repeat left center;
	margin: 5px 10px 5px 2px;
	padding: 0px 15px;
}
h5 {
	color: #DB6565;
	background: url(../images/main_titlec.gif) no-repeat left top;
	margin: 5px auto 10px;
	padding: 0px 0px 0px 10px;
}

/******全体を包む要素の設定****************/
#wrap {
	width: 870px;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
}
/*********ヘッダ****************/
#head {
	height: 252px;
	width: 720px!important;
	width /**/: 870px;
	margin: 0px auto;
	padding: 0px 75px;
	background: url(../images/head_back.jpg) no-repeat center top;
	
}


#wrap h1 {
	width: 720px;
	height: 8px;
	margin: 0px auto;
	padding: 0px;
	text-indent: -9999px;
	overflow: hidden;
}

#Flash {
	width: 720px;
	margin: 1px auto;
	padding: 0px;
	height: 170px;
	clear: both;

}


#head ul {
	list-style-type: none;
	width: 720px;
	padding: 0px;
	margin: 0px;
}

#pageNavi {
	height: 20px;
}
#pageNavi li { 
	float:left;
	margin: 0px;
	padding: 0px;
}

#pageNavi li a{
	display: block;
	overflow: hidden;
	height: 0px!important;
	height /**/: 20px;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	background-image: url(../images/page_navi.gif);
}
#officialhp a{width: 270px;}
#pageToi a, #pageSite a, #pageKiyaku a, #pageLink a, #pageThome a {width: 90px;}

#officialhp a{background-position: 0px 0px;}
#officialhp a:hover{ background-position: 0px -20px;}

#pageToi a{background-position: -270px 0px;}
#pageToi a:hover{ background-position: -270px -20px;}

#pageSite a{background-position: -360px 0px;}
#pageSite a:hover{ background-position: -360px -20px;}

#pageKiyaku a{background-position: -450px 0px;}
#pageKiyaku a:hover{ background-position: -450px -20px;}

#pageLink a{background-position: -540px 0px;}
#pageLink a:hover{ background-position: -540px -20px;}

#pageThome a{background-position: -630px 0px;}
#pageThome a:hover{ background-position: -630px -20px;}

/***/
#globalNavi {}
#globalNavi li {
	float:left;
	padding: 0px;
	margin: 0px;
}
#globalNavi li a {
	display: block;
	overflow: hidden;
	width: 144px;
	height: 0px!important;
	height /**/: 40px;
	margin: 0px;
	padding: 40px 0px 0px 0px;
	background-image: url(../images/global_navi.gif) ;
}

#globalnews a{ background-position: 0px 0px;}
#globalnews a:hover{ background-position: -144px 0px;}

#globalbg4 a{ background-position: 0px -40px;}
#globalbg4 a:hover{ background-position: -144px -40px;}

#globalarchive a{ background-position: 0px -80px;}
#globalarchive a:hover{ background-position: -144px -80px;}

#globalope a{ background-position: 0px -120px;}
#globalope a:hover{background-position: -144px -120px;}

#globalfaq a{ background-position: 0px -160px;}
#globalfaq a:hover{ background-position: -144px -160px;}

/*********ボディ*********************/
#body {
	width: 720px!important;
	width /**/: 870px;
	margin: 0px;
	padding: 5px 75px 0px;
	background: url(../images/wrap_back.jpg) repeat-y center top #FFFFFF;
}


#body:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}

/**********フッタ*******************/
#footer {
	height: 200px;
	padding: 20px 77px 0px 77px;
	color: #666666;
	clear: both;
	background: url(../images/footer_back.jpg) center bottom;
	overflow: hidden;
	}

	#footer p {
		font-size: 10px;
		text-align: left;
		padding: 5px;
		margin: 0px;
		}
	
	#footer img {
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
		}
	
	#footer div {
		clear: both;
		}


/********メインコンテンツ*****************/
#main {
	width: 535px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	float: right;
}
/*******3段組左段トピックス要素***********************/
#mainCont {
	width:308px;
	float: left;
}

#infoBox{
	width: 308px;
	height: 450px;
	margin: 7px 0px 10px 0px;
	padding: 0px 0px 0px;
	overflow: auto;
	}

	#infoBox h3{
		width: 278px!important;
		width /**/: 288px;
		margin-top: 10px;
		padding: 2px 0px 2px 10px;
		border-top: 1px solid #C40000;
		font-size: 0.9em;
		font-weight: normal;
		color: #333333;
		background: url(../images/main_dateback.gif) no-repeat left center;
	}
	
	#infoBox dl{
		width: 280px!important;
		width /**/: 288px;
		margin-bottom: 3px;
		padding: 4px;
		border-bottom: 1px dashed #DB6565;
		background-image: url(../images/main_entryback.gif);
	}
	
	#infoBox dt{
		font-weight: bold;
		color: #F03E3E;
		background-color: #EEEEEE;
		padding-left: 4px;
	}

	#infoBox dd{
		padding: 4px 0px 4px 8px;
		margin-bottom: 4px;
	}


#pastBox{
	width: 100%;
	height: 550px;
	margin: 7px 0px 10px 0px;
	padding: 0px 0px 0px;
	overflow: auto;
	}

	
/**********3段組右段ピックアップ要素**************/
#extend{
	width:210px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	float: right;
}
#extend h5{
	width: 203px!important;
	width /**/: 210px;
	height: 20px;
	margin: 0px;
	padding:0px 1px 0px 6px;
	color: #ffffff;
	background-color:#C40000;
	background-image: none;
	line-height: 20px;
}
#extend dl{
	border: solid 1px #C40000;
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 0px 0px 10px 0px;
	padding: 4px;
}
#extend dd{ margin: 5px 5px;}
#extend p { 
	text-align: right;
	padding: 0px 0px 0px 103px;
}
/******** 注目させる要素*****************/
h6 {
	width: 488px!important;
	width /**/: 515px;
	margin: 0px auto;
	padding: 5px 5px 1px 22px;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #FFFFFF;
	background: url(../images/main_attback.gif) no-repeat;
}
.attention{
	width:515px;
	margin: 10px auto 20px;
	padding: 0px;
}
.attention ul{
	margin: 0px;
	padding: 5px 3px 5px 20px;
	border: 1px solid #C40000;
	background-color: #F7C4C4;

}
.attention li {
	margin: 0px;
	padding: 3px 0px;
}
/*******************************************************/

.MEntry, .MEntryB, .MEntryC {
	border-bottom: 1px dashed #DB6565;
	margin: 0px 0px 20px;
	clear: both;
}
.MEntry, .MEntryB {
	padding: 5px 15px;
}
.MEntryC {
	padding: 5px 0px;
	text-align: center;
}

.MEntry img{ margin: 5px;}
.MEntry p {	padding: 0px 3px 0px 4px;}
.MEntry ul, .MEntry ol { margin: 3px 25px;}

.MEntry dl {
	margin: 0px;
	padding: 5px 7px;
	text-align: left;
}
.MEntry dt {
	font-weight: bold;
	color: #DB6565;
	background: url(../images/main_titlec.gif) no-repeat left top;
	padding: 0px 0px 0px 10px;
}
.MEntry dd{ padding: 5px 10px;}

.MEntryB ul {
	list-style-type: none;
	margin: 2px;
	padding: 2px;
}
.MEntryB li {
	font-weight: bold;
	color: #DB6565;
	background: url(../images/main_titlec.gif) no-repeat 0px 1px;
	padding: 0px 0px 0px 10px;
	margin: 2px auto 0px;
}

.boxSS, .boxS, .boxM, .boxL{float:right}
.boxSS{ width: 230px;}
.boxS{ width: 250px;}
.boxM{ width: 350px;}
.boxL{ width: 400px;}
.boxFloatR {
	width: 300px;
	float: right;
}
.boxFloatR ul{
	margin: 2px 5px 2px 15px;
	padding: 0px;
	list-style: square;
}
.boxFloatR li {
	margin: 1px 2px;
	padding: 2px;
}

.FRul {
	float: right;
	width: 250px;
}
.FRul ul{ 
	margin: 0px 5px;
	padding: 2px 2px 0px 15px;
}

.MEntry table { 
	background-color:#B2B2B2;
	text-align: left;
	border: none;
	margin: 5px auto 5px;
}
.MEntry table th{ 
	font-weight: bold;
	vertical-align: top;	
	padding: 2px 8px;
	background-color:#FFFFCC;
}
.MEntry table td{
	padding: 2px 8px;
	background-color:#FFFFFF;
	vertical-align: top;
}
.MEntry table caption {
	text-align: left;
	font-weight: bold;
	margin: 0px 2px -4px;
}
.table310 {width: 310px;}
.table310 th {width:120px;}
.table385 {	width: 385px;}
.table385 th {width:120px;}
.table515 {	width: 500px; clear:both;}
.table515 th {width:130px;}
.table515B {width: 500px; clear:both;}
.table330 {width: 335px; height:160px;}
.table330 th {width:100px;}
.tableMente { width: 350px;}

.mini {font-size: 0.8em; width: 201px;}
.mini th , .mini td{padding: 3px 1px; text-align: left;}
.mini th {width: 65px;}


/*↓パンくずリストへ変更しました*/
#menuS {
	list-style: none;
	margin: 0px;
	padding: 2px;
	text-align: left;
	font-size: 0.8em;
	border-bottom: 1px dashed #C40000;
}

#menuS li {
	display: inline;
	margin: 0px auto 10px;
	padding: 0px 3px 0px 10px;
	color:#666666;
	vertical-align:middle;	
	background: url(../images/main_titlec.gif) no-repeat left center;
}

#menuS li a:hover {color: #FF0000;}

/*******************************************************/
.FloatLeft {
	margin: 0px 10px 5px 0px;
	padding: 0px;
	float: left;
}
.FloatRight {
	margin: 0px 0px 5px 10px;
	padding: 0px;
	float: right;
}

.clear {clear: both;}

.small{ font-size: 0.9em;}
.smallRed{ font-size: 0.9em; color:#C40000;}

/******コース紹介専用クラス設定***********************/
#courseBody {
	margin: 10px auto 5px;
	padding: 0px 0px 5px;
	text-align: left;
}
#courseBody strong{font-size:1em;}
#courseBody h3 { margin: 10px auto;}
#courseBody img { 
	margin: 0px auto;
	padding: 0px;
	border: none;
}

#courseBody a img {
	margin-bottom: 10px;
	}

#courseBody p{
	clear:both;
	margin: 0px auto;
	padding: 0px 0px 5px;
}
#courseBody p img {
	float: left;
	margin: 0px 10px 5px 0px;
}
#courseBody dl {
	margin: 0px 5px 20px;
	padding: 0px 5px 5px;
	text-align: left;
	float: right;
	width: 150px;
}

#courseBody dt {
	font-weight: bold;
	color: #DB6565;
	background: url(../images/main_titlec.gif) no-repeat left top;
	padding: 0px 0px 0px 10px;
}
#courseBody dd{padding: 2px 10px 4px;}

#courseBody ul {
	list-style: none;
	margin: 3px auto;
	padding: 2px;
	text-align: center;
	clear: both;
}

#courseBody li {
	display: inline;
	border-left: 1px solid #666666;
	padding: 0px 3px;
}

/******ギャラリー専用クラス設定***********************/
#galleryBody { margin: 0px auto 15px;}
#galleryBody img {
	float:left;
	padding: 5px 5px 0px;
}

/******カースペシャル専用クラス設定***********************/
#carspBody { 
	background-color: #808080;
	width: 600px;
	height: 250px;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	color: #FFFFFF;
	font-size: 0.9em;
} 
/******店舗イベントページ設定***********************/
#TenpoEvent { margin: 0px auto 20px;}

#TenpoEvent h3 {
	color: #C40000;
	height: 26px;
	line-height: 26px;
	margin-top: 13px;
	padding: 0px 5px 0px 25px;
	background: url(../news/images/tenpo_head.gif) no-repeat 0px 0px #F8F4F4;
	border-color: #BDBDBD;
	border-style: solid;
	border-bottom-width: 1px;
	border-top: none;
	border-right: none;
	border-left: none;
}
#TenpoEvent h4 {
	color: #FFFFFF;
	background: #999999 ;
	margin: 10px auto 1px;
	padding: 2px 5px;
}
#TenpoEvent dl {
	margin: 0px auto 5px;
	padding: 5px 5px;
	border-bottom: 1px dashed #DB6565;
}	

#TenpoEvent dt {
	font-weight: bold;
	color: #DB6565;
	background: url(../images/main_titlec.gif) no-repeat 10px 0px;
	padding: 0px 0px 0px 20px;
}

#TenpoEvent dd{	padding: 5px 20px;}

.TEtable { 
	background-color:#C40000;
	width: 535px;
	border: none;
	margin: 0px auto 1px;
	}
.TEtable th{ 
	font-weight: bold;
	text-align: right;
	width: 100px;
	padding: 2px 8px;
	background-color:#FFFFFF;
}
.TEtable td{
	padding: 2px 8px;
	background-color:#FFFFFF;
}

#TenpoEvent em { color: #CC0000;}
/******d1ページ設定*********************************/
.d1team {
	width: 523px!important;
	width /**/: 535px;
	height: 125px!important;
	height /**/: 130px;
	margin: 10px 0px;
	padding: 5px 5px 0px;
	border: solid 1px #C40000;
}
.d1team h5 {
	width: 294px!important;
	width /**/: 300px;
/*	background-color: #333333;*/
	color:#333333;
	font-size: 1.3em;
	float: right;
	background-image: none;
	margin: 2px auto 2px;
	padding: 0px 2px 0px 4px;
	border-bottom: 3px solid #333333;
}
.d1team p{
	width: 212px;
	height: 120px;
	float:left; 
	margin: 0px;
	padding: 0px;
}	
.d1team dl{
	margin: 0px 0px 0px 2px;
	width: 300px;
	color: #C40000;
	float: right;
}
.d1team dt{ 
	font-weight: bold;
	padding-left: 4px;
	background-color: #C40000;
	color:#FFFFFF;
}
.d1team dd{ text-indent: 15px;}

#EventRace {
	width: 515px!important;
	width /**/: 535px;
	margin: 5px auto 15px;
	padding: 10px;
	border-bottom: 1px dashed #DB6565;
}

#EventRace p { 
	clear:both;
	margin: 0px auto;
	padding: 0px 0px 5px;
}
#EventRace p img {
	float: left;
	margin: 0px 10px 10px 0px;
}

.PageBack {
	margin: 5px 0px;
	padding: 0px;
	clear: both;
	text-align: right;
}
/****d1ページで使用するロールオーバーの設定*******/
.d1repo a { 
	display: block;
	width: 197px;
	height: 0px !important;
	height /**/: 30px;
	margin: 0px;
	padding-top: 30px;
	overflow: hidden;
	background: url(../news/images/banner_d1.gif) no-repeat 0px 0px;
}
.d1repo a:hover{ background-position: 0px -30px;}

#d1ape, #d1bando {
	padding: 0px 0px 0px 245px ;
	clear: both;
	}
	
#d1ape a, #d1bando a { 
	display: block;
	width: 270px;
	height: 0px !important;
	height /**/: 30px;
	margin: 0px;
	padding-top: 30px;
	overflow: hidden;
}
#d1ape a { background: url(../news/images/d1_ape.gif) no-repeat 0px 0px;}
#d1bando a { background: url(../news/images/d1_bandoh.gif) no-repeat 0px 0px;}
#d1ape a:hover, #d1bando a:hover{ background-position: 0px -30px;}

/****OPページで使用するロールオーバーの設定***********/
.eventform a { 
	display: block;
	width: 320px;
	height: 0px !important;
	height /**/: 36px;
	margin: 0px auto;
	padding-top: 36px;
	overflow: hidden;
	background: url(../op/images/eventform.gif) no-repeat left top;
}
.eventform a:hover{ background-position: right top;}

/****イベントレースページで使用するロールオーバーの設定***********/
#eventraceBanner a {
	display: block;
	width: 535px;
	height: 0px!important;
	height /**/: 40px;
	padding: 40px 0px 0px;
	overflow: hidden;
	background: url(../news/images/eventrace_banner.gif) no-repeat 0px 0px;
}
#eventraceBanner a:hover { background-position: 0px -40px;}
/****bg4ページで使用するロールオーバーの設定***********/
.garageBanner a { 
	display: block;
	width: 197px;
	height: 0px !important;
	height /**/: 30px;
	margin: 5px 20px;
	padding-top: 30px;
	overflow: hidden;
	background: url(../bg4tuned/images/garagebanner.gif) no-repeat 0px 0px;
}
.garageBanner a:hover{ background-position: 0px -30px;}

#carclass{ 
	margin: 10px 0px 5px;
	padding: 0px;
	width:530px;
	height:200px;
	list-style: none;
}
#carclass li {
	margin: 0px;
	padding: 0px;
	float: left;
}
#carclass a {
	width: 265px;
	height: 0px !important;
	height /**/: 100px;
	padding-top: 100px;
	overflow: hidden;
	display: block;
	background-image:url(../bg4tuned/images/car_class.gif);
}
#linkclassA a{ background-position: 0px 0px;}
#linkclassA a:hover{ background-position: -265px 0px;}
#linkclassB a { background-position: 0px -100px;}
#linkclassB a:hover{ background-position: -265px -100px;}
#linkclassC a { background-position: 0px -200px; clear:both}
#linkclassC a:hover{ background-position: -265px -200px;}
#linkclassD a { background-position: 0px -300px;}
#linkclassD a:hover{ background-position: -265px -300px;}

/****その他のロールオーバーの設定***********/
.linker {
	height: 22px;
	clear: both;
	margin-bottom: 1px;
}
.linker p { 
	float: right; 
	margin: 0px;
	padding: 0px;
}

#linkerB {
	margin: 5px auto 15px;
	padding: 0px;
	clear: both;
	text-align: center;
}

.iconParts a {
	display: block;
	width: 160px;
	height: 0px!important;
	height /**/: 22px;
	padding: 22px 0px 0px;
	overflow: hidden;
	background-image: url(../bg4tuned/images/bg4_iconparts.gif);
}
.iconParts a:hover { background-position: 0px -22px;}

.iconBack a, .iconInfo a, .iconOfficial a, .iconMore a, .iconDetails a {
	display: block;
	width: 91px;
	height: 0px!important;
	height /**/: 22px;
	padding: 22px 0px 0px;
	overflow: hidden;
	background-image:url(../images/icon.gif);
}

.iconMore a{ background-position: 0px 0px}
.iconMore a:hover{ background-position: -91px 0px}

.iconDetails a{ background-position: 0px -22px}
.iconDetails a:hover{ background-position: -91px -22px}

.iconInfo a{ background-position: 0px -44px}
.iconInfo a:hover{ background-position: -91px -44px}

.iconBack a{ background-position: 0px -66px}
.iconBack a:hover{ background-position: -91px -66px}

.iconOfficial a{ background-position: 0px -88px}
.iconOfficial a:hover{ background-position: -91px -88px}
/******以下h2の設定***********************************/
/******２段組ページh2の設定*********************************/
#news h2, #bg4 h2, #op h2, #faq h2, #archive h2, #others h2{ 
	width: 535px;
	height: 0px !important;
	height /**/: 50px;
	padding-top: 50px;
	overflow: hidden;
}
/******archive/h2の設定*********************************/
#archive h2 { background-image:url(../archives/images/arc_title.gif) }

/******news/h2の設定*********************************/
#news h2 { background-image: url(../news/images/news_title.gif) }
.eventrace{ background-position: 0px -50px;}
.tenpo_event{ background-position: 0px -100px;}
.show{ background-position: 0px -150px;}
.publicity{ background-position: 0px -200px;}
.goods{ background-position: 0px -250px;}
.race_and_event{ background-position: 0px -300px;}
.d1{ background-position: 0px -350px;}
.first{ background-position: 0px -400px;}
.maintenance {background-position: 0px -450px;}
.staffroom  {background-position: 0px -500px;}
/******bg4/h2の設定*********************************/
#bg4 h2 { background-image: url(../bg4tuned/images/bg4_title.gif) }
.bg4{ background-position: 0px 0px;}
.asobi{ background-position: 0px -50px;}
.car{ background-position: 0px -100px;}
.course{ background-position: 0px -150px;}
.gallery{ background-position: 0px -200px;}
.bg4garage{ background-position: 0px -250px;}
.garage_use{ background-position: 0px -300px;}
.garage_ts{ background-position: 0px -350px;}
.classA{ background-position: 0px -400px;}
.classB{ background-position: 0px -450px;}
.classC{ background-position: 0px -500px;}
.classD{ background-position: 0px -550px;}

/******op/h2の設定*********************************/
#op h2 { background-image: url(../op/images/op_title.gif) }
.keisai { background-position: 0px -50px;}
.pop { background-position: 0px -100px;}

/******faq/h2の設定*********************************/
#faq h2 { background-image: url(../faq/images/faq_title.gif) }
.faqindex { background-position: 0px 0px;}
.game { background-position: 0px -50px;}
.sousa { background-position: 0px -100px;}
.faqrank { background-position: 0px -150px;}
.key { background-position: 0px -200px;}
.garage { background-position: 0px -250px;}
.custom { background-position: 0px -300px;}

/******others/h2の設定*********************************/
#others h2 { background-image:url(../page/images/page_title.gif) }
.toiawase { background-position: 0px 0px;}
.sitemap { background-position: 0px -50px;}
.kiyaku { background-position: 0px -100px;}
.link { background-position: 0px -150px;}

/******３段組h2の設定*********************************/
#news h2.topics, #bg4 h2.topics {width: 308px;}

#news h2.topics{background-image: url(../news/images/news_title.gif); }
#bg4 h2.topics{background-image: url(../bg4tuned/images/bg4_title.gif) ;}
#op h2.topics{background-image: url(../op/images/op_title.gif) ;width: 308px;}

#op h2.update{background-image: url(../op/images/op_title.gif) ;}

/*****以下ローカルナビゲーションの設定************************************************/
/*****ボディに設定したメニューのベース*************/
#news #navi ul, #op #navi ul, #faq #navi ul, #archive #navi ul, #others #navi ul { 
	padding: 0px 0px 130px;
	background: url(../images/menu_back.gif) no-repeat bottom; 
}

#bg4 #navi ul#bg4back {	
	padding: 0px 0px 130px;
	background: url(../images/menu_back.gif) no-repeat bottom;
}

#news #navi { background: url(../news/images/menu_base.gif) no-repeat center top; }
#news #navi a { background-image: url(../news/images/menu.gif); }


#bg4 #navi { background: url(../bg4tuned/images/menu_base.gif) no-repeat left top; }
#bg4 #navi a { background-image: url(../bg4tuned/images/menu.gif); }

#op #navi { background: url(../op/images/menu_base.gif) no-repeat center top; }
#op #navi a { background-image: url(../op/images/menu.gif); }

#faq #navi { background: url(../faq/images/menu_base.gif) no-repeat center top; }
#faq #navi a{ background-image: url(../faq/images/menu.gif); }

#archive #navi { background: url(../archives/images/menu_base.gif) no-repeat center top;}
#archive #navi a{ background-image: url(../archives/images/menu.gif) ;}

#others #navi { background: url(../images/menu_base.gif) no-repeat center top;}
#others #navi a{ background-image: url(../images/menu.gif) ;}

/*******メニュー要素***************/
#navi {
	width: 170px;
	margin: 0px;
	padding: 67px 0px 0px 0px;
	float:left;
}
#navi ul{
	margin: 0px 0px 10px;
	padding: 0px;
	list-style: none;
/*	border-bottom: solid 2px #3E424B;*/

}
.noneUL{ padding: 0px; background: none;}

#navi li{
	margin: 0px;
	padding: 0px;
}
#navi li a{
	display: block;
	width: 170px;
	height: 0px!important;
	height /**/: 23px;
	padding-top: 23px;
	overflow: hidden;
}

#dummy{
	width: 170px;
	height: 515px;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image: url(../bg4tuned/images/tuned_dummy.jpg);
	}


/********メニュー要素/NEWS*************************/
/*1*/
#newsIndex a{ background-position: 0px 0px;}
#newsIndex a:hover{ background-position: -170px 0px;}
.nowNIon #newsIndex a{ background-position: -170px 0px; cursor: default;}

/*2*/
#newsFirst a{ background-position: 0px -23px;}
#newsFirst a:hover{ background-position: -170px -23px;}
.nowNFon #newsFirst a{ background-position: -170px -23px; cursor: default;}

/*3*/
#newsEventrace a{ background-position: 0px -46px;}
#newsEventrace a:hover{ background-position: -170px -46px;}
.nowNEon #newsEventrace a{ background-position: -170px -46px; cursor: default;}

/*4*/
#newsTenpoevent a{ background-position: 0px -69px;}
#newsTenpoevent a:hover{ background-position: -170px -69px;}
.nowNTon #newsTenpoevent a{ background-position: -170px -69px; cursor: default;}

/*5*/
#newsShow a{ background-position: 0px -92px;}
#newsShow a:hover{ background-position: -170px -92px;}
.nowNSon #newsShow a{ background-position: -170px -92px; cursor: default;}

/*6*/
#newsPublicity a{ background-position: 0px -115px;}
#newsPublicity a:hover{ background-position: -170px -115px;}
.nowNPon #newsPublicity a{ background-position: -170px -115px; cursor: default;}

/*7*/
#newsRanking a{ background-position: 0px -138px;}
#newsRanking a:hover{ background-position: -170px -138px;}
.nowNRon #newsRanking a{ background-position: -170px -138px; cursor: default;}

/*8*/
#newsMainte a{ background-position: 0px -161px;}
#newsMainte a:hover{ background-position: -170px -161px;}
.nowNMon #newsMainte a{ background-position: -170px -161px; cursor: default;}

/*9*/
#newsTenpo a{ background-position: 0px -184px;}
#newsTenpo a:hover{ background-position: -170px -184px;}
.nowNT2on #newsTenpo a{ background-position: -170px -184px; cursor: default;}

/*10*/
#newsGoods a{ background-position: 0px -207px;}
#newsGoods a:hover{ background-position: -170px -207px;}
.nowNGon #newsGoods a{ background-position: -170px -207px; cursor: default;}

/*11*/
#newsStaff a{ background-position: 0px -230px;}
#newsStaff a:hover{ background-position: -170px -230px;}
.nowNS2on #newsStaff a{ background-position: -170px -230px; cursor: default;}
/*******メニュー要素/bg4*****************************/
#bg4Index a{ background-position: 0px 0px;}
#bg4Index a:hover{ background-position: -170px 0px;}
.now4Ion #bg4Index a{ background-position: -170px 0px; cursor: default;}

#bg4Asobi a{ background-position: 0px -23px;}
#bg4Asobi a:hover{ background-position: -170px -23px;}
.now4Aon #bg4Asobi a{ background-position: -170px -23px; cursor: default;}

#bg4Car a{ background-position: 0px -46px;}
#bg4Car a:hover{ background-position: -170px -46px;}
.now4Con #bg4Car a{ background-position: -170px -46px; cursor: default;}

#bg4Course a{ background-position: 0px -69px;}
#bg4Course a:hover{ background-position: -170px -69px;}
.now4COon #bg4Course a{ background-position: -170px -69px; cursor: default;}

#bg4Gallery a{ background-position: 0px -92px;}
#bg4Gallery a:hover{ background-position: -170px -92px;}
.now4Gon #bg4Gallery a{ background-position: -170px -92px; cursor: default;}

#bg4Garage a{ background-position: 0px -115px;}
#bg4Garage a:hover{ background-position: -170px -115px;}
.now4GRon #bg4Garage a{ background-position: -170px -115px; cursor: default;}

#bg4Garageuse a{ background-position: 0px -138px;}
#bg4Garageuse a:hover{ background-position: -170px -138px;}
.now4GUon #bg4Garageuse a{ background-position: -170px -138px; cursor: default;}

#bg4ts a{ background-position: 0px -161px;}
#bg4ts a:hover{ background-position: -170px -161px;}
.now4Ton #bg4ts a{ background-position: -170px -161px; cursor: default;}

#bg4Garage2 a{ background-position: 0px -184px;}
#bg4Garage2 a:hover{ background-position: -170px -184px;}
.now4G2on #bg4Garage2 a{ background-position: -170px -184px; cursor: default;}

/*******メニュー要素/OP*****************************/
#opIndex a{ background-position: 0px 0px;}
#opIndex a:hover{ background-position: -170px 0px;}
.nowOIon #opIndex a{ background-position: -170px 0px; cursor: default;}

#opEvent a{ background-position: 0px -23px;}
#opEvent a:hover{ background-position: -170px -23px;}
.nowOEon #opEvent a{ background-position: -170px -23px; cursor: default;}

#opPop a{ background-position: 0px -46px;}
#opPop a:hover { background-position: -170px -46px;}
.nowOPon #opPop a{ background-position: -170px -46px; cursor: default;}

/*******メニュー要素/FAQ*****************************/
#faqGame a { background-position: 0px 0px;}
#faqGame a:hover{ background-position: -170px 0px;}
.nowFGon #faqGame a{ background-position: -170px 0px; cursor: default;}

#faqSousa a{ background-position: 0px -23px;}
#faqSousa a:hover {background-position: -170px -23px;}
.nowFSon #faqSousa a{ background-position: -170px -23px; cursor: default;}

#faqRanking a{ background-position: 0px -46px;}
#faqRanking a:hover{ background-position: -170px -46px;}
.nowFRon #faqRanking a{ background-position: -170px -46px; cursor: default;}

#faqKey a{ background-position: 0px -69px;}
#faqKey a:hover{ background-position: -170px -69px;}
.nowFKon #faqKey a{ background-position: -170px -69px; cursor: default;}

#faqGarage a{ background-position: 0px -92px;}
#faqGarage a:hover{ background-position: -170px -92px;}
.nowFGRon #faqGarage a{ background-position: -170px -92px; cursor: default;}

#faqCustom a{ background-position: 0px -115px;}
#faqCustom a:hover{ background-position: -170px -115px;}
.nowFCon #faqCustom a{ background-position: -170px -115px; cursor: default;}

#faqIndex a{ background-position: 0px -138px;}
#faqIndex a:hover{ background-position: -170px -138px;}
.nowFIon #faqIndex a{ background-position: -170px -138px; cursor: default;}

/*******メニュー要素/archive*****************************/
#arcIndex a { background-position: 0px 0px;}
#arcIndex a:hover{ background-position: -170px 0px;}
.nowACon #arcIndex a{ background-position: -170px 0px; cursor: default;}

#arcRanking a{ background-position: 0px -23px;}
#arcRanking a:hover{ background-position: -170px -23px;}
.nowARon #arcRanking a{ background-position: -170px -23px; cursor: default;}

/*******メニュー要素/others*****************************/
#othersToiawase a{ background-position: 0px 0px;}
#othersToiawase a:hover{ background-position: -170px 0px;}
.nowOTon #othersToiawase a{ background-position: -170px 0px; cursor: default;}

#othersSitemap a{ background-position: 0px -23px;}
#othersSitemap a:hover{ background-position: -170px -23px;}
.nowOSon #othersSitemap a{ background-position: -170px -23px; cursor: default;}

#othersKiyaku a{ background-position: 0px -46px;}
#othersKiyaku a:hover{ background-position: -170px -46px;}
.nowOKon #othersKiyaku a{ background-position: -170px -46px; cursor: default;}

#othersLink a{ background-position: 0px -69px;}
#othersLink a:hover{ background-position: -170px -69px;}
.nowOLon #othersLink a{ background-position: -170px -69px; cursor: default;}

/*******アーカイブで使用されているTEXT要素************/
.j09{font-Size:9px; line-height: 12px}
.j10{font-Size:10px; line-height: 13px}
.j12{font-Size:12px; line-height: 16px}
.j14{font-Size:14px; line-height: 18px}
.j18{font-Size:18px; line-height: 22px}

.j09, .j10, .j12, .j14, .j18 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif; 
	}
/*******車パーツ一覧専用クラス*******/ 
#plistBody { background: url(../bg4tuned/images/car/body_back.jpg) repeat-y top center #000000; }
#plist_wrap {
	background-color: #FFFFFF;
	text-align: left;
	width: 600px;
	padding: 0px 2px 3px;
	margin: 0px auto;
	border: 1px solid #000000;
}
#plist_wrap h1 {
	display: block;
	width: 594px!important;
	width /**/:600px;
	height: 20px!important;
	height /**/:60px;
	color:#FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
	padding: 40px 3px 0px;
	vertical-align: bottom;
	background:url(../bg4tuned/images/car/plist_h1.gif) no-repeat left top #000;
}
#plist_wrap h2 {
	width: 596px!important;
	width /**/:600px;
	background-color:#999999;
	color:#FFFFFF;
	padding: 2px 2px 1px;
	line-height: 1.0em;
}
#plist_wrap table {
	width: 600px;
}
.part6, .part7, .part12, .part24, .part4, .part8 { 
	font-size: 0.9em;
	line-height: 1.0em;
	border-top: 1px solid #666666;
	border-bottom: 2px solid #4D4D4D;
	width: 600px;
}
.part6 table th, .part7 table th, .part12 table th,  .part8 table th{ vertical-align: top;  padding: 1px 0px 1px 2px;}
.part4 table th, .part4 table td {vertical-align: middle; padding: 1px 0px 1px 2px;}

.part6 table th {
	width: 98px!important;
	width /**/: 100px;
}
.part6 table td {width: 100px;}

.part7 table th {
	width: 84px!important;
	width /**/: 86px;
}
.part7 table td div {width: 85px; overflow: hidden;}

.part12 table th  {
	width: 48px!important;
	width /**/: 50px;
}
.part4 table {
	text-align: center;
	background-color:#666666;
	
}
.part4 table th {
	width: 148px!important;
	width /**/: 150px;
	background-color:#CCCCCC;
	margin: 1px;

}
.part4 table td {background-image: url(../images/main_entryback.gif);}
.part24 td {
	width: 25px;
	height: 25px;
}

#plistFooter {
	width: 596px!important;
	width /**/:600px;
	font-size: 0.9em;
	line-height: 1.2em;
	color:#666666;
	margin-top: 5px;
	padding: 5px 2px;
	border-bottom: 5px solid #C40000;
}
#plistFooter address, #plistFooter p {margin: 0px; padding: 0px;}