@charset "EUC-JP";

/*-------------------------------------------------
競馬36
-------------------------------------------------*/
/*hover時のちらつき防止*/

html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}



:link,:visited {
    text-decoration:none;
}
html,body,div,
dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin:0;
    padding:0;
}
h1,h2,h3,h4,h5,h6 {
    font-size:95%;
    font-weight:normal;
}
table {
    border-spacing:0;
}
fieldset,img,abbr,acronym {
    border:0;
} 
address,caption,cite,code,dfn,em,b,u,s,i,th,var {
    font-style:normal;
    font-weight:normal;
}
caption,th {
    text-align:left;
}
q:before,q:after {
    content:'';
}
a {
    text-decoration:underline;
    outline:none;
}
hr {
    border:0;
    height:1px;
    background-color:#000;
    color:#000;
}

.hr-1 {
border-width: 2px 0px 0px 0px; /* 太さ */
   border-style: dashed; /* 線種 */
   border-color: #FF9900; /* 線色 */
   height: 2px; /* 高さ */
   color: #FFFFCC;
   background-color: #FFFFCC;
   width: 600px;
   margin: 20px auto;
   display: block;
   
}

.main{
	width: 900px;
	position: relative;
	margin: 0 auto;
}

.btn-race a{
	display: block;
	width: 445px;
	height: 65px;
	position: absolute;
	top: 400px;
	right: 0px;
}



a img,:link img,:visited img {
    border:none;
}
address {
    font-style:normal;
}


/*-------------------------------------------------
Clear Fix
-------------------------------------------------*/

.clearfix:after {
 content:".";
 display:block;
 clear:both;
 height:0;
 visibility:hidden;
}
.clearfix {
 display:inline-block;
}
/* exlude MacIE5 ?*/
* html .clearfix {
 height:1%;
}
.clearfix {
 display:block;
}
/* end MacIE5 */

/*for IE 5.5-7*/
.clearfix{
    zoom:1;
}

/*ドリームウィバーで確認用　後で消しましょう*/
.clearfix + *{
    clear: both;
}

/*-------------------------------------------------
マージン
-------------------------------------------------*/
.mrg-t0{margin-top:0px;}
.mrg-t5{margin-top:5px;}
.mrg-t10{margin-top:10px;}
.mrg-t15{margin-top:15px;}
.mrg-t20{margin-top:20px;}
.mrg-t25{margin-top:25px;}
.mrg-t30{margin-top:30px;}
.mrg-t50{margin-top:50px;}


.mrg-b0{margin-bottom:0px;}
.mrg-b5{margin-bottom:5px;}
.mrg-b10{margin-bottom:10px;}
.mrg-b15{margin-bottom:15px;}
.mrg-b20{margin-bottom:20px;}
.mrg-b25{margin-bottom:25px;}
.mrg-b30{margin-bottom:30px;}
.mrg-b50{margin-bottom:50px;}

.mrg-l0{margin-left:0px;}
.mrg-l5{margin-left:5px;}
.mrg-l10{margin-left:10px;}
.mrg-l15{margin-left:15px;}
.mrg-l20{margin-left:20px;}
.mrg-l25{margin-left:25px;}
.mrg-l30{margin-left:30px;}
.mrg-l50{margin-left:50px;}
.mrg-l100{margin-left:100px;}



.mrg-r0{margin-right:0px;}
.mrg-r5{margin-right:5px;}
.mrg-r10{margin-right:10px;}
.mrg-r15{margin-right:15px;}
.mrg-r20{margin-right:20px;}
.mrg-r25{margin-right:25px;}
.mrg-r30{margin-right:30px;}


.mrg-center{margin-right:auto; margin-left:auto;}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}


/* -----------------------------------------------
 *テキスト
 * ----------------------------------------------- */
.txt-align-r{text-align:right;}
.txt-align-l{text-align:left;}
.txt-align-c{text-align:center;}

.x-large{ font-size:160%; }
.large{ font-size:130%;}
.middle{font-size: 16px; line-height: 1.2em;} 
.normal{font-size:14px; line-height:1.3em;}
.normal-b{font-size:14px; line-height:1.3em; font-weight:bold;}
.small{font-size:12px; line-height:1.3em;}
.small-b{font-size:12px; line-height:1.3em; font-weight:bold;}
.x-small{font-size:11px; line-height:1.1em; font-weight: normal;}

.f24{ font-size:24px;}
.f18{ font-size:18px;}
.f17{ font-size:17px;}
.f16{ font-size:16px;}
.f15{ font-size:15px;}
.f14{ font-size:14px;}
.f13{ font-size:13px;}
.f12{ font-size:12px;}
.f11{ font-size:11px;}
.f10{ font-size:10px;}
.fbold{ font-weight: bold;}

img, div { behavior: url(iepngfix.htc);}

.f-orenge{ color:#FF9900;}
/***-------------------------------------------------
共通
-------------------------------------------------***/
a:link{ color: #FFCC00;}
a:active{ color: #FFCC00;}
a:visited{ color: #FFCC00;}
a:hover{ color: #088EC3;}


body{
	font-family:"ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", verdana, arial, sans-serif;
	font-size: 12px;
	line-height: 1.8em;
	color: #CCC;
	background-color: #000;
	margin: 0;
	padding: 0;
}




/***-------------------------------------------------
トップ
-------------------------------------------------***/
#header{
	width: 100%;
	background-color: #FFF;
	padding-bottom: 10px;
}

#header-inner{
	width: 900px;
	margin: 0 auto;
	padding-top: 20px;
	
}

.logo{
	 float: left;
	 width: 220px;
}

.menu{
	float: left;
	width: 520px;
	padding-top: 35px;
}

.menu ul li{
	float: left;
}

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



.login{
	float: right;
	width:150px;
	padding-top: 10px;
}

.main-img{
	background: URL(../img/main_img.jpg) center top no-repeat;
	height: 500px;
}



#home #container{
	width: 900px;
	margin: 0 auto;
	background-color: #000;
}




#container{
	width: 900px;
	margin: 0 auto;
	background-color: #000;
	padding-top: 20px;
}




#wrapper{
	width: 900px;
	margin: 0 auto;
}




#footer{
	width: 100%;
	background-color: #1A1A1A;
	margin: 50px 0 0;
	padding: 10px 0;
	color: #FFF;
}

#footer-inner{
	width: 900px;
	margin: 0 auto;
}

#footer a:link{ color:#FFF;}
#footer a:visited{ color:#FFF;}
#footer a:active{ color:#FFF;}
#footer a:hover{ color:#088EC3;}

#race{
	color: #000;
}

.new-race{
	position: absolute;
	top: 357px;
	left: 5px;
	width: 220px;
	padding-bottom: 11px;
	background: URL(../img/frame_race_bottom.gif) left bottom no-repeat;
	letter-spacing: 0.05em;
}

.new-race-top{
	background: URL(../img/frame_race_top.gif) left top no-repeat;
	padding-top: 11px;
}

.new-race-inner{
	background: URL(../img/frame_race_inner.gif) left top repeat-y;
	padding: 0 13px;
}

.new-race a:link{ color: #000;}
.new-race a:visited{ color: #000;}
.new-race a:active{ color: #000;}
.new-race a:hover{ color: #239CCC;}

.new-race a{
	background: URL(../img/arrow02.gif) left 3px no-repeat;
	padding-left: 15px;
}





h2{
	color: #FFCC00;
	font-size: 22px;
	font-weight:bold;
	padding-bottom: 10px;
}

#greeting dl dt, 
.txt-att dt{ 
	color: #FFCC00;
	font-size: 15px;
	font-weight:bold;
	padding-bottom: 10px;
}

#greeting dl dd, 
.txt-att dd{ 
	padding-bottom: 20px;
}

.btn-member a{
	display: block;
	background: URL(../img/btn_member.gif) left top no-repeat;
	width: 393px;
	height: 29px;
	text-indent: -9000px;
	margin: 30px auto 0;
}




.btn-top a{
	display: block;
	background: URL(../img/btn_top.gif) left top no-repeat;
	width: 197px;
	height: 29px;
	text-indent: -9000px;
	margin: 10px auto 0;
}

.form-tab{
	width: 600px;
	margin: 10px auto;
}

.form-tab th{
	padding: 10px;
	border-bottom: 1px solid #CCC;
	width: 20%;
}

.form-tab td{
	padding: 10px;
	border-bottom: 1px solid #CCC;
}

.member-box{
	width: 600px;
	margin: 0 auto;
}

#btn-order{
	background: URL(../img/btn_order.gif) left top no-repeat;
	width: 171px;
	height: 29px;
	display: block;
	cursor: pointer;
	border: none;
	margin: 20px auto 0;
}

#btn-touroku{
	background: URL(../img/btn_touroku.gif) left top no-repeat;
	width: 124px;
	height: 29px;
	display: block;
	cursor: pointer;
	border: none;
	margin: 20px auto 0;
}

.btn-return a{
	display: block;
	background: URL(../img/btn_return.gif) left top no-repeat;
	width: 182px;
	height: 29px;
	text-indent: -9000px;
	margin: 0 auto 0;
}

.login-box{
	width: 400px;
	margin: 0 auto;
	border: 1px solid #CCC;
	padding: 0 0 10px;
	background-color:#FFF;
}

.login-td{
	background-color:#0B4F7C;
	color: #FFF;
	text-align: center;
}

.login-tab{
	width: 300px;
	margin: 0 auto;
}


.login-tab td{
	padding: 5px;
}

.btn-login{
	text-align: center;
}

.expectation-tab{
	border-collapse: collapse;
	border: 1px solid #000;
	width:900px;
	margin: 0 auto;
}

.expectation-tab td{
	border: 1px solid #000;
}

.keiba-place{
	text-align: right;
	font-size: 13px;
}


.keiba-place a{
	background: URL(../img/arrow.gif) left center no-repeat;
	padding-left: 12px;
}

.top-txt{
	width: 840px;
	margin: 0 auto;
}

.top-txt dl, 
.top-txt dt, 
.top-txt dd{
	margin: 0;
	padding: 0;
}

.about-txt{
	background: URL(../img/txt_about.gif) left top no-repeat;
	width: 800px;
	height: 120px;
	text-indent: -9000px;
	margin: 0 auto;
}