@charset "utf-8";

@import(SprySlidingPanels.css);

/* -------------------------------------------------------------------
	outerWrap
------------------------------------------------------------------- */	
#outerWrap {
	margin:0 auto;
	/*background:url(../images/top_bg.gif) center bottom no-repeat;*/}
	
/* -------------------------------------------------------------------
	main 
------------------------------------------------------------------- */
#main {width:100%; /*background:none;*/}

/* -------------------------------------------------------------------
	●menuNavi
#menunavi ul,
#menunavi li {
	margin:0; padding:0;
}
#menunavi ul {
	width:740px; height:36px;
	background:url(../images/menu/top_menunavi_bg.jpg) no-repeat 0 0;}
#menunavi li {
	list-style-type: none;
	float: left; text-indent: -9999px; display: block;}
	
#menunavi a {
	display: block; width:147px; height:36px;
	background:url(../images/menu/top_menunavi_bg.jpg) no-repeat 0 0;}

#menunavi li#news a {width:152px; height:36px;}
#menunavi li#news,
#menunavi li#news a:link,
#menunavi li#news a:visited,
#menunavi li#news a:active {background-position: 0 0px;}
#menunavi li#news a:hover {background-position: 0 -36px;}
#menunavi li#news a.current {background-position: 0 -36px;}

#menunavi li#village,
#menunavi li#village a:link,
#menunavi li#village a:visited,
#menunavi li#village a:active {background-position: -152px 0px;}
#menunavi li#village a:hover {background-position: -152px -36px;}
#menunavi li#village a.current {background-position: -152px -36px;}

#menunavi li#gallery,
#menunavi li#gallery a:link,
#menunavi li#gallery a:visited,
#menunavi li#gallery a:active {background-position: -299px 0px;}
#menunavi li#gallery a:hover {background-position: -299px -36px;}
#menunavi li#gallery a.current {background-position: -299px -36px;}

#menunavi li#data,
#menunavi li#data a:link,
#menunavi li#data a:visited,
#menunavi li#data a:active {background-position: -446px 0px;}
#menunavi li#data a:hover {background-position: -446px -36px;}
#menunavi li#data a.current {background-position: -446px -36px;}

#menunavi li#concept,
#menunavi li#concept a:link,
#menunavi li#concept a:visited,
#menunavi li#concept a:active {background-position: -593px 0px;}
#menunavi li#concept a:hover {background-position: -593px -36px;}
#menunavi li#concept a.current {background-position: -593px -36px;}

------------------------------------------------------------------- */	



/* -------------------------------------------------------------------
	contents 
------------------------------------------------------------------- */
#contents {width:740px; float:left; padding:0; background:none;}

/* -------------------------------------------------------------------
	flashBox
------------------------------------------------------------------- */
.flashBox {
	background:#000; width:740px; height:513px;}
.flashBox p {margin:0;}

/* -------------------------------------------------------------------
	linkBox
------------------------------------------------------------------- */
.linkBox {height:54px; background:url(../images/linkbox_bg.gif) no-repeat;}
.linkBox ul {margin:0; padding:0px 0 0 41px;}
.linkBox li {margin:0; padding:0; display:inline;}
.linkBox li img {vertical-align:bottom;}

/* -------------------------------------------------------------------
	side
------------------------------------------------------------------- */
#side {
	width:250px; margin:0; padding:0px; float:right;
	background:#000;}

/*---bannerBox・buttonBox--*/
#side .bannerBox,#side .buttonBox {height:100%; margin:0; padding:0;}
#side .bannerBox p,#side .buttonBox p {margin:0;}

/*---sideBox--*/
#side .sideBox {
	margin:3px 0 0; padding:5px 0 0; clear:both;
	background:url(/component/images/side/sidebox_bg.gif) repeat-y;}

#side .sideBox h3 {margin:0;}
#side .sideBox .titleBox {
	padding:5px 11px 7px 14px; width:225px; height:100%;
	background:url(../images/side/title_bg.gif) repeat-x;}
#side .sideBox .titleBox h3 {float:left;}
#side .sideBox .titleBox p.rss {float:right; margin:0;}

#side .sideBox .conts {padding:5px 0 5px 10px;}

#side .sideBox .conts ul {margin:0; padding:0 6px 0 0; list-style:none;}
#side .sideBox .conts ul li {
	margin:0; padding:0; font-size:70%; line-height:1.0em;
	padding-bottom:4px; text-indent:0;}
body:first-of-type #side .sideBox .conts ul li {font-size:65%; line-height:1.3em;}

#side .sideBox p.more {font-size:70%; margin:0; padding:0 10px 0 0; text-align:right;}
#side .sideBox p.more a {
	padding-left:10px;
	background:url(/component/images/link_point_r.gif) no-repeat 0 1px;}
#side #infoBox p.more a {
	background:url(/component/images/link_info_point.gif) no-repeat 0 1px;}
#side .sideBox p.more a:hover { color:#d2201e;}

/*---container(タブ切り替え)--*/
#container {width:250px;}
#container ul.tabs-nav {
	margin:0; padding:0; list-style:none;}
#container ul.tabs-nav li {float:left; margin:0;}
#container ul.tabs-nav li a {margin:0 1px 0 0;}

#container ul.tabs-nav li a {
	width:62px; height:37px; text-indent:-9999px;
	display:block; overflow:hidden; outline:none;}

#container ul.tabs-nav li#last a {
	width:61px;
	background:url(../images/side/tab/last_off.gif) no-repeat;}
#container ul.tabs-nav li#last a:hover {
	background:url(../images/side/tab/last_r.gif) no-repeat;}
#container ul.tabs-nav li#last a.selected {
	background:url(../images/side/tab/last_on.gif) no-repeat;}
	
#container ul.tabs-nav li#schedule a {
	background:url(../images/side/tab/schedule_off.gif) no-repeat;}
#container ul.tabs-nav li#schedule a:hover {
	background:url(../images/side/tab/schedule_r.gif) no-repeat;}
#container ul.tabs-nav li#schedule a.selected {
	background:url(../images/side/tab/schedule_on.gif) no-repeat;}
	
#container ul.tabs-nav li#teamRanking a {
	background:url(../images/side/tab/team_ranking_off.gif) no-repeat;}
#container ul.tabs-nav li#teamRanking a:hover {
	background:url(../images/side/tab/team_ranking_r.gif) no-repeat;}
#container ul.tabs-nav li#teamRanking a.selected {
	background:url(../images/side/tab/team_ranking_on.gif) no-repeat;}
	
#container ul.tabs-nav li#driverRanking a {
	width:61px;
	background:url(../images/side/tab/driver_ranking_off.gif) no-repeat;}
#container ul.tabs-nav li#driverRanking a:hover {
	background:url(../images/side/tab/driver_ranking_r.gif) no-repeat;}
#container ul.tabs-nav li#driverRanking a.selected {
	background:url(../images/side/tab/driver_ranking_on.gif) no-repeat;}
	
#container #containerBox {
	margin:0 auto; padding:10px 0 3px;
	clear:both; width:250px;
	background:url(../images/side/tab/containe_box_bg.gif) no-repeat;}

#container .tabs-hide {display:none;}

#page02,#page03,#page04 {
  display: none;
}

#container #containerBox p {margin:0;}

#containerBox .tabs-container {
	padding:0 10px 8px; height:auto;
	background:url(../images/side/tab/tabs_container_bg.gif) no-repeat left bottom;}
body:first-of-type #containerBox .tabs-container {padding:0 10px;}
#containerBox .tabs-container .tabTitle {
	height:13px; padding:3px 5px; margin:5px 0 0;
	background:url(../images/side/tab/title_bg.gif) repeat-x;}

#containerBox .tabs-container .tabTitle h4 {
	margin:0; padding:0; float:left;
	font-size:70%; color:#c4c4c4;}
#containerBox .tabs-container .tabTitle p {
	float:right; font-size:70%; color:#c4c4c4;}

#containerBox .tabs-container table {
	margin:0.8em 0 0; color:#fff; border-spacing:1px; padding:0 10px;
	width:100%; font-size:65%; border-collapse:collapse; line-height:1.4em; }
body:first-of-type #containerBox .tabs-container table { font-size:55%; line-height:1.6em;} 
#containerBox .tabs-container table tr {padding:0 5px;}
#containerBox .tabs-container table td {margin:0; padding:0 3px 0; line-height:1.6em;}

#containerBox .tabs-container table tr.current td {
	background:url(../images/side/tab/table_current_bg.gif) repeat-x 0 1px;}

#side #containerBox .tabs-container p.more {margin:0.6em 0 0; padding:0 0 3px;}

/* -------------------------------------------------------------------
	flashBox
------------------------------------------------------------------- */
.flashBox {
	background:#000; width:740px; height:513px; margin:1px 0 0;}
.flashBox p {margin:0;}

/* -------------------------------------------------------------------
	linkBox
------------------------------------------------------------------- */
.linkBox p {margin:0;}

/* -------------------------------------------------------------------
	footer
------------------------------------------------------------------- */
#footerWrap {
	 height:90px; padding:0; text-align:left;
	background:url(../images/footer/top_footer_bg.gif) center top no-repeat;}






/* TOP CONTENTS ------------------------------------------------------------------------------------------ */
#topContents {
	width:995px;
	padding:10px 0;
	margin:0 auto;
	text-align:center;
	font-size:14px;
	background:url(../images/top_column_bg.gif) center top no-repeat;
}
#topContents img   {
	margin:0;
	padding:0;
}
#topContents a {
	display:inline;
}

.topContentsMain {
	margin:15px 0 20px;
	text-align:left;
	color:#FFFFFF;
}
.topContentsLeft {
	float:left;
	width:420px; 
}

.topContentsRight {
	float:left;
	width:300px;
	padding-left:20px;
}

.topRightBox {
	margin:0 0 20px;
	background:#CCCCCC;
}

.topRightBox dl {
	margin:10px 0;
	padding:0 10px 10px;
}
.topRightBox dt {
	clear:left;
	float:left;
	font-size:80%;
	width:7.5em;
	margin:0 0 0.5em;
	text-align:left;
}
.topRightBox dd {
	font-size:80%;
	margin-bottom:0.5em;
	padding-left:6em;
	text-align:left;
}

.topRightBox a,
.topRightBox a:link,
.topRightBox a:visited { color: #262626; text-decoration:none;}
.topRightBox a:active  { color: #FF0000; text-decoration:underline;}
.topRightBox a:hover   { color: #CC0000; text-decoration:underline;}







/* PORTAL AREA CONTENTS ------------------------------------------------------------------------------------------ */
#portal {
	padding: 20px;
	background:url(/images/top_bg.jpg);
}

#mainVisual {
	margin-bottom:10px;
}

#portal p.more {
	text-align:right;
	padding:0;
	margin:5px 0 0;
}


/* -------------------------------------------------------------------
	topBlock
------------------------------------------------------------------- */	
.topBlock,
.topNews,
.topVillage {
	margin:10px 0;
}

.topBlock .leftBox {
	width:394px;
	margin:0 6px 0 0;
}
.topBlock .rightBox {
	width:300px;
	margin: 0;
}

/*--title--*/	
.topBlock .titleBox,
.topNews .titleBox,
.topVillage .titleBox {
	margin: 0;
	padding:0;
}
.topBlock .titleBox h2,
.topNews .titleBox h2,
.topVillage .titleBox h2 {
	margin:0;
	padding:12px 0 0 26px;
	color:#ccc;
	font-size:85%;
	height:29px;
	background:url(/images/title_bg.gif) no-repeat;
}

.topBlock ul,
.topBlock li {
	list-style:none;
	margin:0;
	padding:0;
}


#portal a,
#portal a:link,
#portal a:visited { color: #990000; text-decoration:none;}
#portal a:active  { color: #FF0000; text-decoration:underline;}
#portal a:hover   { color: #CC0000; text-decoration:underline;}





/* -------------------------------------------------------------------
	newPhoto
------------------------------------------------------------------- */	
.newPhoto {
	background:#FFFFFF;
}

table.newPhoto a img {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
table.newPhoto a:hover img {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}



/* -------------------------------------------------------------------
	topResultBox
------------------------------------------------------------------- */	
.topResultBox {
	background:#EEEEEE;
}
.topResultBox ul {
	padding:10px;
}

.topResultBox li {
	margin:0 0 5px 0;
}

.driversPoint {
	padding:0px;
}

.driversPoint h2 a,
.driversPoint h2 a:link,
.driversPoint h2 a:visited { color: #CCCCCC; text-decoration:none;}
.driversPoint h2 a:active  { color: #FF0000; text-decoration:underline;}
.driversPoint h2 a:hover   { color: #CC0000; text-decoration:underline;}


.driversPoint h4 {
	padding:0;
	margin:0 0 5px;
	font-size:12px;
}
.driversPoint table {
	font-size:80%;
	background:#999999;
}
.driversPoint td {
	font-size:80%;
	background:#EFEFEF;
}
.driversPoint th {
	font-size:80%;
	color:#EFEFEF;
	background:#292929;
}


/* -------------------------------------------------------------------
	topNews
------------------------------------------------------------------- */	
.topOriginalRelease {
	background:#000;
	border:#595959 solid;
	border-width:0 1px 1px;
	padding:0 0 5px 0;
}
.topOriginalRelease h3 {
	font-size:12px;
	color:#CCC;
	padding:5px;
	margin:0;
}


/* -------------------------------------------------------------------
	topNews
------------------------------------------------------------------- */	
.topNews {
	background:#EEEEEE;
	margin-bottom:0;
}

.topNewsBlock {
	float:left;
	margin:0;
	width:350px;
}
.topNewsWrap {
	border-top:#FFFFFF solid 1px;
	border-left:#FFFFFF solid 1px;
	border-right:#999999 solid 1px;
	border-bottom:#7a7a7a solid 1px;
	padding:5px;
	height:64px;
}
.topNewsWrap .leftBox img {
	border:#CCCCCC solid 1px;
}
.topNewsWrap .leftBox a img,
.topNewsWrap .leftBox a:link img,
.topNewsWrap .leftBox a:visited img { border:#CCCCCC solid 1px;}
.topNewsWrap .leftBox a:active img { border:#CC0000 solid 1px;}
.topNewsWrap .leftBox a:hover img { border:#CC0000 solid 1px;}


.topNewsWrap .rightBox {
	width:240px;
	margin-left:5px;
	font-size:10px;
}
.topNewsWrap .rightBox p {
	margin:0 0 2px;
	padding:0;
	color:#666666;
}

.topNewsWrap .rightBox h3 {
	font-weight:bold;
	padding:0;
	margin:0 0 3px 0;
	font-size:10px;
}

.topNewsWrap .rightBox a span,
.topNewsWrap .rightBox a:link span,
.topNewsWrap .rightBox a:visited span { color: #333333; text-decoration:none;}
.topNewsWrap .rightBox a:active span { color: #FF0000; text-decoration:underline;}
.topNewsWrap .rightBox a:hover span { color: #CC0000; text-decoration:underline;}


#portal p.moreNews {
	text-align:right;
	padding:0;
	margin:5px 0 10px;
}


/* -------------------------------------------------------------------
	topVillage
------------------------------------------------------------------- */	
.topVillage {
	background:#EEEEEE;
	margin-bottom:0;
}

.topVillageBlock {
	float:left;
	margin:0;
	width:233px;
}
.topVillageWrap {
	border-top:#FFFFFF solid 1px;
	border-left:#FFFFFF solid 1px;
	border-right:#999999 solid 1px;
	border-bottom:#7a7a7a solid 1px;
	padding:5px;
}
.topVillageWrap .leftBox img {
	border:#CCCCCC solid 1px;
}
.topVillageWrap .leftBox a img,
.topVillageWrap .leftBox a:link img,
.topVillageWrap .leftBox a:visited img { border:#CCCCCC solid 1px;}
.topVillageWrap .leftBox a:active img { border:#CC0000 solid 1px;}
.topVillageWrap .leftBox a:hover img { border:#CC0000 solid 1px;}


.topVillageWrap .rightBox {
	width:160px;
	margin-left:5px;
	font-size:10px;
}
.topVillageWrap .rightBox p {
	margin:0 0 2px;
	padding:0;
	color:#666666;
}

.topVillageWrap .rightBox h3 {
	font-weight:bold;
	padding:0;
	margin:0 0 3px 0;
	font-size:10px;
}

.topVillageWrap .rightBox a span,
.topVillageWrap .rightBox a:link span,
.topVillageWrap .rightBox a:visited span { color: #333333; text-decoration:none;}
.topVillageWrap .rightBox a:active span { color: #FF0000; text-decoration:underline;}
.topVillageWrap .rightBox a:hover span { color: #CC0000; text-decoration:underline;}


#portal p.moreNews {
	text-align:right;
	padding:0;
	margin:5px 0 10px;
}