@charset "utf-8";
/* css description  *************************************

# NAME: lib.css
# LAST MODIFIED: 2016-01-06
# DESCRIPTION: 基本元素
----------------------------------------------------------
目次
000. 初期化set (YUI)
100. clear-both clearfix set
200. float ブロックset
300. text-align set
400. width set
500. margin set
600. padding set
700. Line-hight
800. background color set
----------------------------------------------------------
// css description ************************************* */

/* 000. 初期化set  The Yahoo! User Interface Library (YUI)
********************************************************* */

/* RESET DELETE 20141127 */
/* Copyright (c) 2008, Yahoo! Inc. All rights reserved. */
/* Code licensed under the BSD License: */
/* http://developer.yahoo.net/yui/license.txt */
/* version: 2.5.1 */
/* html{color:#000;background:#FFF;} */
/* body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} */
/* table{border-collapse:collapse;border-spacing:0;} */
/* fieldset,img{border:0;} */
/* address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} */
/* li{list-style:none;}caption,th{text-align:left;} */
/* h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} */
/* q:before,q:after{content:'';} */
/* abbr,acronym {border:0;font-variant:normal;} */
/* sup {vertical-align:text-top;} */
/* sub {vertical-align:text-bottom;} */
/* input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} */
/* input,textarea,select{*font-size:100%;} */
/* legend{color:#000;} */

/* body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;} */
/* table {font-size:inherit;font:100%;} */
/* pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} */

/* h1{font-size:138.5%;} */
/* h2{font-size:123.1%;} */
/* h3{font-size:108%;} */
/* h1,h2,h3,h4,h5,h6{margin:0 0 1em 0;} */
/* h1,h2,h3,h4,h5,h6,strong{font-weight:bold;} */
/* abbr,acronym{border-bottom:1px dotted #000;cursor:help;} */
/* blockquote,ul,ol,dl{margin:1em;} */
/* ol,ul,dl{margin-left:2em;} */
/* ol li{list-style:decimal outside;} */
/* ul li{list-style:disc outside;} */
/* dl dd{margin-left:1em;} */
/* th,td{border:1px solid #000;padding:.5em;} */
/* th{font-weight:bold;text-align:center;} */
/* caption{margin-bottom:.5em;text-align:center;} */
/* p,fieldset,table,pre{margin-bottom:1em;} */
/* RESET DELETE 20141127 */

/* 100. clear-both set
********************************************************* */
.clr { margin: 0; padding: 0; clear: both; font-size: 0px; line-height: 0px; height: 0px; }
.clr1 { margin: 0; padding: 0; clear: both; font-size: 0px; line-height: 1px; height: 1px; }
.clr3 { margin: 0; padding: 0; clear: both; font-size: 0px; line-height: 3px; height: 3px; }
.clr5 { margin: 0; padding: 0; clear: both; font-size: 0px; line-height: 5px; height: 5px; }
.clr10 { margin: 0; padding: 0; clear: both; font-size: 0px; line-height: 10px; height: 10px; }
.clr15 { margin: 0; padding: 0; clear: both; font-size: 0px; line-height: 15px; height: 15px; }
.clr20 { margin: 0; padding: 0; clear: both; font-size: 0px; line-height: 20px; height: 20px; }
.clr25 { margin: 0; padding: 0; clear: both; font-size: 0px; line-height: 25px; height: 25px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{ zoom:1;}

/* 200. block level float left right set
********************************************************* */
.bl-left { margin: 0; padding: 0; float: left; }
.bl-right { margin: 0; padding: 0; float: right; }
.bl-left5 { margin: 0px 5px 0px 0px; padding: 0; float: left; }
.bl-right5 { margin: 0px 0px 0px 5px; padding: 0; float: right; }
.bl-left10 { margin: 0px 10px 0px 0px; padding: 0; float: left; }
.bl-right10 { margin: 0px 0px 0px 10px; padding: 0; float: right; }

/* 300. align left right center set
********************************************************* */
.al-left { text-align: left; }
.al-right { text-align: right; }
.al-center { text-align: center; }

/* 350. vertical-align left right center set
********************************************************* */
.val-top { vertical-align:top; }
.val-middle { vertical-align:middle; }
.val-bottom { vertical-align:bottom; }

table th .val-top , table td .val-top { vertical-align:top; }
table th .val-middle , table td .val-middle { vertical-align:middle; }
table th .val-bottom , table td .val-bottom { vertical-align:bottom; }

/* 400. width set
********************************************************* */
.w100pr { width: 100%; }
.w90pr { width: 90%; }
.w80pr { width: 80%; }
.w70pr { width: 70%; }
.w60pr { width: 60%; }
.w50pr { width: 50%; }
.w45pr { width: 45%; }
.w40pr { width: 40%; }
.w30pr { width: 30%; }
.w25pr { width: 25%; }
.w20pr { width: 20%; }
.w15pr { width: 15%; }
.w10pr { width: 10%; }
.w05pr { width: 5%; }
.w870px { width: 870px; }
.w800px { width: 800px; }
.w770px { width: 770px; }
.w740px { width: 740px; }
.w600px { width: 600px; }
.w550px { width: 550px; }
.w500px { width: 500px; }
.w450px { width: 450px; }
.w400px { width: 400px; }
.w380px { width: 380px; }
.w375px { width: 375px; }
.w370px { width: 370px; }
.w365px { width: 365px; }
.w360px { width: 360px; }
.w320px { width: 320px; }
.w300px { width: 300px; }
.w275px { width: 275px; }
.w260px { width: 260px; }
.w250px { width: 250px; }
.w240px { width: 240px; }
.w230px { width: 230px; }
.w225px { width: 225px; }
.w220px { width: 220px; }
.w215px { width: 215px; }
.w200px { width: 200px; }
.w190px { width: 190px; }
.w180px { width: 180px; }
.w160px { width: 160px; }
.w140px { width: 140px; }
.w130px { width: 130px; }
.w120px { width: 120px; }
.w110px { width: 110px; }
.w100px { width: 100px; }
.w90px { width: 90px; }
.w80px { width: 80px; }
.w70px { width: 70px; }
.w60px { width: 60px; }
.w50px { width: 50px; }
.w40px { width: 40px; }
.w30px { width: 30px; }
.w25px { width: 25px; }
.w20px { width: 20px; }
.w15px { width: 15px; }
.w10px { width: 10px; }

/* 500. margin set
********************************************************* */
.m50 { margin: 50px; }
.m30 { margin: 30px; }
.m20 { margin: 20px; }
.m15 { margin: 15px; }
.m10 { margin: 10px; }
.m5 { margin: 5px; }
.mT50 { margin-top: 50px; }
.mT30 { margin-top: 30px; }
.mT20 { margin-top: 20px; }
.mT15 { margin-top: 15px; }
.mT10 { margin-top: 10px; }
.mT5 { margin-top: 5px; }
.mT3 { margin-top: 3px; }
.mT2 { margin-top: 2px; }
.mT1 { margin-top: 1px; }
.mR50 { margin-right: 50px; }
.mR30 { margin-right: 30px; }
.mR20 { margin-right: 20px; }
.mR15 { margin-right: 15px; }
.mR10 { margin-right: 10px; }
.mR5 { margin-right: 5px; }
.mR3 { margin-right: 3px; }
.mR2 { margin-right: 2px; }
.mR1 { margin-right: 1px; }
.mB50 { margin-bottom: 50px; }
.mB30 { margin-bottom: 20px; }
.mB20 { margin-bottom: 20px; }
.mB15 { margin-bottom: 15px; }
.mB10 { margin-bottom: 10px; }
.mB5 { margin-bottom: 5px; }
.mB3 { margin-bottom: 3px; }
.mB1 { margin-bottom: 1px; }
.mL50 { margin-left: 50px; }
.mL30 { margin-left: 30px; }
.mL20 { margin-left: 20px; }
.mL15 { margin-left: 15px; }
.mL10 { margin-left: 10px; }
.mL8 { margin-left: 8px; }
.mL5 { margin-left: 5px; }
.mL3 { margin-left: 3px; }
.mL2 { margin-left: 2px; }

.m-auto { margin:0 auto; }

/* 600. padding set
********************************************************* */
.p50 { padding:50px; }
.p30 { padding:30px; }
.p20 { padding:20px; }
.p15 { padding:15px; }
.p10 { padding:10px; }
.p5 { padding:5px; }
.p3 { padding:3px; }
.pT50 { padding-top:50px; }
.pT30 { padding-top:30px; }
.pT20 { padding-top:20px; }
.pT15 { padding-top:15px; }
.pT10 { padding-top:10px; }
.pT5 { padding-top:5px; }
.pT3 { padding-top:3px; }
.pB50 { padding-bottom:50px; }
.pB30 { padding-bottom:30px; }
.pB20 { padding-bottom:20px; }
.pB15 { padding-bottom:15px; }
.pB10 { padding-bottom:10px; }
.pB5 { padding-bottom:5px; }
.pB3 { padding-bottom:3px; }
.pR20 { padding-right: 20px; }
.pR15 { padding-right: 15px; }
.pR10 { padding-right: 10px; }
.pR5 { padding-right: 5px; }
.pR3 { padding-right: 3px; }
.pL20 { padding-left:20px; }
.pL15 { padding-left:15px; }
.pL10 { padding-left:10px; }
.pL5 { padding-left:5px; }
.pL3 { padding-left:3px; }

/* 700. Line-hight
********************************************************* */
.lh_1-0 { line-height:1.0; }
.lh_1-2 { line-height:1.2; }
.lh_1-4 { line-height:1.4; }
.lh_1-6 { line-height:1.6; }
.lh_2-0 { line-height:2.0; }
.lh_3-0 { line-height:3.0; }


/* 800. background color set
********************************************************* */
/* white gray */
.bg-fff { background:#fff !important; }
.bg-333 { background:#333; }
.bg-666 { background:#666; }
.bg-777 { background:#777; color:#fff; }
.bg-888 { background:#777; color:#fff; }
.bg-999 { background:#999; color:#fff; }
.bg-ccc { background:#ccc; color:#fff; }
.bg-ddd, .bg-ddd td { background:#ddd; color:#333; }

/* table 背景共通 */
/* 上部th */
.bg-ebf { background:#EBF7FF !important; color:#333 !important; }
.bg-e8e { background:#e8e8e8 !important; color:#333 !important; }
.bg-4b4 { background:#4b4b4b !important; color:#fff !important; } /* 詳細出走表 */
.bg-ccd { background:#CCDEE1 !important; color:#333 !important; } /* 登録馬関連 */

/* td */
.bg-cff { background:#cff; }
.bg-fcf { background:#fcfcfc; }
.bg-f2f { background:#f2f2f2; }
.bg-f6f { background:#f6f6f6; }
.bg-f5f { background:#f5f5f5; }
.bg-ffc { background:#ffffcc; }

/* レース分析 */
.bg-c99 { background:#c99; } /* 勝率 */
.bg-9cf { background:#9cf; } /* 連対率 */
.bg-f36 { background:#f36; } /* 相性-勝率 */
.bg-f69 { background:#f69; } /* 相性-連対率 */

/* ロールオーバー色 */
.tb-over { background-color:#EBF7FF; }
.tb01-over , .tb01b-over { background-color:#EBF7FF; }

/* 枠番背景色 */
.bg-1 { background:#fff; color:#000; }
.bg-2 { background:#999; color:#fff; }
.bg-3 { background:#f66; color:#fff; }
.bg-4 { background:#2b91e1; color:#fff; }
.bg-5 { background:#ffc; color:#000; }
.bg-6 { background:#cf9; color:#000; }
.bg-7 { background:#fc6; color:#000; }
.bg-8 { background:#fcf; color:#000; }
/* 枠番背景色 薄め light */
.bg-1-lt { background:#ffffff; color:#333; }
.bg-2-lt { background:#e3e3e3; color:#333; }
.bg-3-lt { background:#FFECF0; color:#333; }
.bg-4-lt { background:#D8EDFF; color:#333; }
.bg-5-lt { background:#FFFFE7; color:#333; }
.bg-6-lt { background:#ECFFEF; color:#333; }
.bg-7-lt { background:#FFEFDD; color:#333; }
.bg-8-lt { background:#FDEEFF; color:#333; }
/* 枠番背景色 薄め pale */
.bg-1-pl { background:#ffffff; color:#333; }
.bg-2-pl { background:#f9f9f9; color:#333; }
.bg-3-pl { background:#FFF6F9; color:#333; }
.bg-4-pl { background:#EBF6FF; color:#333; }
.bg-5-pl { background:#FFFFF3; color:#333; }
.bg-6-pl { background:#F5FFF7; color:#333; }
.bg-7-pl { background:#FFF7EE; color:#333; }
.bg-8-pl { background:#FFFBFE; color:#333; }

/* レース結果　着順　背景 */
.bg-1chaku { background:url(/shared/images/common/bg-1chaku.jpg) repeat-x bottom; }
.bg-2chaku { background:url(/shared/images/common/bg-2chaku.jpg) repeat-x bottom; }
.bg-3chaku { background:url(/shared/images/common/bg-3chaku.jpg) repeat-x bottom; }
/* 中止 */
.bg-f66 { background:#ff6666; }

/* 各種 */
.bg-kws-cal { background:#A4D9E1 !important; }
.bg-urw-cal { background:#A5C7E1 !important; }
.bg-tck-cal { background:#FFCCCC !important; }
.bg-fnb-cal { background:#D8ECC2 !important; }

.bg-kawasaki { background:#CAE4E4 !important; }
.bg-urawa { background:#CADDF1 !important; }
.bg-tck { background:#FFECDD !important; }
.bg-funabashi { background:#D8ECC2 !important; }

/* hidden */
.hidden { display:none;}

/* 背景　ボーダーボトム　グレー・白ライン */
.bd-btm-ccc { border-bottom:1px solid #ccc; }
.bg-2line-btm { background:url(/shared/images/common/bg-2line-btm.gif) repeat-x bottom; }
.line-dot2 { border-top:1px dotted #ccc; }

/* 水平線 */
hr { margin:5px 0 5px 0; height: 1px; border-top:1px solid #ddd; }
hr.line { background-color:#ddd; color:#ddd; border:none; height:1px; /* IE6,7 dot hack */ .margin: 0px;}

hr.line-dot { background-color:#ddd; color:#ddd; border:none; height:1px; margin:0 0 0px 0; padding:0 0 0 0; }
html>/**/body hr.line-dot { margin:0 0 5px 0; }/*IE7 以外のモダンブラウザ*/

hr.line-ccc { margin:2px 0; padding:0; background-color:#ccc; color:#ccc; border:none; height:1px; line-height:1.0; font-size:1px; }
div.line-c-dot { border:none; height:2px; margin:5px 0 5px 0; padding:0;background:url(/shared/images/common/bg-ccc-dot.gif) repeat-x bottom;  }

/* height set */
.h50px { height: 50px; }
.h40px { height: 40px; }
.h30px { height: 30px; }
.h20px { height: 20px; }
.h10px { height: 10px; }

/* SP版への誘導リンク
********************************************************* */
#toSp {
	position: relative;
	z-index: 999;
	height: 135px;
	padding-top: 10px;
	margin-bottom: 10px;
	border: 2px solid #afbac0;
	border-bottom-color: #6e6e6e;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fff), color-stop(50%, #e2e2e2), color-stop(50%, #ddd), color-stop(100%, #e1e1e1));
	background: -webkit-linear-gradient(top, #fff 1%, #e2e2e2 50%, #ddd 50%, #e1e1e1 100%);
	background: linear-gradient(to bottom, #fff 1%, #e2e2e2 50%, #ddd 50%, #e1e1e1 100%);
	-webkit-box-shadow: 0 3px 1px #a7a7a7, 0 7px 0px #d3d3d4;
	-moz-box-shadow: 0 3px 1px #a7a7a7, 0 7px 0px #d3d3d4;
	box-shadow: 0px 3px 1px #a7a7a7, 0px 7px 0px #d3d3d4;
	text-shadow: 1px 0px 1px black;
	font-weight: bold;
}
#toSp .spBox {
	display: block;
	height:100%;
	color: #000;
}
#toSp .spTxt {
	position: relative;
	display: inline-block;
	margin-right: 30px;
	font-size: 50px;
	text-align: left;
	padding-top:40px;
	white-space:nowrap;
	color: #000;
}
#toSp .spTxt a { text-decoration:none; }
#toSp #spClose {
	font-size: 100px;
	position: relative;
	z-index:9999;
	float: right;
	width: 108px;
	height:103px;
	padding-top:5px;
	margin: 7px 10px 0 0;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(51%, #f2f2f2), color-stop(52%, #e8e8e8), color-stop(100%, #e2e2e2));
	background: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 51%, #e8e8e8 52%, #e2e2e2 100%);
	background: linear-gradient(to bottom, #fff 0%, #f2f2f2 51%, #e8e8e8 52%, #e2e2e2 100%);
	line-height: 100px;
	cursor: pointer;
	border: 2px solid #858585;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	box-shadow: 0px 0px 0px 5px rgba(200,200,200,0.5);
	-webkit-box-shadow: 0px 0px 0px 5px rgba(200, 200, 200, 0.5);
}

/* 文字列3点リーダー */

/* ellipsis */
.tx_ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis; /* IE, Safari */
	-o-text-overflow: ellipsis; /* Opera under 10.7 */
	overflow: hidden;
	/* "overflow" value must be different from "visible" */
	-moz-binding: url('ellipsis.xml#ellipsis');
}