@charset "euc-jp";

/* =======================================================
一口馬主ページ SP版
■アイコン
	勝負服
	汎用
■共通設定
	見出し弱
	クラブタグ
	厩舎ラベル
	切り替えボタン
	ボタン
	検索ボタン
	チェックボックス
	テキストフォーム
	ページャー
	一行省略
	注意事項
	ポップアップ
■汎用的なリスト
■一口メニュー
■Top独自のデザイン
	コラムリスト
■一口用リスト
	ランキングリスト
	レーティングリスト
	クラブデータ（クラブコミュニティ）
	テキストリスト
■新馬検索
■検討リスト
■My検索条件
■DB 競走馬詳細
■コミュニティ
======================================================= */
.mb05{margin-bottom:5px !important;}
/* =======================================================
アイコン
	勝負服
	汎用
======================================================= */
/*----------------------------
勝負服
----------------------------*/
.Icon_Colours {
	display: block;
	background-image: url('../img/icon/Sprite_Colours.png?v=3');
	background-repeat: no-repeat;
	-webkit-background-size: 320px 525px;
	-moz-background-size: 320px 525px;
	-ms-background-size: 320px 525px;
	background-size: 320px 525px;
	width: 42px;
	height: 32px;
	margin: 0 auto 8px;
}

/*----- 該当なし -----*/
.Icon_Colours.Colours{
	width:0px;
	height:0px;
	background-position: 0px 0px;
}
/*----- サンデーサラブレッドクラブ -----*/
.Icon_Colours.Colours01{
	background-position: -130px -8px;
}
/*-----ロードサラブレッドオーナーズ -----*/
.Icon_Colours.Colours02{
	background-position: -29px -315px;
}
/*----- 大樹レーシングクラブ -----*/
.Icon_Colours.Colours03{
	background-position: -29px -391px;
}
/*----- ローレルクラブ -----*/
.Icon_Colours.Colours04{
	background-position: -131px -315px;
}
/*-----社台サラブレッドクラブ -----*/
.Icon_Colours.Colours05{
	background-position: -29px -8px;
}
/*----- 東京サラブレッドクラブ -----*/
.Icon_Colours.Colours06{
	background-position: -131px -391px;
}
/*----- グリーンファーム愛馬会 -----*/
.Icon_Colours.Colours07{
	background-position: -131px -84px;
}
/*----- 広尾サラブレッド倶楽部 -----*/
.Icon_Colours.Colours08{
	background-position:-232px -315px;
}
/*----- キャロットクラブ -----*/
.Icon_Colours.Colours09{
	background-position: -29px -84px;
}
/*----- ウインレーシングクラブ -----*/
.Icon_Colours.Colours10{
	background-position: -232px -8px;
}
/*----- G1サラブレッドクラブ -----*/
.Icon_Colours.Colours11{
	background-position: -29px -467px;
}
/*----- ブルーインベスターズ -----*/
.Icon_Colours.Colours12{
	background-position: -29px -238px;
}
/*----- ラフィアンターフマンクラブ -----*/
.Icon_Colours.Colours13{
	background-position: -232px -239px;
}
/*----- ユニオンオーナーズクラブ -----*/
.Icon_Colours.Colours14{
	background-position:  -131px -238px;
}
/*----- サラブレッドクラブセゾン（TCライオン） -----*/
.Icon_Colours.Colours15{
	background-position: -29px -161px;
}
/*----- ノルマンディーオーナーズクラブ -----*/
.Icon_Colours.Colours16{
	background-position:-232px -161px;
}
/*----- シルクホースクラブ -----*/
.Icon_Colours.Colours17{
	background-position: -232px -84px;
}
/*----- ターファイトクラブ -----*/
.Icon_Colours.Colours18{
	background-position:-131px -161px;
}
/*----- 優駿ホースクラブ愛馬会 -----*/
.Icon_Colours.Colours19{
	background-position: -232px -391px;
}
/*----- ゴールドホースクラブ -----*/
.Icon_Colours.Colours20{
	background-position: -131px -467px;
}
/*----- ワラウカド -----*/
.Icon_Colours.Colours21{
	background-position: -182px -429px;
}
/*----- DMM -----*/
.Icon_Colours.Colours22{
	background-position: -80px -429px;
}
/*----- ニューワールド -----*/
.Icon_Colours.Colours23{
	background-position: -80px -353px;
}
/*----- インゼル -----*/
.Icon_Colours.Colours24{
	background-position: -180px -353px;
    width: 44px;
}
/*----- ブルーミングホースクラブ -----*/
.Icon_Colours.Colours25{
	background-position: -80px -276px;
}

/*-- タグ用小アイコン --*/
.Icon_Colours.sizeS{
	-webkit-background-size: 160px 262px;
	-moz-background-size: 160px 262px;
	-ms-background-size: 160px 262px;
	background-size: 160px 262px;
	width: 23px;
	height: 16px;
}

/*----- その他 -----*/
.Icon_Colours.sizeS.Colours00{
	background-position: -114px -233px;
}


/*----- サンデーサラブレッドクラブ -----*/
.Icon_Colours.sizeS.Colours01{
	background-position: -65px -4px;
}
/*-----ロードサラブレッドオーナーズ -----*/
.Icon_Colours.sizeS.Colours02{
	background-position: -14px -157px;
}
/*----- 大樹レーシングクラブ -----*/
.Icon_Colours.sizeS.Colours03{
	background-position: -13px -195px;
}
/*----- ローレルクラブ -----*/
.Icon_Colours.sizeS.Colours04{
	background-position: -62px -157px;
}
/*-----社台サラブレッドクラブ -----*/
.Icon_Colours.sizeS.Colours05{
	background-position: -13px -4px;
}
/*----- 東京サラブレッドクラブ -----*/
.Icon_Colours.sizeS.Colours06{
	background-position: -64px -195px;
}
/*----- グリーンファーム愛馬会 -----*/
.Icon_Colours.sizeS.Colours07{
	background-position: -64px -42px;
}
/*----- 広尾サラブレッド倶楽部 -----*/
.Icon_Colours.sizeS.Colours08{
	background-position:-115px -157px;
}
/*----- キャロットクラブ -----*/
.Icon_Colours.sizeS.Colours09{
	background-position: -13px -42px;
}
/*----- ウインレーシングクラブ -----*/
.Icon_Colours.sizeS.Colours10{
	background-position: -115px -4px;
}
/*----- G1サラブレッドクラブ -----*/
.Icon_Colours.sizeS.Colours11{
	background-position: -13px -233px;
}
/*----- ブルーインベスターズ -----*/
.Icon_Colours.sizeS.Colours12{
	background-position: -13px -119px;
}
/*----- ラフィアンターフマンクラブ -----*/
.Icon_Colours.sizeS.Colours13{
	background-position:-115px -119px;
}
/*----- ユニオンオーナーズクラブ -----*/
.Icon_Colours.sizeS.Colours14{
	background-position:  -65px -119px;
}
/*----- サラブレッドクラブセゾン（TCライオン） -----*/
.Icon_Colours.sizeS.Colours15{
	background-position: -13px -81px;
}
/*----- ノルマンディーオーナーズクラブ -----*/
.Icon_Colours.sizeS.Colours16{
	background-position:-115px -81px;
}
/*----- シルクホースクラブ -----*/
.Icon_Colours.sizeS.Colours17{
	background-position: -115px -42px;
}
/*----- ターファイトクラブ -----*/
.Icon_Colours.sizeS.Colours18{
	background-position:-64px -81px;
}
/*----- 優駿ホースクラブ愛馬会 -----*/
.Icon_Colours.sizeS.Colours19{
	background-position: -115px -195px;
}
/*----- ゴールドホースクラブ -----*/
.Icon_Colours.sizeS.Colours20{
	background-position: -64px -233px;
}



/*----------------------------
汎用
----------------------------*/
.Icon_Owner {
	display: block;
	background-image: url('../img/icon/Sprite_Icon_Owner.png');
	background-repeat: no-repeat;
	-webkit-background-size: 140px 840px;
	-moz-background-size: 140px 840px;
	-ms-background-size: 140px 840px;
	background-size: 140px 840px;
	width: 35px;
	height: 35px;
}
/*-- インライン設定 --*/
.Icon_Inline{
	display: inline-block !important;
}

/*----- 一口ナビ TOP -----*/
.Icon_Owner.nav_top{
	width:20px;
	height:15px;
	background-position: -17px -20px;
}
/*----- 一口ナビ TOP アクティブ -----*/
.Active .Icon_Owner.nav_top{
	width:20px;
	height:15px;
	background-position: -51px -20px;
}

/*----- 一口ナビ 新馬サーチ -----*/
.Icon_Owner.nav_search{
	width:20px;
	height:24px;
	background-position: -17px -54px;
}
/*----- 一口ナビ 新馬サーチ アクティブ -----*/
.Active .Icon_Owner.nav_search{
	width:20px;
	height:24px;
	background-position: -51px -54px;
}
/*----- 一口ナビ 検討リスト -----*/
.Icon_Owner.nav_list{
	width:20px;
	height:24px;
	background-position: -17px -90px;
}
/*----- 一口ナビ 検討リスト アクティブ -----*/
.Active .Icon_Owner.nav_list{
	width:20px;
	height:24px;
	background-position: -51px -90px;
}

/*----- 一口ナビ マイホース -----*/
.Icon_Owner.nav_MyHorse{
	width:20px;
	height:24px;
	background-position: -17px -124px;
}
/*----- 一口ナビ マイホース  アクティブ -----*/
.Active .Icon_Owner.nav_MyHorse{
	width:20px;
	height:24px;
	background-position: -51px -124px;
}

/*----- 一口ナビ コミュニティ -----*/
.Icon_Owner.nav_community{
	width:20px;
	height:24px;
	background-position: -17px -159px;
}
/*----- 一口ナビ コミュニティ アクティブ -----*/
.Active .Icon_Owner.nav_community{
	width:20px;
	height:24px;
	background-position: -51px -159px;
}

/*----- 検索 生年・性別 -----*/
.Icon_Owner.Search_sex{
	width:35px;
	height:26px;
	background-position: -111px -12px;
}

/*----- 検索 クラブ -----*/
.Icon_Owner.Search_club{
	width:35px;
	height:26px;
	background-position: -107px -45px;
}

/*----- 検索 牧場 -----*/
.Icon_Owner.Search_farm{
	width:35px;
	height:26px;
	background-position: -108px -80px;
}

/*----- 検索 父馬 -----*/
.Icon_Owner.Search_sire{
	width:35px;
	height:26px;
	background-position: -105px -111px;
}

/*----- 検索 母馬 -----*/
.Icon_Owner.Search_dam{
	width:35px;
	height:26px;
	background-position: -105px -149px;
}

/*----- 検索 厩舎 -----*/
.Icon_Owner.Search_trainer{
	width:35px;
	height:26px;
	background-position: -105px -186px;
}

/*----- 検索 価格 -----*/
.Icon_Owner.Search_price{
	width:35px;
	height:26px;
	background-position: -109px -218px;
}

/*----- 検索 出資金 -----*/
.Icon_Owner.Search_unit{
	width:35px;
	height:26px;
	background-position: -109px -218px;
}

/*----- 検索 オーナー -----*/
.Icon_Owner.Search_owner{
	width:35px;
	height:26px;
	background-position: -110px -254px;
}

/*----- 検索 My検索条件 -----*/
.Icon_Owner.Search_mysearch{
	width:35px;
	height:26px;
	background-position: -110px -290px;
}


/*----- プラス　白 -----*/
.Icon_Owner.Plus01{
	width:20px;
	height:20px;
	background-position: -17px -193px;
}

/*-----  クローズ　白 -----*/
.Icon_Owner.Close01{
	width:20px;
	height:20px;
	background-position: -53px -228px;
}

/*-----  クローズ　グレー -----*/
.Icon_Owner.Close02{
	width:16px;
	height:16px;
	background-position: -19px -229px;
}

/*----- 保存　白 -----*/
.Icon_Owner.Save01{
	width:20px;
	height:20px;
	background-position: -17px -297px;
}


/*----- 馬リスト　緑 -----*/
.Icon_Owner.HorseList{
	width: 34px;
	height: 23px;
	background-position: -1px -465px;
}

/*----- ゴミ箱　グレー -----*/
.Icon_Owner.IconDelete{
	width: 16px;
	height: 25px;
	background-position: -19px -361px;
}

/*----- グラフ　グレー -----*/
.Icon_Owner.Graph01{
    width: 23px;
    height: 18px;
    background-position: -12px -402px;
}

/*----- 本　グレー -----*/
.Icon_Owner.Book01{
    width: 23px;
    height: 20px;
    background-position: -12px -435px;
}

/*----- 本　緑 -----*/
.Icon_Owner.Book02{
    width: 23px;
    height: 20px;
    background-position: -48px -435px;
}

/*----- ペン　グレー -----*/
.Icon_Owner.Pen01{
	width: 20px;
	height: 20px;
	background-position: -15px -505px;
}

/* =======================================================
共通設定
	見出し内右キャプション
	見出し弱
	クラブタグ
	記事タグ
	切り替えボタン（タブ）
	検索ボタン
	チェックボックス
	プルダウン
	ページャー
	一行省略
	注意事項
	ポップアップ
======================================================= */
/*----------------------------
見出し内右キャプション
----------------------------*/
.Title_Sec h2 .RightCaption{
	float:right;
}
.Title_Sec h2 .RightCaption em{
	color:#ea4d4d;
}

/*----------------------------
見出し弱
----------------------------*/
/*-- グレー背景 --*/
h3.BlockIndex{
	padding:11px 13px;
	color:#3c3930;
	font-size:80%;
	background:#e4e4e4;
}
/*-- 茶背景 --*/
h3.BlockIndex02{
    padding: 5px 8px 5px 13px;
    text-align:center;
    color: #fff;
    position: relative;
    line-height: 30px;
    font-size: 100%;
    background:#46352d;
}
/*----------------------------
クラブタグ
----------------------------*/
.CommonTag{
	display: inline-block;
	line-height:18px;
	font-size:11px;
	border:1px solid #959ca1;
	background: #fff;
}
.CommonTag .TagName{
	display: inline-block;
	padding: 3px 0px;
	width: 105px;
	text-align: center;
	font-weight:normal;
	background: #959ca1;
	color: #fff;
	letter-spacing: 2px;
}
.CommonTag .Icon_Colours{
	position: relative;
	top: 4px;
	margin: -4px 3px 0;
}
/*----------------------------
記事タグ
----------------------------*/
.NewsTypeTag{
	display: inline-block;
	text-align:center;
	width:60px;
	padding:3px 0;
	color:#fff;
	font-size:65%;
	border-radius: 3px;
	background:#ccc;
}
.NewsTypeTag.Column{
	background:#73c6aa;
}
.NewsTypeTag.News{
	background:#676b8f;
}

/*----------------------------
厩舎ラベル
----------------------------*/
.Barn01{
	background:#686868;
	color:#fff;
	font-size: 84%;
	font-weight:normal;
	padding: 1px 3px;
	margin-right: 4px;
	position: relative;
	top: -1px;
}

.Barn02{
	background:#c14;
	color:#fff;
	font-size: 84%;
	font-weight:normal;
	padding: 1px 3px;
	margin-right: 4px;
	position: relative;
	top: -1px;
}

.Barn03{
	background:#155cc1;
	color:#fff;
	font-size: 84%;
	font-weight:normal;
	padding: 1px 3px;
	margin-right: 4px;
	position: relative;
	top: -1px;
}

/*----------------------------
切り替えボタン
----------------------------*/
ul.SwitchList {
	display:table;
	margin:0 auto;
	padding: 10px;
	width:95%;
}
ul.SwitchList li{
	display:table-cell;
	width:49%;
	font-size:75%;
	color:#333;
    background: #fff;
    text-align: center;
    box-shadow: 0 2px 2px rgba(146, 151, 165, .5);
    border:1px solid #ccc;
}
ul.SwitchList li:first-child{
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-right:none;
}
ul.SwitchList li:last-child{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

ul.SwitchList li.Active{
	background:#ccc;
}
ul.SwitchList li a{
	display:block;
	color:#333;
    padding: 12px 0;
}
ul.SwitchList li.Active a{
	color:#767676;
}
/*----------------------------
ボタン
----------------------------*/
/*-- オレンジ --*/
.BtnOrn_01{
	color:#fff;
	background:#ef9725;
	box-shadow:0 2px 0 #c57713;
	border:none;
	border-radius: 4px;
}

.BtnOrn_02{
	color:#fff;
	background:#ef9725;
	border:2px solid #c57713;
	box-shadow:0 2px 0 #f1b44d inset;
	border-radius: 4px;
}

/*-- グレー --*/
.BtnGra_01{
	color:#fff;
	background:#a4a4a4;
	box-shadow:0 2px 0 #878787;
	border:none;
	border-radius: 4px;
}
.BtnGra_02{
	color:#fff;
	background:#a4a4a4;
	border:2px solid #878787;
	box-shadow:0 2px 0 #B9B9B9 inset;
	border-radius: 4px;
}

.BtnGra_03{
	color:#767676;
	background:#ededed;
	border:1px solid #c2c2c2;
	border-radius: 4px;
	box-shadow: 0px 1px 0px #fff inset;
}

/*-- 緑 --*/
.BtnGrn_01{
	color:#fff;
	background:#5da940;
	box-shadow:0 2px 0 #458a2b;
	border:none;
	border-radius: 4px;
}


/*----------------------------
検索ボタン
----------------------------*/
.SearchConditionBox{
	margin:0 6px;
}
.SearchConditionBox ul li a {
	margin: 4px 3px;
	font-size:70%;
	overflow: hidden;
	white-space: nowrap;
}
.SearchConditionBox  ul li a .Icon_Owner {
	margin:0 auto 8px;
}
.SearchConditionBox .WideBtn a{
	display: block;
	font-size: 78%;
	color: #333;
	background:#fff;
	text-align: center;
	padding: 8px 0;
	border-radius: 3px;
	box-shadow: 0 2px 2px rgba(146, 151, 165, .5);
}
.SearchConditionBox .WideBtn a .Icon_Owner{
	display: inline-block;
}
.SearchConditionBox .WideBtn a .Label{
    position: relative;
    top: -5px;
    left: -2px;
}
/*----------------------------
チェックボックス
----------------------------*/
.CheckBtn01:before{
	position: absolute;
	display: block;
	top: 45%;
	left: 17px;
	margin-top: -9px;
	width: 10px;
	height: 14px;
	border-right: 4px solid #dee0e5;
	border-bottom: 4px solid #dee0e5;
	content: '';
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index:99;
}
.Checked .CheckBtn01:before {
	border-right: 4px solid #5eb33c !important;
	border-bottom: 4px solid #5eb33c !important;
}

.CheckBtn01:after{
	content: '';
	display:block;
	width:40px;
	height:40px;
	background:#fff;
	border-radius: 4px;
	box-shadow: 0 2px 2px rgba(146, 151, 165, .5);
}

/*----------------------------
テキスト
----------------------------*/
/*.SearchKeyWordBox{
	position:relative;
	margin:0 6px;
}
input[type=text]{
	-webkit-appearance: none;
	-webkit-rtl-ordering: logical;
	-webkit-user-select: text;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 85%;
	border: none;
	border-radius: 4px;
	padding: 1px 8px 0 ;
	width: 100%;
	height: 35px;
	line-height: 35px;
	outline: none;
	background:#fff !important;
    border: 1px solid #ccc;
}
input[type=submit].SubmitInnerBtn{
	position: absolute;
	top:3px;
	right:4px;
	display: block;
	font-size: 70%;
	color: #333;
	background:#fff;
	text-align: center;
	padding: 8px;
	border-radius: 3px;
	border:none;
	box-shadow: 0 2px 2px rgba(146, 151, 165, .5);
}*/

/*----------------------------
テキストエリア
----------------------------*/
textarea{
	padding:16px;
	width:100%;
	border-radius: 5px;
	border:1px solid #ccc;
	box-shadow:0 2px 3px #efefef inset;
}



/*----------------------------
プルダウン
----------------------------*/
.customSelect {
	height: 30px;
	border:1px solid #ccc;
	background:#fff;
	padding-left:9px;
	margin-left: 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0px -3px 0px rgba(241,241,241,1) inset;
	-moz-box-shadow: 0px -3px 0px rgba(241,241,241,1) inset;
	-webkit-box-shadow: 0px -3px 0px rgba(241,241,241,1) inset;
	-o-box-shadow: 0px -3px 0px rgba(241,241,241,1) inset;
	-ms-box-shadow: 0px -3px 0px rgba(241,241,241,1) inset;
}
.customSelect:after {
	content:"";
	position: relative;
	border: 4px solid transparent;
	border-top: 8px solid #aeb0b9;
	right: 6px;
	top: 12px;
	z-index:99;
}

.customSelectInner{
	margin-top: 7px;
}

/*----------------------------
ページャー
----------------------------*/
/*--ページャータイプ１：ボタンだけ*/
.CommonPager{
  position:relative;
  padding:20px 8px;
  border-bottom:1px solid #ccc;
  background:#fff;
}
/*----前-次の矢印*/
.CommonPager ul.Pager_Arrow:after {
  clear:both;
  content:" ";
  display:block;
}
.CommonPager ul.Pager_Arrow {
  z-index:100;
  position:relative;
}
.CommonPager ul.Pager_Arrow li{
  display: block;
  color:#000 !important;
  font-size:.7em;
  text-align: center;
  text-shadow: white 0px 1px 0px;
  border: 1px solid #d7d8d9;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  background:#f1f2f3;
  background-image: -moz-linear-gradient(top,
              #f7f8f9,
              #f1f2f3);
  background-image: -o-linear-gradient(top,
              #f7f8f9,
              #f1f2f3);
  background-image: -webkit-gradient(linear,left top,left bottom,
    from(#f7f8f9),
    to(#f1f2f3)
    );
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7f8f9', EndColorStr='#f1f2f3')";
  background-image:linear-gradient(to bottom,
              #f7f8f9,
              #f1f2f3);/* IE10+, W3C */
  border : 1px solid #d7d8d9;
  -moz-box-shadow:0px 1px 0px #fff inset;
  -webkit-box-shadow:0px 1px 0px #fff inset;
  -o-box-shadow:0px 1px 0px #fff inset;
  -ms-box-shadow:0px 1px 0px #fff inset;
}
.CommonPager ul.Pager_Arrow li a{
  display:block;
  color:#000 !important;
}
.CommonPager ul.Pager_Arrow li.Prev_Page{
  float:left;
}
.CommonPager ul.Pager_Arrow li.Prev_Page a{
  padding: 12px 6px 12px 4px;
}
.CommonPager ul.Pager_Arrow li.Next_Page{
  float:right;
}
.CommonPager ul.Pager_Arrow li.Next_Page a{
  padding: 12px 4px 12px 6px;
}
/*--ページャーが無いとき*/
.CommonPager ul.Pager_Arrow li.Prev_None div{
  padding: 12px 6px 12px 4px;
  color:#999;
  font-weight:bold;
}
.CommonPager ul.Pager_Arrow li.Next_None div{
  padding: 12px 4px 12px 6px;
  color:#999;
  font-weight:bold;
}
/*--何件目とかの表示*/
.CommonPager p.Page_Info{
  position:absolute;
  top:30px;
  left:50%;
  width:16em;
  margin-left:-8em;
  text-align:center;
  font-size:.7em;
  color:#777;
}
/*----ページ数リンク*/
.CommonPager ul{
  display:table;
  margin:8px auto 0 auto;
}
.CommonPager ul li{
  display:table-cell;
  width:40px;
  text-align:center;
  font-size:.8em;
  border-top: 1px solid #d7d8d9;
  border-left: 1px solid #d7d8d9;
  border-bottom: 1px solid #d7d8d9;
  background:#f1f2f3;
  background-image: -moz-linear-gradient(top,
              #f7f8f9,
              #f1f2f3);
  background-image: -o-linear-gradient(top,
              #f7f8f9,
              #f1f2f3);
  background-image: -webkit-gradient(linear,left top,left bottom,
    from(#f7f8f9),
    to(#f1f2f3)
    );
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f7f8f9', EndColorStr='#f1f2f3')";
  background-image:linear-gradient(to bottom,
              #f7f8f9,
              #f1f2f3);/* IE10+, W3C */
  -moz-box-shadow:0px 1px 0px #fff inset;
  -webkit-box-shadow:0px 1px 0px #fff inset;
  -o-box-shadow:0px 1px 0px #fff inset;
  -ms-box-shadow:0px 1px 0px #fff inset;
}
.CommonPager ul li:first-child{
  width:50px;
  -webkit-border-top-left-radius  : 4px 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius  : 4px 4px;
  -webkit-border-bottom-left-radius  : 4px 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius  : 4px 4px;
}
.CommonPager ul li:last-child{
  width:50px;
  border-right: 1px solid #d7d8d9;
  -webkit-border-bottom-right-radius : 4px 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius : 4px 4px;
  -webkit-border-top-right-radius : 4px 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius : 4px 4px;
}
.CommonPager ul li a{
	display: block;
  padding:12px 8px;
  color:#000;
}
.CommonPager ul li a.Active{
  /*position: absolute;
  width: 40px;
  height: 38px;*/
  padding:12px 8px;
  color:#fff !important;
  font-weight:bold;
  /*font-size:.8em;*/
  text-align: center;
  text-shadow: #27436e 0px -1px 0px;
  background:#7aa5fe;
  background-image: -moz-linear-gradient(top,
              #96b8ff 0,
              #7aa5fe 50%);
  background-image: -o-linear-gradient(top,
              #96b8ff 0,
              #7aa5fe 50%);
  background-image: -webkit-gradient(linear, left top, left bottom,
  color-stop(0 ,#96b8ff),
  color-stop(0.5 , #7aa5fe)
  );
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#96b8ff', EndColorStr='#7aa5fe')";
  background-image:linear-gradient(to bottom,
              #96b8ff 0,
              #7aa5fe 50%);/* IE10+, W3C */
  border: 1px solid #7aa5fe;
  -moz-box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px;
  -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px;
  -o-box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px;
  -ms-box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px;
}
/*----------------------------
一行省略
----------------------------*/
.LimitsWidth{
	display:block !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

/*----------------------------
 注意事項
----------------------------*/
.ContentsAttention p {
	color: #807f79;
	font-size: 77%;
	line-height: 1.4;
}
/*----------------------------
ポップアップ
----------------------------*/
.PopUpContents{
	position:fixed;
	z-index:9999999999;
	width:90%;
	top:50%;
	max-height:90%;
	left: 50%;
}
.Modal_overlay{
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	z-index:999999999;
	background:rgba(0,0,0,.75);
}
.PopCloseBtn{
	display:block;
	height:38px;
	width:38px;
	background:rgba(0,0,0,0.9);
}

/*==============================================
汎用的なリスト（netkeiba流用）
	共通設定
	リスト改修型 ul.List_01
	検索結果がない時
==============================================*/
/*----------------------------
共通指定
----------------------------*/
ul.List_Box{
	margin:0 auto;
	padding: 0 !important;
}
ul.Has_Tab{
	border-top:1px solid #cccccc;
}
ul.List_Box li{
	position:relative;
	background-color:#ffffff;
	border-top: 1px solid #eee;
}

ul.BBS li{
	padding: 8px;
}
/*--最初のリストにボーダー無し(デフォルト)*/
ul.List_Box li:first-child{
	border-top:none;
}
/*--最初のリストにボーダー付ける*/
ul.Border_Top li:first-child{
	border-top: 1px solid #ccc !important;
}
ul.List_Box li:last-child{
	border-bottom: none;
}
ul.List_Box li a{
	display: block;
	padding:8px;
}

/*----------------------------
リスト改修型 ul.List_01
----------------------------*/
ul.List_01 {
	background-color:#fff;
}

/*MQ タブレット-PC*/
@media only screen and (min-width: 768px){
	ul.List_01{
		margin:0;
		padding:0;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		-webkit-border-bottom-left-radius	: 6px 6px;
		-webkit-border-bottom-right-radius : 6px 6px;
		-moz-border-radius-bottom-left: 6px;
		-moz-border-radius-bottom-right: 6px;
		border-bottom-left-radius	: 6px 6px;
		border-bottom-right-radius : 6px 6px;
		background:#fff;
		-moz-box-shadow: #e5e5e5 0px 1px 0px 0px 1px 1px !important;
		-webkit-box-shadow: #e5e5e5 0px 1px 0px 0px 1px 1px !important;
		-o-box-shadow: #e5e5e5 0px 1px 0px 0px 1px 1px !important;
		-ms-box-shadow: #e5e5e5 0px 1px 0px 0px 1px 1px !important;
	}
}
ul.List_01 li {
	position:relative;
	border-bottom: 1px solid #ccc;
	background:#fff;
}
ul.List_01 li a{
	display: block;
	padding: 10px;
}
ul.List_01 li a .LinkBox_01{
	color:#222;
	position: relative;
	min-height: 68px;
}
/*ul.List_01 li .LinkBox_01 h2 {
	font-size: 92%;
	color: #333;
	overflow: hidden;
	line-height: 1.3em;
	height:2.7em;
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}*/
ul.List_01 li .LinkBox_01 h2 span{
	color: #333;
	line-height: 1.3;
}

p.TimeStump,
ul.List_01 li p.Data {
	margin-top: 8px;
	font-size: 74%;
	color: #999;
	text-align: right;
}
ul.List_01 li .LinkBox_01 > p.Data,
ul.List_01 li .LinkBox_01 > p.TimeStump,
ul.List_01 li .LinkBox_01 > .LinkBox_Footer {
	position:absolute;
	bottom:0;
	right:0;
}
ul.List_01 li .LinkBox_01 > p span.ViewCount {
	display: inline-block;
	margin-left: 6px;
	font-size:78%;
}


ul.List_01 li p.Sub_Txt {
	margin-top:4px;
	font-size:89%;
	color:#777;
	line-height:1.3;
}
.PhotoThumb_01 {
	width: 90px;
	min-height: 62px;
	float: left;
	margin-right: 7px;
	border-radius: 4px;
	background:#eee;
}
.PhotoThumb_01 > img,
.PhotoThumb_02 > img {
	border-radius: 4px;
}
.PhotoThumb_02,
.PhotoThumb_03 {
	width: 90px;
	float: left;
	margin-right: 7px;
}
img.Thumb_Img01 {
	max-width: 90px;
	max-height: 68px;
	display:block;
	margin:auto;
}

.List_01.ThumbLeft_List h2 {
	font-size: 86%;
	line-height: 1.3;
	margin-bottom: 14px;
}
.List_01.ThumbLeft_List p.Data {
	font-size: 74%;
	text-align: right;
}

.List_01.ThumbLeft_List h2,
.List_01.ThumbLeft_List p.Sub_Txt,
.List_01.ThumbLeft_List p.Data{
	padding-left:80px;
}

/*----------------------------
検索結果がない時
----------------------------*/
.ListNotFound{
    background-image: url(../img/bg/bg_check_horse_None.png);
    background-repeat: no-repeat;
    background-position: right;
    width: 100%;
    height: 120px;
    padding: 20px 10px;
    background-color: #fff;
	-webkit-background-size: 150px 120px;
	-moz-background-size: 150px 120px;
	background-size: 150px 120px;
}

.ListNotFound em {
	display: block;
	padding-bottom:14px;
	font-size: 88%;
	font-weight:bold;
	line-height: 1.4;
}



/* =======================================================
一口メニュー
======================================================= */
.OwnerHeader ul{
	border-top:1px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;
}
.OwnerHeader ul li{
	float: left;
	width: 20%;
	font-weight:bold;
	box-sizing: border-box;
	border-left:1px solid #d6d6d6;
	background:#fff;
	background-image: -moz-linear-gradient(center top,#f5f5f5,#fff);
	background-image: -o-linear-gradient(top,#f5f5f5,#fff);
	background-image: -webkit-gradient(linear,left top,left bottom,
				color-stop(0 , rgba(245,245,245,1)),
				color-stop(1 , rgba(255,255,255,0.85))
				);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#000000')";
	background-image: linear-gradient(to bottom,
				rgba(245,245,245,1) 0%,
				rgba(255,255,255,0.85) 85%);
}
.OwnerHeader ul li:first-child{
	border:none;
}
.OwnerHeader ul li a{
	position:relative;
	height:50px;
	display:block;
	bottom:0px;
	color:#333;
	border:1px solid #fff;
}
.OwnerHeader ul li a span.NaviLabel{
	position:absolute;
    display: block;
    width: 100%;
	text-align:center;
	bottom:8px;
}
/*-- 選択時 --*/
.OwnerHeader ul li.Active{
	background:#064ec3;
}
.OwnerHeader ul li.Active a{
	color:#fff;
	border:none;
}

/*-- アイコン位置 --*/
.OwnerHeader ul li a .Icon_Owner{
    position: relative;
    top: 12px;
    margin:0 auto;
}

/*-- ブラウザサイズごとのサイズ調整 --*/
/* PC */
@media only screen and (min-width: 1024px) {
	.OwnerHeader ul li{
		font-size:80%;
	}
	.OwnerHeader ul li a span.NaviLabel{
		bottom:4px;
	}
}
/* iPadなど */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.OwnerHeader ul li{
		font-size:80%;
	}
	.OwnerHeader ul li a span.NaviLabel{
		bottom:4px;
	}
}
/* スマホ */
@media only screen and (min-width: 320px) and (max-width: 766px) {
	.OwnerHeader ul li{
		font-size:55%;
	}
}



/* =======================================================
■Top独自のデザイン
	コラムリスト
======================================================= */
/*----------------------------
コラムリスト
----------------------------*/
ul.ColumnTopList {
	padding:8px 0 0 8px;
	background:#eee;
}
ul.ColumnTopList > li {
	width: 50%;
	float: left;
	display: block;
	margin: 0 0 8px;
}
ul.ColumnTopList > li > a {
	display: block;
	margin-right: 8px;
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 2px 2px rgba(146, 151, 165, .5);
}
ul.ColumnTopList .ColumnImage,
ul.ColumnTopList .ColumnImage img {
	display: block;
	width: 100%;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
ul.ColumnTopList .ColumnImage{
	height:108px;
	overflow: hidden;
}
ul.ColumnTopList .ColumnTitle {
	padding: 6px 8px;
}
ul.ColumnTopList .ColumnTitle > h3 {
	font-size: 89%;
	line-height: 1.3;
	margin-bottom: 4px;
	height: 3.6em;
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
ul.ColumnTopList .ColumnTitle > p {
	color: #777;
	font-size: 75%;
	font-weight: normal;
	text-align:right;
}

/*-- ブラウザサイズごとの画像調整 --*/
/* PC */
@media only screen and (min-width: 1024px) {
	ul.ColumnTopList .ColumnImage{
		height:172px;
	}
}
/* PCサイドカラム */
@media only screen and (min-width: 1024px) {
	.Side_Column ul.ColumnTopList .ColumnImage{
		height:90px;
	}
}
/* iPadなど */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	ul.ColumnTopList .ColumnImage{
		height:130px;
	}
}
/* スマホ */
@media only screen and (min-width: 320px) and (max-width: 766px) {
	ul.ColumnTopList .ColumnImage{
		height:108px;
	}
}

/* =======================================================
■一口用リスト（汎用リストの流用）
	ランキングリスト
	ランキングリスト（一覧）
	レーティングリスト
	クラブデータ（クラブコミュニティ）
	テキストリスト（スケジュールなど）
======================================================= */
/*----------------------------
ランキングリスト
----------------------------*/
ul.List_01.RankList li .LinkBox_01 h2{
	display: inline-block;
	height: 1em;
}
ul.List_01.RankList li .LinkBox_01 p{
	font-size:90%;
	line-height: 1.2em;
}
ul.List_01.RankList li .LinkBox_01 .HorseDetail{
	margin-top:5px;
}
ul.List_01.RankList li .LinkBox_01 .Price{
	color:#5da249;
	font-weight:bold;
}
ul.List_01.RankList li .LinkBox_01 .Rank{
	font-weight:bold;
	float: left;
}
ul.List_01.RankList li .LinkBox_01 .Rank01,
ul.List_01.RankList li .LinkBox_01 .Rank01_01{
	color:#c6c83a;
}
ul.List_01.RankList li .LinkBox_01 .Rank02{
	color:#9e9e9e;
}
ul.List_01.RankList li .LinkBox_01 .Rank03{
	color:#b4844b;
}
/*----------------------------
ランキングリスト（一覧）
----------------------------*/
ul.List_01.RankList li.DetailList:first-child{
	border-top:1px solid #ccc;
}
ul.List_01.RankList li.DetailList .Rank{
	height: 1.3em;
	line-height: 1.3em;
}
ul.List_01.RankList li.DetailList h2{
	font-size:90%;
	height: 1.3em;
}
ul.List_01.RankList li.DetailList .HorseData{
	font-size:93%;
}
/* PC */
@media only screen and (min-width: 1024px) {
	ul.List_01.RankList li.DetailList .HorseData{
		width:510px;
	}
}
/* iPadなど */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	ul.List_01.RankList li.DetailList .HorseData{
		width:380px;
	}
}

/* スマホ */
@media only screen and (min-width: 320px) and (max-width: 766px) {
	ul.List_01.RankList li.DetailList .HorseData{
		width:260px;
	}
}

ul.List_01.RankList li .DetailList .HorseData p{
	line-height:1.3em;
}

ul.List_01.RankList li.DetailList .Club{
	position:absolute;
    right: 0px;
    top: 21px;
}
ul.List_01.RankList li.DetailList .Data{
	font-size:80%;
}


/*----------------------------
レーティングリスト
----------------------------*/
ul.List_01.RatingList li .LinkBox_01{
	position:relative;
}
ul.List_01.RatingList li .LinkBox_01 h2{
	display: inline-block;
	height: 1.5em;
}
ul.List_01.RatingList li .LinkBox_01 p{
	font-size:90%;
	line-height: 1.5em;
}
ul.List_01.RatingList li .LinkBox_01 p.Rate{
	color:#ecb500;

}
ul.List_01.RatingList li .LinkBox_01 p.Rate .RatePoint{
	margin-left:3px;
	color:#333;
	font-weight:bold;
}
ul.List_01.RatingList li .LinkBox_01 p.Value {
	position:relative;
}
ul.List_01.RatingList li .LinkBox_01 p.Value .ValueType{
	position:absolute;
	top: 1px;
	display:inline-block;
	padding:3px;
	color:#fff;
	font-size:88%;
	background:#5da249;
	border-radius: 3px;
}

ul.List_01.RatingList li .LinkBox_01 .Icon_Colours{
	position: absolute;
    right: 2px;
    top: 20px;
}



ul.List_01.RatingList .ReviewDetail{
	position:relative;
	margin:8px;
	margin-top:0;
	padding:7px;
	background:#fff7de;
	border-radius: 4px;
}
ul.List_01.RatingList .ReviewDetail .ReviewUserName {
	position:relative;
}
ul.List_01.RatingList .ReviewDetail .ReviewUserName img{
	width:32px;
	border-radius: 4px;
}
ul.List_01.RatingList .ReviewDetail .ReviewUserName span{
	position:absolute;
	font-size:90%;
	top:10px;
}
ul.List_01.RatingList .ReviewDetail .ReviewUserName span a{
	display:inline;
	padding:0;
	padding-left:8px;
	font-weight:bold;
}
ul.List_01.RatingList .ReviewDetail .ReviewComment{
	position:relative;
	padding:7px;
	margin-top:7px;
	background:#fff;
	font-size:88%;
	line-height: 1.2em;
	border-radius: 4px;
}
ul.List_01.RatingList .ReviewDetail .ReviewComment:after{
	position: absolute;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0px 7px 9px 7px;
	border-color: transparent transparent #fff transparent;
	line-height: 0px;
	top: -6px;
	left: 8px;
}
/*-- 日付付き --*/
.Main_Column ul.List_01.RatingList .ReviewDetail .ReviewUserName span{
	top:0;
}
.Main_Column ul.List_01.RatingList .ReviewDetail .PostDate{
	position:absolute;
	right:6px;
	top:25px;
	font-size:88%;
	color:#ccc;
}

/*----------------------------
クラブデータ（クラブコミュニティ）
----------------------------*/
.TopCommunity ul li a{
	height:68px;
	margin: 4px 3px;
	font-size: 70%;
}


/*----------------------------
テキストリスト（スケジュールなど）
----------------------------*/
ul.List_01 li.TextList01{
	padding: 10px;
}
ul.List_01 li .ListTitle01{
	display:block;
	font-weight: bold;
	color: #333;
	margin-bottom: 8px;
	font-size:100%;
}
ul.List_01 li .ListData01{
	font-size: 74%;
	color: #333;
}

/* =======================================================
■新馬検索
	新馬サーチ
	条件で探す
	検索結果リスト
======================================================= */
/*----------------------------
新馬サーチ
----------------------------*/
/*-- 現在の検索条件 --*/
/*#MySearchBox{
	background:#faf0d7;
	padding:8px 10px 21px;
}

#my_search_view ul li{
	display:table;
	width:100%;
	padding:2px 3px;
	font-size: 78%;
	margin-bottom:4px;
	background:#fff;
	border-radius: 4px;
	box-shadow: 0 2px 0px #e6d7b1;
}

#my_search_view ul li  span{
	display:table-cell;
	min-height:38px;
	vertical-align: middle;
}

#my_search_view ul li span:first-child{
	width:40px;
}

#my_search_view ul li span a.Close{
	display:inline-block;
	width:34px;
	height:34px;
	background:#d9d9d9;
	border-radius: 3px;
}
#my_search_view ul li span a span{
	display: block;
	width:16px !important;
	min-height: inherit;
	position:relative;
	left:50%;
	top:50%;
	margin:-8px 0  0 -8px;
}*/

/*-- 現在の検索条件　フォームアクション --*/
.SearchBtn input{
	margin:9px 0;
}
.SearchBtn .ButtonArea ul{
	display:table;
	width:100%;
}
.SearchBtn .ButtonArea li{
	display:table-cell;
	width:33%;
	padding: 0  2px;
	box-sizing: border-box;
}
.SearchBtn .ButtonArea li a,
.SearchBtn .ButtonArea li button{
	display:block;
	width:100%;
	padding: 17px 0 5px;
	text-align:center;
	font-size:78%;
}
.SearchBtn .ButtonArea li a span,
.SearchBtn .ButtonArea li button span{
	margin:0 auto 8px;
}


/*-- 検索結果並び替え --*/
.SearchResultArea{
    position: relative;
    height:30px;
    margin-bottom: 10px;
    padding: 0 8px;
}
.SearchResultArea > span{
	color:#222;
	font-size:78%;
	font-weight:bold;
	line-height:30px;
}

.SearchResultArea select{
	width:200px;
}
.SearchResultArea .Select{
	position: absolute;
}

.SearchResultArea .Select .customSelect:after {
    top: 12px;
}

/*-- 現在の検索条件　馬リスト --*/
.HorseListBox{
	background:#f4f9f3;
}
.HorseListBox ul li .HorseIndex{
	position:relative;
	padding:10px;
	color:#fff;
	border-top:2px solid #54923b;
	background:#6aa752;
}
.HorseListBox ul li .HorseIndex a.HorseName{
	display: block;
	color:#fff;
	font-size:90%;
	font-weight:bold;
	height:18px;
	line-height: 18px;
	width: calc(100% - 104px);
	width: -webkit-calc(100% - 104px) ;
}
.HorseListBox ul li .HorseSex {
	margin-top:5px;
	font-size:70%;
}

.HorseListBox ul li .HorseSex .Sex{
	padding:2px 4px;
	border-radius: 3px;
}
.HorseSex .Sex.F{
	background:#ea4d4d;
}
.HorseSex .Sex.M{
	background:#4972c4;
}
.HorseSex .Sex.G{
	background:#878e84;
}


.HorseListBox ul li .HorseIndex button{
	position:absolute;
	min-width:104px;
	padding:28px 7px 5px;
	top:3px;
	right:8px;
	font-size:60%;
	font-weight:bold;
}
.HorseListBox ul li .HorseIndex button:before{
	content:"";
	display: block;
	position: absolute;
	top:9px;
	left:40px;
	background-image: url('../img/icon/Sprite_Icon_Owner.png');
	background-repeat: no-repeat;
	-webkit-background-size: 140px 840px;
	-moz-background-size: 140px 840px;
	-ms-background-size: 140px 840px;
	background-size: 140px 840px;
	width: 35px;
	height: 16px;
	background-position: -14px -265px;
}

.HorseListBox ul li .Horsedata{
	width:100%;
	padding:10px 10px 16px; 
}
.HorseListBox ul li .Horsedata .Img_Price{
	width:26%;
	float:left;
}
.HorseListBox ul li .HorseImg{
	position:relative;
}
.HorseListBox ul li .HorseImg img{
	width: 100%;
}

.HorseListBox ul li .Status{
	bottom:0px;
	display:block;
	width:100%;
	padding: 4px 0;
	text-align:center;
	color:#fff;
	font-size:78%;
	background-color: rgba(0,0,0,1);
}
.HorseListBox ul li  .Status.Accept{
	background-color: rgba(111,171,88,1);
}
.HorseListBox ul li  .Status.Expire{
	background-color: rgba(196,25,25,1);
}
.HorseListBox ul li .Status.Near{
	background-color: rgba(208,189,81,1);
}
.HorseListBox ul li .Status.Stop{
	background-color: rgba(119,119,119,1);
}
.HorseListBox ul li .Horsedata .Price{
	font-size:78%;
}
.HorseListBox ul li .Horsedata .Price dl dt{
	text-align:center;
	padding:5px;
	margin-top:8px;
	background:#eaeaea;
}
.HorseListBox ul li .Horsedata .Price dl dd{
	text-align:center;
	padding:5px;
	color:#5da249;
	background:#fff;
}

.HorseListBox ul li .Horsedata table.HorseInfo {
	width: 72%;
	float: right;
	font-size:78%;
	font-weight:normal;
}
.HorseListBox ul li .Horsedata table.HorseInfo th{
    width: 70px;
	padding:9px;
	text-align:center;
	vertical-align: middle;
	background:#eaeaea;
}
.HorseListBox ul li .Horsedata table.HorseInfo td{
	padding:9px;
	background:#fff;
}
.HorseListBox ul li .Horsedata table.HorseInfo td a{
	color:#222;
}
/*----------------------------
条件追加ポップアップ
----------------------------*/
#SearchAddBox .SearchConditionBox,
#SearchAddBox .OtherConditionSearch{
	padding:0 6px;
}


/*----------------------------
条件で探す
	ソートタブ
----------------------------*/

#SortTab{
	padding: 0 8px 0 12px;
	overflow: hidden;
}
#SortTab li {
	float: left;
	width:20%;
	margin-bottom: 4px;
}
#SortTab li.ui-state-active a {
	background: #fff;
	border: 1px solid #bbb;
	color: #444;
}
#SortTab li a{
	display: block;
	background: #f1f1f1;
	border: 1px solid #d5d5d5;
	border-radius: 4px;
	color: #ababab;
	font-size: 72%;
	padding: 14px 0;
	text-align:center;
	margin-right: 4px;
}

/*----------------------------
条件で探す
	検索結果リスト
----------------------------*/
ul.SearchResultList li{
	position:relative;
	display:table;
	width:100%;
	height:60px;
	color:#555;
	font-size:90%;
	font-weight:bold;
	background:#fff;
	border-bottom:1px solid #ccc;
}
ul.SearchResultList li .CheckBtn01{
	display:table-cell;
	width:50px;
	border-right: 1px solid #ccc;
}
ul.SearchResultList li .CheckBtn01:after{
	position:absolute;
	top:9px;
	left:4px;
}
ul.SearchResultList li .CheckBtn01 input{
	opacity: 0;
}

ul.SearchResultList li .ResultItems{
	display:table-cell;
	padding-top: 4px;
	padding-left:14px;
	line-height: 1.2em;
	vertical-align: middle;
}
ul.SearchResultList li .ResultItems label{
    line-height: 60px;
    display: inline-block;
    box-sizing: border-box;

	overflow: hidden;
	line-height: 1.2em !important;
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;

}


ul.SearchResultList.Club li .ResultItems label{
	line-height: 3em !important;
	height:4em;
}

ul.SearchResultList li .Count{
	display:table-cell;
	 width:40px;
	padding-right:14px;
	vertical-align: middle;
	font-weight:normal;
	text-align:right;
}
/*-- チェック時 --*/
ul.SearchResultList li.Checked{
	background:#FFEBED !important;
}
ul.SearchResultList li.Checked .CheckBtn01:before{
	border-right: 4px solid #fefefe !important;
	border-bottom: 4px solid #fefefe !important;
}
ul.SearchResultList li.Checked .CheckBtn01:after{
	background:#ef5350 !important;
}

/*-- 勝負服画像 --*/
ul.SearchResultList li .Icon_Colours{
	display: block;
	position: absolute;
	top: 14px;
	left: 10px;
}
ul.SearchResultList.Club li .ResultItems{
	position: relative;
	padding-left: 60px;
}

/*-- 検索数の合計 --*/
.SearchConditionFix{
	padding:14px;
	background-color: rgba(0,0,0,0.75);
	z-index:999999;
}

.SearchConditionFix div{
	float:left;
	text-align:center;
	color:#fff;
	font-size:85%;
}
.SearchConditionFix div strong{
	display:block;
	margin-top: 5px;
	font-size:120%;
	
}
.SearchConditionFix div strong span{
	position: relative;
	top: 3px;
	font-size:130%;
	margin-right:5px;
}


.SearchConditionFix button{
	width:166px;
	color:#fff;
	float:right;
	display:block;
	padding:18px 0;
	font-size:85%;
	font-weight:bold;
	border:none;
	margin:0 auto;
	border-radius: 4px;
}
/* PC */
@media only screen and (min-width: 1024px) {
	.SearchConditionFix{
		width:600px;
	}
}
/* iPadなど */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.SearchConditionFix{
		width:460px;
	}
}

/* スマホ */
@media only screen and (min-width: 320px) and (max-width: 766px) {
	.SearchConditionFix{
		width:100%;
	}
}

/* =======================================================
■検討リスト
======================================================= */
/*-- 表示切り替え --*/
.HorseListBox ul.ImageView .Def{
	display:none;
}
.HorseListBox ul.ImageView .Horsedata{
	position:relative;
	padding:0 0 10px;
}
.HorseListBox ul.ImageView .DetailImg{
	display:block !important;
	width:100%;
	margin-bottom: 10px;
}
.HorseListBox ul.ImageView .DetailImg img{
	width:100%;
}
.HorseListBox ul.ImageView .Horsedata .Img_Price{
	padding-left:10px;
}
.HorseListBox ul.ImageView .Horsedata .HorseInfo{
	padding-right:10px;
}
.HorseListBox ul.ImageView .Horsedata span.Status{
	position:absolute;
	height:26px;
	width:105px;
	line-height: 26px;
	padding: 0;
	top: 0;
	right: 0;
}
.HorseListBox ul.ImageView .Horsedata .Price dl dt:first-child{
	margin-top:0;
}

/*-- リスト内設定 --*/
.HorseListBox ul li .DeleteBox{
    position: absolute;
    top: 6px;
    right: 10px;
}
.HorseListBox ul li .DeleteBox .DeleteBtn{
	display: block;
	padding: 6px 12px;
	width:42px;
	height:42px;
	box-sizing:border-box;
	
}
.HorseListBox ul li .Enrollment{
	height:39px;
	padding:0 10px;
	font-size:80%;
	font-weight:bold;
	line-height:42px;
	background:#fff6d3;
}
.HorseListBox ul li .Enrollment .Icon_Owner{
	position:relative;
	top:3px;
	margin-right:10px;
}


.HorseListBox ul li .Enrollment span:last-child{
	color:#ea4d4d;
}
.ButtonArea.ListMenu {
	padding:0 10px 20px;
}
.ButtonArea.ListMenu ul{
	display:table;
	width:100%;
	margin:0 auto;
}
.ButtonArea.ListMenu ul li{
	display:table-cell;
	text-align:center;
	width:33%;
	padding:0 2px;
	    vertical-align: middle;
}
.ButtonArea.ListMenu ul li a,
.ButtonArea.ListMenu ul li button{
	display:block;
	width:100%;
	height:58px;
	padding:7px 0;
	font-size:68%;
}
.ButtonArea.ListMenu ul li button{
	height:55px;
}
.ButtonArea.ListMenu ul li span.Icon_Owner{
	margin:0 auto 7px;
}
/*--入力済み　ノート --*/
.NoteBalloon{
	position:relative;
	width:100%;
	padding:12px;
	font-size: 70%;
	line-height: 1.2em;
	background:#fff6d3;
	border:1px solid #f4e8bc;
	border-radius:5px;
	margin-bottom:10px;
}
.NoteBalloon:before{
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 8px 0px 8px;
    border-color:#f4e8bc transparent transparent  transparent;
    line-height: 0px;
    bottom: -9px;
    left: 50%;
    margin-left:-4px;
}
.NoteBalloon:after{
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 8px 0px 8px;
    border-color:#fff6d3 transparent transparent  transparent;
    line-height: 0px;
    bottom: -7px;
    left: 50%;
    margin-left:-4px;
}


/*--ポップアップ　ノート --*/
.NoteCap{
	position:relative;
	padding:0 13px;
	text-align:left;
	height:38px;
	font-size: 80%;
	line-height:38px;
	background:#f2e2a5;
}
.NoteCap .Icon_Owner.Book02{
	position:relative;
	top:12px;
	margin-right:12px;
}
.NoteCap .PopCloseBtn{
	position:absolute;
	top:0;
	right:0;
	padding: 10px;
}
.RateNote{
	padding:12px 6px 14px;
	text-align:center;
	background:#fdf1c2;
}
.RateNote textarea{
	height:189px;
	font-size:80%;
	margin-bottom:11px;
	border:1px solid #f2e2a5;
}
.RateNote button{
	display:inline-block !important;
	width:120px !important;
	height:50px !important;
}

/* =======================================================
■My検索条件
======================================================= */
.SavingList ul li{
	background:#f4e2d2;
}
.SavingList ul li .SavingName{
	position:relative;
	padding:10px;
	height:55px;
	color:#333;
	font-weight:bold;
	border-top:2px solid #e9ac65;
	border-bottom:1px solid #fff;
	background:#f1f1f1;
	box-sizing:border-box;
}
.SavingList ul li .SavingName  p{
    line-height: 35px;
	width: calc(100% - 80px);
	width: -webkit-calc(100% - 80px) ;
}
.SavingList ul li .SavingName  p.TextInput{
    position: absolute;
    top: 7px;
    width: 70%;
}
.SavingList ul li .SavingName button{
	position:absolute;
	top: 7px;
    width: 37px;
    height: 34px;
}
.SavingList ul li .SavingName .DeleteBtn{
	right:14px;
}
.SavingList ul li .SavingName .RenameBtn{
	right:57px;
}

.SavingList ul li .SavingDetail{
	position:relative;
    max-height: 174px;
    overflow: hidden;
	padding:10px 14px;
	background:#fff1e4;
}
.SavingList ul li .SavingDetail span{
	display:inline-block;
	height:25px;
	line-height:25px;
}
.SavingList ul li .SavingDetail > span{
	padding-right:14px;
	margin:2px;
	font-size:70%;
	background:#fff;
	box-shadow:0px 1px 1px #d2d2d2;
	border-radius: 3px;
	overflow: hidden;
}
.SavingList ul li .SavingDetail .Criteria{
	position:relative;
	top:0;
	padding:0 14px;
	margin-right:14px;
	color:#fff;
	background:#9fd383;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}
.SavingList ul li .Search{
	position:relative;
	padding:16px 0 18px;
}
.SavingList ul li .Search:before{
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 9px 0px 9px;
    border-color: #fff1e4 transparent transparent transparent;
    line-height: 0px;
    top: 0px;
    left:50%;
    margin-left:-9px;
}
.SavingList ul li .Search input{
	display: block;
	margin:0 auto;
	padding:15px;
	width:225px;
	font-size:70%;
}
/*----------------------------
続きを読む
----------------------------*/
.SavingList ul li .MoreRead{
	position: absolute;
	bottom: 0;
	height: 70px;
	width: 100%;
	margin-left: -14px;
	padding: 0 12px;
}
.SavingList ul li .MoreRead > div{
	position:relative;
}
.SavingList ul li .MoreRead .BlindBox{
	height:35px;
	background-image: -moz-linear-gradient(
				center top,
				rgba(255,241,228,0) 0%,
				rgba(255,241,228,1) 50%);
	background-image: -o-linear-gradient(top,
				rgba(255,241,228,0) 0%,
				rgba(255,241,228,1) 50%);
	background-image: -webkit-gradient(linear,left top,left bottom,
				color-stop(0 , rgba(255,241,228,0)),
				color-stop(0.5 , rgba(255,241,228,1))
				);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00fff1e4', EndColorStr='#00fff1e4')";
	background-image: linear-gradient(to bottom,
				rgba(255,241,228,0) 0%,
				rgba(255,241,228,1) 50%);
	border-bottom:1px solid #e6d3c2;
}
.SavingList ul li .MoreRead .BlindBox02{
	height:35px;
	background: #fff1e4;
}
.SavingList ul li .MoreRead .ShowRestBtn{
	position:absolute;
    top: 20px;
    left:50%;
    margin-left:-64px;
    width:128px;
    padding:0 5px;
    text-align:center;
	background:#fff1e4;
}
.SavingList ul li .MoreRead .ShowRestBtn span{
	display:block;
	height:30px;
	font-size:70%;
	line-height:30px;
	border:1px solid #e6d3c2;
	background:#fff;
	border-radius: 3px;
}
@charset "euc-jp";

/* =======================================================
競走馬詳細
======================================================= */

/*----------------------------
画像カルーセル、馬名
----------------------------*/
.HorseProfile .HorseHeader {
	position:relative;
}
.HorseProfile .HorseHeader .HorseImg img{
	width:100%;
}
.HorseProfile .HorseHeader .HorseImg ul.slick-dots{
	position:absolute;
	bottom:0;
	height:32px;
	padding:6px 0;
	z-index:99;
}
.HorseProfile .HorseHeader .FavBtn{
	position:absolute;
	top:7px;
	right:7px;
	width:111px;
	text-align:center;
	color:#fff;
	font-size:80%;
	padding:11px 0;
	border:2px solid #fff;
	border-radius: 9px;
	background-color: rgba( 0, 0, 0, 0.3 );
}
.HorseProfile .HorseHeader .HorseInfo{
	position:absolute;
	bottom:0;
	width:100%;
	padding:36px 10px;
	color:#fff;
	background-image: -moz-linear-gradient(
				center top,
				rgba(0,0,0,0) 0%,
				rgba(0,0,0,0.75) 85%);
	background-image: -o-linear-gradient(top,
				rgba(0,0,0,0) 0%,
				rgba(0,0,0,0.75) 85%);
	background-image: -webkit-gradient(linear,left top,left bottom,
				color-stop(0 , rgba(0,0,0,0)),
				color-stop(0.8 , rgba(0,0,0,0.75))
				);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#000000')";
	background-image: linear-gradient(to bottom,
				rgba(0,0,0,0) 0%,
				rgba(0,0,0,0.75) 85%);
}

.HorseProfile .HorseHeader .HorseInfo p.Name{
	font-size:115%;
	font-weight:bold;
	line-height:35px;
}
.HorseProfile .HorseHeader .HorseInfo p.Data{
	font-size:70%;
}
.HorseProfile .HorseHeader .HorseInfo p.Data span{
	margin-right:10px;
}

/*----------------------------
ナビゲーション
----------------------------*/
.HorseProfile .HorseProfNavi{
	padding-top:5px;
	background:#303349;
	box-shadow: 0 1px 2px rgba(0,0,0, .8) inset;
}
.HorseProfile .HorseProfNavi ul{
	background:#3f425b;
}
.HorseProfile .HorseProfNavi ul li{
	display:inline-block;
	float: left;
	padding:8px 0;
	width:20%;
	height:54px;
	font-size:60%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.HorseProfile .HorseProfNavi ul li.Active{
	background-image: -moz-linear-gradient(center top,#b1b1b1,#fff);
	background-image: -o-linear-gradient(top,#b1b1b1,#fff);
	background-image: -webkit-gradient(linear,left top,left bottom,
				color-stop(0 , rgba(177,177,177,1)),
				color-stop(1 , rgba(255,255,255,0.85))
				);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#000000')";
	background-image: linear-gradient(to bottom,
				rgba(177,177,177,1) 0%,
				rgba(255,255,255,0.85) 85%);
}
.HorseProfile .HorseProfNavi ul li a{
	position:relative;
	display:block;
	height:100%;
	text-align:center;
	color:#d2d3df;
	letter-spacing:-1px;
	border-left:1px solid #303349;
}
.HorseProfile .HorseProfNavi ul li.Active a{
	color:#50536e;
}
.HorseProfile .HorseProfNavi ul li.NoBorder a{
	border-left:none;
}
.HorseProfile .HorseProfNavi ul li a > span{
	position:relative;
	bottom:20px;
}
.HorseProfile .HorseProfNavi ul li a span.TItle{
	position:absolute;
	bottom:0px;
	display: block;
	width: 100%;
}

/*----------------------------
競走馬データ表
----------------------------*/
.HorseProfile .HorseDataBox{
	padding:14px 7px;
}
.HorseProfile .HorseDataBox table{
	width:100%;
	font-size:70%;
}
.HorseProfile .HorseDataBox table th,
.HorseProfile .HorseDataBox table td{
	position:relative;
	padding:9px 10px;
	height:28px;
	vertical-align: middle;
	background:#fff;
}
.HorseProfile .HorseDataBox table th{
	width:105px;
	background:#d9d9d9;
}
.HorseProfile .HorseDataBox table td.Paternal{
	padding-left:40px;
}
.HorseProfile .HorseDataBox table td.Paternal span{
    position: absolute;
    top: 0;
    left:0;
    display: block;
    height: 100%;
    width: 30px;
    vertical-align: middle;
    text-align:center;
    background: #cee0f1;
}
/*----------------------------
競走成績
----------------------------*/
.HorseProfile .TotalPerformance{
	padding:8px 7px;
	background:#d3d7dd;
}
.HorseProfile .TotalPerformance  div{
	position:relative;
	overflow:hidden;
	height:38px;
	font-size:70%;
	border-radius: 3px;
	background:#8c929b;
}
.HorseProfile .TotalPerformance  span.Title {
	display:block;
	width:120px;
	float:left;
	height:38px;
	line-height:38px;
	text-align:center;
	color:#ced6e0;
	background:#3f425b;
}
.HorseProfile .TotalPerformance  span.Title + span{
content: "";
display: block;
float:left;
width: 0;
height: 0;
border-style: solid;
border-width: 38px 9px 0 0;
border-color: #3f425b transparent transparent transparent;
}
.HorseProfile .TotalPerformance  span.Detail {
	display:inline-block;
	padding-left:7px;
	height:38px;
	color:#fff;
	line-height:38px;
	background:#8c929b;
}

/*-- 直近5レース --*/
.HorseProfile .MovieBox .Title{
	padding-left:20px;
	font-size:70%;
	height:50px;
	line-height:50px;
}

/*-- ニュース・コラム --*/
.HorseProfile .NewsList ul.List_01 li .LinkBox_01 h2{
	margin-top:9px;
}
.NewsData {
	color:#999999;
	font-size:70%;
	clear:both;
	margin-top:7px;
	text-align:right;
}


/* =======================================================
■コミュニティ
	top
======================================================= */
/*----------------------------
top
----------------------------*/
/*-- 見出し隠し --*/
.Contents.Top .BBS_Ranking_Box .Find_BlockTitle_01{
	display:none;
}
.Contents.Top .ClubCommnity{
	margin-top:7px;
}