@charset		"utf-8";

/*コンテンツ共通--------------------------------------*/

#goracing			{
			WIDTH: 850px;
			MARGIN-LEFT: AUTO;
			MARGIN-RIGHT: AUTO;
			overflow: hidden;
			}

#goracing: after {
			content: "";
			display: block;
			clear: both;
			height: 1px;
			overflow: hidden;
}

#goracing_r, #goracing_l{
	float:left;
}
#goracing_r			{
			WIDTH: 640px;
			PADDING-LEFT: 18px;
			BORDER-LEFT: #CCC SOLID 1px;
			}

#goracing_l			{
			WIDTH: 180px;
			PADDING-RIGHT: 10px;
			}

#goracing_l ul.menu			{
			PADDING: 5px 0 2px 0;
			margin:0;
			list-style-type: none;
			background-color: #060;
			line-height:0
			}

#goracing_l ul.menu li img			{
			vertical-align: top;
			}
#goracing_l ul.menu ul			{
			PADDING: 0;
			margin:0;
			list-style-type: none;
			}

#goracing_r h3			{
			FONT-SIZE: 1.5em;
			}
#goracing_r h4			{
			border-left: #060 5px solid;
			padding-left: 5px;
			margin:0;
			FONT-SIZE: 1.2sem;
			}

#goracing_r h5{
			height: 21px;
			margin:0 0 10px 0;
			padding: 3px 3px 0 8px;
			border: 1px #CCC solid;
			font-size:1.1em;
			COLOR: #060;
			BACKGROUND: url("../_img/go-racing/beginners-guide/h5_bg.gif") REPEAT-X;
}

#goracing div.box_gr{
	WIDTH: 622px;
	BORDER: #CCC SOLID 1px;
	PADDING: 8px;
}
#goracing div.box_gr p{
	margin:10px 0 0 0
}

#goracing			{/IE 印刷用
			overflow/**/:hidden;
			}

@media print {/firefox 印刷用
	html>/**/body #goracing {
		display:table;
overflow:visible !important;

	}

	html>/**/body #goracing_r,html>/**/body #goracing_l{
		display:table-cell;
		float:none;
	}
}

/*index--------------------------------------*/

#goracing div.box			{
			WIDTH: 640px;
			overflow:hidden;
			}

#goracing div.box: after {
	content: "";
	display: block;
	clear: both;
}

#goracing_r div.video{
	border: 1px #CCC solid;
	padding: 5px;
	width: 450px;
	float:left;
}

#goracing_r div.video hr{
	border-top:1px dashed #B9C6BE;
	border-bottom:none;
	border-left:none;
	border-right:none;
	color: #FFF;
	background-color:#FFF;
}

#goracing_r div.video ul {
			list-style-image:none;
			list-style-type:none;
			margin:-5px 0 2px 0;
			padding:0;
			line-height:130%;
			font-size: 0.9em
}
#goracing_r div.video ul li {
			BACKGROUND: url("../_img/go-racing/beginners-guide/arrow-o.gif") NO-REPEAT;
			PADDING-left:15px;
}

#goracing_r table.more td {
	WIDTH: 300px;
	border: 1px #CCC solid;
	font-size: 0.9em;
}

#goracing_r table.more td strong{
	color: #060;
	font-size: 1.1em;
}

#goracing_r table.more td p{
	margin: 5px 0 2px 0;
}

/*Guide to Going Racing--------------------------------------*/
#goracing_r ul.guide_gr			{
			margin-left: 30px;
			padding-left: 0;
			}

#goracing_r ul.guide_gr li			{
			LIST-STYLE-IMAGE: url("../_img/go-racing/beginners-guide/arrow.gif")
			}

#goracing div.gr_hidden{
	display: none;
}

#goracing_r div.gr_sbtitle{
	border-bottom: solid 1px #CCC
}

#goracing_r div.gr_sbtitle p{
	font-weight: bold;
	font-size: 1.3em;
	color: #F60;
	margin: 3px
}

#goracing_r div.gr_sbtitle ul{
			list-style-image:none;
			list-style-type:none;
			margin:2px 0 0 0;
			padding:0;
			line-height:150%;
			font-size: 0.9em;
			float: right;
}
#goracing_r div.gr_sbtitle ul li {
			BACKGROUND: url("../_img/go-racing/beginners-guide/arrow-o.gif") NO-REPEAT;
			PADDING-left:15px;
			MARGIN-LEFT:5px;
			DISPLAY: INLINE;
			float: left;
			font-weight: bold;
}

#goracing_r div.goracing_navi{
			clear: both;
			border: 1px solid #CCC;
			padding:5px 0 8px 0;
			text-align: center;
}
#goracing_r div.goracing_navi ul{
			list-style-image:none;
			list-style-type:none;
			margin:2px 0 0 0;
			padding:0;
}
#goracing_r div.goracing_navi ul li {
			BACKGROUND: url("../_img/go-racing/beginners-guide/arrow-o.gif") NO-REPEAT;
			PADDING-left:15px;
			PADDING-right:5px;
			DISPLAY: INLINE;
}

/*Guide to Racecourses/OTB facilities--------------------------------------*/
#goracing_r ul.course{
			list-style-image:none;
			list-style-type:none;
			margin:2px 0 0 8px;
			padding:0;
			line-height:150%;
			font-size: 0.9em
}
#goracing_r ul.course li {
			BACKGROUND: url("../_img/go-racing/beginners-guide/arrow-o.gif") NO-REPEAT;
			PADDING-left:15px;
			DISPLAY: INLINE;
			float: left;
			width: 186px;
}
#goracing_r div.cbox			{
			WIDTH: 640px;
			overflow:hidden;
			}

#goracing_r div.cbox: after {
	content: "";
	display: block;
	clear: both;
}

#goracing_r div.cbox div.cbox_r, #goracing_r div.cbox div.cbox_l{
	float:left;
}

#goracing_r div.cbox div.cbox_r			{
			WIDTH: 445px;
			PADDING-LEFT: 15px;
			}

#goracing_r div.cbox div.cbox_l			{
			WIDTH: 180px;
			}

#goracing_r div.cbox div.cbox_l img			{
			margin-bottom: 5px;
			}

#goracing_r div.cbox div.cbox_r dl.add		{
		margin: 0
		}
#goracing_r div.cbox div.cbox_r dl.add dt		{
		color:#060;
		font-weight:bold;
		}
#goracing_r div.cbox div.cbox_r dl.add dd		{
		margin:3px 0 15px 0;
		}
#goracing_r div.cbox div.cbox_r dl.add dd ul		{
			margin:0;
			padding:0 0 0 15px;
			LIST-STYLE-IMAGE: url("../_img/list_b01.gif");
			line-height: 140%;
		}

/*Guide to Betting--------------------------------------*/
#goracing_r ul.betting			{
			margin-left: 30px;
			padding-left: 0;
			}
#goracing_r ul.betting li {
			LIST-STYLE-IMAGE: url("../_img/go-racing/beginners-guide/arrow-o.gif");
			line-height: 150%
}



/*FAQ--------------------------------------*/

#goracing_r p.chapter		{
			COLOR: #000;
			BACKGROUND: #E7E7E7 url("../_img/rect.gif") 4px 4px NO-REPEAT;
			FONT-SIZE: 120%;
			PADDING-LEFT: 20px
			}
#goracing_r ul.qlist		{
			padding-left: 10px;
		}
#goracing_r ul.qlist li		{
			list-style: none;
			line-height:140%;
		}
#goracing_r dl.question dt		{
		color:#4D7819;
		font-weight:bold;
		border: solid 1px #5C9537;
		background-color:#F0F8E9;
		padding:7px 5px 7px 2em;
		text-indent:-1.5em;
		}
#goracing_r dl.question dd		{
		margin:10px 0 20px 0;
		padding-left:2em;
		text-indent:-1.3em;
		}
#goracing_r dl.question dd span		{
		color:#4D7819;
		font-weight:bold;
		}