/* ==============================
	共通設定 
============================== */
html,h1,h2,h3,h4,h5,h6,div,p,ol,ul,li,table,th,td,dl,dt,dd,address,em {
	margin: 0;
	padding: 0;
	color: #222;
	list-style: none;
	border: 0 none;
	text-align: left;
}
html,body {
	height: 100%;
}
body {
	font-size: 12px;
	line-height: 1.2em;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-weight: normal;
	font-style: normal;
	margin: 0;
	padding: 0;
	text-align: left;
	background: url(../images/bg.gif) top left repeat;
}
br {
	letter-spacing: 0;
	margin: 0;
	padding: 0;
	color: #FFF;
}
img {
	border: 0;
	vertical-align: bottom;
}
form {
	margin: 0;
	padding: 0;
}

/* ==============================
	回り込み解除
============================== */
.clear {
	clear: both;
}
.clear_fix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
.clear_fix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clear_fix {
	height: 1%;
}
.clear_fix {
	display: block;
}
/* End hide from IE-mac */

/* ==============================
	回り込み解除END
============================== */

/* ::::: Link ::::: */
a:link {
	color: #03F;
	text-decoration: underline;
}
a:visited {
	color: #03F;
	text-decoration: underline;
}
a:active {
	color: #03F;
	text-decoration: underline;
}
a:hover {
	color: #03F;
	text-decoration: none;
}
/* ::::: Entire Contents ::::: */
#wrapper {
	width: 1010px;
	margin: 0 auto;
	padding: 20px;
	background-color: #FFF;
}
#contents {
	margin: 0 auto;
	padding: 0;
	width: 1010px;
	text-align: left;
}
#mainCont {
	margin: 0;
	padding: 0;
	width: 1010px;
}

/* ==============================
	メインコンテンツ 
============================== */

/* ::::: ヘッダー ::::: */
#header {
	margin: 0;
	padding: 0;
	width: 1010px;
	height: 120px;
	background: url(../images/header.jpg) no-repeat;
}
#header #header-area {
	margin: 0;
	padding: 0;
	width: 1010px;
}
#header #header-area .boxTop {
	margin: 0;
	padding: 0;
	width: 1010px;
	height: 30px;
}
#header #header-area .boxTop .date {
	margin: 0;
	padding: 3px 0 0 110px;
	width: 195px;
	height: 27px;
	text-align: center;
	font-size: 14px;
	line-height: 27px;
	color: #FFF;
	float: left;
}
#header #header-area .boxTop .comment {
	margin: 0;
	padding-top: 3px;
	width: 695px;
	height: 27px;
	font-size: 12px;
	line-height: 27px;
	float: right;
}
#header #header-area .boxBtm {
	margin: 0;
	padding-left: 340px;
	width: 625px;
}
#header #header-area .boxBtm ul {
	line-height: 80px;
}
#header #header-area .boxBtm li.main {
	margin: 0;
	padding: 0;
	font-size: 42px;
	color: #FFF;
	display: inline;
	vertical-align: middle;
}
#header #header-area .boxBtm li.sub {
	margin: 0;
	padding: 0;
	font-size: 30px;
	color: #FFF;
	display: inline;
	vertical-align: middle;
}

/* ::::: 左カラム ::::: */
#columnL {
	margin: 0;
	padding: 0;
	width: 850px;
	float: left;
}

/* ::::: 右カラム ::::: */
#columnR {
	margin: 0;
	padding: 0;
	width: 150px;
	float: right;
}

/* ::::: フォーム ::::: */
#form-areaTop {
	margin: 0;
	padding: 0;
	width: 850px;
	height: 160px;
}
#form-areaTop .leftImg {
	margin: 0;
	padding: 0;
	width: 410px;
	float: left;
}
#form-areaBtm {
	margin: 0;
	padding: 0;
	width: 850px;
	height: 180px;
	background: url(../images/form_bg02.jpg) no-repeat;
}
#form01 {
	margin: 0;
	padding: 0;
	width: 438px;
	border: 1px solid #222;
	float: right;
}
#form02 {
	margin: 0;
	width: 434px;
	padding: 42px 0 0 415px;
}

/* ::::: FLASH ::::: */
#flash-area {
	margin-bottom: 10px;
	padding: 0;
	width: 850px;
}

/* ::::: 出馬表エリア ::::: */
#program-area {
	margin-bottom: 10px;
	padding: 0;
	width: 850px;
	height: 645px;
}
#daily-program {
	margin: 0;
	padding: 0;
	width: 560px;
	height: 645px;
	float: left;
}
#program-area .vt {
	margin: 0;
	padding: 0;
	width: 280px;
	float: right;
}

/* ::::: 出走馬一覧 ::::: */
#program_on_bg {
	margin: 0;
	padding: 0;
	background-position: top;
	height: 645px;
	width: 560px;
	background: url(../images/daily_program_on.jpg) no-repeat;
}
#program_on_bg .racename-area {
	margin: 0;
	padding-top: 32px;
	width: 560px;
	height: 60px;
}
#program_on_bg .racename-area .boxL {
	margin: 0;
	padding: 10px 0 0 11px;
	width: 100px;
	float: left;
}
#program_on_bg .racename-area .boxR {
	margin: 0;
	padding: 0;
	width: 440px;
	float: right;
}
#program_on_bg .racename-area .boxR .boxTop {
	margin: 0;
	padding-top: 5px;
	width: 440px;
}
#program_on_bg .racename-area .boxR .boxTop ul {
	line-height: 30px;
}
#program_on_bg .racename-area .boxR .boxTop li.main {
	margin: 0;
	padding: 0;
	font-size: 30px;
	color: #E50416;
	display: inline;
	vertical-align: middle;
}
#program_on_bg .racename-area .boxR .boxTop li.sub {
	margin: 0;
	padding: 0;
	font-size: 24px;
	color: #E50416;
	display: inline;
	vertical-align: middle;
}
#program_on_bg .racename-area .boxR .boxBtm {
	margin: 0;
	padding: 0;
	width: 440px;
}
#program_on_bg .racename-area .boxR .boxBtm .detail {
	margin: 0;
	padding-left: 1px;
	font-size: 12px;
	line-height: 25px;
	color: #222;
}
#program_on_bg #raceData {
	margin-top: 31px;
	padding: 0;
}
#program_on_bg #raceData td.bracket {
	margin: 0;
	padding-left: 10px;
	width: 31px;
	height: 29px;
}
#program_on_bg #raceData td.number {
	margin: 0;
	padding-left: 1px;
	width: 40px;
	height: 29px;
	text-align: center;
	font-size: 14px;
	color: #444;
}
#program_on_bg #raceData td.horse {
	margin: 0;
	padding-left: 6px;
	width: 141px;
	height: 29px;
	font-size: 14px;
	font-weight: bold;
	color: #444;
}
#program_on_bg #raceData td.jockey {
	margin: 0;
	padding-left: 6px;
	width: 141px;
	height: 29px;
	font-size: 14px;
	color: #444;
}
#program_on_bg #raceData td.s-a-w {
	margin: 0;
	padding-left: 1px;
	width: 90px;
	height: 29px;
	text-align: center;
	font-size: 14px;
	color: #444;
}
#program_on_bg #raceData td.button {
	margin: 0;
	padding: 0;
	width: 93px;
	height: 29px;
	text-align: center;
	font-size: 14px;
	color: #E50416;
}

/* ::::: 登録馬一覧 ::::: */
#program_off_bg {
	margin: 0;
	padding: 0;
	background-position: top;
	height: 645px;
	width: 560px;
	background: url(../images/daily_program_off.jpg) no-repeat;
}
#program_off_bg .racename-area {
	margin: 0;
	padding-top: 32px;
	width: 560px;
	height: 60px;
}
#program_off_bg .racename-area .boxL {
	margin: 0;
	padding: 10px 0 0 11px;
	width: 100px;
	float: left;
}
#program_off_bg .racename-area .boxR {
	margin: 0;
	padding: 0;
	width: 440px;
	float: right;
}
#program_off_bg .racename-area .boxR .boxTop {
	margin: 0;
	padding-top: 5px;
	width: 440px;
}
#program_off_bg .racename-area .boxR .boxTop ul {
	line-height: 30px;
}
#program_off_bg .racename-area .boxR .boxTop li.main {
	margin: 0;
	padding: 0;
	font-size: 30px;
	color: #E50416;
	display: inline;
	vertical-align: middle;
}
#program_off_bg .racename-area .boxR .boxTop li.sub {
	margin: 0;
	padding: 0;
	font-size: 24px;
	color: #E50416;
	display: inline;
	vertical-align: middle;
}
#program_off_bg .racename-area .boxR .boxBtm {
	margin: 0;
	padding: 0;
	width: 440px;
}
#program_off_bg .racename-area .boxR .boxBtm .detail {
	margin: 0;
	padding-left: 1px;
	font-size: 12px;
	line-height: 25px;
	color: #222;
}
#program_off_bg #tableBox {
	margin: 0;
	padding: 0;
	width: 560px;
}
#program_off_bg #tableBox .tableL {
	margin: 0;
	padding: 0;
	width: 280px;
	float: left;
}
#program_off_bg #tableBox .tableR {
	margin: 0;
	padding: 0;
	width: 280px;
	float: right;
}
#program_off_bg #tableBox #raceData {
	margin-top: 33px;
	padding: 0;
}
#program_off_bg #tableBox #raceData td.horse {
	margin: 0;
	padding-left: 4px;
	width: 113px;
	height: 26px;
	color: #444;
}
#program_off_bg #tableBox #raceData td.trainer {
	margin: 0;
	padding-left: 4px;
	width: 80px;
	height: 26px;
	color: #444;
}
#program_off_bg #tableBox #raceData td.s-a-w {
	margin: 0;
	padding-left: 1px;
	width: 78px;
	height: 26px;
	text-align: center;
	color: #444;
}

/* ::::: モバイル用QRコード ::::: */
#mobile {
	margin-bottom: 10px;
	padding: 0;
	width: 150px;
	height: 260px;
	background: url(../images/mobile_bg.jpg) no-repeat;
}
#mobile .qr-area {
	margin: 0;
	padding: 73px 0 0 20px;
	width: 110px;
}

/* ::::: 的中結果 ::::: */
#results {
	margin-bottom: 10px;
	padding: 0;
	width: 150px;
	height: 304px;
	background: url(../images/results_bg.jpg) no-repeat;
}
#results .result-area {
	margin: 0;
	padding-top: 34px;
	width: 150px;
}
#results .result-area ul.resultBox {
	margin: 0;
	padding: 0;
	width: 150px;
	height: 90px;
}
#results .result-area .resultBox li.date {
	margin: 0;
	padding-left: 6px;
	width: 144px;
	line-height: 21px;
	font-size: 11px;
}
#results .result-area .resultBox li.race {
	margin: 0;
	padding-left: 6px;
	width: 144px;
	line-height: 23px;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}
#results .result-area .resultBox li.ticket {
	margin: 0;
	padding-left: 6px;
	width: 144px;
	line-height: 21px;
}
#results .result-area .resultBox li.money {
	margin: 0;
	padding-right: 6px;
	width: 144px;
	line-height: 25px;
	font-size: 18px;
	font-weight: bold;
	color: #E50416;
	text-align: right;
}

/* ::::: 競馬ニュース ::::: */
#news {
	margin-bottom: 10px;
	padding: 0;
	width: 150px;
	height: 150px;
	background: url(../images/news_bg.jpg) no-repeat;
}
#news .news-area {
	margin: 0;
	padding: 34px 0 0 1px;
	width: 148px;
}

/* ::::: バナー ::::: */
#banner {
	margin-bottom: 5px;
	padding: 0;
	width: 150px;
}
#banner img {
	margin-bottom: 5px;
	padding: 0;
}

/* ::::: フッター ::::: */
#footer {
	margin: 0;
	padding: 0;
	width: 150px;
	line-height: 1.5em;
}
#footer a:link {
	color: #666;
	text-decoration: underline;
}
#footer a:visited {
	color: #666;
	text-decoration: underline;
}
#footer a:active {
	color: #666;
	text-decoration: underline;
}
#footer a:hover {
	color: #666;
	text-decoration: none;
}

/* ::::: 運営会社情報 ::::: */
#info {
	margin: 0 auto;
	padding: 0;
	width: 600px;
	height: 650px;
	background-color: #FFF;
}
#info .infoTop {
	margin: 0;
	padding: 0;
	width: 600px;
	height: 66px;
	background: url(../images/info_bg.jpg) no-repeat;
}
#info .infoTop .title {
	margin: 0;
	padding: 18px 0 0 220px;
	width: 380px;
	height: 48px;
	color: #FFF;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
}
#info .info-area {
	margin: 0;
	padding: 20px 20px 15px;
	width: 560px;
	height: 512px;
}
#info .info-area .infoBox {
	margin: 0;
	padding: 0;
	width: 558px;
	height: 510px;
	overflow: auto;
	border: 1px solid #999;
}
#info .info-area .infoBox .textBox {
	margin: 18px 0 0 20px;
	padding: 0;
	width: 518px;
}
#info .info-area .infoBox .textBox .textTop {
	margin-bottom: 5px;
	padding: 0;
	width: 518px;
	color: #1B5CB6;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	border-bottom: 2px solid #1B5CB6;
}
#info .info-area .infoBox .textBox .textBtm {
	margin: 0;
	padding-bottom: 5px;
	width: 518px;
	color: #444;
	font-size: 12px;
	line-height: 1.5em;
	border-bottom: 1px dotted #999;
}
#info .bt {
	margin: 0;
	padding: 0;
	text-align: center;
}
#info a:link {
	color: #666;
	text-decoration: underline;
}
#info a:visited {
	color: #666;
	text-decoration: underline;
}
#info a:active {
	color: #666;
	text-decoration: underline;
}
#info a:hover {
	color: #666;
	text-decoration: none;
}