/* レポート----------------------------- */
/* 目次 -------------------------------- 

１．全般
２．ヘッダー
３．リード(青いところ)
４．レース別テーブル
５．最終日テーブル
６．共同インタビュー
７．フッター
９．変更履歴

   ------------------------------------- */
/* -------------------------------- 目次 */


/* --------------------------------------------- */
/* １．全般 -------------------------------- */
/* --------------------------------------------- */

a {outline: none;}
a:link{text-decoration:underline; color:#ff9900}
a:visited{text-decoration:underline; color:#ff9900}
a:active{text-decoration:underline; color:#ff9900}
a:hover{text-decoration:none; color:#ff9900}

@charset "UTF-8";

html, body {
  width: 100%;
  position: relative;
  background-color: #ffffff;
  color:#333333;
  line-height: 130%;}

body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  font-size: 100%;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}


hr{
		max-width: 900px;
		width: 90%;
		border-width: 1px 0px 0px 0px;
		border-style: solid; 
		border-color: #cccccc;
		height: 1px;
		margin: 30px auto ;
		clear: both;}


/* --------------------------------------------- */
/* ２．ヘッダー -------------------------- */
/* --------------------------------------------- */
h1 {
	margin: 30px auto 3px;
	text-align: center;
	padding: 15px;
	font-size: 16px;
	font-weight: bold;
	max-width: 950px;
	width: 95%;
	border-color: #999 #fff;
	border-width: 2px;
	border-style: solid;
}

#date{
	max-width: 950px;
	width: 90%;

	text-align: right;
	margin: 0px auto 20px;}

#kakoList{
	max-width: 950px;
	text-align: right;
	margin: 5px auto;
}


/* --------------------------------------------- */
/* ３．リード -------------------- */
/* --------------------------------------------- */

#opening {
		margin: 20px auto;
		padding: 20px;
		max-width: 900px;
		width: 90%;
		background-color: #d0e0f0;
		}


.photo1 {/* 写真 1枚*/
		max-width: 330px;
		color:#333333;
		margin: 10px auto;
		text-align: center;}

.photo2 {/* 写真 2枚*/
		width: 49%;
		color:#333333;
		margin: 10px auto;
		text-align: center;
		display:inline-block;}

@media screen and (max-width:767px) { 
.photo2 {
  display:block;
  width: 100%;
  max-width: 330px;
}
     }


/* --------------------------------------------- */
/* ４. レース別セクション------------------ */
/* --------------------------------------------- */



.race {/* レース単位 */
		margin: auto;
		max-width: 900px;
}

h2 {/* レース数 */
		width: 95%;
		margin: 10px auto;
		font-weight: bold;
		color:  #336699;
		text-align: left;
}

.photo{/* 写真部 */
		color:#333333;
		text-align: center;
		float: left;
		font-weight: bold;
		margin-bottom: 20px;
}
.photo img{/* 写真部 */
		margin: 0 20px;
		max-width: 330px;
}

.text {/* コメント部 */
		color:#333333;
		margin: 0 20px;
		max-width: 100%;
		overflow: hidden;
		display: block;
}


@media screen and (max-width:767px) { 
.photo, .text{
  float: none;
  margin: 0 5%;
  width: auto;
     }
img {
  width: 90%;
  max-width: 330px;

     }
}


/* --------------------------------------------- */
/* ５. 最終日------------------ */
/* --------------------------------------------- */

h3 {/* 「レース経過」 */
		margin: 10px auto 0px;
		max-width: 880px;
		width: 90%;
		border:1px solid #666666;
		background-color: #6699cc;
		padding: 10px;
		margin-bottom: 10px;
		font-weight: bold;
		color:  #fff;
		text-align: center;
		clear: both;
}

.winner {
		margin: -11px auto 30px;
		max-width: 880px;
		width: 90%;
		border:1px solid #666666;
		padding: 10px;
		border-collapse:collapse;
		border-spacing:0;
		empty-cells:show;
		}
.winner img{
		margin: 10px auto;
		vertical-align:middle;
		display: block;
		margin: 0 auto;
		max-width: 800px;}

.photo_w{/* 写真 */
		height: auto;
		color:#333333;
		margin: 0 10px 10px;
		text-align: center;
		float: right;
		font-weight: bold;
}


@media screen and (max-width:767px) { 
.photo_w{
  float: none;
  margin: 0 5%;
  width: auto;
     }
}


/* --------------------------------------------- */
/* ７. 共同インタビュー------------------ */
/* --------------------------------------------- */


.player1 {/* 車番(画像) */
		background:#fff url("../../../img/num_01.gif")1% 47% no-repeat;
		max-width: 880px;
		border:1px solid #999;
		padding: 8px 10px 10px 32px;
		margin: 20px auto 10px;
		font-weight: bold;
		clear: both;
		}
		
.player1 img{
		margin: 10px auto;
		vertical-align:middle;
		display: block;
		margin: 0 auto;
		max-width: 330px;}

.player2 {
		background:#ddd url("../../../img/num_02.gif") 1% 47% no-repeat;
		max-width: 880px;
		border:1px solid #999;
		padding: 8px 10px 10px 32px;
		margin: 20px auto 10px;
		font-weight: bold;
		clear: both;
		}

.player3 {
		background:#ffcfce url("../../../img/num_03.gif") 1% 47% no-repeat;
		max-width: 880px;
		border:1px solid #999;
		padding: 8px 10px 10px 32px;
		margin: 20px auto 10px;
		font-weight: bold;
		clear: both;
		}

.player4 {
		background:#c6dfff url("../../../img/num_04.gif") 1% 47% no-repeat;
		max-width: 880px;
		border:1px solid #999;
		padding: 8px 10px 10px 32px;
		margin: 20px auto 10px;
		font-weight: bold;
		clear: both;
		}

.player5 {
		background:#ffffce url("../../../img/num_05.gif") 1% 47% no-repeat;
		max-width: 880px;
		border:1px solid #999;
		padding: 8px 10px 10px 32px;
		margin: 20px auto 10px;
		font-weight: bold;
		clear: both;
		}

.player6 {
		background:#ceffce url("../../../img/num_06.gif") 1% 47% no-repeat;
		max-width: 880px;
		border:1px solid #999;
		padding: 8px 10px 10px 32px;
		margin: 20px auto 10px;
		font-weight: bold;
		clear: both;
		}

.player7 {
		background:#ffcf63 url("../../../img/num_07.gif") 1% 47% no-repeat;
		max-width: 880px;
		border:1px solid #999;
		padding: 8px 10px 10px 32px;
		margin: 20px auto 10px;
		font-weight: bold;
		clear: both;
		}

.player8 {
		background:#ffdfff url("../../../img/num_08.gif") 1% 47% no-repeat;
		max-width: 880px;
		border:1px solid #999;
		padding: 8px 10px 10px 32px;
		margin: 20px auto 10px;
		font-weight: bold;
		clear: both;
		}

.player9 {
		background:#e7a6e7 url("../../../img/num_09.gif") 1% 47% no-repeat;
		max-width: 880px;
		border:1px solid #999;
		padding: 8px 10px 10px 32px;
		margin: 20px auto 10px;
		font-weight: bold;
		clear: both;
		}


.race_no {
		max-width: 450px;
		margin: 10px auto;
}

.race_no li{
		width: 30%;
		margin: 0 auto;
		display: inline-block;
		padding: auto;
		text-align: center;
		font-weight: bold
}


.race_date {
		font-weight: bold;
		margin: 0 auto;
		color: #666;
		text-align: center;
		clear: both;}

@media screen and (max-width:767px) { 
.photo, .text{
  float: none;
  margin: 0 5%;
  width: auto;
     }
}





/* --------------------------------------------- */
/* ８．フッター ---------------------------- */
/* --------------------------------------------- */

footer {/*フッター*/
		clear: both;
		margin: 20px auto 20px;
		width: 100%;
		background-color: #ffffff;
		color: #333333;
		text-align: center;
		vertical-align: middle;}


#up {/*青線 ＋ ↑ページＴＯＰへ*/
		margin: 40px auto 0;
		height: 40px;
		max-width: 900px;
		text-align: right;
		line-height: 2;
		color: #336699;
		border-color: #336699 #ffffff #ffffff #ffffff;
		border-width: 1px;
		border-style: solid;}

#up a {outline: none;}
#up a:link{text-decoration:none; color:#336699}
#up a:visited{text-decoration:underline; color:#336699}
#up a:active{text-decoration:underline; color:#336699}
#up a:hover{text-decoration:underline; color:#336699}

.f_hr {
	width: 80px;
	border-top: 1px dashed #336699;}


/* ９．変更履歴 -------------------------------

2011.10.05 139 雛形作成
2011.10.08 139 共同インタビュー追加

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