﻿@charset "utf-8";

/* CSS Document */

/*

---------- 共通部分 ----------

*/

* {

	margin:0px;

	padding: 0px;

}



.clearfix:after {

   content: ".";

   display: block;

   clear: both;

   height: 0;

   visibility: hidden;

}

.clearfix { display: inline-block; }

* html .clearfix { height: 1% }

.clearfix {display:block;}





body {

	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	font-size:62.5%;

	line-height:1.7;

	letter-spacing:0.1em;

	background:url(img/topbg.jpg) repeat-x left top;

	padding-top:21px;

}



a:link , a:visited , a:active {

	color:#0000FF;

	text-decoration:none;

}

a:hover{

	color:#66CCFF;

	text-decoration:underline;

}

hr {

	width:100%;

	clear:both;

	height:0px;

	visibility:hidden;

	display:block;

	border:0px;

}

* html hr {

	margin-top:-20px;

	height:0px;

}

*:first-child+html hr{

	margin-top:-20px;

	height:0px;

}

.overAlpha a:hover img {

	opacity:0.7;

	filter:alpha (opacity=70);

}

.red {

	color:#CC0000;

}

.blue {

	color:#0066CC;

}

.clear {

	clear:both;

}

.right {

	text-align:right;

}

.center {

	text-align:center;

}

#wrapper {

	width:800px;

	margin:0px auto;

}



/*

---------- ヘッダ部分 ----------

*/



#header {

	background:url(img/sample.jpg) no-repeat right top;

	position:relative;

	height:150px;

}



#header h1 {

	clear:both;

}

#header h1 a {

	background:url(img/logo_3.gif) no-repeat 0px 15px;

	width:270px;

	height:0px;

	padding-top:112px;

	overflow:hidden;

	display:block;

	margin-bottom:18px;

}

#header h2 {

	font-size:0.5em;

	display:block;

	height:0px;

	overflow:hidden;

	clear:both;

}

#header ul {

	list-style-type:none;

}

#header #headmenu {

	position:absolute;

	width:auto;

	height:22px;

	font-size:1.2em;

	top:-21px;

	right:1%;

	text-transform: uppercase;

}

#header #headmenu a {

	color:#00CCFF;

}

#header #headmenu a:hover {

	color:#99FFFF;

	text-decoration:none;

}

#header #headmenu li {

	display:inline;

	margin-left:10px;

}

#headmenu #home {

	background:url(img/homeicon.gif) no-repeat 0px;

	padding-left:18px;

}

#headmenu #sitemap {

	background:url(img/sitemapicon.gif) no-repeat 1px;

	padding-left:25px;

}

#header #font {

	width:228px;

	height:37px;

	position:absolute;

	top:0px;

	right:0px;

	display:block;

}

#font h3 {

	height:0px;

	overflow:hidden;

	margin:0px;

	padding:0px;

}

#font ul {

	margin:5px 0px 0px 120px;

	font-size:10px;

}

#font li {

	display:inline;

	margin-left:8px;

}

#font li img {

	border:none;

}

#globalNavi {

	height:45px;

	display:block;

	position:absolute;

	width:810px;

	left:-6px;

	background:url(img/menubg.jpg) no-repeat center 4px;

	padding-left:5px;

}



/*

---------- ヘッダグローバルナビ部分 ----------

*/



#globalNavi li {

	display:block;

	float:left;

}

#globalNavi li a {

	height:0px;

	display:block;

	padding-top:36px;

	overflow:hidden;

}

#globalNavi ul ul {

	height:auto;

	z-index:999;

}

#globalNavi ul li {

	float:none;

	z-index:2;

}

#globalNavi #ozz a {

	background:url(img/menu.jpg) no-repeat 0px 0px;

	width:140px;

	height:0px;

	display:block;

	padding-top:36px;

	overflow:hidden;

}

#globalNavi #ozz a:hover {

	background:url(img/menu.jpg) no-repeat 0px -42px;

}

#globalNavi #race a {
	width:95px;
	background-image: url(img/menu.jpg);
	background-repeat: no-repeat;
	background-position: -140px 0px;

}

#globalNavi #race a:hover {

	background:url(img/menu.jpg) no-repeat -140px -42px;

}

#globalNavi #gate a {
	width:93px;
	background-image: url(img/menu.jpg);
	background-repeat: no-repeat;
	background-position: -235px 0px;

}

#globalNavi #gate a:hover {

	background:url(img/menu.jpg) no-repeat -235px -42px;

}

#globalNavi #fan a {
	width:145px;
	background-image: url(img/menu.jpg);
	background-repeat: no-repeat;
	background-position: -328px 0px;

}

#globalNavi #fan a:hover {

	background:url(img/menu.jpg) no-repeat -328px -42px;

}

#globalNavi #player a {
	width:100px;
	background-image: url(img/menu.jpg);
	background-repeat: no-repeat;
	background-position: -473px 0px;

}



#globalNavi #player a:hover {

	background:url(img/menu.jpg) no-repeat -473px -42px;

}

#globalNavi #guide a {
	width:100px;
	background-image: url(img/menu.jpg);
	background-repeat: no-repeat;
	background-position: -573px 0px;

}

#globalNavi #guide a:hover {

	background:url(img/menu.jpg) no-repeat -573px -42px;

}

#globalNavi #bpKure a {
	width:129px;
	background-image: url(img/menu.jpg);
	background-repeat: no-repeat;
	background-position: -673px 0px;

}

#globalNavi #bpKure a:hover {

	background:url(img/menu.jpg) no-repeat -673px -42px;

}

#globalNavi #player li a , #globalNavi #player li a:hover , #globalNavi #guide li a  , #globalNavi #guide li a:hover , #globalNavi #ozz li a  , #globalNavi #ozz li a:hover{

	background-image:none;

	padding:7px 5px;

	height:auto;

	display:block;

	color:#333333;

}

#globalNavi #player li a  , #globalNavi #guide li a , #globalNavi #ozz li a {

	background:url(img/menu-arrow.gif) no-repeat 5px center;

	padding-left:23px;

}

#globalNavi #player li a:hover , #globalNavi #guide li a:hover , #globalNavi #ozz li a:hover  {

	text-decoration:none;

	background:#E6E6E6 url(img/menu-arrowOver.gif) no-repeat 5px center;

	padding-left:23px;

}

#globalNavi #player li a , #globalNavi #player li a:hover {

	width:15em;

}

##globalNavi #guide li a  , #globalNavi #guide li a:hover {

	width:8em;

}

.parent ul{

	display:none;

}

.parentOn ul{

	display:block;

}

#globalNavi #player ul , #globalNavi #guide ul , #globalNavi #ozz ul {

	margin:0px;

	padding:0px;

	position:absolute;

	font-size:1.2em;

	border-left:1px solid #666666;

	border-right:1px solid #666666;

	border-bottom:1px solid #666666;

	background-color:#FFFFFF;

}

#globalNavi #ozz ul {

	left:7px;

}

.line {

	border-bottom:dashed 1px #999999;

}

/*

---------- コンテンツ部分 ----------

*/

#contents {

	margin-top:25px;

}

#contents #primary {

	width:590px;

	float:right;

}

#contents #secondary {

	width:205px;

	float:left;

}

/*

---------- コンテンツ右メニュー部分 ----------

*/

#contents #secondary ul {

	list-style-type:none;

}

#contents #secondary li a {

	height:0px;

	display:block;

	overflow:hidden;

}

#contents #secondary li a:hover , #secondary #camera h3 a:hover img {

	opacity:0.7;

	filter:alpha (opacity=70);

}

#secondary #live a {

	background:url(img/live.jpg) no-repeat 0px 0px;

	padding-top:54px;

}

#secondary #replay a {

	background:url(img/replay.jpg) no-repeat 0px 0px;

	padding-top:48px;

}

#secondary #netvote a {

	background:url(img/internet.jpg) no-repeat 0px 0px;

	padding-top:48px;

}

#secondary #mobile a {
	padding-top:57px;
	background-image: url(img/mobile.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#secondary #smf a {
	padding-top:33px;
	background-image: url(img/smf.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-bottom: 5px;
	margin-top: -2px;
}

#secondary #racingProgram1 a {
	padding-top:32px;
	background-image: url(img/pdf_1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}

#secondary #racingProgram2 a {
	padding-top:32px;
	background-image: url(img/pdf_2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;

}
#secondary #racingProgram3 a {
	padding-top:32px;
	background-image: url(img/pdf_3.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-bottom: 5px;

}

#secondary #live , #secondary #replay , #secondary #point , #secondary #bppoint , #secondary #melma, #secondary #fax , #secondary #netvote ,#secondary #mobile , #secondary #racingProgram {

	margin-bottom:2px;

}

#secondary #column a {

	background:url(img/column.jpg) no-repeat 0px 0px;

	padding-top:60px;

}

#secondary #monta a {

	background:url(img/monta.jpg) no-repeat 0px 0px;

	padding-top:77px;

}

#secondary #interview a {

	background:url(img/interview.jpg) no-repeat 0px 0px;

	padding-top:58px;

}

#secondary #game a {

	background:url(img/game.jpg) no-repeat 0px 0px;

	padding-top:66px;

}

#secondary #beginners a {

	background:url(img/beginner.jpg) no-repeat 0px 0px;

	padding-top:44px;

}

#secondary #point a {
	background:url(img/point.jpg) no-repeat 0px 0px;
	padding-top:62px;
	margin-top: 4px;
}

#secondary #bppoint a {
	padding-top:50px;
	margin-top: 4px;
	background-image: url(img/bppoint.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}



#secondary #melma a {

	background:url(img/melmaga.jpg) no-repeat 0px 0px;

	padding-top:66px;

	margin-top: 4px;

}



#secondary #fax a {

	background:url(img/fax_banner.jpg) no-repeat 0px 0px;

	padding-top:48px;

	margin-top: 4px;

}

#secondary #managementplan a {

	background:url(img/managementplan.jpg) no-repeat 0px 0px;

	padding-top:48px;

	margin-top: 4px;

}



#secondary #tel_t a {

	background:url(img/tel_t.jpg) no-repeat 0px 0px;

	padding-top:58px;

	margin-top: 4px;

}



#secondary #camera {

	margin:10px auto 5px auto;

}

#secondary #camera h3 a img {

	border: none;

}

#camera h3 {

	font-size:1.2em;

	text-align:center;

	padding-top:2px;

}

#camera p {

	font-size:1.2em;

	padding:2px 7px;

}

#camera #view {

	background:url(img/c_new3.gif) no-repeat 0px bottom;

	padding-bottom:5px;

	margin:0px;

	text-align:right;

}

#view span {

	background:url(img/menu-arrow.gif) no-repeat 0px center;

	padding-left:18px;

}

/*

---------- フッタ部分 ----------

*/



#footer {

	width:100%;

	padding:10px 0px;

	background:#000;

	color:#FFFFFF;

	margin-top:15px;

}

#footer ul {

	width:800px;

	margin:0px auto;

	list-style-type:none;

	font-size:1em;

}

#footer ul li {
	float:left;
	margin:3px 0px;
	padding:0px 5px;
	border-left:1px solid #FFFFFF;
	line-height:normal;
	display: block;

}

#footer ul li a , #footer ul li a:hover {

	color:#FFFFFF;

}

#footer #borderNone {

	border-left:1px solid #000000 !important;

}

#footInner {

	width:100%;

	margin:10px 0px;

	clear:both;

	padding-top:15px;

	border-top:2px solid #FFFFFF;

}

#footer address {

	width:800px;

	margin:0px auto;

	font-style: normal;

	position:relative;

}

#footer address a {

	color:#66CCFF;

}

address img {

	width:132px;

	position:absolute;

	margin:20px 0px 0px 0px;

	left:0px;

}

address span {

	margin-left:150px;

	display:block;

	font-size:1.2em;

}

#footer p {

	width:800px;

	text-align:right;

	margin:-1.2em auto 20px auto;

}





#columT {

	line-height: 1.8;

	font-size: 15px;

}

/*

---------- 記者の見解ポップアップ ----------

*/

.t1216 {

	font-size: 14px;

	line-height: 16px;

}

.or14b {

	font-size: 14px;

	line-height: 18px;

	color: #FF6600;

	font-weight: bold;

}

/*

---------- ブラウザキャッシュ削除のテキスト ----------

*/



#cashe{

margin-left:45px;

width:480px;

border: 1px dashed #CCCCCC;

padding:5px;



}

.linered {

	border: 1px dotted #FF0000;

	padding: 3px;

}

.bkred {

	font-size: 1em;

	font-weight: bold;

	color: #FFFFFF;

	background-color: #FF0000;

	padding: 2px;

}

.p10 {

	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 5px;

	padding-left: 10px;
}

#policy p {

	padding-left: 10px;

	padding-right: 10px;

}

.12txt {

	font-size: 12px;

}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}


.clear {
	clear: both;
}

