@charset "utf-8";


/*チェック用*/
/*
border: 1px solid green;
border: 1px solid blue;
border: 1px solid oranege;
border: 1px solid red;
*/


/*
201706のリニューアル後削除可能
sub-title
*/



/* 基本資料
http://allabout.co.jp/gm/gc/23897/2/
同じclass名は1ページ中に何度でも使用可
同じid名は1ページ中に1度だけ

■Class
h3.sample {
　　color: #ff0000
}
<h3 class="sample">レベル3の見出し文字が#ff0000（赤色）です</h3>

■id
#sample {
　　color: #ff0000
 }
<p id="sample">ここだけの文字が#ff0000（赤色）です</p>
*/





/*************************************************/
/*       全体設定                  */
/*************************************************/

/* --- 全体の背景1 --- */
html {
	background: #EEEEEE;
}


/* --- 全体の背景2・テキスト --- */
body {
	margin: 0;
	padding: 0;
	background: url(/cmn/images/pag-side-shadow.gif) center top repeat-y; /* 背景の影画像 */
	background-position : 0px;
	color: #000000; /* 全体の文字色 */
}


/* --- 全体のリンクテキスト --- */
	a:link { color: #0000ff; }
	a:visited { color: #800080; }
	a:hover { color: #ff0000; }
	a:active { text-align: left; }


/* --- リンク_blank時のアイコン --- */
.icon{
	background:transparent url(/cmn/images/window-icon.gif) center right no-repeat;
	padding-right:15px;
}


/* --- ページ全体枠（外枠デザイン） --- */
#container {
	width: 990px; /* ページの全体幅 */
	margin-left: 10px;
	margin-top: 3px;
	margin-bottom: 10px;
	background-color: #ffffff; /* メインカラムの背景色 */
	border-bottom: 1px solid #000000;
}


/* --- ページ全体枠（内枠定義） --- */
#containerInner {
	width: 100%;
}


/* --- ヘッダ（サイトタイトル画像） --- */
#header {
	border-bottom: 1px solid #000000;
}


/* --- トップ緊急メッセージ --- */
#Top-Info {
	width:80%;margin:10px 0px 0px 0px;padding:0px;
	border-collapse:collapse;
	border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;
}
#Top-Info th {
	padding:4px 2px 2px 4px;
	color:#666666;
	font-weight: normal;
	background-color:#EEEEEE;
	border-bottom:1px dotted #999999;
	border-left:5px solid #FF9900;
}
#Top-Info td {
	padding:4px 2px 2px 4px;
	border-bottom:1px dotted #999999;
	border-left:3px double #CCCCCC;
	border-right:1px solid #CCCCCC;
}






/*************************************************/
/*       左サイドメニュー設定       　           */
/*************************************************/

/* --- 左サイドメニュー全体--- */
#nav {
	float: left;
	width: 132px; /* 左サイドバーの幅 */
	margin-top: 20px;
	margin-left: 12px;
	margin-right: 5px;
	margin-bottom: 10px;
	background-color: #F2F2F2;
/* border: 1px solid pink;　--- チェック用--- */
}


/*----------左サイドメニュー内の段落*/
#left p,#right p {
	padding: 10px;
	line-height: 1.5em;
}


/*----------左サイドメニュー見出し*/
.sbttl_bar {
	background-color: #0000FF;
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
	padding-right: 0px;
	text-align: left;
	padding-left: 10px;
	border-bottom: 1px solid #0000ff;
	line-height: 23px;
	font-family: "trebuchet MS";
}


/*----------左サイドメニュー個別枠*/
.icon1 a {
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding-left: 16px;
	padding-right: 0px;
	line-height: 22px;
	font-family: "trebuchet MS";
	text-decoration: none;
	color: #3c3c3c;   /*文字色*/
	border-left: #0000FF 1px solid;
	border-right: #0000FF 1px solid;
	border-bottom: gray 1px solid;
	background-color: #ffffff;
}

.icon1 a:hover {
	background: #E6E6FA;
}

#left-under {
	width: 130px;
	margin-top: 10px;
	margin-bottom: 20px;
}





/*************************************************/
/*       コンテンツ中央のCenterDiv全体設定　　                 */
/*************************************************/

/* コンテンツ中央のCenterDiv部分（左・中央・右の並びと枠の大きさを設定） */
#content {
	float: left;
	width: 560px; /* メインコンテンツの幅 */
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
/*border: 1px solid red;　 --- チェック用--- */
}

#content-title {
	margin-top : 15px;
}



/*************************************************/
/*       コンテンツ中央のCenterDiv（コンテンツ）設定　　          */
/*************************************************/




#main-content {
	width: 560px; /* メインコンテンツの幅 */
	font-family: "ＭＳ Ｐゴシック", "MS UI Gothic", Osaka, sans-serif;
	font-size: 16px;
	line-height: 129%;
/*border: 1px solid green;　 --- チェック用--- */
}


h1 {
margin-bottom: 0;
}


p {
margin-top: 0;
}


/* --- パンくずリスト--- */
/* リスト */
ul.topic-path {
margin: 0px 0px 10px 0px; /* マージン（上右下左） */
padding: 4px 5px; /* パディング（上下、左右） */
background-color: #f9f9f9; /* 背景色 */
list-style-type: none; /* リストマーク非表示 */
font-size: 14px; /* 文字サイズ */
}

/* リスト項目 */
ul.topic-path li {
padding-left: 5px; /* 左パディング */
display: inline; /* 項目を横並び */
}

/* リスト項目（最初の項目） */
ul.topic-path li.first {
padding-left: 20px; /* 左パディング */
background: url(/cmn/images/topic-path-top.gif) no-repeat left; /* ホーム記号（※） */
}

/* リンクエリア */
ul.topic-path li a {
padding-right: 12px; /* 右パディング */
background: url(/cmn/images/topic-path-mark.gif) no-repeat right; /* 矢印記号（※） */
}




/* --- ページ送り--- */

#pagelist {
	margin-top: 20px;
	margin-bottom: 20px;
}

#pagelist ul.pager {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	background: #eee;
	text-align: center;
}

#pagelist ul.pager li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

#pagelist ul.pager li span {
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #aaa;
	vertical-align: middle;
color: red; /* 項目の文字色 */
	text-decoration: none;
}

#pagelist ul.pager li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #aaa;
	vertical-align: middle;
	text-decoration: none;
}

#pagelist ul.pager li a:hover {
	background: #eeeff7;
	border-color: #00f;
}

#pagelist ul.pagers {
	margin: 0 0 10px;
	padding: 12px;
	background: #f3f3f3;
	text-align: center;
}

#pagelist ul.pagers li {
	display: inline;
	margin: 0 1px;
	padding: 0;
}

#pagelist ul.pagers li span,
#pagelist ul.pagers li a {
	display: inline-block;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #ccc;
	vertical-align: middle;
	text-decoration: none;
}

#pagelist ul.pagers li a:hover {
	background: #efefef;
}




/*********************************************************************************/
/* RSSインクルード表示（feed2jsによる管理。左：今日のF1フォト、下：ニュース一覧）  */
/*********************************************************************************/



/*----------今日のF1の横幅や文字定義*/
.rss-box-left-dailyf1photo {
	width: 128px;
	font-size: small;
}

/*----------liタグ定義*/
ul.rss-items {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-left: 0px;
}


li.rss-items {
	list-style-type: none;
	display: inline-block;
	float: left;
	width: 230px;
}





/*----------ニュース一覧の横幅や文字定義*/
.rss-box-newslists {
	width: 480px;
	margin: 3px 0 20px;
	color: #444444;
	line-height: 150%;
}


/*----------ニュース一覧の画像を左にフロート*/
p.left {
	float: left;
	margin-right:5px;
	margin-bottom:5px;
}


/*----------日付を非表示*/
.rss-date {
display:none;
}

/*************************************************/
/*       フッター設定                  */
/*************************************************/

/* --- フッター枠全体--- */
#footer {
	clear: left; /* フロートのクリア */
	width: 100%;
	text-align: center;
	font-size: 13px;
	margin-bottom: 20px;
}

/* --- フッター枠コピーライト表記部分--- */
#footer-copyright {
	width: 70%;
	text-align: left;
	font-size: 12px;
	margin-top: 10px;
	margin-left: 150px;
	margin-bottom: 10px;
}





/*************************************************/
/*       右サイドメニュー設定                  */
/*************************************************/

/* 右サイドメニューの全体設定 */
#right {
	float: left;
	width: 253px; /* 右サイドメニューの幅 */
	margin-top: 20px;
	margin-left: 0px;
	margin-bottom: 50px;
/*border: 1px solid blue;　 --- チェック用--- */
}


/* 右サイドメニューの楽天F1グッズ枠全体 */
#right-f1goods {
	margin-bottom: 10px;
}

/* 右サイドメニューの楽天画像 */
#right-side-ad-rakuten-picture {
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 23px;
	border-left: #0000FF 1px solid;
	border-right: #0000FF 1px solid;
	border-bottom: #0000FF 1px solid;
	background-color: #ffffff;
}

/* 右サイドメニューの楽天テキスト */
#right-side-ad-rakuten-text {
	width: 230px;
	margin-left: 10px;
	font-size: 12px;
	text-decoration: none;
	color: red;   /*文字色*/
}







/*************************************************/
/*       年代選択                  */
/*************************************************/

/*201706のリニューアル後削除可能-ここから*/
div.sub-title {
	padding:3px 5px;
	border-color:#6AA2DB;
	border-width:1px 1px 1px 7px;
	border-style:solid;
	background:#EEF6FF;
	margin-bottom: 15px;
}
/*201706のリニューアル後削除可能-ここまで*/


div.year-title {
	padding:3px 5px;
	border-color:blue;
	border-width:1px 1px 1px 7px;
	border-style:solid;
	background:#EEF6FF;
	margin-bottom: 15px;
}
div.year-image {
	margin-bottom: 8px;
	margin-bottom: 30px;
}



/*************************************************/
/*       チーム・ドライバーのタイルメニュー      */
/*************************************************/

table.tile-menu td { vertical-align: top; }
.tile-menu-list { margin-bottom: 30px; margin-right: 10px;}





/*************************************************/
/*       「F1リザルト」ページ設定                  */
/*************************************************/

/*リザルトテーブル（扉ページ）*/
.f1result-table-yellow {
background-color: #F0F0F0;
}
.f1result-table-lavender {
background-color: #F0F0FF;
}

.f1result-table-title {text-align:center;background-color:#343434;color:#FFCC00;vertical-align:top}



/*リザルトテーブル（各セッションページ/タイトル項目）*/
table.f1result-title {
		width: 560px;
		cellpadding: 2;
}

table.f1result-title td {
		text-align: left;
		color:#ffffff;
		background: #0000ff;
}

/*リザルトテーブル（各セッションページ）*/
table.f1result {
		width: 560px;
		border: 1px solid #B0C4DE;
		border-collapse: collapse;
		border-spacing: 0;
}

/*テーブル項目名箇所（各セッションページ）*/
table.f1result th {
		padding: 5px;
		border-bottom: 1px solid #B0C4DE;
		border-left: 1px solid #B0C4DE;
		background: #343434;
		color:#FFCC00;
		line-height: 110%;
		text-align: center;
		font-weight: normal;
}

table.f1result td {
		padding: 5px;
		border-bottom: 1px solid #B0C4DE;
		border-left: 1px solid #B0C4DE;
}

table.f1result td.left {
		text-align: left;
}

/*行を1列ごとに色を変える*/
table.f1result tr:nth-child(2n+1) {
		background: #f3f0fd;
}

/* 列ごとの装飾 */
/* 1列目（順位） */ table.f1result tr td:nth-of-type(1) { text-align: center; }
/* 2列目（ドライバー） */ table.f1result tr td:nth-of-type(2) { }
/* 3列目（チーム） */ table.f1result tr td:nth-of-type(3) { }
/* 4列目（エンジン） */ table.f1result tr td:nth-of-type(4) { }
/* 5列目（タイム） */ table.f1result tr td:nth-of-type(5) { text-align: right; }
/* 6列目（タイム差） */ table.f1result tr td:nth-of-type(6) { text-align: right; }
/* 7列目（周回） */ table.f1result tr td:nth-of-type(7) { text-align: right; }





/*************************************************/
/*       「TV放送スケジュール」ページ設定-2017年以降   */
/*************************************************/

.table-tv	{border-collapse:collapse;border-spacing:0;border-color:#ccc;margin-bottom:45px;}
.table-tv td{font-family:Arial, sans-serif;font-size:14px;padding:10px 20px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#fff;border-top-width:1px;border-bottom-width:1px;}
.table-tv th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 20px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-color:#ccc;color:#333;background-color:#f0f0f0;border-top-width:1px;border-bottom-width:1px;}
.table-tv .table-tv-left{text-align:left}
.table-tv .table-tv-center{text-align:center}
.table-tv .table-tv-center{text-align:center;vertical-align:top}
.table-tv .table-tv-right{text-align:right;vertical-align:top}
.table-tv .table-top{vertical-align:top}





/*************************************************/
/*       TV中継情報                             */
/*************************************************/


/*TV中継テーブル*/
.f1tv-table-yellow {
background-color: #F0F0F0;
}
.f1tv-table-lavender {
background-color: #F0F0FF;
}

.f1tv-table-title {text-align:center;background-color:#343434;color:#FFCC00;vertical-align:top}





/*************************************************/
/*       サーキット情報                  */
/*************************************************/

/* --- サーキット情報エリア --- */
div.circuit-data {
/*width: 240px;  幅-問題なければこのwidth削除 */
font-size: 90%;
}

/* --- リスト --- */
div.circuit-data dl {
width: 100%; /* リストの幅 */
margin: 0;
/*border-top: 1px #c0c0c0 dotted;  リストの上境界線 */
}

/* --- 項目エリア --- */
div.circuit-data dt {
width: 6em; /* 項目エリアの幅 */
float: left;
padding: 7px 0 6px 3px; /* 項目エリアのパディング（上右下左） */
line-height: 120%;
}

/* --- 情報エリア --- */
div.circuit-data dd {
margin: 0;
padding: 7px 3px 6px 6.6em; /* 情報エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 情報エリア下境界線 */
line-height: 120%;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}






/*************************************************/
/*       ポイントランキングページ用　           */
/*************************************************/

table#table-01 {
	border: 1px #D9D9D9 solid;
	border-collapse: collapse;
	border-spacing: 0;
}
table#table-01 tr:hover td {
	background: #3D80DF;
	color: #FFFFFF;
}
table#table-01 th {
	padding: 5px;
	border: #444444 1px solid;
	background: #666666;
	line-height: 120%;
}
table#table-01 th.speech {
	background: #8C8C8C;
}
table#table-01 td {
	padding: 5px;
	border: #D9D9D9 solid;
	border-width: 0 1px 0 1px;
}
table#table-01 tr.even {
	background: #EDF3FE;
}
.text-white {color: #FFFFFF}





/*************************************************/
/*       「リンク」ページ設定                  */
/*************************************************/

/* --- リンクコンテンツ「リスト」装飾 --- */
dl.list_link dt {
	margin-top: 1em;
	width: 10em;
	border-bottom: solid 2px #191970;
	padding-left: 5px;
	font-size: 119%;
	font-weight: bold;
	color: #191970;
}

dl.list_link dd {
  margin-left: 0;
}

dl.list_link dd ul {
  margin: 0.7em 0;
}

dl.list_link dd ul li {
  margin-left: 30px;
	list-style: none;
	background:url(/cmn/images/link-window.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
}





/*************************************************/
/*       日程一覧ページ                         */
/*************************************************/

table.table-cal-list {
		width: 100%;
		cellpadding: 5;
}

/* 一行ごとに背景色反転 */
.table-cal-list tr:nth-child(even) td {
	background-color: #F0F0FF;
}
.table-cal-list tr:nth-child(odd) td {
	background-color: white;
}

/* 縦列ごとに設定 */
.table-cal-list tr :nth-child(1) { text-align: right; white-space: nowrap; }
.table-cal-list tr :nth-child(2) { text-align: right; white-space: nowrap; }
.table-cal-list tr :nth-child(3) { text-align: center; white-space: nowrap; }
.table-cal-list tr :nth-child(4) { white-space: nowrap; }
.table-cal-list tr :nth-child(5) { width: 100%;}
.table-cal-list th {
background-color: #F0F0F0;
text-align: center;
font-weight: normal;
}




/*************************************************/
/*       参照ボックス（TVのフジテレビリンクなど）  */
/*************************************************/

.border-box {
    display: block;
    background-color: #eee;
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #eee;
    padding: 1em;
}


.border-box ul li {
  margin-left: 30px;
	list-style: none;
	background:url(/cmn/images/link-window.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
}