body {
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	
	text-align: left;
	line-height: 150%;
	font-size: 12px;
	color: #333333;
	margin:0px 0px 10px 0px;
	background-color:#ffffff;
}




a:link {
	color: #2839B5;
	text-decoration: underline;
}
a:visited {
	color: #2839B5;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: underline;
}

p {
	padding: 0;
	margin: 2px;
	font-size: 14px;
	line-height: 150%;
}







#op_logo {
	padding: 0;
	margin: 0;
}
 #op_logo2 {
	padding: 0;
	margin: 0 0 7px 0;
}



#container{
width:950px;
padding: 10px 10px;
margin:0px auto 0px auto;
border-left:2px solid #dfdfdb;
border-right:2px solid #dfdfdb;
line-height: 150%;
color: #333333;
background: #ffffff;
}



#head {
　　width:970px;
	text-align: left;
	margin:0 auto 0 auto;
	background:#ffffff;
/*	border-bottom:1px solid #cfcfcb;*/
	}
	
#head h1 {
	padding:8px 5px 0px 10px;
	margin:0px;
	font-size:20px;
	font-weight:bold; 
	color:#2f5227;
	font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
}


.tex_header {
	line-height:150%;
	padding:3px 20px 10px 10px;
}




#content{
float:right;
width:735px;
padding-top:6px;
padding-right:10px;
background: #FFFFFF;


}
#content h3 {
	font-size:14px;
	padding:5px 10px 1px 15px;
	margin: 7px 0px 1px 0px;
}


#content h4 {
	font-size:14px;
	padding:2px 2px 4px 2px;
	margin: 2px 0px 3px 0px;
}




/*********フッタ部*********/

#container_foot{
width:970px;
margin:0 auto 0 auto;
background: #f6f6f6 url("../img/footerBg.gif") repeat-x 0 bottom;
height: 35px;
border-left:2px solid #dfdfdb;
border-right:2px solid #dfdfdb;
border-bottom:1px solid #dfdfdb;
}


#container_foot p {
	float:right;
	padding:10px 8px 2px 2px;
	margin: 0px 0px 0px 0px;
	font-size: 0.8em;
	color: #ffffff;
}

/*********フッタ部*********/










/* ------------------------------
　　サイドメニュー・ナビゲーション
------------------------------ */


#menu{
float:left;
width:195px;
padding-top:0px;
padding-right:10px;
background: #FFFFFF;
}


#menu ul {
	padding: 0px;
	margin: 0px;
	list-style:none;
}
#menu li {
	border-color:#cccccc;
	border-width:1px;
	border-style:solid;
	margin: 0px 0px 2px 0px;
}
#menu li a {
	padding:5px 0px 5px 10px;
	display: block;
	background-image:url(../image/side_back01.gif);
	margin: 1px;
	border-left: #2a5020 2px solid;
	color: #3e3e3e;
	text-decoration: none
}
#menu li a:hover {
	background-image:url(../image/side_back02.gif);
	border-left: #8fb76c 2px solid;
	color: #578200;
}


#menu li a.crrent {
	background-image:url(../image/side_back03.gif);
	border-left: #2a5020 2px solid;
	color: #ffffff;
}


/* ------------------------------
  end サイドメニュー・ナビゲーション
------------------------------ */

/* ------------------------------
  新規会員登録ボタン
------------------------------ */


a.regi { 
display: block; 
width: 194px; 
height: 51px; 
background: url(../image/btn_regi.gif); 
text-decoration: none; 
} 

a:hover.regi { 
background-position: 0 -51px; 
} 



a.buy { 
display: block; 
width: 194px; 
height: 51px; 
background: url(../image/btn_buy.gif); 
text-decoration: none; 
} 

a:hover.buy { 
background-position: 0 -51px; 
} 


/* ------------------------------
  end 新規会員登録画面
------------------------------ */




















#foot{
clear:both;
text-align:center;
font-size: 80% ;
line-height: 150%;
color: #666666;
background:#fff;
width:820px;
height:60px;
background: #fab158;
padding-top:5px;
}

/* ------------------------------
  テキストボックス
------------------------------ */

.tex {
	line-height:170%;
	padding:6px 5px 15px 10px;
}

.tex2 {
	line-height:170%;
	padding:5px 15px 5px 15px;
}

.tex3 {
	line-height:170%;
	padding:8px 15px 5px 10px;
}


/* ------------------------------
  end テキストボックス
------------------------------ */

/* ------------------------------
  コンテンツボックス枠線あり
------------------------------ */

.con_outer
	{
	width:720px;
	padding:0;
	margin:0 auto 0 auto;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
	}

.con_pict
	{
	float:left;
	width:420px;
	background-color: #ffffff;
	height: 200px;
	}

.con_main
	{
	float:left;
	width:300px;
	height: 200px;
	}
.clears{
  clear:both;
}


/* ------------------------------
 end コンテンツボックス枠線あり
------------------------------ */

/* ------------------------------
  コンテンツボックス枠線なし
------------------------------ */

.con0_outer
	{
	width:720px;
	margin:0 auto 0 auto;
	padding:0px 0px 10px 0px;
	}

.con0_pict
	{
	float:left;
	width:420px;
	background-color: #ffffff;
	height: 200px;
	}

.con0_main
	{
	float:left;
	width:300px;
	height: 200px;
	}
.clears{
  clear:both;
}


/* ------------------------------
 end コンテンツボックス枠線なし
------------------------------ */

/* ------------------------------
 枠線なし　サイズ小
------------------------------ */

.con3_outer
	{
	width:720px;
	padding:0px 0px 10px 0px;
	margin:0 auto 0 auto;
	}

.con3_pict
	{
	float:left;
	width:300px;
	background-color: #ffffff;
	height: 200px;
	}

.con3_main
	{
	float:left;
	width:420px;
	height: 200px;
	}
.clears{
  clear:both;
}
/* ------------------------------
 end 枠線なし　サイズ小
------------------------------ */

/* ------------------------------
 枠線なし　サイズ小　左右逆
------------------------------ */

.con4_outer
	{
	width:720px;
	padding:0px 0px 10px 0px;
	margin:0 auto 0 auto;
	}

.con4_pict
	{
	float:left;
	width:440px;
	background-color: #ffffff;
	height: 100px;
	}

.con4_main
	{
	float:left;
	width:280px;
	height: 100px;
    background-color: #ffffff;

	}
.clears{
  clear:both;
}
/* ------------------------------
 end 枠線なし　サイズ小
------------------------------ */


/* ------------------------------
 コンテンツボックス3カラム枠線なし
------------------------------ */

.con2_outer
	{
	width:720px;
	background-color: #FFFFFF;
	padding:0px 0px 10px 0px;
	margin:0 auto 0 auto;
	}

.con2_menu
	{
	float:left;
	width:420px;
	background-color: #ffffff;
	height: 250px;
	}

.con2_main
	{
	float:left;
	width:300px;
	background-color: #FFFFFF;
	height: 250px;
	}
.con2_clears{
  clear:both;
}
.con2_foot
	{
	clear:left;
	background-color: #FFFFFF;
	height: 40px;
	}
	
.con2_head
	{
	background-color: #FFFFFF;
	height: 40px;
	}
.con2_clears{
  clear:both;
}

/* ------------------------------
end コンテンツボックス3カラム枠線なし
------------------------------ */

/* ------------------------------
  コンテンツボックス枠線あり　馬用
------------------------------ */

.con5_outer
	{
	width:720px;
	padding:0;
	margin:0 auto 0 auto;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
	}

.con5_pict
	{
	float:left;
	width:254px;
	background-color: #ffffff;
	height: 200px;
	}

.con5_main
	{
	float:left;
	width:466px;
	height: 200px;
	}
.clears{
  clear:both;
}




/* ------------------------------
 　区切り線
------------------------------ */


hr {
  color: #a2d293; /* 線の色(IE用) */
  background-color: #a2d293; /* 線の色(NN用) */
  height: 1px; /* 線の太さ (IE用)*/
  border: 1px; /* 枠の太さ */
  border-style: dotted; /* 枠の種類 */
  width: 720px; 
 

}

/* ------------------------------
 end 区切り線
------------------------------ */

/* ------------------------------
 レース映像リンクボタン
------------------------------ */

a.race { 
display: block; 
width: 149px; 
height: 37px; 
background: url(../image/race_v.jpg); 
text-decoration: none; 
} 

a:hover.race { 
background-position: 0 -37px; 

}

.horse {
	padding:3px 0 0 130px;
	margin:35px auto 0 auto;
}

.horse2 {
	padding:3px 0 0 130px;
	margin:20px auto 0 auto;
}



a.seiseki { 
display: block; 
width: 149px; 
height: 37px; 
background: url(../image/seiseki.jpg); 
text-decoration: none; 
} 

a:hover.seiseki { 
background-position: 0 -37px; 

}








/* ------------------------------
 end レース映像リンクボタン
------------------------------ */

/* ------------------------------
 次のステップボタン
------------------------------ */

a.next { 
display: block; 
width: 200px; 
height: 37px; 
background: url(../image/next.jpg); 
text-decoration: none; 
} 

a:hover.next { 
background-position: 0 -37px; 

}

.nex {
	padding:0px 0 30 250px;
	margin:20px 0 15px 0;
}

/* ------------------------------
 end 次のステップボタン
------------------------------ */


/* GoUp
----------------------------------------------*/
.GoUp{

	text-align:right;
    font-size: 12px;
	margin-top:0;
	padding:10px 50px 0px 0px;

}
	.GoUp span{
		background:url(../image/arw_up.gif) no-repeat 0 50%;
	}
	.GoUp span a{
			padding:0 0 0 12px;
		}
	

	
	
/* PrevNextNav-withDetail
----------------------------------------------*/
.PrevNextNav-withDetail{
	width:720px;
	padding:10px auto 0 auto;
	margin:10px auto 0 auto;
	border-bottom:1px solid #CCCCCC;

}
	.PrevNextNav-withDetail table{
		border-collapse:collapse;
		width:100%;
		margin:0px 0 0;
	}
	.PrevNextNav-withDetail table td{
		vertical-align:top;
		margin:0px 0 0;
		padding:0 0 10px;
	}
		.PrevNextNav-withDetail table td.Left li{
			background:url(../image/arw_l.gif) no-repeat 5% 50%;
			list-style:none;
			padding:0 0 0 0px;
			text-indent:25px;
			min-height:0; /* ie7 bug fix */
		}
			.PrevNextNav-withDetail table td.Left li a{
				padding:0 0 0 10px;
			}
		.PrevNextNav-withDetail table td.Right{
			text-align:right;
		}
			.PrevNextNav-withDetail table td.Right li{
			    list-style:none;
				float:right;
				white-space:nowrap;
				background:url(../image/arw_r.gif) no-repeat 79% 50%;
			}
			
			.PrevNextNav-withDetail table td.Right li a{
				padding:0 50px 0 0;
				display:block;
			}
			
			.PrevNextNav-withDetail table td a{
				text-decoration:none;
			}
				.PrevNextNav-withDetail table td a span{
					text-decoration:underline;
				}
				.PrevNextNav-withDetail table td a:hover span{
					text-decoration:none;
				}
			.PrevNextNav-withDetail table td p{
				padding:0 0 5px;
			}
			.PrevNextNav-withDetail table td ul{
			}

			
	.PrevNextNav-withDetail table td.Left ul{	
	text-align:left;
	margin-left:15px;
	padding-left:0;
	
	}







/* ------------------------------
  コンテンツボックス枠線あり_テキストオーバー
------------------------------ */

.con007_outer
	{
	width:720px;
	padding:0;
	margin:0 auto 0 auto;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    border-bottom:1px solid #CCCCCC;
	}

.con007_pict
	{
	float:left;
	width:420px;
	background-color: #ffffff;
	height: 250px;
	}

.con007_main
	{
	float:left;
	width:300px;
	height: 250px;
	}
.clears{
  clear:both;
}


/* ------------------------------
 end コンテンツボックス枠線あり
------------------------------ */