.cfix {
	zoom:1;
}
.cfix:after {
	content: "";
	display: block;
	clear: both;
}
body {
	color:#333;
	font-size:100%;
	border-top:1px solid#006699;
	padding-top:5px;
}
* html body {
	vertical-align:baseline;
	font-family:Verdana, Arial, "ＭＳ Ｐゴシック", sans-serif;
	font-size:75%;
	text-align:center;
} /* lte ie6 */
*:first-child+html body {
	font-family:Verdana, Arial, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:75%;
} /* ie7 */
html>/**/body {
	font-family:Verdana, Arial, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:75%;
} /* ie8 */
 html:not(:target) body {
 font-family:Verdana, Arial, Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
 font-size:12px;
} /* modern browser */


* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

a {
	color:#663300;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.over:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

#pageTop {
	bottom: 100px;
	cursor: pointer;
	position: fixed;
	right: 0;
	clear: both;
	padding: 25px 0 0;
	text-align: right;
}


.cf{
  zoom: 1;
}

.cf:after{
  content: '';
  display: block;
  clear: both;
}




/* =========================================================
mainArea
========================================================= */
#mainArea {
	max-width:960px;
	margin:0 auto;
	margin-bottom:10px;
}
/* =========================================================
keyImg
========================================================= */
#keyImg {
	float:left;
	line-height:0; /*width:50%;*//*	position:relative;}*/
}
#keyImg .btn { /*	position:absolute;
	bottom:80px;
	left:30px;*/
}
#mainArea nav ul li {
	float:left;
	margin:0;
	padding:0;
	line-height:0;
}

#mainArea nav#navMenuArea{
	float: right;
	width:50%;
}

#mainArea nav#navMenuArea li.navmenu01{
	background: #FF4087;
}

/* =========================================================
subArea
========================================================= */
#subArea {
	max-width:960px;
	margin:0 auto;
	clear:both;
}
/* =========================================================
infomationArea
========================================================= */
#infoArea {
	width:50%;
	float:left;
	line-height:0;
}


/* =========================================================
bnrArea
========================================================= */
#bnrArea {
	clear:both;
	width:100%;
}
#bnrArea ul li {
	float:left;
	padding-right:4px;
	padding-bottom:5px;
}
#bnrArea ul li.end {
	float:left;
	padding-bottom:0px;
}

/* =========================================================
topCalendarArea
========================================================= */

#calendarArea{
	padding-top: 15px;
	clear: both;
	margin-bottom: 35px;

}

.btn_calendar{
	background:#fff;padding:10px;text-align:right;
}

.btn_calendar a{
	font-size:110%;display:inline-block;
	padding:10px 20px;
	background: #232C83;
	color:#fff;
}

.btn_calendar a:hover{
	text-decoration: none;
	background: #FF5E95;
}


/* =========================================================
newsArea
========================================================= */
.newsArea {
	width:100%;
	background:#333333;
}

.newsArea#cat_topics{
	background: #ffffff;
}

.newsArea#cat_info{
	height:100%;
}

.newsArea .newsArea_stitle {
	padding:0px 28px;
	position:relative;
	height:52px;
}
.newsArea dl {
	background: url(../img/bg_dot_bk.gif) repeat-x 0 0;
	clear:both;
	padding:10px 20px;
}


.newsArea dl dt {
	display:inline-block;
	color:#ffcc00;
	float: left;
	padding:0px 9px;
	line-height: 1.4;
}
.newsArea dl dd {
	overflow:hidden;
	color:#ffffff;
	line-height: 1.4;
}

.newsArea dl dd .pdf,#newsList .news_article .pdf {
	vertical-align:top;
	margin-left:5px;
	width:16px;
	height:16px;
}

.newsArea dl dd a {
	color:#ffffff;
	text-decoration:underline;
}
.newsArea dl dd a:hover {
	color:#ffffff;
	text-decoration:none;
}


.newsArea#cat_topics dl dt {
	display:inline-block;
	color:#ea4e0d;
	float: left;
	padding:0px 9px;
	line-height: 1.4;
}


.newsArea#cat_topics dl dd {
	overflow:hidden;
	color:#333;
	line-height: 1.4;
}

.newsArea#cat_topics dl dd .pdf,#newsList .news_article .pdf {
	vertical-align:top;
	margin-left:5px;
	width:16px;
	height:16px;
}

.newsArea#cat_topics dl dd a {
	color:#333;;
	text-decoration:underline;
}
.newsArea dl dd a:hover {
	color:#ffffff;
	text-decoration:none;
}




/* =========================================================
header,footer
========================================================= */
header {
	max-width:960px;
	margin:0 auto;
	padding-bottom:8px;
	padding-top:23px;

}
header h1 {
	float:left;
}

header .head_text{
	float:right;
	padding-top:30px;
}

header nav {
	padding-top:30px;
	clear:both;
	width:auto;
	vertical-align: top;
	position:relative;
	z-index: 50;
	height:auto;

}
header nav ul {
vertical-align: top;

}

header nav ul li {
/*	display:inline-block;
	padding:0px;
	/display: inline;
	/zoom: 1;*/
	display: block;
	float: left;
	

}

header nav ul li img{

}

header nav ul li span{
	display:none;
}

header nav ul li img.icon_blank{
	vertical-align: top;
	width:16px;
	height: 15px;

 }


header nav ul li ol {
	display: none;
/* 	overflow:hidden; */
	position: absolute;
	/* width: 193px; */
	background:blue;
	 margin-top:-1px; 
}

header nav ul li ol li{
	display:block;
	 margin-top:-1px; 
	float:none;
	width:191px;
	background: #fff;
	border:1px solid #ccc;

}


header nav ul li ol li a{
	display:block;

}

header nav ul li ol li a img{
	min-height:auto;
}

header nav ul li ol li a{
	text-decoration: none;
	display: block;
	padding:8px 8px;
}

header nav ul li ol li a:hover{
	background: #cecece;
	text-decoration: none;
}


footer {
	padding-top:20px;
	clear:both;
	border-bottom:1px solid#ffffff;
	background:#cccccc;
}
footer .in_footer {
	max-width:960px;
	margin:0 auto;
	color:#fff;
	text-align:center;
	background:url(../img/footer_pic01.gif) no-repeat right bottom;
	height:51px;
	line-height:51px;
}
#bg_gray {
	background:#cccccc;
	clear:both;
	padding-bottom:15px;
	padding-top:10px;
}
.dl_address {
	font-size:120%;
	line-height:1.4;
}
.dl_address dt {
	float:left;
	padding-right:1em;
}
.dl_address dd {
	overflow:hidden;
}



/* =============
guide
================ */



.pos_re {
 	position:relative; 
}
.photo_zoom {
 	position:absolute; 
}


.photo_zoom .pc{
	display:block;
}
.photo_zoom .sm{
	display:none;
}

.pos_ab01 { /*5F投票券売場*/
	top:8%;
	left:69%;
}
.pos_ab02 { /*5F左喫煙所*/
	top:22%;
	left:43%;
}

.pos_ab14 {/*5F右喫煙所*/
	top:7%;
	left:80%;
}

.pos_ab03 { /*5F観覧席*/
	top:15%;
	left:65%;
}

.pos_ab07 { /*5F自動販売機*/
	top:12%;
	left:55%;
}
.pos_ab08 { /*5Fインフォメーション*/
	top:15%;
	left:50%;
}

.pos_ab04 { /*入り口*/
	top:67%;
	left:5%;
}
.pos_ab042 { /*臨時券売*/
	top:77%;
	left:5%;
}

.pos_ab05 { /*入場ゲート*/
	top:87%;
	left:10%;
}
.pos_ab06 {
	bottom:5%;
	right:5%;
}

.pos_ab09 {/*4F投票券売場*/
	top:32%;
	left:41%;
}

.pos_ab10 {/*4F左喫煙所*/
	top:45%;
	left:23%;
}

.pos_ab11 {  /*4F観覧席*/
	top:37%;
	left:50%;
}


.pos_ab12 { /*4F自動販売機*/
	top:30%;
	left:66%;
}


.pos_ab13 { /*4Fインフォメーション*/
	top:35%;
	left:32%;
}


.pos_ab15 {/*4F右喫煙所*/
	top:28%;
	left:60%;
}



.pos_ab16 {/*フードショップ*/
	top:30%;
	left:64%;
}

.pos_ab20 {/*JRA発売時*/
	bottom:10%;
	left:42%;
}

.pos_ab21 {/*南関東4競馬発売時*/
	bottom:10%;
	left:65%;
}



.keybtn_01,.keybtn_02,.keybtn_03,.keybtn_04{
	position:absolute;

}

.keybtn_01 {
	top:42%;
	left:50%;
}

.keybtn_02 {
	top:62%;
	left:50%;
}

.keybtn_03 {
	top:0%;
	left:2%;
}

.keybtn_04 {
	top:0%;
	right:2%;
}

.float_l p{
	float:left;
	position:relative;
}



.float_l p .btn_race{
	position:absolute;
	top:60%;
	left:30%;
}

.qr_bur {
	margin-top:5px;
	background:#fff;
}
#rightArea {
	float:right;
	width:50%;
}

#leftArea {
	float:right;
	width:49%;
	padding-right:1%;
}

/*
fot hack
*/

/*IE6*/
.newsArea_stitle img {
	_text-align:left;
}
/*top以外*/
h2 {
	clear:both;
	padding-bottom:25px;
}
h3 {
	clear:both;
	padding-bottom:20px;
	margin-left:-20px;
}
h4 {
	clear:both;
	padding-bottom:20px;
	padding-top:40px;
	margin-left:-20px;
}
div.article {
	padding:0 20px 50px;
}
.imgArea_c {
	text-align:center;
}


/* ===============
access
================== */


div.map_left {
	float:left;
	margin-right:20px;
}
div.map_left p {
	text-align:right;
	padding-top:5px;
}
div#aside_map {
	width:320px;
	height:370px;
}



/* ===============
news
================== */

/*wp*/
p.date {
	padding-bottom:15px;
	padding-top:30px;
}
h2.entry-title {
	font-size:16px;
	font-weight:bold;
	padding-bottom:25px;
}

h2.h2_newstitle{
	font-size:150%;
	padding:20px;
	color:#fff;
	margin-bottom: 15px;
}

h2.h2_newstitle#cat_info{
  background: #333333;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666), color-stop(100%, #333333));
  background: -webkit-linear-gradient(#666, #333333);
  background: -moz-linear-gradient(#666, #333333);
  background: -o-linear-gradient(#666, #333333);
  background: linear-gradient(#666, #333333);
}

h2.h2_newstitle#cat_topics{
	background: #932428;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b3393d), color-stop(100%, #932428));
  background: -webkit-linear-gradient(#b3393d, #932428);
  background: -moz-linear-gradient(#b3393d, #932428);
  background: -o-linear-gradient(#b3393d, #932428);
  background: linear-gradient(#b3393d, #932428);
}



#newsList {
	font-size:116.3%;
	background: url(../img/bg_dot.gif) repeat-x scroll left top transparent;
}
#newsList p.date {
	padding-bottom:5px;
	padding-top:5px;
}
.news_article {
	background: url(../img/bg_dot.gif) repeat-x scroll left bottom transparent;
	padding: 20px 25px;
}
#newsList p.stitle {
	font-size:16px;
	font-weight:bold;
	padding-bottom:10px;
}
#newsList .btn_more {
	padding-top:10px;
	padding-bototm:15px;
	font-weight:bold
}
.title_topics {
	position:absolute;
	top:19px;
}
.btn_list {
	position:absolute;
	right:20px;
	top:14px;
}
.new {
	color:#F00
}

.pagination {
	margin:0 auto;
	padding-top:40px;
	height:2.5em;
	clear:both;
	text-align:center;
/*	overflow:hidden;*/
}
.pagination a {
	text-decoration:none;
	border:solid 1px#003366;
	color:#003366;
}
.pagination a,
.pagination span {
	font-weight:bold;
	display:inline-block;
	margin:0 5px 0 0;
	padding:.3em .5em;
}
.pagination .current {
	background:#003366;
	color:#fff;
	border:solid 1px#003366;
}
.pagination .current.prev,
.pagination .current.next {
	color:#999;
	border-color:#999;
	background:#fff;
}

.menu_sub{
	overflow: hidden;
}

.sub_menulist{
	width:100%;
	background:#FF4488;
	
}

.sub_menulist.bg_grn{
	width:100%;
	background:#18a82a;
	
}

.sub_menulist {
	width:100%;
	
}

.sub_menulist p{
	float:left;
	width:50%;
	text-align:center;
}

.sub_menulist p img{
	width:80%;
	margin:0 auto;
	padding:10px 0 15px;

}


/* ==================================================
responsive
===================================================== */


 @media screen and (max-width: 979px) and (min-width: 481px) {

#mainArea{
	padding:0 10px;	
	}

#wrapper {
 width:100%;
}
#keyImg {
 width:50%;
 float:left;
}
#keyImg img {
}
#mainArea nav#navMenuArea {
 float:right;
 width:50%;
}
#mainArea nav#navMenuArea ul {
width:100%;
}
#mainArea nav#navMenuArea li {
float:left;
width:50%;
}
#mainArea nav#navMenuArea li img {
 width:100%;
}



.sub_menulist {
	width:100%;
}
.sub_menulist p img{
	padding-top: 0;
	padding-bottom: 5px;
}


 header {
 width:98%;
}
 header h1 {
 width:40%;
}
 header h1 img{
 width:100%;
}

 header .head_text {
 width:50%;
 padding-top:15px;
 }

  header .head_text img{
 width:100%;
 }

 header img {
 width:auto;
}

 img {
width:100%;
}

.my-calendar-table img{
width:auto;
}


h3 {
clear:both;
padding-bottom:20px;
margin-left:0px;
}
h4 {
clear:both;
padding-bottom:20px;
padding-top:40px;
margin-left:0px;
}
.photo_zoom {
 width:11%; 
}


.photo_zoom.pos_ab13,.photo_zoom.pos_ab08{
 width:13%;
}


.photo_zoom.pos_ab16{
 width:16%;
}


.photo_zoom.pos_ab04,.pos_ab042,.photo_zoom.pos_ab05{
 width:15%;
}

.photo_zoom.pos_ab20,.photo_zoom.pos_ab21{
 width:20%;
 
}


.pos_ab04 { /*入り口*/
	top:66%;
	left:9%;
}

.pos_ab042 { /*臨時券売m*/
	top:75%;
	left:9%;
}
.pos_ab05 { /*入場ゲート*/
	top:84%;
	left:14%;
}
.btn_caraccess{
	width:50%;

}

.pos_ab20 {/*JRA発売時*/
	bottom:12%;
	left:42%;
}

.pos_ab21 {/*南関東4競馬発売時*/
	bottom:12%;
	left:65%;
}

/*.photo_zoom.pos_ab06 {
width:50%;
}
*/

.topmore_btn {
 width:35%;
}


.keybtn_01,.keybtn_02 {
	width:45%;
}

.keybtn_03,.keybtn_04 {
	width:45%;
}
.
.float_l{
	float:none;

}
.float_l p {
	width:100%;
}
.float_l p img.img_size{
	width:100%;
	margin-bottom:20px;
}


.float_l p img.btn_race{
	width:40%;	
	top:60%;
}




header nav {
 padding-top:10px;
 float:none;
 width:100%;
 text-align:center;
}
header nav ul li {
 width:20%;
}

header nav ul li img{
	width:100%;
}


/*#bnrArea {
 width:100%;
 padding:0% 0% 3% 0%;
 float:none;
 margin:0 auto;
 padding-bottom:15px;
}
*/
#bnrArea li {
width:25%;
}
.newsArea_stitle img ,.my-calendar-table img,.category-color-sample img{
 width:auto;
}



footer .in_footer {
 width:auto;
clear:both;
 height:70px;
 line-height:1.5;
}
#subArea {
 width:100%;
}
#bg_gray {
 width:100%;
}
 .map_left {
width:44%;
margin-right:3%;
}
.map_right {
width:50%;
float:right;
}
div#aside_map {
width:100%;
}


.bg_menu01 li{
	position:absolute;
	top:0;left:0;
	z-index:10;
}

}
 @media screen and (max-width: 480px) {
/* スマートフォン用のスタイル記述 */

#wrapper {
 width:100%;
}

#mainArea{
	padding:0 10px;	
	}

#keyImg img {
 float:none;
}


#mainArea nav#navMenuArea {
 float:none;
 clear:both;
 width:100%;
}
#mainArea nav#navMenuArea ul {
width:100%;
}
#mainArea nav#navMenuArea li {
float:left;
width:50%;
}



#mainArea nav#navMenuArea li img{
 width:100%;
}


#leftArea{
	width:100%;
	float: none;
	padding-right: 0;
}

 header {
 width:90%;
}
 header h1 {
 float:none;
 padding-bottom:10px;
}
 img {
width:100%;
}
 h3 {
clear:both;
padding-bottom:20px;
margin-left:0px;
}
h4 {
clear:both;
padding-bottom:20px;
padding-top:40px;
margin-left:0px;
}
.photo_zoom {
width:5%;
}

.photo_zoom .pos_ab13,.photo_zoom .pos_ab08{
 width:18%;
}
/*.photo_zoom .pos_ab16{
	width:18%;
}*/

.photo_zoom.pos_ab04,.pos_ab042,.photo_zoom.pos_ab05{
 width:12%;
}

/*.photo_zoom.pos_ab06 {
width:40%;
}
*/

.topmore_btn {
width:35%;
}



.keybtn_01,.keybtn_02 {
	width:45%;
}

.keybtn_03,.keybtn_04 {
	width:45%;
}

.float_l {
	float:none;
	margin-bottom:20px;
}

.float_l p img.img_size{
	width:100%;
	margin-bottom:20px;
}


.float_l p .btn_race{
	width:40%;
	top:58%;
}

 .map_left {
width:100%;
float:none;
padding-right:0px;
}
.map_right {
width:100%;
}
div#aside_map {
width:100%;
}

.photo_zoom .sm{
	display:block;
}
.photo_zoom .pc{
	display:none;
}


.pos_ab01 { /*5F投票券売場*/
	top:8%;
	left:69%;
}
.pos_ab02 { /*5F左喫煙所*/
	top:20%;
	left:43%;
}



.pos_ab03 { /*5F観覧席*/
	top:15%;
	left:65%;
}

.pos_ab07 { /*5F自動販売機*/
	top:10%;
	left:55%;
}
.pos_ab08 { /*5Fインフォメーション*/
	top:12%;
	left:50%;
}

.pos_ab04 { /*入り口*/
	top:64%;
	left:16%;
}
.pos_ab042 { /*臨時券売s*/
	top:72%;
	left:16%;
}

.pos_ab05 { /*入場ゲート*/
	top:80%;
	left:16%;
}
.pos_ab06 {
	bottom:5%;
	right:20%;
}

.pos_ab09 {/*4F投票券売場*/
	top:30%;
	left:41%;
}



.pos_ab10 {/*4F左喫煙所*/
	top:41%;
	left:23%;
}


.pos_ab11 {  /*4F観覧席*/
	top:35%;
	left:48%;
}


.pos_ab12 { /*4F自動販売機*/
	top:27%;
	left:65%;
}


.pos_ab13 { /*4Fインフォメーション*/
	top:32%;
	left:32%;
}

.pos_ab14 {/*5F右喫煙所*/
	top:7%;
	left:82%;
}

.pos_ab15 {/*4F右喫煙所*/
	top:27%;
	left:60%;
}


.pos_ab20 {/*JRA発売時s*/
	bottom:16%;
	left:44%;
	width:18%;
}

.pos_ab21 {/*南関東4競馬発売時*/
	bottom:16%;
	left:65%;
	width:18%;
}

.pos_ab16 {/*フードショップ*/
	top:28%;
	left:65%;
}


 header nav {
 padding-top:10px;
 float:none;
 width:100%;
 text-align:center;
}

header nav ul li {
 float:none;
 	border:1px solid #ccc;
	margin-top:-1px;
}
 header nav li img {
width:auto;
}

header nav ul li span{
	display:block;
	padding:10px;

}

header nav ul li img{
	display:none;
}

header nav ul li img.icon_blank{
	display:inline-block;

 }

header nav ul li ol {
	display: none;
	overflow:hidden;
	position:static;
	width: 100%;

}

header nav ul li ol li{
	display:block;
	margin-top:-1px;
	float:none;
	width:100%;
	background: #fff;
	border:none;
	border-top: 1px solid #ccc

}

header nav ul li a{
	text-decoration: none;
	display: block;
}

header nav ul li a:hover{
	background: #cecece;
	text-decoration: none;
}

header nav ul li .onsub{
	background: #cdd;

}

#bnrArea {
 width:98%;
 padding:0% 1% 0% 3%;
 float:none;
 margin:0 auto;
 clear:both;
 padding-bottom:10px;
 zoom:1;
}
#bnrArea :after {
content: "";
display: block;
clear: both;
}
#bnrArea li {
width:48%;
}
#rightArea {
 float:none;
 clear:both;
 width:100%;
 margin-bottom:10px;
}

.news_article{
	padding: 10px 10px;
	line-height:1.4;
	}


.newsArea_stitle img {
 width:auto;
}
footer .in_footer {
 width:auto;
clear:both;
 height:90px;
 line-height:1.5em;
 padding-bottom:10px;
}
#subArea {
 width:100%;
}
#bg_gray {
 width:100%;
}

.sub_menulist p img{
	padding:10px 0 5px;
}

.my-calendar-table img,.category-color-sample img{
width:auto;
}
td > div.mc_open_icon05{
	min-height:2em;
	height:auto;
	position: relative;
}


}


@media print {
	header nav{
		display:none;
		}
	.print_s {
		zoom: 80%;
	}
	#pageTop {display: none !important;visibility:hidden !important;
	}
}


.note{font-weight:bold;padding-top:5px;color:#CC0001;display:block;}
.dfont{font-size:16px;}

.box_gray{
	background:url(../img/bg_graydot.gif) repeat 0 0;
	padding:50px 0;
	text-align:center;
}

.bsp30{
	padding-bottom: 30px;
}


/*modal*/
.modal-content {
position:fixed;
display:none;
z-index:500;
width:80%;
margin:0;
padding:30px 20px 10px;
background:#fff;
/*background:rgba(255,255,255,0.8);*/
}

.modal-content p {
margin:0　auto;
padding:0;
}

.modal-overlay {
z-index:400;
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:120%;
background-color:rgba(0,0,0,0.75);
}

.modal-open {
color:#00f;
text-decoration:underline;
}

.modal-open:hover {
cursor:pointer;
color:#f00;
}

.posterArea{
	text-align: center;
	height:100%;
}

.posterArea img{
	max-width:100%;
	width:auto;
}

.modal-close {
position: absolute;
top:0;
right:0;
width:100%;
cursor:pointer;
text-decoration: none;
color:#fff;
background: rgba(24,84,150,1);
font-size:130%;
padding:0.5em;
display: block;
text-align: center;
}

.modal-close:hover {
background: rgba(24,84,150,0.7);
text-decoration: none;
}



p.excerpt{
	line-height: 1.5;
}