@charset "utf-8";


/*============================================================================



	style info : website style サイト固有



==============================================================================*/


/*
.post img {width: 100%;}
.imgBox img{
     width: 80%!important;
     margin-bottom: 1em;
     text-align: center;
     margin: 0 auto;
}
*/



.icoFavHorse {
    position: relative;
    top:-8px;
    left:-15px;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: bottom center;
    -webkit-animation-name: animation-bell;
    -moz-animation-duration: 3s;
    -moz-animation-timing-function: ease-in;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: bottom center;
    -moz-animation-name: animation-bell;
}


@-webkit-keyframes animation-bell {
0%{
    -webkit-transform: scale(1, 1);
    }
48%{
    -webkit-transform: scale(1, 1);
    }
50%{
    -webkit-transform: scale(1.3, 0.7);
    }
53%{
    -webkit-transform: scale(0.7, 1.3) translate(0, -15px);
    }
57.5%{
    -webkit-transform: scale(1, 1) translate(0, -3px);
    }
59%{
    -webkit-transform: scale(1, 1) translate(0, 0px);
    }
100% {
    -webkit-transform: scale(1, 1);
}

}
@-moz-keyframes animation-bell {
0%{
    -moz-transform: scale(1, 1);
    }
48%{
    -moz-transform: scale(1, 1);
    }
50%{
    -moz-transform: scale(1.3, 0.7);
    }
54%{
    -moz-transform: scale(0.7, 1.3) translate(0, -15px);
    }
58%{
    -moz-transform: scale(1, 1) translate(0, -3px);
    }
59%{
    -moz-transform: scale(1, 1) translate(0, 0px);
    }
100% {
    -moz-transform: scale(1, 1);
}
}



.mainLeft {width: 250px; float: left;}
.mainCenter {width: 580px; float: left;}
.mainTop {margin-bottom: 20px;}
.mainRight {width: 250px;float: right;}
/* コンテンツセンター */
/* mainContetsWrap  */
.mainContentsLeft {
    width: 280px;
    float: left;
    position: relative;
}

.mainContentsRight {
    width: 550px;
    margin-left: 10px;
    float: left;
}

/* indextopics
--------------------------------  */

.topicsWrap {
    width: 280px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 20px;
}

.topic {margin-bottom: 10px;}
.topics img {width: 282px;margin-bottom: 10px;}
.topics .social-button {margin-bottom: 10px;}
.topicsDl {margin-bottom: 20px;}
.topicsDl dt h4{
    width: 280px;
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.pala{
    width: 280px;
    font-size: 12px;
}
.topics .date {font-size: 10px;}
/* トピックスタブ */

#tabRace {
/*     border-bottom: solid 3px #ff0606; */
}


.topicsTab {
    width: 100%;
    margin-bottom: 20px;
}

.topicsTab .tab{overflow:hidden;}
.topicsTab .tab li{
z-index: 5;
font-weight: bold;
    width: 75px;
    text-align: center;
    font-size: 10px;
    padding:5px 0px;
    background-color: #fff;
    border:1px solid #e1e1e8;
    float:left;
    overflow: hidden;
    margin-right:1px;
    position: relative; /* for IE */
    behavior: url(/javascript/PIE.htc); /* for IE */
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(bottom, #d9d9d9, #fff);
    background-image: -moz-linear-gradient(bottom, #d9d9d9, #fff);
    background-image: -o-linear-gradient(bottom, #d9d9d9, #fff);
    background-image: linear-gradient(to top, #d9d9d9, #fff);
    cursor: pointer!important;
}


	
.topicsTab .tab li.select{background:#fbfbfb;;border-bottom: solid 1px #fbfbfb;border-top:solid 2px #ff0000;}
.topicsTab .tabContent li{padding:8px;}
.hide {display:none;}

ul.tabList li {
    padding: 4px 0px 4px 0px;
    position: relative;
    line-height: 1.4;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border:1px solid #e1e1e8;
    margin-top: -1px;
 }

ul.tabList li i,
ul.tabList li .date {
    margin-right: 5px;
    font-size: 9px!important;
}

ul.tabList li .date {padding-top: 5px;}
.odd {background-color: #eee;}
.even {background-color: #fbfbfb;}

/* whatsnew 更新情報 */
.whatsnewWrap { margin-bottom: 20px;}

/* --- リストエリア --- */
ul.whatsnewThumbnail {
    margin: 0;
    padding: 0;
    /* border-top: 1px #808080 dotted; */
    list-style-type: none;
}

ul.whatsnewThumbnail li {
    padding: 10px 10px 5px; 
    border-bottom: 1px #808080 dotted; 
}

ul.whatsnewThumbnail dl {width: 100%;}

ul.whatsnewThumbnail .photo {
    width: 50px; 
    vertical-align: top;
    float: left;
}
ul.whatsnewThumbnail dt.photo img {
    border: 1px #808080 solid; 
    width: 50px;
}

ul.whatsnewThumbnail dt.title,
ul.whatsnewThumbnail dd {
    margin: 0 0 0 60px;
    font-size: 12px;
}

/* --- タイトルエリア --- */
ul.whatsnewThumbnail dt.title {
    margin-bottom: 5px; /* タイトルエリアの下マージン */
    line-height: 120%;
}

/* --- コメントエリア --- */
ul.whatsnewThumbnail .thumbnail dd { line-height: 150%;}
ul.whatsnewThumbnail .date {font-size: 10px;}

/* .コンテンツアイコンリスト */
.contentsWrap { height: 500px;}
.contentsTopList {margin-top: 10px;}
.contentsTopList_02 {margin-top: 10px;}
.contentsTopList_02 li {float: left; margin-right: 5px;}
.contentsTopList li {float: left; margin-right: 5px;}


/* mainRight PR
--------------------------------  */
.mainRight ul {margin-bottom: 10px;}
.mainRight li {margin-bottom: 5px;font-size: 13px;}

/* title 各タイトル
--------------------------------  */


.tit_recommend,.tit_pr,.tit_interview,.tit_Sidetopics{
    border-bottom: solid 2px #01a801;
	margin-bottom: 10px;
    width:250px;
	background:url(https://www-f.keibalab.jp/img/common/tit_sprite.png);
	background-repeat: no-repeat;
}

.tit_whatsnew,.tit_contents {
    width:100%;
    border-bottom: solid 2px #01a801;
	margin-bottom: 10px;
	background:url(https://www-f.keibalab.jp/img/common/tit_sprite.png);
	background-repeat: no-repeat;
}

.tit_recommend {background-position: 0 -190px;}
.tit_recommend span{padding-left: 130px;font-size: 10px; color: #01a801;}

.tit_pr {background-position: 0 -130px;}
.tit_pr span{
    padding-left: 40px;
    font-size: 10px;
    color: #01a801;
}

.tit_topics {
	background:url(https://www-f.keibalab.jp/img/common/tit_sprite.png)no-repeat 0 -5px;
	border-bottom: solid 2px #01a801;
	z-index: 6;
	width: 840px;
	position: absolute;
	top:-40px;
}

.tit_topics span{
    padding-left: 70px;
    font-size: 10px;
    color: #01a801;
}


/* 新バージョン */
.tit_pr {
	width: 250px;
	height: 35px;
	background-position: -562px -76px
}


.sprite {
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url(https://www-f.keibalab.jp/img/index/tit.png)
}



/* サイドバートピックス */
.tit_Sidetopics {
	background:url(https://www-f.keibalab.jp/img/common/tit_sprite.png)no-repeat 0 -5px;
	border-bottom: solid 2px #01a801;
	}

.tit_Sidetopics span {	
    padding-left: 70px;
    font-size: 10px;
    color: #01a801;
    }

.tit_interview { background-position: 0 -40px;}
.tit_interview span{
    padding-left: 100px;
    font-size: 10px;
    color: #01a801;
}

.tit_whatsnew {background-position: 0 -70px;}
.tit_whatsnew span{
    /* 	display:none; */
    padding-left: 120px;
    font-size: 10px;
    color: #01a801;
}

.tit_contents {background-position: 0 -100px;}
.tit_contents span{
    /* 	display:none; */
    padding-left: 90px;
    font-size: 10px;
    color: #01a801;
}

.sideUl li{ margin-bottom: 10px;}

.sideTopics li {
    list-style-type: disc!important;
    list-style-position: inside;
    line-height: 12px;
    font-size: 12px;
}   

/*pickupRace
---------------------------------*/

.pickupWrap {
    background-color: #007e00;
    width: 230px;
    padding: 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    position: relative; 
    behavior: url(/javascript/PIE.htc);
    margin-bottom: 10px;
}
p.thumb{
    border: 1px solid #aaa;
    display:block;
    width:230px; /*トリミング後の横幅*/
    height:130px; /*トリミング後の縦幅*/
    overflow:hidden;
    position:relative;
    z-index:1;
    border-radius: 6px;
    box-sizing: border-box;
 }
 
 p.thumb img{
    float:left;
    position:absolute;
    width: 230px;
 }

.pickupRaceInner {
    background-color: #FFF;
    padding: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: relative; /* for IE */
    behavior: url(/javascript/PIE.htc); /* for IE */
}

/* 今週のレース */
.thisweekRaceWrap {
    background-color: #f7f7f9;
    width: 228px;
    padding: 10px;
    border: solid 1px #e1e1e8;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    position: relative; 
    behavior: url(/javascript/PIE.htc);
    margin-bottom: 20px;
}

.thisweekRace {
    color: #FFF;
    display:block;
    padding: 4px;
    font-size: 13px;text-indent: 5px;
    margin-bottom: 10px;
}

.thisweekRaceDl {margin-bottom: 10px;}
.thisweekRaceDl dd{
    font-size: 12px;
    margin: 5px 0 0 5px;
}

/* スライダー */
/* Showcase
-------------*/

#awOnePageButton .view-slide
{
	display: none;
}

/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
#showcase {
    display: none;
}

.showcase-load
{
	height: 470px; /* Same as showcase javascript option */
	overflow: hidden;
}

/* Container when content is shown as one page */
.showcase-onepage
{
	/**/
}

/* Container when content is shown in slider */
.showcase
{
	position: relative;
	margin: auto;
}

	.showcase-content-container
	{
		background-color: #000;
	}
	
	/* Navigation arrows */
	.showcase-arrow-previous, .showcase-arrow-next
	{
		position: absolute;
		background: url(https://www-f.keibalab.jp/img/slider/arrows.png);
		width: 33px;
		height: 33px;
		top: 220px;
		cursor: pointer;
	}
	
	.showcase-arrow-previous
	{
		left: 5px;
		z-index: 5;
	}
	
	.showcase-arrow-previous:hover
	{
		background-position: 0px -34px;
	}
	
	.showcase-arrow-next
	{
		right: 5px;
		background-position: -34px 0;
		z-index: 5;
	}
	
	.showcase-arrow-next:hover
	{
		background-position: -34px -34px;
	}
	
	/* Content */
	.showcase-content
	{
		background-color: #000;
		text-align: center;
	}
		
		.showcase-content-wrapper
		{
			text-align: center;
			height: 470px;
			width: 700px;
			display: table-cell;
			vertical-align: middle;
		}
		
		/* Styling the tooltips */
		.showcase-plus-anchor
		{
			background-image: url(https://www-f.keibalab.jp/img/slider/plus.png);
			background-repeat: no-repeat;
		}
		
		.showcase-plus-anchor:hover
		{
			background-position: -32px 0;
		}
		
		div.showcase-tooltip
		{
			background-color: #fff;
			color: #000;
			text-align: left;
			padding: 5px 8px;
			background-image: url(https://www-f.keibalab.jp/img/slider/white-opacity-80.png);
		}
		
		/* Styling the caption */
		.showcase-caption
		{
			color: #000;
			padding: 8px 15px;
			text-align: left;
			position: absolute;
			bottom: 10px; left: 10px; right: 10px;
			display: none;
			background-image: url(https://www-f.keibalab.jp/img/slider/white-opacity-80.png);
		}
		
	.showcase-onepage .showcase-content
	{
		margin-bottom: 10px;
	}
	
	/* Button Wrapper */
	.showcase-button-wrapper
	{
		clear: both;
		margin-top: 10px;
		text-align: center;
	}
	
		.showcase-button-wrapper span
		{
			margin-right: 3px;
			padding: 2px 5px 0px 5px;
			cursor: pointer;
			font-size: 12px;
			color: #444444;
		}
	
		.showcase-button-wrapper span.active
		{
			color: #0bd100;
		}
	
	/* Thumbnails */
	.showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */
	{
		background-color: #000;
	}
	
	.showcase-thumbnail-wrapper
	{
		overflow: hidden;
	}
		
		.showcase-thumbnail
		{
			width: 120px;
			height: 90px;
			cursor: pointer;
			border: solid 1px #333;
			position: relative;
		}
		
			.showcase-thumbnail-caption
			{
				position: absolute;
				bottom: 2px;
				padding-left: 10px;
				padding-bottom: 5px;
			}
			
			.showcase-thumbnail-content
			{
				padding: 10px;
				text-align: center;
				padding-top: 25px;
			}
			
			.showcase-thumbnail-cover
			{
				background-image: url(https://www-f.keibalab.jp/img/slider/black-opacity-40.png);
				position: absolute;
				top: 0; bottom: 0; left: 0; right: 0;
			}
		
		.showcase-thumbnail:hover
		{
			border: solid 1px #999;
		}
		
			.showcase-thumbnail:hover .showcase-thumbnail-cover
			{
				display: none;
			}
		
		.showcase-thumbnail.active
		{
			border: solid 1px #999;
		}
		
			.showcase-thumbnail.active .showcase-thumbnail-cover
			{
				display: none;
			}
	
	.showcase-thumbnail-wrapper-horizontal
	{
		padding: 10px;
	}
	
		.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail
		{
			margin-right: 10px;
			width: 116px;
		}
	
	.showcase-thumbnail-wrapper-vertical
	{
		padding: 10px;
	}
	
		.showcase-thumbnail-wrapper-vertical .showcase-thumbnail
		{
			margin-bottom: 10px;
		}
		
	.showcase-thumbnail-button-backward,
	.showcase-thumbnail-button-forward
	{
		padding: 7px;
		cursor: pointer;
	}
	
	.showcase-thumbnail-button-backward
	{
		padding-bottom: 0px;
		padding-right: 0px;
	}
	
		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
		.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
		.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
		{
			background-image: url(https://www-f.keibalab.jp/img/slider/arrows-small.png);
			background-repeat: no-repeat;
			display: block;
			width: 17px;
			height: 17px;
		}
		
		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical
		{
			background-position: 0 -51px;
			margin-left: 55px;
		}
		.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical
		{
			background-position: -17px -51px;
		}
		
		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical
		{
			background-position: 0 -34px;
			margin-left: 55px;
		}
		.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical
		{
			background-position: -17px -34px;
		}
		
		.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
		{
			background-position: 0 -17px;
			margin-top: 40px;
			margin-bottom: 40px;
		}
		.showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal
		{
			background-position: -17px -17px;
		}
		
		.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal
		{
			background-position: 0 0;
			margin-top: 40px;
			margin-bottom: 40px;
		}
		.showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal
		{
			background-position: -17px 0;
		}
		
		/* Hide button text */
		.showcase-thumbnail-button-forward span span,
		.showcase-thumbnail-button-backward span span
		{
			display: none;
		}
	


/*============================================================================

	ログインページ

==============================================================================*/

#entryWrap .container {
  margin: 0px auto;
  width: 100%;
}

.login {
  position: relative;
  margin: 0 auto;
  padding: 20px 20px 20px;
/*   width: 100%; */
  background: white;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
}
.login:before {
  content: '';
  position: absolute;
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  z-index: -1;
  background: rgba(0,0,0,0.08);
  border-radius: 4px;
}
.login h1 {
  margin: -20px -20px 21px;
  line-height: 40px;
  font-size: 15px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px black;
  background: #169009;
  border-bottom: 1px solid #cfcfcf;
  border-radius: 3px 3px 0 0;
  background-image: -webkit-linear-gradient(top, whiteffd, #09ad0e 0%);
  background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
  background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
  background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
  -webkit-box-shadow: 0 1px whitesmoke;
  box-shadow: 0 1px whitesmoke;
}
.login p {
  margin: 20px 0 0;
}
.login p:first-child {
  margin-top: 0;
}
.login input[type=text], .login input[type=password] {
  width: 278px;
}
.login p.remember_me {
  float: left;
  line-height: 31px;
}
.login p.remember_me label {
  font-size: 12px;
  color: #777;
  cursor: pointer;
}
.login p.remember_me input {
  position: relative;
  bottom: 1px;
  margin-right: 4px;
  vertical-align: middle;
}
.login p.submit {
  text-align: right;
}

.login-help {
  margin: 20px 0;
  font-size: 11px;
  text-align: center;
}
.login-help a {
  color: #f63374;
  text-decoration: none;
}
.login-help a:hover {
  text-decoration: underline;
}

:-moz-placeholder {
  color: #c9c9c9 !important;
  font-size: 13px;
}

::-webkit-input-placeholder {
  color: #ccc;
  font-size: 13px;
}


#entryWrap input[type=text], #entryWrap input[type=password],#entryWrap input[type=email] {
  margin: 5px;
  padding: 0 10px;
  width: 280px;
  height: 34px;
  color: #404040;
  background: white;
  border: 1px solid;
  border-color: #c4c4c4 #d1d1d1 #d4d4d4;
  border-radius: 2px;
  outline: 5px solid #eff4f7;
  -moz-outline-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
}

#entryWrap input[type=text]:focus, #entryWrap input[type=password]:focus,#entryWrap input[type=email]:focus {
  border-color: #23c865;
  outline-color: #4bd883;
  outline-offset: 0;
}




#entryWrap input[type=submit] {
/*     padding: 0 18px; */
    height: 29px;
    font-size: 12px;
    font-weight: bold;
 /*    border: 1px solid; */
    border-radius: 6px;
    outline: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #d70606;
    background-image: -webkit-linear-gradient(bottom, rgba(79,79,79,.1), rgba(255,255,255,.1));
    background-image: -moz-linear-gradient(bottom, rgba(79,79,79,.1), rgba(255,255,255,.1));
    background-image: -o-linear-gradient(bottom, rgba(79,79,79,.1), rgba(255,255,255,.1));
    background-image: linear-gradient(to top, rgba(79,79,79,.1), rgba(255,255,255,.1));
}


#entryWrap input[type=submit]:active {
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #0271df;
}

.lt-ie9 input[type=text], .lt-ie9 input[type=password] {
  line-height: 34px;
}


/* エントリー */

.newentryForm{
    width: 720px;
    padding: 20px;
    background-color:#eaefef;
    border-radius: 2px;
    text-shadow: 0 1px rgba(255,255,255,0.5);
    margin: 0 auto;
}

ul.entryEx {
    width: 800px;
    text-align: center;
    margin-left: 8px;
}

.entryEx li {
    float: left;
    margin-right: 13px;
    margin-bottom: 13px;
}



/* = STEPS CONTAINER
----------------------------*/
.wizard-steps {
    margin:20px 10px 0px 10px;
    padding:0px;
    position: relative;
    clear:both;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}
.wizard-steps div {
    position:relative;
}
/* = STEP NUMBERS
----------------------------*/
.wizard-steps span {
    display: block;
    float: left;
    font-size: 10px;
    text-align:center;
    width:15px;
    margin: 2px 5px 0px 0px;
    line-height:15px;
    color: #ccc;
    background: #FFF;
    border: 2px solid #CCC;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
/* = DEFAULT STEPS
----------------------------*/
.wizard-steps a {
    position:relative;
    display:block;
    width:auto;
    height:24px;
    margin-right: 18px;
    padding:0px 10px 0px 3px;
    float: left;
    font-size:11px;
    line-height:24px;
    color:#666;
    background: #F0EEE3;
    text-decoration:none;
    text-shadow:1px 1px 1px rgba(255,255,255, 0.8);
}
.wizard-steps a:before {
    width:0px;
    height:0px;
    border-top: 12px solid #F0EEE3;
    border-bottom: 12px solid #F0EEE3;
    border-left:12px solid transparent;
    position: absolute;
    content: "";
    top: 0px;
    left: -12px;
}
.wizard-steps a:after {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left:12px solid #F0EEE3;
    position: absolute;
    content: "";
    top: 0px;
    right: -12px;
}
 
/* = COMPLETED STEPS
----------------------------*/
 
.wizard-steps .completed-step a {
    color:#163038;
    background: #A3C1C9;
}
.wizard-steps .completed-step a:before {
    border-top: 12px solid #A3C1C9;
    border-bottom: 12px solid #A3C1C9;
}
.wizard-steps .completed-step a:after {
    border-left: 12px solid #A3C1C9;
}
.wizard-steps .completed-step span {
    border: 2px solid #163038;
    color: #163038;
    text-shadow:none;
}
/* = ACTIVE STEPS
----------------------------*/
.wizard-steps .active-step a {
    color:#A3C1C9;
    background: #163038;
    text-shadow:1px 1px 1px rgba(0,0,0, 0.8);
}
.wizard-steps .active-step a:before {
    border-top: 12px solid #163038;
    border-bottom: 12px solid #163038;
}
.wizard-steps .active-step a:after {
    border-left: 12px solid #163038;
}
.wizard-steps .active-step span {
    color: #163038;
    -webkit-box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
    -moz-box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
    box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
    text-shadow:none;
    border: 2px solid #A3C1C9;
}
/* = HOVER STATES
----------------------------*/
.wizard-steps .completed-step:hover a, .wizard-steps .active-step:hover a {
    color:#fff;
    background: #8F061E;
    text-shadow:1px 1px 1px rgba(0,0,0, 0.8);
}
.wizard-steps .completed-step:hover span, .wizard-steps .active-step:hover span {
    color:#8F061E;
}
.wizard-steps .completed-step:hover a:before, .wizard-steps .active-step:hover a:before {
    border-top: 12px solid #8F061E;
    border-bottom: 12px solid #8F061E;
}
.wizard-steps .completed-step:hover a:after, .wizard-steps .active-step:hover a:after {
    border-left: 12px solid #8F061E;
}


/*============================================================================

	サイト内共有パーツ

==============================================================================*/

/*点線*/
hr.doted {
	border-top: 1px dotted #CCC;
	display: block;
	height: 1px;
	margin: 1em 0;
	padding: 0;
	clear: both;
}

/*画像見出し用*/
/*
.title {
	margin: 0;
	display: block;
	text-indent: -7777px;
	overflow: hidden;
	background: no-repeat;
}
*/

/*ボタン全般用
---------------------------------*/
a.button {
	display: block;
	text-indent: -7777px;
	overflow: hidden;
	background: no-repeat;
	cursor: pointer;
}

/*ページトップボタン*/
a.pageTop {
	width: 84px;
	height: 24px;
	background: url(https://www-f.keibalab.jp/img/common/btn_page_top.gif) no-repeat;
	clear: both;
	margin-left: auto;
}

/*更新時間*/
.time {
	font-size: 85%;
	color: #999999;
}


/*============================================================================

	アラート 入力チェック

==============================================================================*/


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

	Icons

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

/* アイコン
---------------------------------*/
.ui-icon {
	display: block;
	width: 16px;
	height: 16px;
	position: relative;
	overflow: hidden;
	background: url(https://www-f.keibalab.jp/img/common/ui-icons_ffd27a_256x240.png);
	background-repeat: no-repeat;
}

/* アイコン左
---------------------------------*/
span.ui-icon-l {
	margin-right: 6px;
	float: left
}

/* アイコン右
---------------------------------*/
span.ui-icon-r {
	margin-left: 6px;
	float: right
}


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

	エラー

-------------------------------------------------*/
div.uiStateAlert {
	color: #FFF;
	font-weight: bold;
	line-height: 1.5;
	text-align: left;
	padding: .4em;
	margin: 0 auto 10px auto;
	background: url(https://www-f.keibalab.jp/img/common/ui-bg_diagonals-thick_18_b81900_40x40.png);
}

/*icon アラート*/
.ui-icon-alert {
	background-position: 0 -144px;
}

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

	成功

-------------------------------------------------*/
div.uiStateSuccess {
	color: #FFF;
	font-weight: bold;
	line-height: 1.5;
	text-align: left;
	padding: .4em;
	margin: 0 auto 10px auto;
	background: #00B3A4;
}

/*icon 成功*/
.ui-icon-check {
	background-position: -64px -145px;
}

/*============================================================================

	コンテンツページCSS

==============================================================================*/
.box {
     padding: 10px;
     background-color: #f7f7f9;
     border: solid 1px #e1e1e8;
}

.title {
	margin: 0 auto 20px;
}

.title img{
	border: solid 1px #CCC;
}

.intImageBox {
/*
    background-color: #000;
    width: 100%;
    padding: 10px 0;
*/
}

.intImageBox img{
	border:none;
}

.post{
	font-size:16px;
	padding:20px;
	color:#3d3d3d;
	background-color: #FFF;
/* 	border-bottom:1px solid #eee; */

}
.post-info{
	line-height:1.3em;
	font-size:10px;
	color:#7d7d7d;
}
.post-info span{
	color:#ddd;
}
.post-info a{
}
.post h1,
.post h2,
.post h3,
.post h4,
.post h5,
.post h6{
	/* font-weight:normal; */

/*
	line-height:1.3em;
	word-spacing:.2em;
*/
margin-bottom:.8em;

/*
	padding:0 0 0 0;
	background:none;
*/
}
.post h1 a,
.post h2 a,
.post h3 a,
.post h4 a,
.post h5 a,
.post h6 a{
	display:block;
}
.post h1{
	font-size: 153.9%;
}
.post h2{
	font-size: 138.5%;
}
.post h3{
	font-size: 123.1%;
}
.post h4{
	font-size: 116%;
}
.post figure,
.post dd,
.post dt,
.post pre,
.post p{
	padding:0 0 5px 0;
}
.post p,
.post ol,
.post ul,
.post dd,
.post figcaption,
.column{
/*     font-size: 16px; */
	line-height:1.5em;
}
.post ol,.post ul{
/*
	margin:0 0 0 5px;
	padding:10px;
*/
}
.post ol{
	list-style:decimal;
}
.post ul{
	list-style:disc;
}
.post pre{
}
.post code{
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	line-height:1.8em;
}
.post blockquote{
	display:block;
	border-left:1px dotted #7d7d7d;
	margin:0 0 10px 0;
}
.post blockquote p{
	padding:5px 10px;
}
.post blockquote p:first-letter{
	float:left;
	padding:10px 10px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
}
.post b,strong{
	font-weight:bold;
}
.post em,
.post i{
	font-style:normal;
}
/*
.post a{
	color:#005a92;
}
.post a:hover{
	color:#5d5d5d;
}
*/
.post dl{
}
.post dt{
	font-weight:bold;
}
.post dd{
	margin:0 0 0 0px;
}
.post figure{
	text-align:center;
}
.post figure img{
	max-width:100%;
}
.post figcaption{
	font-size:12px;
	color:#8d8d8d;
}


.post h4 {margin-bottom: 10px;}


.post .listUl {
    margin:0 0 0 30px;
	padding:10px;
}


.listUl li{
    list-style: disc;
}

/* プロフィール */

.contentProf {
/* margin: 40px 10px 0 10px; */
margin-bottom: 10px;
padding: 19px;
border: 1px solid #ededed;
background: #f6f6f6;
font-size: 14px;
}


.contentProf .sum h4 {
font-weight: bold;
font-size: 116%;
}

.contentProf .sum {
/* float: right; */
width: 750px;
}

.contentProf .sum p {
font-size: 14px;
}

.contentProf .img {
float: left;
width: 120px;
margin:0 10px 0 0;
}

.contentProf .img img {
    width: 120px;
}


/* 検索結果 */
.searchResultBox {
width: 100%;
}
.searchResultBox tbody td{
white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
/*
    width:200px;
    max-width:200px;
*/
}
.namesan {width: 10em;max-width: 10em;}
.age {width: 3em;max-width: 3em;}
.father {width: 11em;max-width: 11em;}
.mother {width: 11em;max-width: 11em;}
.mondad {width: 11em;max-width: 11em;}
.trainersan {width: 5em;max-width: 5em;}
.owner {width: 10em;max-width: 10em; }
.producer {width:10em;max-width: 10em;}
.prize {width: 10em;max-width: 10em;}


/* サイトマップツリー ******************************************/
#SitemapTree {width:616px; margin:20px auto; line-height:100%;}
#SitemapTree ul li{padding-top:5px; padding-left:60px; margin:0; background:transparent url(https://www-f.keibalab.jp/img/common/img_sitemap_line_01.gif) 6px -2px no-repeat;}
#SitemapTree ul li.ListLast{background:transparent url(https://www-f.keibalab.jp/img/common/img_sitemap_line_02.gif) 6px -14px no-repeat;}
#SitemapTree ul ul li{padding-top:4px;}
#SitemapTree li a{display:block; padding:4px 12px; border:1px solid #d9d9d9; color:#666; border-left:4px solid #01a801;}
#SitemapTree li span{display:block; padding:4px 12px; border:1px solid #d9d9d9; color:#666; border-left:4px solid #01a801;}
#SitemapTree li a:hover{background:#f5ff7f; text-decoration:none;}
#SitemapTree ul{margin:0 0 0 40px;}

.MapBg li a{background: #FFF;}
.MapBgWhite li a{background: #fff;}
.MapBgWhiteLab span{background: #fff;}



/* 404エラー ******************************************/
.error {
background-image: url(https://www-f.keibalab.jp/img/common/404.jpg);
background-repeat: no-repeat;
background-position: center top;
position: relative;

}

.error P {
    margin-top: 150px;
    width: 560px;
}
.error searchBox {
    position: relative;
    top:300px;
    left: 200px;
}

.errorSitemap {
    margin-top: 400px;
}






/* 特集用仮置き ******************************************/


.SpTitleImg{
	margin-bottom: 20px;
}

/* フォトパドック */
.PPhorseWrap{ width: 100%; margin: 0px 0px 20px 0px;}
.PPnameWrap{
	width: 790px;
	height: 50px;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	text-align: center;
	background: url(https://www-f.keibalab.jp/img/special/basic/bg_photopaddoc_01.jpg) no-repeat;
}
.PPnameWrap h2{ font-size: 22px; margin: 0px 0px -5px 0px; padding: 0px;color:#f2d666;text-shadow: 1px 1px 2px #003366;}
.PPnameWrap p{ font-size: 14px; margin: 0px; padding: 0px;color:#fff;text-shadow: 1px 1px 3px #003366;}


.PPphotoWrap{width:400px;float:left; margin: 0px 10px 0px 0px;}
.PPphotoWrap ul{width:400px; font-size:11px;}
.List01,.List02,.List03,.List04{text-align:left;}
.List01 img,.List02 img,.List03 img,.List04 img{border: solid 2px #ccc;}
.List02,.List03,.List04{width:126px;float:left;}
.List03{margin-left:9px;}
.List04{margin-left:9px;}

.PPdataWrap table{ width:390px; margin: 0px 0px 10px 0px; border-top:solid 1px #176bb0;border-left:solid 1px #176bb0; font-size: 12px;}
.PPdataWrap table tr th,.PPdataWrap table tr td{border-bottom:solid 1px #176bb0;padding: 5px;}
.PPdataWrap table tr th{border-right:dotted 1px #176bb0;text-align: right;background: #e7f0f7;}
.PPdataWrap table tr td{border-right:solid 1px #176bb0;}

.PPdataWrap h3{ font-size: 16px; font-weight: bold; color: #ff6600;}
.PPdataWrap p{ margin: 0px; font-size: 12px;}

.PPbtn{
	display: inline-table;
	width: 180px;
	height: 17px;
	margin: 0px 0px 10px auto;
	padding: 3px 0px 0px 0px;
	background: #ccc;
	border: solid 1px #333;
	font-size: 11px;
	text-align: center;
	border-radius: 3px;
}


/* GI特製出馬表 */
.GisyussouTab{ margin: 0px 0px 20px 0px;}

.GisyussouTab table{
	width:100%;
	border-top:solid 1px #999;
	border-left:solid 1px #999;
}

.GisyussouTab table tr td{
	padding:1% 0;
	font-size:12px;
	text-align:center;
	border-bottom:solid 1px #999;
	border-right:solid 1px #999;
	line-height:120%;
}

.GisyussouTab p{
	margin: 3px 0px;
	padding: 0px;
	font-size: 13px;
}


/* プレゼントページ */

.presentList {
    line-height: 2em!important;
}