@charset "euc-jp";

/* =======================================================
 競馬新聞	newspaper.css

馬三郎	#uma36
======================================================= */

/* =======================================================
馬三郎	body#uma36
======================================================= */
body#uma36 {
	line-height	:	1.4;
}
span.dl {
	text-indent	:	-9633em;
	display	:	block;
}
/*=======================================================
	div#top_container
=======================================================*/
body#uma36 #top_container{
	position				:	relative;
	width					:	900px;
	height					:	74px;
	text-align				:	center;
	margin					:	-10px auto 10px;
	background				:	url(../image/bg_button_top.png) 0 44px no-repeat !important;
}

/*=======================================================
		C-1.ヘッダー div#header
=======================================================*/
body#uma36 #top_container #header{
	display: block;
	width					:	900px;
	margin					:	0 auto;
}

body#uma36 #top_container #header h1{
	position				:	absolute;
	top						:	0;
	left					:	17px;
	display					:	block;
}

/*=======================================================
		C-3.グローバルナビ div#gnavi
=======================================================*/
body#uma36 #top_container #gnavi{
	position				:	absolute;
	top						:	44px;
	left					:	147px;
	height					:	30px;
	margin					:	0;
}

body#uma36 #top_container #gnavi ul li{
	float					:	left;
}

body#uma36 #top_container #gnavi ul li a{
	display					:	block;
	height					:	30px;
}
/* -------------------------------------------------

------------------------------------------------- */
#top_container #gnavi ul li.whats_uma36 a, 
#top_container #gnavi ul li.whats_uma36 a:link, 
#top_container #gnavi ul li.whats_uma36 a:visited{
	width					:	115px;
	background				:	url(../image/button_top_whats_uma36.gif) 0 0 no-repeat;
}

#top_container #gnavi ul li.whats_uma36 a:hover, 
#top_container #gnavi ul li.whats_uma36 a:active{
	background-position		:	0 -30px;
}

#top_container #gnavi ul li.whats_uma36_active a{
	background				:	url(../image/button_top_whats_uma36.gif) 0 -30px no-repeat;
	width					:	115px;
}

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

------------------------------------------------- */
#top_container #gnavi ul li.feature a, 
#top_container #gnavi ul li.feature a:link, 
#top_container #gnavi ul li.feature a:visited{
	width					:	102px;
	background				:	url(../image/button_top_feature.gif) 0 0 no-repeat;
}

#top_container #gnavi ul li.feature a:hover, 
#top_container #gnavi ul li.feature a:active{
	background-position		:	0 -30px;
}

#top_container #gnavi ul li.feature_active a{
	width					:	102px;
	background				:	url(../image/button_top_feature.gif) 0 -30px no-repeat;
}

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

------------------------------------------------- */
#top_container #gnavi ul li.trial a, 
#top_container #gnavi ul li.trial a:link, 
#top_container #gnavi ul li.trial a:visited{
	width					:	123px;
	background				:	url(../image/button_top_trial.gif) 0 0 no-repeat;
}

#top_container #gnavi ul li.trial a:hover, 
#top_container #gnavi ul li.trial a:active{
	background-position		:	0 -30px;
}

#top_container #gnavi ul li.trial_active a{
	width					:	123px;
	background				:	url(../image/button_top_trial.gif) 0 -30px no-repeat;
}
/* -------------------------------------------------

------------------------------------------------- */
#top_container #gnavi ul li.charge a, 
#top_container #gnavi ul li.charge a:link, 
#top_container #gnavi ul li.charge a:visited{
	width					:	103px;
	background				:	url(../image/button_top_buy.gif) 0 0 no-repeat;
}

#top_container #gnavi ul li.charge a:hover, 
#top_container #gnavi ul li.charge a:active{
	background-position		:	0 -30px;
}

#top_container #gnavi ul li.charge_active a{
	width					:	103px;
	background				:	url(../image/button_top_buy.gif) 0 -30px no-repeat;
}

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

------------------------------------------------- */
#top_container #gnavi ul li.graderace a, 
#top_container #gnavi ul li.graderace a:link, 
#top_container #gnavi ul li.graderace a:visited{
	width					:	108px;
	background				:	url(../image/button_top_graderace.gif) 0 0 no-repeat;
}

#top_container #gnavi ul li.graderace a:hover, 
#top_container #gnavi ul li.graderace a:active{
	background-position		:	0 -30px;
}

#top_container #gnavi ul li.graderace_active a{
	width					:	108px;
	background				:	url(../image/button_top_graderace.gif) 0 -30px no-repeat;
}

/* -------------------------------------------------
予想ランキングボタン
------------------------------------------------- */
#top_container #gnavi ul li.ranking a, 
#top_container #gnavi ul li.ranking a:link, 
#top_container #gnavi ul li.ranking a:visited{
	width					:	125px;
	background				:	url(../image/button_top_ranking.gif) 0 0 no-repeat;
}

#top_container #gnavi ul li.ranking a:hover, 
#top_container #gnavi ul li.ranking a:active{
	background-position		:	0 -30px;
}

#top_container #gnavi ul li.ranking_active a{
	width					:	125px;
	background				:	url(../image/button_top_ranking.gif) 0 -30px no-repeat;
}

/*=======================================================
		C-4.サブナビ div#subnavi
=======================================================*/
.no_gnavi{
	margin					:	0 auto !important;
}

#top_container #subnavi ul{
	position				:	absolute;
	top						:	24px;
	right					:	0;
}

#top_container #subnavi ul li{
	float					:	left;
	margin					:	0 7px 0 0;
	text-align				:	left;
}

#top_container #subnavi ul li a{
	display					:	block;
	height					:	14px;
}

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

------------------------------------------------- */
#top_container #subnavi ul li.sub_info a,
#top_container #subnavi ul li.sub_info a:link,
#top_container #subnavi ul li.sub_info a:visited{
	width					:	65px;
	background				:	url(../image/button_top_sub_01.gif) 0 0 no-repeat;
}

#top_container #subnavi ul li.sub_info a:hover,
#top_container #subnavi ul li.sub_info a:active{
	background				:	url(../image/button_top_sub_01_over.gif) 0 0 no-repeat;
}
/* -------------------------------------------------

------------------------------------------------- */
#top_container #subnavi ul li.sub_faq a,
#top_container #subnavi ul li.sub_faq a:link,
#top_container #subnavi ul li.sub_faq a:visited{
	width					:	85px;
	background				:	url(../image/button_top_sub_02.gif) 0 0 no-repeat;
}
#top_container #subnavi ul li.sub_faq a:hover, 
#top_container #subnavi ul li.sub_faq a:active{
	background				:	url(../image/button_top_sub_02_over.gif) 0 0 no-repeat;
}
/* -------------------------------------------------
マニュアルボタン
------------------------------------------------- */
#top_container #subnavi ul li.sub_manual a,
#top_container #subnavi ul li.sub_manual a:link,
#top_container #subnavi ul li.sub_manual a:visited{
	width					:	111px;
	background				:	url(../image/button_top_sub_03.gif) 0 0 no-repeat;
}

#top_container #subnavi ul li.sub_manual a:hover,
#top_container #subnavi ul li.sub_manual a:active{
	background				:	url(../image/button_top_sub_03_over.gif) 0 0 no-repeat;
}

/* -------------------------------------------------
キャンペーンボタン
------------------------------------------------- */
#top_container #subnavi ul li.sub_campaign a,
#top_container #subnavi ul li.sub_campaign a:link,
#top_container #subnavi ul li.sub_campaign a:visited{
	width					:	80px;
	background				:	url(../image/button_top_sub_04.gif) 0 0 no-repeat;
}

#top_container #subnavi ul li.sub_campaign a:hover,
#top_container #subnavi ul li.sub_campaign a:active{
	background				:	url(../image/button_top_sub_04_over.gif) 0 0 no-repeat;
}

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

------------------------------------------------- */
#top_container #subnavi ul li.sub_use a,
#top_container #subnavi ul li.sub_use a:link,
#top_container #subnavi ul li.sub_use a:visited{
	width					:	80px;
	background				:	url(../image/button_top_sub_05.gif) 0 0 no-repeat;
}

#top_container #subnavi ul li.sub_use a:hover,
#top_container #subnavi ul li.sub_use a:active{
	background				:	url(../image/button_top_sub_05_over.gif) 0 0 no-repeat;
}

/* -------------------------------------------------
ダウンロードボタン
------------------------------------------------- */
#top_container #subnavi ul li.sub_dl a,
#top_container #subnavi ul li.sub_dl a:link,
#top_container #subnavi ul li.sub_dl a:visited{
	width					:	84px;
	background				:	url(../image/button_top_sub_06.gif) 0 0 no-repeat;
}

#top_container #subnavi ul li.sub_dl a:hover,
#top_container #subnavi ul li.sub_dl a:active{
	background				:	url(../image/button_top_sub_06_over.gif) 0 0 no-repeat;
}

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

------------------------------------------------- */
#top_container #subnavi ul li.sub_support a,
#top_container #subnavi ul li.sub_support a:link,
#top_container #subnavi ul li.sub_support a:visited{
	width					:	85px;
	background				:	url(../image/button_top_sub_07.gif) 0 0 no-repeat;
}

#top_container #subnavi ul li.sub_support a:hover,
#top_container #subnavi ul li.sub_support a:active{
	background				:	url(../image/button_top_sub_07_over.gif) 0 0 no-repeat;
}

/* -------------------------------------------------
的中速報
------------------------------------------------- */
div#topics_swf_block {
	display:block; margin:0; padding:0 0 0 170px;
	width:733px; height:33px;
}

/*=======================================================
		C-4.FLASHエリア div#gnavi
=======================================================*/
body#uma36 div#contents_container {
	width	:	900px;
	margin	:	auto auto 18px;
}
body#uma36 div#contents_body {
	position	:	relative;
	
}
body#uma36 div#mv_container {
	width	:	900px;
	height	:	431px;
	position	:	relative;
	font-size	:	0;
	line-height	:	0;
}
body#uma36 div#side_swf_block {
	width	:	170px;
	height	:	431px;
	position	:	absolute;
	top	:	0;
	left	:	2px;
}
body#uma36 div#main_swf_block {
	width	:	700px;
	height	:	431px;
	position	:	absolute;
	top	:	0;
	left	:	180px;
}


/* =======================================================
 main_visual
======================================================= */

/* 告知 */
.uma36newsbox {
	width:730px;
	height: 30px;
	margin: 0 0 0 177px;
	padding:0;
	border	:#a3b3d1 1px solid;
	background-color:#fdffe4;
	font-size:115%;
}
.uma36newsbox div {
	float:left;
	line-height:32px;
}
.uma36newsbox div.uma36newstitle {
	background-color:#F00;
	color:#FFF;
	width: 50px;
	text-align:center;
	vertical-align:middle;
	height:100%;
}
.uma36newsbox div.uma36newstext {
	color:#0033AA;
	padding-left:6px;
	height:100%;
}


/*　main_visual　*/
.regist_menu {
	float: left;
	width: 170px;
}
.regist_menu img {
	width: 100%;
}
.regist_menu a {
	display: block;
}
.regist_menu a:hover {
	opacity: .8;
}
.contents_main_visual {
	float: left;
	background: url("../image/uma36/bg.jpg") no-repeat;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-ms-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	margin-left: 8px;
	overflow: hidden;
	position: relative;
	width: 700px;
	height: 431px;
}
.contents_main_visual .inner a {
	display: inline-block;
	background: rgba(255, 255, 255, .4);
	color: #333;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 4px;
	position: absolute;
	left: 3px;
	bottom: 2px;
}
.contents_main_visual .inner a:hover {
	background: rgba(251, 85, 56, .7);
	color: #fff;
}
.visual_image01 {
	width: 290px;
	position: absolute;
	left: -36px;
	bottom: -86px;
}
.visual_image02 {
    width: 302px;
    position: absolute;
    left: 178px;
    bottom: 155px;
}
.visual_image03 {
    width: 390px;
    position: absolute;
    left: 131px;
    top: 2px;
}
.contents_inner_menu {
    width: 200px;
    position: absolute;
    top: 4px;
    right: 4px;
    background: rgba(0, 0, 0, .3);
    padding: 4px;
    border-radius: 2px;
}
.contents_inner_menu img {
	width: 100%;
}
.contents_inner_menu a {
	display: block;
	width: 200px;
}

p.SpecialTxt01 {
	position: absolute;
	bottom: 27px;
	left: 20px;
	font-family: "Meiryo", "メイリオ", "ヒラギノ角ゴ ProN W3", 'ヒラギノ角ゴ Pro W3', "Hiragino Kaku Gothic ProN", "游ゴシック体", 'Yu Gothic', arial, sans-serif; 
	font-weight: bold;
	font-size: 20px;
	text-shadow: 1px -1px 2px #fff, -1px 1px 2px #fff, 1px 1px 2px #fff;
	color: #444;
	text-align: left;
}