@charset "utf-8"; /*================================================== Universal Reset ==================================================*/ * { margin:0; padding:0; } body { line-height:1.4; font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; color:#333333; font-size:90%; } h1, h2, h3, h4, h5, h6 { font-weight:bold; margin-bottom:10px; } address { font-style:normal; } strong { font-weight:normal; } em { font-style:normal; } img { border:0; font-size:0; vertical-align:bottom; } ul, dl { list-style:none; } ol { padding-left:2.1em; } dt { font-weight:bold; } th { font-weight:normal; text-align:left; } input, select { vertical-align:middle; } textarea { font-size:1em; } fieldset { border:0 none; } legend { display:none; } /*================================================== Font Size Adjust ==================================================*/ p, li, dt, dd, th, td, h1, h2, h3, /*h4, */h5, h6 { font-size:100%; } li p, li li, li dt, li dd, dd p, dd li, dd dt, dd dd { font-size:100%; } li h1, li h2, li h3, li h4, li h5, li h6 { font-size:100%; } li th, li td { font-size:100%; } td p, td li, td dt, td dd { font-size:100%; } td td, td th, th td, th th { font-size:100%; } td h1, td h2, td h3, td h4, td h5, td h6 { font-size:100%; } th p, th li, th dt, th dd { font-size:100%; } th h1, th h2, th h3, th h4, th h5, th h6 { font-size:100%; } /*================================================== Default Style ==================================================*/ a { color:#06f; text-decoration:underline; } a:visited { color:#06f; } a:hover, a:active { color:#f60; text-decoration:none; background:none; } strong { font-weight:bold; } em { color:#ff0000; } sup { vertical-align:top; } sub { vertical-align:baseline; } ul, dl, ol, p, table { margin-bottom:1em; } caption { text-align:left; } li ul, li ol, li dl, dd ul, dd ol, dd dl { margin-bottom:0; } /*================================================== ToolTips　CSS制御ツールTips ==================================================*/ a.tooltip:hover { background:#ffffff; text-decoration:none; } /*BG color is a must for IE6*/ a.tooltip span { display:none; padding:2px 3px; margin-left:8px; width:130px; } a.tooltip:hover span { display:inline; position:absolute; background:#ffc; border:1px solid #9C3; color:#666; } /*================================================== Radius角丸 ==================================================*/ .curved { border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; behavior: url(border-radius.htc); background:#fff; } /* 背景色指定済みボックス角丸 */ .curved2{ /*void*/} /*================================================== スプライト表示アイコンとボタン　情報系 ==================================================*/ .isprite { background:url(../images/i-sprite.png) no-repeat; display:inline-block; text-indent:-10000px; } span#night,span.night { width:35px; height:13px; background:url(../images/i-sprite.png) -40px -297px; margin:0 0 0 3px; } span#midnt,span.midnt { width:35px; height:13px; background:url(../images/i-sprite.png) -40px -279px; margin:0 0 0 3px; } span#hakubo,span.hakubo{ width:35px; height:13px; background:url(../images/i-sprite.png) -80px -279px; margin:0 0 0 3px; } span#i-night,span.i-night { width:16px; height:16px; background:url(../images/i-sprite.png) 0 -213px; margin:2px 1px 1px 2px; } span#i-midnt,span.i-midnt { width:16px; height:16px; background:url(../images/i-sprite.png) 0 -194px; margin:2px 1px 1px 2px; } span#i-hakubo,span.i-hakubo{ width:16px; height:16px; background:url(../images/i-sprite.png) 0 -175px; margin:2px 1px 1px 2px; } a#vote { width:60px; height:20px; background:url(../images/i-sprite.png) -275px -175px;} a#vote:hover { background:url(../images/i-sprite.png) -275px -195px !important;} /*================================================== 情報ここから ==================================================*/ html #info { margin:0; padding:0;} #info #wrap { width:1004px; margin:0 auto; padding:0 2px; background:url(../images/i-bg.gif) repeat-y;} #info #header { width:1000px; height:80px; padding:0; background:url(../images/i-sprite.png) no-repeat 0 0; position:relative; margin-top: 2px; margin-right: 0; margin-bottom: 0; margin-left: 0; } #info #header h1 { display:block; float:left; width:300px; height:70px; text-indent:-10000px;} #info #header h2 { display:block; width:250px; height:40px; position:absolute; top:15px; left:350px; font-size:9pt; line-height:1.4em; font-weight:normal;} #info #nav { margin:0; padding:0; width:1000px; width:38px;} #info #content { width:980px; margin:0 auto; padding:0;} #info #contentLeft { width:730px; margin:0 10px 0 0 ; padding:0; float:left;} #info #sidebar { width:240px; margin:0 auto; padding:0; float:left;} #info #footer { width:1000px; padding:0; min-height:25px; border-top:1px solid #e5e5e5; background: #ffffff; /* old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #EFEFEF 3%, #F9F9F9 54%, #FFFFFF 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(3%,#EFEFEF), color-stop(54%,#F9F9F9), color-stop(100%,#FFFFFF)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFFF',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #ffffff 0%,#EFEFEF 3%,#F9F9F9 54%,#FFFFFF 100%); /* opera */ } /* ヘッダ UL */ #info #header ul#nav1 /* top */{ display:block; float:left; width:200px; margin:5px 0 5px 0; padding:0; list-style-type:none; position:absolute; top:8px; left:800px; } #info #header ul#nav1 li { float: left; margin:0 5px 0 0; padding: 0 5px; border-right:1px solid #ccc; font-size:10pt; } #info #header ul#nav2 { display:block; width:176px; margin:5px 0 5px 0; padding:0; list-style-type:none; position:absolute; top:37px; left:800px; } #info #header ul#nav2 li { float: left; margin: 0; padding: 0; text-indent:-10000px; } #info #header ul#nav2 a { display:block; width:95px; height:20px; background:url(../images/i-sprite.png) no-repeat; } #info #header ul#nav2 a.nv1 { background-position: -550px -180px; } /* よくある質問 */ #info #header ul#nav2 a.nv2 { background-position: -645px -180px; } /* マイページ */ #info #header ul#nav2 a.nv3 { background-position: -745px -180px; } /*　新規会員登録 */ #info #header ul#nav2 a.nv4 { width:77px; background-position: -840px -180px; } /* LOGIN */ #info #header ul#nav2 a.nv5 { width:77px; background-position: -920px -180px; } /* LOGOUT */ #info #header ul#nav2 a.nv6 { background-position: -450px -180px; } /* 会員情報変更 */ #info #header ul#nav2 a.nv1:hover { background-position: -550px -205px; } #info #header ul#nav2 a.nv2:hover { background-position: -645px -205px; } #info #header ul#nav2 a.nv3:hover { background-position: -745px -205px; } #info #header ul#nav2 a.nv4:hover { background-position: -840px -205px; } #info #header ul#nav2 a.nv5:hover { background-position: -920px -205px; } #info #header ul#nav2 a.nv6:hover { background-position: -450px -205px; } /* マーキー　*/ #info #header div#marq { width:985px; height:18px; margin:2px auto 0 auto; padding:3px; overflow:hidden; position:absolute; top:69px; left:3px; color:#fff; font-size:11pt; line-height:1.1; } /* Global Nav */ #info #nav ul { display:block; width:1000px; height:38px; margin:0; padding:0; list-style-type:none; overflow:hidden; } #info #nav ul li { float: left; margin: 0; padding: 0; text-indent:-10000px;} #info #nav ul a { display:block; height:38px; background:url(../images/i-sprite.png) no-repeat; } #info #nav ul a.nv1 { width:143px; background-position: 0 -95px; } #info #nav ul a.nv2 { width:143px; background-position: -143px -95px; } #info #nav ul a.nv3 { width:143px; background-position: -286px -95px; } #info #nav ul a.nv4 { width:142px; background-position: -429px -95px; } #info #nav ul a.nv5 { width:144px; background-position: -572px -95px; } #info #nav ul a.nv6 { width:143px; background-position: -716px -95px; } #info #nav ul a.nv7 { width:142px; background-position: -859px -95px; } #info #nav ul a.nv1:hover, #info #nav li.active a.nv1 { background-position: 0 -134px; } #info #nav ul a.nv2:hover, #info #nav li.active a.nv2 { background-position: -143px -134px; } #info #nav ul a.nv3:hover, #info #nav li.active a.nv3 { background-position: -286px -134px; } #info #nav ul a.nv4:hover, #info #nav li.active a.nv4 { background-position: -429px -134px; } #info #nav ul a.nv5:hover, #info #nav li.active a.nv5 { background-position: -572px -134px; } #info #nav ul a.nv6:hover, #info #nav li.active a.nv6 { background-position: -716px -134px; } #info #nav ul a.nv7:hover, #info #nav li.active a.nv7 { background-position: -859px -134px; } /* content */ /* パンくずリスト　*/ #info ul#bcrumb { display:block; width:980px; height:20px; margin:5px 0 5px 0; padding:0; list-style-type:none; } #info ul#bcrumb li { float: left; margin:0 0 0 15px; padding:0 0 0 20px; font-size:10pt; background:url(../images/i-sprite.png) no-repeat 0px -603px; } #info ul#bcrumb li:first-child {margin:0; padding:0; background: none;} /* h2レース名〜開催レース情報〜 */ #info #content h2 { display:block; float:left; width:550px; height:1.3em; margin:5px 0; padding:2px; border:1px solid #ccc; background:#EBF6FF; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #info #content h2 img { margin:-3px 3px 3px 3px;} #info #content div.raceList a { display:block; float:right; width:400px; height:1.3em; margin:5px 0; padding:2px; text-align:center; border:1px solid #ccc; background:#eee; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #info #content div.raceList p { text-align:right; margin:2px 0; padding:0;} #info #content div.raceList p span{ color:#f00;} /*　開催レース情報 p-b-01　****************************************　*/ #info div.section{ width:980px; min-height:30px; margin:0; padding:0; clear:both;} #info ul#date_pr { display:block; float: left; width:170px; height:20px; margin:5px 0 5px 0; padding:0; list-style-type:none;} #info ul#date_pr li { float: left; display:block; width:150px; margin:0; padding:0; font-size:10pt; } #info ul#date_nx { display:block; float: right; width:170px; height:20px; margin:5px 0 5px 0; padding:0; list-style-type:none; } #info ul#date_nx li { display:block; width:150px; margin:0; padding:0; font-size:10pt; text-align:right; } /* トップページ */ #info #login { width:238px; float:left; margin:0 10px 10px 0; padding:2px; border:1px solid #ddd; background:#EDF7FF;} #info #camp { width:720px; float:left; min-height:230px; margin:0 0 10px 0; padding:0; background:#f3f3f3; } /*　インデックスレース一覧タイトル　*/ #info #titles { width:980px; height:25px; clear:both;} #info #titles div { display:block; float:left; height:20px; padding:2px; border:1px solid #ccc !important; overflow:hidden; background: #ffffff; /* old browsers */background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 10%, #E5E5E5 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(10%,#f6f6f6), color-stop(100%,#E5E5E5)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E5E5E5',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 10%,#E5E5E5 100%); /* opera */} #info #titles div.tl01 { width:107px; margin-right:1px;} #info #titles div.tl02 { width:127px; margin-right:1px;} #info #titles div.tl03 { width:520px; margin-right:1px;} #info #titles div.tl04 { width:198px;} #info #titles h4 { display:inline; border:none !important; padding:0 !important; margin:0 0 0 2px !important; color:#222; width:auto; font-size:9pt; } /*　インデックスレース一覧　*/ #info #raceIndex { width:980px; height:auto; margin:5px 0; padding:0;} #info #raceIndex div { display:block; width:980px; min-height:3.5em; margin:0; padding:3px 0; border-bottom:1px dotted #aaa; clear:both;}/* 場開催 tableのtrに該当 */ #info #raceIndex div.odd { background: #E9F7FD; /* old browsers */background: -moz-linear-gradient(top, #E9F7FD 0%, #feffff 98%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E9F7FD), color-stop(98%,#feffff)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9F7FD', endColorstr='#feffff',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #E9F7FD 0%,#feffff 98%); /* opera */}/*　奇数列の背景色を変える　*/ /*　場・何日目　*/ #info #raceIndex ul.bank { display:block; float:left; width:70px; min-height:3.2em; margin:0; padding:0; list-style-type: none; text-align: center; border-left:2px solid #9CF; } #info #raceIndex ul.bank li { font-size:90%;} #info #raceIndex ul.bank li:first-child { font-weight:bold;} /* Grade GP,GP1,G2,F2,F1 ナイター、ミッドナイト、薄暮　*/ #info #raceIndex ul.grade { display:block; float:left; width:40px; min-height:3.2em; margin:0; padding:0; } #info #raceIndex ul.grade li { display: block; width:16px; height:16px; margin:1px 3px 0 3px; padding:0; text-indent:-10000px; background:url(../images/i-sprite.png) no-repeat;} #info #raceIndex ul.grade li:first-child { width:23px; height:13px; margin:2px 0; padding:0;} /* グレード表示のみ */ #info #raceIndex ul.grade li.gp { background:url(../images/i-sprite.png) -40px -175px;} #info #raceIndex ul.grade li.g1 { background:url(../images/i-sprite.png) -40px -192px;} #info #raceIndex ul.grade li.g2 { background:url(../images/i-sprite.png) -40px -208px;} #info #raceIndex ul.grade li.g3 { background:url(../images/i-sprite.png) -40px -224px;} #info #raceIndex ul.grade li.f1 { background:url(../images/i-sprite.png) -40px -241px;} #info #raceIndex ul.grade li.f2 { background:url(../images/i-sprite.png) -40px -258px;} #info #raceIndex ul.grade li.hakubo { background:url(../images/i-sprite.png) 0px -175px;} #info #raceIndex ul.grade li.night { background:url(../images/i-sprite.png) 0px -213px;} #info #raceIndex ul.grade li.midnight { background:url(../images/i-sprite.png) 0px -194px;} #info #raceIndex ul.grade li.day { height:0; background:none;} /*　前日のレース　*/ #info #raceIndex ul.rPrev { display:block; float:left; width:127px; min-height:3.2em; margin:0; padding:0 0 0 5px; border-left:2px solid #ccc; } #info #raceIndex ul.rPrev li { display:block; float: left; margin-top:0.7em; } #info #raceIndex ul.rPrev li:first-child { width:60px; margin-top:0.8em; } /*　本日のレース　*/ #info #raceIndex ul.rToday { display:block; float:left; width:522px; min-height:3.2em; margin:0; padding:0 0 0 5px; border-left:2px solid #ccc; } #info #raceIndex ul.rToday li { display:block; float:left; margin-top:0.7em; } #info #raceIndex ul.rToday li:first-child { width:60px; margin-top:0.8em; } #info #raceIndex ul.rToday li.status { display:block; float:left; width:250px; font-weight:bold; margin-top:0.2em; } #info #raceIndex ul.rToday li.status span { display:block; font-weight:normal; line-height:1.0; } /*　明日以降のレース　*/ #info #raceIndex ul.rNext { display:block; float:left; width:192px; min-height:3.2em; margin:0; padding:0 0 0 5px; border-left:2px solid #FCC; } #info #raceIndex ul.rNext li { display:block; float:left; margin-top:0.7em; } #info #raceIndex ul.rNext li:first-child { width:60px; margin-top:0.8em;} /*　ボタン　出走表・オッズ・結果・映像　*/ #info #raceIndex ul a { display:block; float:left; width:57px; height:23px;text-indent:-10000px; padding:0; margin:0 0 0 3px; } #info #raceIndex ul a.blank { background:none;} /* なし　*/ #info #raceIndex ul a.pro { background:url(../images/i-sprite.png) -370px -315px;} #info #raceIndex ul a.odd { background:url(../images/i-sprite.png) -430px -315px;} #info #raceIndex ul a.res { background:url(../images/i-sprite.png) -490px -315px;} #info #raceIndex ul a.mov { width:80px; background:url(../images/i-sprite.png) -550px -315px;} #info #raceIndex ul a.vot { background:url(../images/i-sprite.png) -820px -315px;} #info #raceIndex ul a.pro:hover { background:url(../images/i-sprite.png) -370px -340px;} #info #raceIndex ul a.odd:hover { background:url(../images/i-sprite.png) -430px -340px;} #info #raceIndex ul a.res:hover { background:url(../images/i-sprite.png) -490px -340px;} #info #raceIndex ul a.mov:hover { background:url(../images/i-sprite.png) -550px -340px;} #info #raceIndex ul a.vot:hover { background:url(../images/i-sprite.png) -820px -340px;} /*　//インデックス開催レース情報 ここまで　****************************************　*/ /*　ログインボタン　*/ /* w180ボタン　戻る・入金　投票購入確認画面で使用　*/ #info #login ul { display:block; width:238px; margin:5px auto;} #info #login ul li { display: block; width:238px; float:left; margin:0; padding:0; list-style-type: none; text-align: center; letter-spacing:-0.1em; clear:both;} #info #login ul li a { display:inline-block; width:220px; height:1.6em; clear:both; margin:0 0 5px 0; text-align: left; } #info #login ul li.mes { display: block; width:221px; margin:1px 5px 3px 5px; padding:2px; text-align:left;line-height:1.6; background:#fff; border:1px solid #9CF;} #info #login ul li.btn1 a { line-height:1.6; color:#222; padding:2px; text-decoration: none; text-align: center; background: #f3f3f3; /* old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* opera */ border:1px solid #f60;} #info #login ul li.btn2 a { line-height:1.6; color:#fff; font-weight:bold; margin:0 0 10px 0; padding:2px; text-decoration: none; text-align: center; background: #87e0fd; /* old browsers */background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87e0fd), color-stop(40%,#53cbf1), color-stop(100%,#05abe0)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* opera */ border:1px solid #ccc;} #info #login ul li.btn3 a { height:1.2em; line-height:1.3; color:#222; padding:2px; text-decoration: none; text-align: center; font-size:90%; background: #ffffff; /* old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* opera */ border:1px solid #ccc;} #info #login ul li.btn1 a:hover, #info #login li.btn2 a:hover, #info #login ul li.btn3 a:hover { background: #b2e1ff; /* old browsers */ background: -moz-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2e1ff), color-stop(100%,#66b6fc)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* opera */ border:1px solid #09C;} /*　レース一覧　*/ #info #raceToday { width:980px; height:auto; margin:10px 0; padding:0;} #info #raceToday div { display:block; width:980px; min-height:3.5em; margin:0; padding:5px 0; border-bottom:1px dotted #aaa; clear:both;}/* 場開催 tableのtrに該当 */ #info #raceToday div.even { background:#f8f8f8;}/*　偶数列の背景色を変える　*/ /*　場・今日が何日目　*/ #info #raceToday ul.bank { display:block; float:left; width:55px; margin:0; padding:0; list-style-type: none; text-align: center; } #info #raceToday ul.bank li { font-size:90%;} #info #raceToday ul.bank li:first-child { font-weight:bold;} /* Grade GP,GP1,G2,F2,F1 ナイター、ミッドナイト、薄暮　*/ #info #raceToday ul.grade { display:block; float:left; width:25px; margin:0; padding:0; } #info #raceToday ul.grade li { display: block; width:16px; height:16px; margin:3px 3px 0 3px; padding:0; text-indent:-10000px; background:url(../images/i-sprite.png) no-repeat;} #info #raceToday ul.grade li:first-child { width:23px; height:13px; margin:2px 0; padding:0;} /* グレード表示のみ */ #info #raceToday ul.grade li.gp { background:url(../images/i-sprite.png) -40px -175px;} #info #raceToday ul.grade li.g1 { background:url(../images/i-sprite.png) -40px -192px;} #info #raceToday ul.grade li.g2 { background:url(../images/i-sprite.png) -40px -208px;} #info #raceToday ul.grade li.g3 { background:url(../images/i-sprite.png) -40px -224px;} #info #raceToday ul.grade li.f1 { background:url(../images/i-sprite.png) -40px -241px;} #info #raceToday ul.grade li.f2 { background:url(../images/i-sprite.png) -40px -258px;} #info #raceToday ul.grade li.hakubo { background:url(../images/i-sprite.png) 0px -175px;} #info #raceToday ul.grade li.night { background:url(../images/i-sprite.png) 0px -213px;} #info #raceToday ul.grade li.midnight { background:url(../images/i-sprite.png) 0px -194px;} #info #raceToday ul.grade li.day { height:0; background:none;} /*　☆☆☆開催名☆☆☆　初日・2日目・最終日　*/ #info #raceToday ul.raceName { display:block; float:left; width:500px; margin:0 0 0 5px; padding:0; } #info #raceToday ul.raceName li { display:block; float: left; } #info #raceToday ul.raceName li a { display:block; float: left; margin:0 3px 0 0; padding:0 4px; border-right:1px solid #aaa;} #info #raceToday ul.raceName li a.today { color:#F39 !important;} #info #raceToday ul.raceName li a.today:hover { color:#f60 !important;} #info #raceToday ul.raceName li:first-child { width:550px; font-size:11pt; font-weight:bold; margin:0; padding:0; }/*　開催名　*/ /*　出走表・オッズ・結果・映像　*/ #info #raceToday ul.buttons { display:block; float:right; width:365px; margin:10px 0 0 0; padding:0; } #info #raceToday ul.buttons li { float: left; margin: 0; padding: 0; text-indent:-10000px;} #info #raceToday ul.buttons a { display:block; width:57px; height:23px; } #info #raceToday ul.buttons a.rac { width:108px; background:url(../images/i-sprite.png) -260px -315px;} #info #raceToday ul.buttons a.pro { background:url(../images/i-sprite.png) -370px -315px;} #info #raceToday ul.buttons a.odd { background:url(../images/i-sprite.png) -430px -315px;} #info #raceToday ul.buttons a.res { background:url(../images/i-sprite.png) -490px -315px;} #info #raceToday ul.buttons a.mov { width:80px; background:url(../images/i-sprite.png) -550px -315px;} #info #raceToday ul.buttons a.rac:hover { background:url(../images/i-sprite.png) -260px -340px;} #info #raceToday ul.buttons a.pro:hover { background:url(../images/i-sprite.png) -370px -340px;} #info #raceToday ul.buttons a.odd:hover { background:url(../images/i-sprite.png) -430px -340px;} #info #raceToday ul.buttons a.res:hover { background:url(../images/i-sprite.png) -490px -340px;} #info #raceToday ul.buttons li.inactive a.mov, #info #raceToday ul.buttons li.inactive a.mov:hover { background:url(../images/i-sprite.png) -550px -365px;} #info #raceToday ul.buttons li.inactive a.rac, #info #raceToday ul.buttons li.inactive a.rac:hover { background:url(../images/i-sprite.png) -260px -365px;} #info #raceToday ul.buttons li.inactive a.pro, #info #raceToday ul.buttons li.inactive a.pro:hover { background:url(../images/i-sprite.png) -370px -365px;} #info #raceToday ul.buttons li.inactive a.odd, #info #raceToday ul.buttons li.inactive a.odd:hover { background:url(../images/i-sprite.png) -430px -365px;} #info #raceToday ul.buttons li.inactive a.res, #info #raceToday ul.buttons li.inactive a.res:hover { background:url(../images/i-sprite.png) -490px -365px;} #info #raceToday ul.buttons li.inactive a.mov, #info #raceToday ul.buttons li.inactive a.mov:hover { background:url(../images/i-sprite.png) -550px -365px;} /*　//開催レース情報 ここまで　****************************************　*/ /*　レースプログラム　*/ #info ul#racePrg { display:block; float:left; width:980px; height:25px; margin:0; padding:0; list-style-type: none; clear:both; } #info ul#racePrg li { display: block; float: right; text-align: center; padding:0; margin:0 2px 0 0; } #info ul#racePrg li a { background: #fff; width: 11em; height: 1.8em;border: 1px solid #bbb; padding: 0; margin:0 0 5px 0; color: #333; text-decoration: none; display: block; text-align: center; font: bold 12px/22px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #info ul#racePrg li a:hover { color: #000; background: #6CF; } #info ul#racePrg a:active { background: #fff; color: #333; } #info ul#racePrg li.active a { background: #6CF; color: #000; } #info ul#racePrg li.inactive a { background: #ddd; color: #999; } #info ul#racePrg li.disable a { background: #eee; color: #ddd; } /*　開催日選択　*/ #info ul#raceDay { display:block; float:left; width:980px; margin:3px 0 5px 0; padding:0; list-style-type: none; text-align: center; clear:both; } #info ul#raceDay li { display: block; float: left; text-align: center; padding:0; margin:0 2px 0 0; } #info ul#raceDay li a { background: #fff; width: 11.5em; height: 1.8em;border: 1px solid #bbb; padding: 0; margin:0 0 5px 0; color: #333; text-decoration: none; display: block; text-align: center; font: bold 12px/22px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #info ul#raceDay li a img { margin:0 2px 3px 2px;} #info ul#raceDay li a:hover { color: #000; background: #6CF; } #info ul#raceDay a:active { background: #fff; color: #333; } #info ul#raceDay li.active a { background: #6CF; color: #000; } #info ul#raceDay li.inactive a { background: #ddd; color: #999; } #info ul#raceDay li.disable a { background: #eee; color: #ddd; } /*　タブ出走表・オッズ・結果｜映像・投票・LOTO */ #info #tab { display:block; width:980px; height:30px; margin:10px 0; border-bottom:2px solid #449CD0; clear:both; } #info #tab ul { display:block; width:980px; margin:0; padding:0; list-style-type:none; } #info #tab ul li { float: left; margin: 0; padding: 0; text-indent:-10000px;} #info #tab ul a { display:block; width:123px; height:30px; background:url(../images/i-sprite.png) no-repeat; } #info #tab ul a.tab1 { background:url(../images/i-sprite.png) -550px -235px; } #info #tab ul a.tab2 { background:url(../images/i-sprite.png) -675px -235px; } #info #tab ul a.tab3 { background:url(../images/i-sprite.png) -800px -235px; } #info #tab ul a.tab4 { width:80px; height:23px ; background:url(../images/i-sprite.png) -550px -315px; margin-left:350px; } #info #tab ul a.tab5 { width:80px; height:23px ; background:url(../images/i-sprite.png) -640px -315px; margin-left:5px; margin-left:500px; } #info #tab ul a.tab6 { width:80px; height:23px ; background-position: -730px -315px; margin-left:5px; } #info #tab ul a.tab1:hover, #info #tab li.active a.tab1 { background:url(../images/i-sprite.png) -550px -270px; } #info #tab ul a.tab2:hover, #info #tab li.active a.tab2 { background:url(../images/i-sprite.png) -675px -270px; } #info #tab ul a.tab3:hover, #info #tab li.active a.tab3 { background:url(../images/i-sprite.png) -800px -270px; } #info #tab ul a.tab4:hover, #info #tab li.active a.tab4 { background:url(../images/i-sprite.png) -550px -340px; } #info #tab ul a.tab5:hover, #info #tab li.active a.tab5 { background:url(../images/i-sprite.png) -640px -340px; } #info #tab ul a.tab6:hover, #info #tab li.active a.tab6 { background:url(../images/i-sprite.png) -730px -340px; } /*　タブ 映像・投票・LOTOのみ */ #info #tabAlone { display:block; width:980px; height:30px; margin:10px 0; border-bottom:2px solid #449CD0; clear:both; } #info #tabAlone ul { display:block; margin:0; padding:0; list-style-type:none; } #info #tabAlone ul li { float: left; margin: 0; padding: 0; text-indent:-10000px;} #info #tabAlone ul a { display:block; width:123px; height:30px; background:url(../images/i-sprite.png) no-repeat; } #info #tabAlone ul a.tab4 { width:80px; height:23px ; background:url(../images/i-sprite.png) -550px -315px; margin-left:700px; } #info #tabAlone ul a.tab5 { width:80px; height:23px ; background:url(../images/i-sprite.png) -640px -315px; margin-left:870px; }/*　投票　*/ #info #tabAlone ul a.tab6 { width:80px; height:23px ; background:url(../images/i-sprite.png) -730px -315px; margin-left:5px; } #info #tabAlone ul a.tab4:hover, #info #tabAlone li.active a.tab4 { background:url(../images/i-sprite.png) -550px -340px; } #info #tabAlone ul a.tab5:hover, #info #tabAlone li.active a.tab5 { background:url(../images/i-sprite.png) -640px -340px; } #info #tabAlone ul a.tab6:hover, #info #tabAlone li.active a.tab6 { background:url(../images/i-sprite.png) -730px -340px; } /* レース番号リスト */ #info ul#racenum { display: block; width:47em; border:0; margin:0 auto; padding:0; list-style-type: none; clear:both; } #info ul#racenum li { display: block; float: left; text-align: center; padding: 0; margin: 0; text-align: center; } #info ul#racenum li a,#info ul#racenum li span { background: #fff; width: 4em; height: 2em; border: 1px solid #bbb; border-right: none; padding: 0; margin:0 0 5px 0; color: #333; text-decoration: none; display: block; text-align: center; font: bold 12px/25px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; } #info ul#racenum li.r12 a,#info ul#racenum li.r12 span { border-right:1px solid #bbb; } #info ul#racenum li a:hover { color: #000; background: #6CF; } #info ul#racenum a:active { background: #fff; color: #333; } #info ul#racenum li.active a { background: #6CF; color: #000; } #info ul#racenum li.inactive a,#info ul#racenum li.inactive span { background: #ddd; color: #999; } /* オッズ賭式リスト */ #info ul#odds { display: block; width:30em; border:0; margin:0 auto; padding:0; list-style-type: none; text-align: center; } #info ul#odds li { display: block; float: left; text-align: center; padding: 0; margin: 0; } #info ul#odds li a,#info ul#odds li span { background: #fff; width:5em; height: 25px; border: 1px solid #bbb; border-right: none; padding: 0; margin:0 0 5px 0; color: #333; text-decoration: none; display: block; text-align: center; font: bold 12px/25px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; } #info ul#odds li.last a { border-right:1px solid #bbb; } #info ul#odds li a:hover { color: #000; background: #6CF; } #info ul#odds a:active { background: #fff; color: #333; } #info ul#odds li.active a { background: #6CF; color: #000; } #info ul#odds li.inactive a,#info ul#odds li.inactive span { background: #ddd; color: #999; } /* コンテントタイトル　レース情報　*/ #info #content h3 { display:block; width:auto; margin:5px 0; padding:2px 0 2px 10px; /*border-left:5px solid #F90; border-right:5px solid #F90;*/border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; clear:both; } #info #content h3 span { font-weight:normal; padding-left:1em; } #info #content h4 { width:auto; margin:5px 0; padding:2px 0 2px 10px; /*border-left:3px solid #FC9;*/ border-bottom:1px solid #ccc; clear:both; } #info #raceInfo { width:972px; min-height:36px; margin:0 0 7px 0; padding:5px 3px; border:1px solid #ddd; position:relative; } #info #raceInfo span { line-height:1.3; } #info #raceInfo img { margin:2px 4px; } /* グレード、ナイターのアイコン */ #info ul#reload { display:block; width:270px; margin:0; padding:0; list-style-type: none; position:absolute; top:1em; left:750px; } #info ul#reload li { display: block; float: left; text-align: center; padding:0; margin:0; } #info ul#reload li:first-child { width:12em; margin:2px 0; padding:0.15em; font-size:9pt;text-align: center; background:#eee;} #info ul#reload a { background: #fff; width: 5em; height: 1.8em; line-height:1.1em; border: 1px solid #bbb; padding: 0; margin:0 0 0 8px; color: #333; text-decoration: none; display: block; text-align: center; font: bold 12px/22px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #info ul#reload a:hover { color: #000; background: #6CF; } /* ログインすると予想が見られます　*/ #info #notice { width:460px; height:auto; margin:5px 0; padding:5px; border:1px solid #fc9; background:#ffc;} /*　情報オッズ・出走表ルール　*************************　*/ #info #content table ul.name { display:block; width:145px; *width:140px; margin:5px 0 0 5px; padding:0; list-style-type:none; } #info #content table ul.name li { display:block; float: left; margin:0 0 5px 5px; padding: 0; width:8em; text-align:left; } #info #content table ul.name li:first-child { display:block; float: left; margin: 0; padding: 0; text-indent:-10000px; width:20px; height:17px; } #info #content table ul.name li.n1 { background:url(../images/i-sprite.png) no-repeat 0 -273px; } #info #content table ul.name li.n2 { background:url(../images/i-sprite.png) no-repeat 0 -292px; } #info #content table ul.name li.n3 { background:url(../images/i-sprite.png) no-repeat 0 -312px; } #info #content table ul.name li.n4 { background:url(../images/i-sprite.png) no-repeat 0 -331px; } #info #content table ul.name li.n5 { background:url(../images/i-sprite.png) no-repeat 0 -351px; } #info #content table ul.name li.n6 { background:url(../images/i-sprite.png) no-repeat 0 -370px; } #info #content table ul.name li.n7 { background:url(../images/i-sprite.png) no-repeat 0 -390px; } #info #content table ul.name li.n8 { background:url(../images/i-sprite.png) no-repeat 0 -409px; } #info #content table ul.name li.n9 { background:url(../images/i-sprite.png) no-repeat 0 -429px; } /* オッズテーブルtb50 Pale TH BGcolor */ .tb50,.tb50c { width:100%; margin:0; padding:0; border:1px #aaa solid; border-collapse:collapse; } .tb50 th,.tb50c th { padding:2px; color:#222; font-weight:bold; line-height:1.6; text-align:center; background: #f2f6f8;border: 1px #aaa solid; white-space:nowrap; } .tb50 td { padding:3px 2px; border:1px #aaa solid; text-align:right;} .tb50c td { padding:3px 2px; border:1px #aaa solid; text-align:center;} .tb50 td.al-center { text-align:center !important;} .tb50 td.notice { text-align:center !important; background:#FFF2F2 !important;} .tb50 td.void { height:2px; padding:0; background:#555 !important;} .tb50 td a, .tb50c td a { display:block; width:100%; height:100%;} /* オッズテーブルtb50 TH NO-BGcolor */ .tb51 { width:100%; margin:0; padding:0; border:1px #aaa solid; border-collapse:collapse; } .tb51 th { padding:2px; color:#222; font-weight:bold; line-height:1.3; text-align:center; border: 1px #aaa solid; white-space:nowrap; } .tb51 td { padding:2px; border:1px #aaa solid; text-align:right;} .tb51 tr.al-center td { text-align:center !important;} /*　3連複・3連単　車番 リスト　*/ #info #content ul.trio { display:block; float:left; width:95px; height:17px; margin:0; padding:0; list-style-type:none; } #info #content ul.trio li { display:block; float: left; margin:0 0 0 3px; padding: 0; width:10px; height:18px; text-align:center; font-size:10px; } #info #content ul.trio li.n1 { width:17px; background:url(../images/i-sprite.png) no-repeat 0 -273px; } #info #content ul.trio li.n2 { width:17px; background:url(../images/i-sprite.png) no-repeat 0 -292px; } #info #content ul.trio li.n3 { width:17px; background:url(../images/i-sprite.png) no-repeat 0 -312px; } #info #content ul.trio li.n4 { width:17px; background:url(../images/i-sprite.png) no-repeat 0 -331px; } #info #content ul.trio li.n5 { width:17px; background:url(../images/i-sprite.png) no-repeat 0 -351px; } #info #content ul.trio li.n6 { width:17px; background:url(../images/i-sprite.png) no-repeat 0 -370px; } #info #content ul.trio li.n7 { width:17px; background:url(../images/i-sprite.png) no-repeat 0 -390px; } #info #content ul.trio li.n8 { width:17px; background:url(../images/i-sprite.png) no-repeat 0 -409px; } #info #content ul.trio li.n9 { width:17px; background:url(../images/i-sprite.png) no-repeat 0 -429px; } #info #content tr td:first-child { text-align:center !important;} #info #content tr.hiod th { background:#FFF2F2 !important; } /*　枠番 Bracket リスト　*/ #info #content ul.bracket { display:block; float:left; width:55px; height:17px; margin:0; padding:0; list-style-type:none; } #info #content ul.bracket li { display:block; float: left; margin:0 0 0 3px; padding: 0; width:10px; height:18px; text-align:center; font-size:10px; } #info #content ul.bracket li.n1 { width:17px; background:url(../images/i-sprite.png) no-repeat -40px -378px; } #info #content ul.bracket li.n2 { width:17px; background:url(../images/i-sprite.png) no-repeat -40px -397px; } #info #content ul.bracket li.n3 { width:17px; background:url(../images/i-sprite.png) no-repeat -40px -417px; } #info #content ul.bracket li.n4 { width:17px; background:url(../images/i-sprite.png) no-repeat -40px -436px; } #info #content ul.bracket li.n5 { width:17px; background:url(../images/i-sprite.png) no-repeat -40px -456px; } #info #content ul.bracket li.n6 { width:17px; background:url(../images/i-sprite.png) no-repeat -40px -475px; } /*　2連・ワイド　車番 リスト　*/ #info #content ul.exacta { display:block; float:left; width:55px; height:17px; margin:0; padding:0; list-style-type:none; } #info #content ul.exacta li { display:block; float: left; margin:0 0 0 3px; padding: 0; width:10px; height:18px; text-align:center; font-size:10px; } #info #content ul.exacta li.n1 { width:17px; background:url(../images/i-sprite.png) no-repeat 0 -273px; } #info #content ul.exacta li.n2 { width:17px; background:url(../images/i-sprite.png) no-repeat 0 -292px; } #info #content ul.exacta li.n3 { width:17px; background:url(../images/i-sprite.png) no-repeat 0 -312px; } #info #content ul.exacta li.n4 { width:17px; background:url(../images/i-sprite.png) no-repeat 0 -331px; } #info #content ul.exacta li.n5 { width:17px; background:url(../images/i-sprite.png) no-repeat 0 -351px; } #info #content ul.exacta li.n6 { width:17px; background:url(../images/i-sprite.png) no-repeat 0 -370px; } #info #content ul.exacta li.n7 { width:17px; background:url(../images/i-sprite.png) no-repeat 0 -390px; } #info #content ul.exacta li.n8 { width:17px; background:url(../images/i-sprite.png) no-repeat 0 -409px; } #info #content ul.exacta li.n9 { width:17px; background:url(../images/i-sprite.png) no-repeat 0 -429px; } /*　オッズ・人気順表示切替タブ　*/ #info div#tab_odds { display:block; width:980px; margin:10px 0; height:22px; border-bottom:2px solid #449CD0; clear:both; } #info #tab_odds ul { display:block; width:980px; margin:0; padding:0; list-style-type:none; } #info #tab_odds ul li { float: left; margin: 0; padding: 0; text-indent:-10000px;} #info #tab_odds a { display:block; width:123px; height:22px; background:url(../images/i-sprite.png) no-repeat; } #info #tab_odds a.tab1 { background:url(../images/i-sprite.png) -550px -370px; } #info #tab_odds a.tab2 { background:url(../images/i-sprite.png) -675px -370px; } #info #tab_odds a.tab1:hover, #info #tab_odds li.active a.tab1 { background:url(../images/i-sprite.png) -550px -400px; } #info #tab_odds a.tab2:hover, #info #tab_odds li.active a.tab2 { background:url(../images/i-sprite.png) -675px -400px; } /*　出走表　*/ .tb60{ width:100%; margin:5px 0; padding:0; border:1px #aaa solid; border-collapse:collapse; text-align:center; } .tb60 th { padding:4px 2px; color:#222; font-weight:normal; line-height:1.2; text-align:center; letter-spacing:-2.0;border: 1px #aaa solid;background:url(../images/bg-th-help2.gif) no-repeat bottom right; font-size:90%; } .tb60 th.nohelp { background:#ccc; } .tb60 td { padding:3px 2px; border: 1px #aaa solid; line-height:1.3;} .tb60 th a, .tb60 th a:visited { display:block; text-decoration:none; color:#000; } .tb60 th a:hover { background:none !important;} /*　出走表　ヘルプ無し　*/ .tb61{ width:100%; margin:5px 0; padding:0; border:1px #aaa solid; border-collapse:collapse; text-align:center; } .tb61 th { padding:4px 2px; color:#222; font-weight:normal; line-height:1.2; text-align:center; letter-spacing:-2.0;border: 1px #aaa solid;background:url(../images/bg-th-help2.gif) no-repeat bottom left; font-size:90%; } .tb61 td { padding:3px 2px; border: 1px #aaa solid; line-height:1.3;} .tb61 th a, .tb61 th a:visited { display:block; text-decoration:none; color:#000; } .tb61 th a:hover { background:none !important;} /*　予想展開　*/ #info div.section2 { width:780px; min-height:100px; margin:25px auto; padding:10px; border:1px solid #CC9999; background:#FBF5E9; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} #info .section2 h4 { border:none; !important} #info #tenkai { float:left; width:490px; min-height:100px; margin:0; padding:0; background:url(../images/i-sprite.png) no-repeat -550px -638px;} #info #tenkai ul { display:block; float:left; margin:0; padding:0; list-style-type: none;} #info #tenkai ul li{ display: block; float:left; text-indent:-10000px; width:36px; height:45px; background:url(../images/i-sprite.png) no-repeat;} #info #tenkai ul li.bs { width:30px; background:url(../images/i-sprite.png) -555px -500px;} #info #tenkai ul li.n1 { background:url(../images/i-sprite.png) -590px -500px;} #info #tenkai ul li.n2 { background:url(../images/i-sprite.png) -630px -500px;} #info #tenkai ul li.n3 { background:url(../images/i-sprite.png) -670px -500px;} #info #tenkai ul li.n4 { background:url(../images/i-sprite.png) -710px -500px;} #info #tenkai ul li.n5 { background:url(../images/i-sprite.png) -750px -500px;} #info #tenkai ul li.n6 { background:url(../images/i-sprite.png) -790px -500px;} #info #tenkai ul li.n7 { background:url(../images/i-sprite.png) -830px -500px;} #info #tenkai ul li.n8 { background:url(../images/i-sprite.png) -870px -500px;} #info #tenkai ul li.n9 { background:url(../images/i-sprite.png) -910px -500px;} #info #tenkai ul li.blank { width:30px; background:none;} /* 情報打ち消し線 選手名・期*************************************** */ .del { color:#f00; text-decoration:line-through;} .del span { color:#333; text-decoration:none;} /* テーブルTDすべて打ち消し線一行用 */ div.del950 { position:relative; padding:2px 0; } div.del950 div { width:930px; height:1px; border-top:2px solid #f00; position:absolute; top:0.7em; left:5px; } /* テーブルTDすべて打ち消し線一行用 */ div.del400 { position:relative; padding:2px 0; } div.del400 div { width:425px; height:1px; border-top:2px solid #f00; position:absolute; top:0.7em; left:10px; } /* テーブルTDすべて打ち消し線一行用 */ div.del410 { position:relative; padding:2px 0; } div.del410 div { width:410px; height:1px; border-top:2px solid #f00; position:absolute; top:1.0em; left:10px; } /* 情報フッタ　設計1 #info #footer { margin:20px 0 0 0; padding:0; clear:both;} #info #footer ul { display:block; float:left; width:165px; margin:3px 0 10px 20px; padding:0 10px 0 0; list-style-type:none ; border-right:1px solid #999;} #info #footer ul#fnav5 { border:none; margin:3px 0 5px 20px;} #info #footer ul a { color:#333;} #info #footer ul a:hover { color:#eee;} #info #footer ul li:first-child { font-weight:bold; } #info #fcopy { width:1000px; height:23px; text-align: center; background:#666; color:#ddd; margin:0; padding:2px 0; clear:both; font-size:9pt;} */ #info #footer { margin:20px 0 0 0; clear:both; } #info #footer #footerInner { font-size:80%; margin:0 auto; padding:10px; width:980px; } #info #footer p#copy { float:left; font-size:11px; } #info #footer ul#footerNav { float:right; min-width:670px; padding-left:0; list-style-type:none !important; } #info #footer ul#footerNav li { float:left; margin-left:10px; padding-left:5px; } #info #footer ul#footerNav li a { color:#000; text-decoration:none; } #info #footer ul#footerNav li a:hover { text-decoration:underline; } /* 情報ここまで ==================================================*/ /*================================================== 投票ここから ==================================================*/ html #vote { margin:0; padding:0;} #vote #wrap { width:995px; margin:0 auto; padding:0; overflow-x:hidden;} #vote x:-moz-any-link #wrap { width:990px; margin:0 auto; padding:0; overflow-x:hidden;} #vote #header { width:100%; height:72px; margin:0 0 3px 0; } #vote #header h1 { display:block; float:left; margin:3px 0 0 0; width:160px; height:35px; text-indent:-10000px; background:url(../images/t-sprite.png) no-repeat 0 -373px; } #vote #headerInner { width:990px; height:43px; border-bottom:3px solid #09C; margin:0 0 0 2px; padding:0; position:relative; z-index:10;} /* ヘッダ */ /* 競馬 */ #vote #header div#navKeiba { display:block; width:395px; height:38px; margin:0 2px; padding:0; background:#09C; position:absolute; top:5px; left:190px; -moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px;-moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px;} #vote #header div#navKeibaOut { display:block; width:395px; height:38px; margin:0 2px; padding:0; background:#ddd; position:absolute; top:5px; left:190px; -moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px;-moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px;} #vote #header ul#gnav1 { display:block; float:left; width:390px; margin:5px; padding:0; list-style-type:none ;!important } #vote #header ul#gnav1 li { float: left; margin:0 2px 0 0; padding: 0; text-indent:-10000px; } #vote #header ul#gnav1 a { display:block; height:25px; background:url(../images/t-sprite.png) no-repeat; } #vote #header ul#gnav1 a.vote_menu1 { width:120px; background:url(../images/t-sprite.png) -4px -5px; } /* 競馬 */ #vote #header ul#gnav1 a.vote_menu2 { width:120px; background:url(../images/t-sprite.png) -255px -5px; }/* LOTO */ #vote #header ul#gnav1 a.vote_menu3 { width:120px; background:url(../images/t-sprite.png) -130px -5px; }/* 競輪 */ #vote #header ul#gnav1 a.vote_menu4 { width:70px; background:url(../images/t-sprite.png) -380px -5px; }/* 照会 */ #vote #header ul#gnav1 a.vote_menu5 { width:70px; background:url(../images/t-sprite.png) -455px -5px; }/* 入金精算 */ #vote #header ul#gnav1 a.vote_menu1:hover { background:url(../images/t-sprite.png) -4px -35px; } /* 競馬 */ #vote #header ul#gnav1 a.vote_menu2:hover { background:url(../images/t-sprite.png) -255px -35px; }/* LOTO */ #vote #header ul#gnav1 a.vote_menu3:hover { background:url(../images/t-sprite.png) -130px -35px; }/* 競輪 */ #vote #header ul#gnav1 a.vote_menu4:hover { background:url(../images/t-sprite.png) -380px -35px; }/* 照会 */ #vote #header ul#gnav1 a.vote_menu5:hover { background:url(../images/t-sprite.png) -455px -35px; }/* 入金精算 */ #vote #header ul#gnav1 li.active a.vote_menu1 { background:url(../images/t-sprite.png) -4px -35px; } /* 競馬 */ #vote #header ul#gnav1 li.active a.vote_menu2 { background:url(../images/t-sprite.png) -255px -35px; }/* LOTO */ #vote #header ul#gnav1 li.active a.vote_menu3 { background:url(../images/t-sprite.png) -130px -35px; }/* 競輪 */ #vote #header ul#gnav1 li.active a.vote_menu4 { background:url(../images/t-sprite.png) -380px -35px; }/* 照会 */ #vote #header ul#gnav1 li.active a.vote_menu5 { background:url(../images/t-sprite.png) -455px -35px; }/* 入金精算 */ #vote #header ul#gnav1 li.inactive span.vote_menu4 { display:block; height:25px; width:70px; background:url(../images/t-sprite.png) -585px -5px; }/* 照会 Disable */ #vote #header ul#gnav1 li.inactive span.vote_menu5 { display:block; height:25px; width:70px; background:url(../images/t-sprite.png) -660px -5px; }/* 入金精算 Disable */ /* 競輪 */ #vote #header div#navKeirin { display:block; width:275px; height:38px; margin:0 2px; padding:0; position:absolute; top:5px; left:600px; -moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px;-moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; background: #09C;} #vote #header div#navKeirinOut { display:block; width:275px; height:38px; margin:0 2px; padding:0; background:#ddd; position:absolute; top:5px; left:600px; -moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px;-moz-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px;} #vote #header div#navKeirin .inactive { background:#ddd; } #vote #header ul#gnav2 { display:block; float:left; width:280px; margin:5px; padding:0; list-style-type:none ;!important } #vote #header ul#gnav2 li { float: left; margin:0 2px 0 0; padding: 0; text-indent:-10000px; } #vote #header ul#gnav2 a { display:block; height:25px; background:url(../images/t-sprite.png) no-repeat; } #vote #header ul#gnav2 a.vote_menu3 { width:120px; background:url(../images/t-sprite.png) -130px -5px; }/* 競輪 */ #vote #header ul#gnav2 a.vote_menu4 { width:70px; background:url(../images/t-sprite.png) -380px -5px; }/* 照会 */ #vote #header ul#gnav2 a.vote_menu5 { width:70px; background:url(../images/t-sprite.png) -455px -5px; }/* 入金精算 */ #vote #header ul#gnav2 a.vote_menu3:hover { background:url(../images/t-sprite.png) -130px -35px; }/* 競輪 */ #vote #header ul#gnav2 a.vote_menu4:hover { background:url(../images/t-sprite.png) -380px -35px; }/* 照会 */ #vote #header ul#gnav2 a.vote_menu5:hover { background:url(../images/t-sprite.png) -455px -35px; }/* 入金精算 */ #vote #header ul#gnav2 li.active a.vote_menu3 { background:url(../images/t-sprite.png) -130px -35px; }/* 競輪 */ #vote #header ul#gnav2 li.active a.vote_menu4 { background:url(../images/t-sprite.png) -380px -35px; }/* 照会 */ #vote #header ul#gnav2 li.active a.vote_menu5 { background:url(../images/t-sprite.png) -455px -35px; }/* 入金精算 */ #vote #header ul#gnav2 li.inactive span.vote_menu4 { display:block; height:25px; width:70px; background:url(../images/t-sprite.png) -585px -5px; }/* 照会 Disable */ #vote #header ul#gnav2 li.inactive span.vote_menu5 { display:block; height:25px; width:70px; background:url(../images/t-sprite.png) -660px -5px; }/* 入金精算 Disable */ /* QA */ #vote #header div#qa { display:block; width:65px; height:35px; margin:0 2px; padding:0;position:absolute; top:5px; left:900px; } #vote #header ul#gnav3 { display:block; width:60px; margin:5px 0 5px 5px; padding:0; list-style-type:none ;!important } #vote #header ul#gnav3 li { float: left; margin: 0; padding: 0; text-indent:-10000px; } #vote #header ul#gnav3 a { display:block; height:25px; background:url(../images/t-sprite.png) no-repeat; } #vote #header ul#gnav3 a.vote_menu6 { width:50px; background:url(../images/t-sprite.png) -530px -5px; }/* Q&A */ #vote #header ul#gnav3 a.vote_menu6:hover { background:url(../images/t-sprite.png) -530px -35px; }/* Q&A */ #vote #header ul#gnav3 li.active a.vote_menu6 { background:url(../images/t-sprite.png) -530px -35px; }/* Q&A */ #vote #header div#marq { width:984px;height:23px; margin:2px auto 0 auto; padding:3px; background:url(../images/bg-denko.gif) repeat-x; color:#fff; clear:both; overflow:hidden;!important } /* 投票〜input */ #vote input { border:1px solid #09C; background-color:#fee; *background-color:#fff; font-size:10pt; margin:0; padding:0; text-align:right; padding-right:1px; } #vote input.effect { *border:1px solid #09C; *background-color:#fee; text-align:left; } #vote input.odds { *border:1px solid #09C; *background-color:#fee; text-align:left; } #vote input.nostyle { border:none; background:none;} #vote input:focus { background:#CF9;} #vote tr.blank input { border:1px solid #ccc; background-color:#ddd; *background-color:#ddd; color:#999;} /* disable状態 */ /* 投票〜#content,#left,#right */ #vote #content { width:990px; margin:0; padding:0 3px; min-height:400px; } #vote #left { width:570px; margin:0; padding:0; float:left; }/* 左側 */ #vote #right { width:405px; margin:0; padding:0; float:right;} /* 投票〜左側〜 */ #vote #section1 { width:570px; margin:0; padding:0; position:relative;} /* userInfo 〜 raceInfo */ #vote #section2 { width:570px; margin:5px 0 0 0; padding:0; clear:both; }/* 投票モード〜出走表 */ #vote #section3 { width:564px; min-height:20px; margin:3px 0; padding:2px; border:1px solid #ccc; clear:both; background:#f3f3f3;}/* オッズ投票>買い目セット */ #vote #section4 { width:570px; margin:3px 0 0 0; padding:0; }/* 出走表 */ #vote #section5 { width:455px; min-height:25px; margin:5px 0 0 0; padding:2px 3px; border:1px solid #ccc; clear:both; background:#f3f3f3;}/* 出走表>買い目セット */ /* 場-左側-ジャンプメニュー */ #vote #pulldown { width:140px; height:40px; margin:0; padding:0; float:left; *background: #fff; /* position:absolute; top:2px; left:3px;*/ } #vote #pulldown select { width:135px; height:40px; font-size:17px; border:1px solid #09C; background: #f2f9fe; /* old browsers */ background: -moz-linear-gradient(top, #f2f9fe 0%, #d6f0fd 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f9fe), color-stop(100%, #d6f0fd)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd', GradientType=0 ); /* ie */ *background: #fff;} /* 投票-左側-ユーザー情報 */ #vote #userInfo { width:420px; float:right; margin-bottom:5px; *margin-bottom:1px; padding:2px; border:1px solid #ccc; position:relative;} #vote #userInfo .alert { width:208px; min-height:22px; margin:0; padding:2px; border:1px solid #f00; color:#f00; font-size:10pt; background:none; z-index:3; position:absolute; top:13px; left:145px; } #vote #userInfo span { font-size:85%; line-height:1.3; } /* 投票-左側-レース情報 */ #vote #raceInfo { width:562px; margin:0; padding:3px; border:1px solid #ccc; position:relative; clear:both; } #vote #raceInfo h2 { font-size:105%; margin:0; padding:0; } #vote #raceInfo span { font-size:85%; line-height:1.3; } #vote #raceInfo img { margin:2px 4px; } /* グレード、ナイターのアイコン */ #vote #raceInfo .alert { width:100px; margin:0; padding:2px; border:1px solid #f00; color:#f00; font-size:10pt; color:#f00; font-size:10pt; text-align:center; line-height:1.2; background:#fff; z-index:10; position:absolute; top:12px; left:450px; } #vote #raceInfo .alertLOTO { width:165px; margin:0; padding:2px; border:1px solid #f00; color:#f00; font-size:10pt; color:#f00; font-size:10pt; text-align:center; line-height:1.0; background:#fff; z-index:10; position:absolute; top:2px; left:390px; } /* LOTO賭式時のアラート表示　*/ #vote #raceInfo h3.mes { display:block; width:320px; margin:10px auto; min-height:30px; padding:10px; border:1px solid #f00; font-size:16pt; text-align:center !important; } /* レース番号リスト */ #vote ul#racenum { border:0; margin:0; padding:0; list-style-type: none; text-align: center; } #vote ul#racenum li { display: block; float: left; text-align: center; padding: 0; margin: 0; } #vote ul#racenum li a,#vote ul#racenum li span { background: #fff; width: 46px; height: 20px; border: 1px solid #bbb; border-right: none; padding: 0; margin:0 0 5px 0; color: #333; text-decoration: none; display: block; text-align: center; font: bold 12px/22px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; } #vote ul#racenum li.r12 a, #vote ul#racenum li.r12 span { width: 51px; border-right:1px solid #bbb; } #vote ul#racenum li a:hover { color: #000; background: #6CF; } #vote ul#racenum a:active { background: #fff; color: #333; } #vote ul#racenum li.active a { background: #6CF; color: #000; } #vote ul#racenum li.inactive a,#vote ul#racenum li.inactive span { background: #ddd; color: #999; } /* レース番号リスト　ロト賭式のみ */ #vote ul#racenumLOTO { border:0; margin:0; padding:0; list-style-type: none; text-align: center; } #vote ul#racenumLOTO li { display: block; float: left; text-align: center; padding: 0; margin: 0; } #vote ul#racenumLOTO li a { background: #fff; width: 42px; height: 20px; border: 1px solid #bbb; border-right: none; padding: 0; margin:0 0 5px 0; color: #333; text-decoration: none; display: block; text-align: center; font: bold 12px/22px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; } #vote ul#racenumLOTO li.loto a { width: 52px; border-right:1px solid #bbb; } #vote ul#racenumLOTO li a:hover { color: #000; background: #6CF; } #vote ul#racenumLOTO a:active { background: #fff; color: #333; } #vote ul#racenumLOTO li.active a { background: #6CF; color: #000; } #vote ul#racenumLOTO li.inactive a { background: #ddd; color: #999; } /* 投票-左側-モード　*/ #vote ul#mode1 { display:block; width:570px; height:21px; margin:5px 0 2px 0; padding:0; list-style-type:none !important; clear:both; } #vote ul#mode1 li { float: left; height:21px; margin: 0; padding: 0; text-indent:-10000px; } #vote ul#mode1 a,#vote ul#mode1 span { display:block; height:21px; background:url(../images/t-sprite.png) no-repeat; } #vote ul#mode1 a.name { width:106px; background:url(../images/t-sprite.png) -508px -67px; } #vote ul#mode1 a.bt1 { width:90px; background:url(../images/t-sprite.png) -3px -67px; } #vote ul#mode1 a.bt2 { width:90px; background:url(../images/t-sprite.png) -96px -67px; } #vote ul#mode1 a.bt3 { width:90px; background:url(../images/t-sprite.png) -192px -67px; } #vote ul#mode1 a.bt1:hover, #vote ul#mode1 li.active a.bt1 { background:url(../images/t-sprite.png) -3px -138px; } #vote ul#mode1 a.bt2:hover, #vote ul#mode1 li.active a.bt2 { background:url(../images/t-sprite.png) -96px -138px; } #vote ul#mode1 a.bt3:hover, #vote ul#mode1 li.active a.bt3 { background:url(../images/t-sprite.png) -192px -138px; } #vote ul#mode1 li.inactive span.bt1 { width:90px; background:url(../images/t-sprite.png) -615px -67px; } #vote ul#mode1 li.inactive span.bt2 { width:90px; background:url(../images/t-sprite.png) -708px -67px; } #vote ul#mode1 li.inactive span.bt3 { width:90px; background:url(../images/t-sprite.png) -804px -67px; } /* 賭式-左側-　*/ #vote ul#mode2 { display:block; width:570px; height:21px; margin:0 0 2px 0; padding:0; list-style-type:none !important; clear:both; } #vote ul#mode2 li { float: left; height:21px; margin: 0; padding: 0; text-indent:-10000px; } #vote ul#mode2 a,#vote ul#mode2 span { display:block; width:60px; height:21px; background:url(../images/t-sprite.png) no-repeat; } #vote ul#mode2 a.name { width:106px; background:url(../images/t-sprite.png) -508px -90px; } #vote ul#mode2 a.bt1 { background:url(../images/t-sprite.png) -3px -90px; } #vote ul#mode2 a.bt2 { background:url(../images/t-sprite.png) -63px -90px; } #vote ul#mode2 a.bt3 { background:url(../images/t-sprite.png) -124px -90px; } #vote ul#mode2 a.bt4 { background:url(../images/t-sprite.png) -184px -90px; } #vote ul#mode2 a.bt5 { background:url(../images/t-sprite.png) -245px -90px; } #vote ul#mode2 a.bt6 { background:url(../images/t-sprite.png) -307px -90px; } #vote ul#mode2 a.bt7 { background:url(../images/t-sprite.png) -369px -90px; } #vote ul#mode2 a.bt1:hover, #vote ul#mode2 li.active a.bt1 { background:url(../images/t-sprite.png) -3px -161px; } #vote ul#mode2 a.bt2:hover, #vote ul#mode2 li.active a.bt2 { background:url(../images/t-sprite.png) -63px -161px; } #vote ul#mode2 a.bt3:hover, #vote ul#mode2 li.active a.bt3 { background:url(../images/t-sprite.png) -124px -161px; } #vote ul#mode2 a.bt4:hover, #vote ul#mode2 li.active a.bt4 { background:url(../images/t-sprite.png) -184px -161px; } #vote ul#mode2 a.bt5:hover, #vote ul#mode2 li.active a.bt5 { background:url(../images/t-sprite.png) -245px -161px; } #vote ul#mode2 a.bt6:hover, #vote ul#mode2 li.active a.bt6 { background:url(../images/t-sprite.png) -307px -161px; } #vote ul#mode2 a.bt7:hover, #vote ul#mode2 li.active a.bt7 { background:url(../images/t-sprite.png) -369px -161px; } #vote ul#mode2 li.inactive span.bt1 { background:url(../images/t-sprite.png) -615px -90px; } #vote ul#mode2 li.inactive span.bt2 { background:url(../images/t-sprite.png) -675px -90px; } #vote ul#mode2 li.inactive span.bt3 { background:url(../images/t-sprite.png) -736px -90px; } #vote ul#mode2 li.inactive span.bt4 { background:url(../images/t-sprite.png) -796px -90px; } #vote ul#mode2 li.inactive span.bt5 { background:url(../images/t-sprite.png) -857px -90px; } #vote ul#mode2 li.inactive span.bt6 { background:url(../images/t-sprite.png) -919px -90px; } #vote ul#mode2 li.inactive span.bt7 { background:url(../images/t-sprite.png) -981px -90px; } /* 投票方式-左側-　*/ #vote ul#mode3 { display:block; width:570px; height:21px; margin:0 0 2px 0; padding:0; list-style-type:none !important; clear:both; } #vote ul#mode3 li { float: left; height:21px; margin: 0; padding: 0; text-indent:-10000px; } #vote ul#mode3 a { display:block; height:21px; background:url(../images/t-sprite.png) no-repeat; } #vote ul#mode3 a.name { width:106px; background:url(../images/t-sprite.png) -508px -113px; } #vote ul#mode3 a.bt1 { width:90px; background:url(../images/t-sprite.png) -3px -113px; } #vote ul#mode3 a.bt2 { width:136px; background:url(../images/t-sprite.png) -95px -113px; } #vote ul#mode3 a.bt3 { width:90px; background:url(../images/t-sprite.png) -233px -113px; } #vote ul#mode3 a.bt4 { width:90px; background:url(../images/t-sprite.png) -325px -113px; } #vote ul#mode3 a.bt1:hover, #vote ul#mode3 li.active a.bt1 { background:url(../images/t-sprite.png) -3px -184px; } #vote ul#mode3 a.bt2:hover, #vote ul#mode3 li.active a.bt2 { background:url(../images/t-sprite.png) -95px -184px; } #vote ul#mode3 a.bt3:hover, #vote ul#mode3 li.active a.bt3 { background:url(../images/t-sprite.png) -233px -184px; } #vote ul#mode3 a.bt4:hover, #vote ul#mode3 li.active a.bt4 { background:url(../images/t-sprite.png) -325px -184px; } /* 軸選択-左側-　*/ #vote ul#mode4 { display:block; width:570px; height:21px; margin:0 0 2px 0; padding:0; list-style-type:none !important; clear:both; } #vote ul#mode4 li { float: left; height:21px; margin: 0; padding: 0; text-indent:-10000px; } #vote ul#mode4 a { display:block; height:21px; background:url(../images/t-sprite.png) no-repeat; } #vote ul#mode4 a.name { width:106px; background:url(../images/t-sprite.png) -508px -136px; } #vote ul#mode4 a.bt1 { width:56px; background:url(../images/t-sprite.png) 0 -517px; } #vote ul#mode4 a.bt2 { width:56px; background:url(../images/t-sprite.png) -60px -517px; } /* 2着固定 */ #vote ul#mode4 a.bt3 { width:56px; background:url(../images/t-sprite.png) -120px -517px; } /* 3着固定 */ #vote ul#mode4 a.bt4 { width:62px; background:url(../images/t-sprite.png) -180px -517px; } /* 1.2着固定 */ #vote ul#mode4 a.bt5 { width:62px; background:url(../images/t-sprite.png) -250px -517px; } /* 1.3着固定 */ #vote ul#mode4 a.bt6 { width:62px; background:url(../images/t-sprite.png) -320px -517px; } /* 2.3着固定 */ #vote ul#mode4 a.bt7 { width:54px; background:url(../images/t-sprite.png) -390px -517px; } /* 1軸マルチ */ #vote ul#mode4 a.bt8 { width:54px; background:url(../images/t-sprite.png) -460px -517px; } /* 2軸マルチ */ #vote ul#mode4 a.bt9 { width:56px; background:url(../images/t-sprite.png) -525px -517px; } /* 1軸固定 */ #vote ul#mode4 a.bt10 { width:56px; background:url(../images/t-sprite.png) -590px -517px; } /* 2軸固定 */ #vote ul#mode4 a.bt1:hover, #vote ul#mode4 li.active a.bt1 { background:url(../images/t-sprite.png) 0 -542px; } #vote ul#mode4 a.bt2:hover, #vote ul#mode4 li.active a.bt2 { background:url(../images/t-sprite.png) -60px -542px ;} #vote ul#mode4 a.bt3:hover, #vote ul#mode4 li.active a.bt3 { background:url(../images/t-sprite.png) -120px -542px ;} #vote ul#mode4 a.bt4:hover, #vote ul#mode4 li.active a.bt4 { background:url(../images/t-sprite.png) -180px -542px ;} #vote ul#mode4 a.bt5:hover, #vote ul#mode4 li.active a.bt5 { background:url(../images/t-sprite.png) -250px -542px ;} #vote ul#mode4 a.bt6:hover, #vote ul#mode4 li.active a.bt6 { background:url(../images/t-sprite.png) -320px -542px ;} #vote ul#mode4 a.bt7:hover, #vote ul#mode4 li.active a.bt7 { background:url(../images/t-sprite.png) -390px -542px ;} #vote ul#mode4 a.bt8:hover, #vote ul#mode4 li.active a.bt8 { background:url(../images/t-sprite.png) -460px -542px ;} #vote ul#mode4 a.bt9:hover, #vote ul#mode4 li.active a.bt9 { background:url(../images/t-sprite.png) -525px -542px ;} #vote ul#mode4 a.bt10:hover, #vote ul#mode4 li.active a.bt10 { background:url(../images/t-sprite.png) -590px -542px ;} /* オッズ表示切替　*/ #vote ul#mode5 { display:block; width:570px; height:21px; margin:0 0 2px 0; padding:0; list-style-type:none !important; clear:both; } #vote ul#mode5 li { float: left; height:21px; margin: 0; padding: 0; text-indent:-10000px; } #vote ul#mode5 a { display:block; width:90px; height:21px; background:url(../images/t-sprite.png) no-repeat; } #vote ul#mode5 a.name { width:106px; background:url(../images/t-sprite.png) -508px -186px; } #vote ul#mode5 a.bt1 { background:url(../images/t-sprite.png) -617px -186px; } #vote ul#mode5 a.bt2 { background:url(../images/t-sprite.png) -710px -186px; } #vote ul#mode5 a.bt3 { background:url(../images/t-sprite.png) -803px -186px; } #vote ul#mode5 a.bt1:hover, #vote ul#mode5 li.active a.bt1 { background:url(../images/t-sprite.png) -617px -211px; } #vote ul#mode5 a.bt2:hover, #vote ul#mode5 li.active a.bt2 { background:url(../images/t-sprite.png) -710px -211px; } #vote ul#mode5 a.bt3:hover, #vote ul#mode5 li.active a.bt3 { background:url(../images/t-sprite.png) -803px -211px; } /* 賭式-左側　予想印　*/ #vote ul#mode6 { display:block; width:570px; height:23px; margin:0 0 2px 0; padding:0; list-style-type:none !important; font-size:12px; color:#222; clear:both; } #vote ul#mode6 li { display:inline; float: left; width:68px; height:20px; padding:0; border-right:1px solid #999; text-align:center;} #vote ul#mode6 li.name { width:80px ; border:none ;} #vote ul#mode6 li.name a{ display:block; width:100%; height:100%; background:url(../images/t-sprite.png) -508px -215px; text-indent:-10000px; } #vote ul#mode6 li input { border:none;} #vote ul#mode6 li.bt1, #vote ul#mode6 li.bt3, #vote ul#mode6 li.bt5, #vote ul#mode6 li.bt7 {background:#f8f8f8;} /* 予想印設定-左側　予想印　*/ #vote ul#mode7 { display:block; width:570px; min-height:23px; *min-height:auto; margin:0 0 2px 0; padding:0; list-style-type:none !important; font-size:12px; clear:both; } #vote ul#mode7 li { display:inline; float: left; width:121px; *width:150px; height:20px; padding:0;border-right:1px solid #999; text-align:center; } #vote ul#mode7 li.name { width:80px ; border:none ;} #vote ul#mode7 li.name a{ display:block; width:100%; height:100%; background:url(../images/t-sprite.png) -508px -237px; text-indent:-10000px; } #vote ul#mode7 li input { border:none;} #vote ul#mode7 li.bt1, #vote ul#mode7 li.bt3 {background:#f8f8f8;} #vote ul#mode7 li.bt4 { *margin:0 0 0 80px;} /* オッズで絞る-左側　予想印　*/ #vote ul#mode8 { display:block; width:570px; min-height:43px; *min-height:43px; margin:0 0 2px 0; padding:0; list-style-type:none !important; font-size:12px; clear:both; } #vote ul#mode8 li { display:inline; float: left; width:488px; height:25px; padding:1px 0 2px 0; line-height:1.6; } #vote ul#mode8 li.name { width:80px ; border:none ;} #vote ul#mode8 li.name a{ display:block; width:100%; height:100%; background:url(../images/t-sprite.png) -508px -260px; text-indent:-10000px; } #vote ul#mode8 li input { border:none;} #vote ul#mode8 li input.odds { border:1px solid #09C; background:#fcc; text-align:left;} /* ロト賭式-左側　ロト　*/ #vote ul#mode9 { display:block; width:570px; height:21px; margin:5px 0 5px 0; padding:0; list-style-type:none !important; clear:both; } #vote ul#mode9 li { float: left; height:21px; margin: 0; padding: 0; text-indent:-10000px; } #vote ul#mode9 a { display:block; width:131px; height:23px; background:url(../images/t-sprite.png) no-repeat; } #vote ul#mode9 a.name { width:106px; background:url(../images/t-sprite.png) -508px -159px; } #vote ul#mode9 a.bt1 { background:url(../images/t-sprite.png) -617px -235px; } /* ロト5 */ #vote ul#mode9 a.bt2 { background:url(../images/t-sprite.png) -748px -235px; } /* ロト7 */ #vote ul#mode9 a.bt1:hover, #vote ul#mode9 li.active a.bt1 { background:url(../images/t-sprite.png) -617px -260px; } #vote ul#mode9 a.bt2:hover, #vote ul#mode9 li.active a.bt2 { background:url(../images/t-sprite.png) -748px -260px;} /* -左側-買い目選択と出走表　*/ #vote div.control { width:102px; float:left; margin:0 5px 2px 0; }/* 買い目 */ #vote div.racetable { width:463px; float:right; margin:0; padding:0; }/* 出走表 */ #vote #section4 h3 { display:block; height:17px; margin:0; padding:3px; font-size:11pt; line-height:1.1; color:#fff; text-align:center; background: #939393; /* old browsers */ background: -moz-linear-gradient(top, #939393 0%, #5B5B5B 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #939393), color-stop(100%, #5B5B5B)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939393', endColorstr='#5B5B5B', GradientType=0 ); /* ie */ } /*================================================== 投票〜右側〜買い目選択 ==================================================*/ /* 買い目一覧　*/ #vote #buylist { width:405px; height:350px; overflow-y:auto; margin:5px 0; padding:0; border-bottom:1px solid #ccc; font-size:90%;} #vote #buylist table tr:hover { background:#9df;} /* tb05　右側〜買い目一覧テーブル */ .tb05, .tb05b { margin:0; padding:0; border:1px #aaa solid; border-collapse:collapse; text-align:center; } .tb05 th, .tb05b th { padding:3px 2px; color:#222; font-weight:normal; line-height:1.2; text-align:center; background: #f2f6f8; /* old browsers */ background: -moz-linear-gradient(top, #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f6f8), color-stop(50%, #d8e1e7), color-stop(51%, #b5c6d0), color-stop(100%, #e0eff9)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=0 ); /* ie */ border: 1px #aaa solid; } .tb05 td, .tb05b td { height:25px; padding:2px 3px; border: 1px #aaa solid; line-height:1.2; } .tb05 th a, .tb05 th a:visited, .tb05b th a, .tb05b th a:visited { color:#06c; text-decoration:underline; } .tb05 th a:hover, .tb05b th a:hover { text-decoration:underline; } /* tb06　左側〜買い目選択・出走表 */ #vote div.control table td { width:33%; } #vote div.control table.col2 { width:70px; } #vote div.control table.col2 td { width:50%; } #vote div.control table.col1 { width:35px; } .tb06, .tb06b { width:100%; margin:0; padding:0; border:1px #aaa solid; border-collapse:collapse; text-align:center; } .tb06 th { padding:4px 2px; color:#222; font-weight:normal; line-height:1.0; text-align:center; font-size:10px; letter-spacing:-2.0; background: #eee; /* old browsers */ background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0 ); /* ie */ border: 1px #aaa solid; } .tb06b th { padding:4px 2px; color:#222; font-weight:normal; line-height:1.0; text-align:center; font-size:10px; letter-spacing:-2.0; background:url(../images/bg-th-help.gif) no-repeat bottom right; border: 1px #aaa solid; } .tb06b th.nohelp { padding:4px 2px; color:#222; font-weight:normal; line-height:1.0; text-align:center; font-size:10px; letter-spacing:-2.0; background:url(../images/bg-th-help.gif) no-repeat bottom left; border: 1px #aaa solid; } .tb06 td { height:25px; padding:0; border: 1px #aaa solid; line-height:2.1; font-weight:bold; font-size:12px } .tb06 td.waku2 { height:50px; padding:0; border: 1px #aaa solid; line-height:4.2; font-weight:bold; font-size:12px } /* 枠番選択の制御 4〜6枠の高さを2倍する */ .tb06b td { height:25px; padding:0 1px; border: 1px #aaa solid; line-height:2.1; font-weight:normal; font-size:12px; } .tb06 td a, .tb06 td a:visited, .tb06b th a, .tb06b th a:visited { display:block; text-decoration:none; color:#000; } .tb06 td a:hover, .tb06b td a:hover, .tb06 td a.on { display:block; background-color:#6CF; text-decoration:none; color:#000; } /* 買い目選択〜車番選択セルボタン用 */ /* #vote a.n1:hover, #vote a.n1on { background:#000; color:#ccc !important; } #vote a.n2:hover, #vote a.n2on { background:#555; color:#fff !important; } #vote a.n3:hover, #vote a.n3on { background:#f00; color:#fff !important; } #vote a.n4:hover, #vote a.n4on { background:#03f; color:#fff !important; } #vote a.n5:hover, #vote a.n5on { background:#ff0; color:#000 !important; } #vote a.n6:hover, #vote a.n6on { background:#3c0; color:#000 !important; } #vote a.n7:hover, #vote a.n7on { background:#f90; color:#000 !important; } #vote a.n8:hover, #vote a.n8on { background:#f9c; color:#000 !important; } #vote a.n9:hover, #vote a.n9on { background:#909; color:#fff !important; } #vote a.n1:hover, #vote a.n1on { background:#6CF; color:#000 !important; } #vote a.n2:hover, #vote a.n2on { background:#6CF; color:#000 !important; } #vote a.n3:hover, #vote a.n3on { background:#6CF; color:#000 !important; } #vote a.n4:hover, #vote a.n4on { background:#6CF; color:#000 !important; } #vote a.n5:hover, #vote a.n5on { background:#6CF; color:#000 !important; } #vote a.n6:hover, #vote a.n6on { background:#6CF; color:#000 !important; } #vote a.n7:hover, #vote a.n7on { background:#6CF; color:#000 !important; } #vote a.n8:hover, #vote a.n8on { background:#6CF; color:#000 !important; } #vote a.n9:hover, #vote a.n9on { background:#6CF; color:#000 !important; } */ #vote a.n1:hover, #vote a.n1on {background:url(../images/t-sprite.png) no-repeat -504px -419px; color:#222;} #vote a.n2:hover, #vote a.n2on {background:url(../images/t-sprite.png) no-repeat -561px -419px; color:#fff;} #vote a.n3:hover, #vote a.n3on {background:url(../images/t-sprite.png) no-repeat -618px -419px; color:#fff;} #vote a.n4:hover, #vote a.n4on {background:url(../images/t-sprite.png) no-repeat -675px -419px; color:#fff;} #vote a.n5:hover, #vote a.n5on {background:url(../images/t-sprite.png) no-repeat -732px -419px; color:#222;} #vote a.n6:hover, #vote a.n6on {background:url(../images/t-sprite.png) no-repeat -789px -419px; color:#000;} #vote a.n7:hover, #vote a.n7on {background:url(../images/t-sprite.png) no-repeat -846px -419px; color:#000;} #vote a.n8:hover, #vote a.n8on {background:url(../images/t-sprite.png) no-repeat -903px -419px; color:#222;} #vote a.n9:hover, #vote a.n9on {background:url(../images/t-sprite.png) no-repeat -963px -419px; color:#fff;} #vote a.void { background:#ddd; color:#f6f6f6 !important; } #vote a.n1off { background:#ccc; color:#aaa !important; } #vote a.n2off { background:#ccc; color:#aaa !important; } #vote a.n3off { background:#ccc; color:#aaa !important; } #vote a.n4off { background:#ccc; color:#aaa !important; } #vote a.n5off { background:#ccc; color:#aaa !important; } #vote a.n6off { background:#ccc; color:#aaa !important; } #vote a.n7off { background:#ccc; color:#aaa !important; } #vote a.n8off { background:#ccc; color:#aaa !important; } #vote a.n9off { background:#ccc; color:#aaa !important; } /*　情報〜更新ボタン　*/ #vote a#reload { display:block; width:62px; height:23px; text-indent:-10000px; background:url(../images/t-sprite.png) no-repeat -47px -314px; margin:0 1px 0 2px; position:absolute; top:15px; left:358px; } #vote a#reload:hover { background:url(../images/t-sprite.png) no-repeat -47px -340px; } /*　情報〜入金ボタン　*/ #vote a#payment { display:block; width:42px; height:23px; text-indent:-10000px; background:url(../images/t-sprite.png) no-repeat -3px -314px; margin:0 1px 0 2px; position:absolute; top:15px; left:314px; z-index:10; } #vote a#payment:hover { background:url(../images/t-sprite.png) no-repeat -3px -340px; } /*　投票〜手続ボタン　*/ #vote a#gotobuy { display:block; width:130px; height:40px; text-indent:-10000px; background:url(../images/t-sprite.png) no-repeat -366px -223px; border:none; float:right; } #vote a#gotobuy:hover { background:url(../images/t-sprite.png) no-repeat -366px -264px; } /*　投票〜リセットボタン　*/ #vote a#reset { display:block; width:105px; height:25px; text-indent:-10000px; background:url(../images/t-sprite.png) no-repeat -3px -223px; margin:10px 0 0 0; } #vote a#reset:hover { background:url(../images/t-sprite.png) no-repeat -3px -264px; } /*　投票〜全てボタン　*/ #vote a.all { display:block; width:25px; height:22px; text-indent:-10000px; background:url(../images/t-sprite.png) no-repeat -311px -313px; margin:0 1px 0 2px; } #vote a.all:hover { background:url(../images/t-sprite.png) no-repeat -311px -336px; } /*　投票〜総流しボタン　*/ #vote a.sonaga { display:block; width:28px; height:22px; text-indent:-10000px; background:url(../images/t-sprite.png) no-repeat -343px -313px; margin:0 1px 0 2px; } #vote .inact-sonaga { display:block; width:28px; height:22px; text-indent:-10000px; background:url(../images/t-sprite.png) no-repeat -343px -361px; margin:0 1px 0 2px; }/* 無効　*/ #vote a.sonaga:hover { background:url(../images/t-sprite.png) no-repeat -343px -336px; } /*　投票〜金額セットボタン　*/ #vote a#set { display:block; width:130px; height:26px; text-indent:-10000px; background:url(../images/t-sprite.png) no-repeat -229px -223px; margin:0 1px 0 2px; } #vote a#set:hover { background:url(../images/t-sprite.png) no-repeat -229px -264px; } /*　投票〜購入ボタン　*/ #vote a#buy { display:block; width:151px; height:51px; text-indent:-10000px; background:url(../images/t-sprite.png) no-repeat -507px -290px; margin:0 1px 0 2px;float:right; } #vote a#buy:hover { background:url(../images/t-sprite.png) no-repeat -507px -345px; } /*　投票〜つづけて購入ボタン　*/ #vote a#buythru { display:block; width:151px; height:50px; text-indent:-10000px; background:url(../images/t-sprite.png) no-repeat -660px -290px; margin:0 1px 0 2px; float:right; } #vote a#buythru:hover { background:url(../images/t-sprite.png) no-repeat -660px -345px; } /*　投票〜印刷ボタン　*/ #vote a#print,#printout a#print { display:block; width:100px; height:22px; text-indent:-10000px; background:url(../images/t-sprite.png) no-repeat -822px -290px; margin:0 1px 0 2px; float:right; } #vote a#print:hover,#printout a#print:hover { background:url(../images/t-sprite.png) no-repeat -822px -316px; } /* 投票〜オッズ 主にテーブルでのオッズ表示 ==================================================*/ /* オッズテーブル共通 a:hoverなどの設定* ==================================================*/ #vote td.hover, #vote th.hover { background:#6CF;} /* hoverをtd,thに個別指定する場合 */ tr.hover { background:#DDFdFF; } /* hoverをtrに個別指定する場合 */ table.odds td.label, table.odds th.label { background:#5F6A81; color:#fff; font-weight:bold; text-align:center ; } table.odds tr:hover, table.odds2 tr:hover { background:#DDFdFF; } #vote table.odds td:hover,#vote table.odds2 td:hover,#vote table.odds th:hover { background:#6CF; } #vote table.odds td.blank:hover,#vote table.odds th.blank:hover,#vote table.odds2 td.blank:hover { background:#ddd;!important} #vote table.odds th.blank:hover,#vote table.odds2 th.blank:hover { background:#fff;!important} #vote table.odds td.label:hover,#vote table.odds2 td.label:hover { background:#8C95A1;color:#fff; !important} #vote table.odds th.label:hover { background:#5F6A81;color:#fff; !important} #vote table.odds td.space:hover { background:#fff; !important} #vote table.odds2 tr:hover td { background: #6CF; !important /* 列のハイライト色 */ } tr.nohover:hover { background:#FFF !important; } /* 強制Hover解除　*/ div.oddstime { width:562px; border:1px solid #ccc; margin:5px 0; padding:2px 4px;} /* オッズテーブルtb10 Pale TH BGcolor */ .tb10 { width:100%; margin:0; padding:0; border:1px #aaa solid; border-collapse:collapse; text-align:center; font-size:9pt; } .tb10 th { padding:2px; color:#222; font-weight:bold; line-height:1.6; text-align:center; background: #f2f6f8;border: 1px #aaa solid; } .tb10 td { padding:0 !important; border:1px #aaa solid; } .tb10 td a, .tb10 th a,.tb10 td a:visited,.tb10 th a:visited{ display:block; width: 100%; height:100%; color:#000; text-decoration:none; line-height:1.6;} .tb10 td a.red, tb10 td a.red:visited { color:#f00;} .tb10 th.blank:hover { background:#f2f6f8; !important} /*.tb10 td a:hover,.tb10 td a.red:hover { background:#9EE6FF; }*/ /* オッズテーブルtb11 slim TH,TD NO BGcolor */ .tb11 { width:100%; margin:0; padding:0; border:1px #aaa solid; border-collapse:collapse; text-align:center; font-size:90%; } .tb11 th { padding:4px 2px; color:#222; font-weight:normal; font-size:11px; letter-spacing:-0.1em; text-align:center; border: 1px #aaa solid; } .tb11 td { padding:0 !important; border:1px #aaa solid;} .tb11 td a, .tb11 td a:visited,tb11 td a.red { display:block; width: 100%; height:100%; color:#000; text-decoration:none; line-height:1.6; } .tb11 td a.red, tb11 td a.red:visited { color:#f00;} /*.tb11 td a:hover,.tb11 td a.red:hover { background:#9EE6FF; }*/ /* オッズテーブルtb12 人気順 */ .tb12 { width:108px; margin:0 3px 0 0; padding:0; border:1px #aaa solid; border-collapse:collapse; text-align:center; font-size:90%; } .tb12 th { padding:2px; color:#222; font-weight:normal; font-size:11px; text-align:center; border: 1px #aaa solid; background:#5F6A81; color:#fff; } .tb12 td { padding:0 !important; border:1px #aaa solid;} .tb12 td a, .tb12 td a:visited,tb12 td a.red { display:block; width: 100%; height:100%; color:#000; text-decoration:none; line-height:1.6; } .tb12 td a.red, tb12 td a.red:visited { color:#f00;} /* オッズテーブルtb13 オッズ>ワイド>全オッズ　*/ .tb13 { width:100%; margin:0; padding:0; border:1px #aaa solid; border-collapse:collapse; text-align:center; font-size:90%; } .tb13 th { padding:4px 2px; color:#222; font-weight:normal; font-size:11px; letter-spacing:-0.1em; text-align:center; border: 1px #aaa solid;} .tb13 td { padding:0; border:1px #aaa solid;!important} .tb13 td a, .tb13 td a:visited,tb13 td a.red { display:block; width: 100%; height:100%; color:#000; text-decoration:none; line-height:1.2;!important } .tb13 td a.red, tb13 td a.red:visited { color:#f00;} /* オッズテーブルtb14 オッズ>ワイド>全オッズ P31/P32　*/ .tb14 { width:100%; margin:0; padding:0; border:1px #aaa solid; border-collapse:collapse; text-align:center; font-size:80%; } .tb14 th { padding:4px 2px; color:#222; font-weight:normal; letter-spacing:-0.1em; text-align:center; border: 1px #aaa solid;} .tb14 td { padding:0; border:1px #aaa solid;　letter-spacing:-0.1em; !important} .tb14 td a, .tb14 td a:visited,tb14 td a.red { display:block; width: 100%; height:100%; color:#000; text-decoration:none; line-height:1.2;!important } .tb14 td.name a { display:block; width: 100%; height:100%; font-weight:normal;font-size:11px;} .tb14 td.name { font-weight:normal;font-size:11px;} .tb14 td.no2 a, .tb14 td.no3 a, .tb14 td.no4 a, .tb14 td.no9 a { color:#fff; !important} .tb14 td a.red, tb14 td a.red:visited { color:#f00;} .tb14 td a {text-decoration:none; !important } .tb14 td.space,.tb14 th.space { background:#fff; border:none;} /* テーブル中の無表示エリア */ /*================================================== 展開・購入確認 ==================================================*/ /* 投票購入確認〜#content,#left,#right */ #vote #left980 { width:980px; margin:0 auto; padding:0; }/* 左側 */ /* 投票〜左側〜 */ #vote #left980 #section1 { width:980px; margin:0; padding:0;} /* 購入買い目リスト*/ #vote #left980 #section2 { width:980px; height:340px; margin:5px 0 5px 0; padding:0; overflow-y:scroll; border-bottom:1px solid #ccc; } #vote #left980 #section3 { width:500px; min-height:35px; margin:20px 0 0 0; padding:0; float:left; }/* 戻る・入金ボタン */ #vote #left980 #section4 { width:450px; margin:3px 0 0 30px; padding:0; float:left;}/* 購入ボタン */ #vote #left980 #section5 { width:450px; margin:3px 0 0 30px; padding:0; float:right; background:#fff; border:none;}/* つづけて購入 */ /* ユーザー情報 */ #vote #left980 #userInfo { width:420px; float:left; margin-bottom:5px; *margin-bottom:1px; padding:2px; border:1px solid #ccc; position:relative;} #vote #left980 #userInfo .alert { width:208px; margin:0; padding:2px; border:1px solid #f00; color:#f00; font-size:10pt; background:none; z-index:3; position:absolute; top:13px; left:145px; } #vote #left980 #userInfo span { font-size:85%; line-height:1.3; } /* 左タイトル */ #vote #left980 h2 { display:block; float:left; width:140px; height:40px; margin:0 10px 0 0; padding:10px 0 0 5px;border:1px solid #eee; font-size:17px; text-align:center; background: #F7F7F7; /* old browsers */ background: -moz-linear-gradient(top, #F7F7F7 0%, #DBDBDB 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7F7F7), color-stop(100%,#DBDBDB)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#DBDBDB',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #F7F7F7 0%,#DBDBDB 100%); /* opera */} /* 買い目の表示 */ .tb30{ margin:0 0 15px 0; padding:0; border:1px #ccc solid; border-collapse:collapse; } .tb30 th { padding:4px 2px; border: 1px #ccc solid; background:#06C; color:#fff; font-weight:normal; line-height:1.2;text-align:center; } .tb30 td { padding:0; border: 1px #ccc solid; line-height:1.8; text-align:center; } .tb30 td.al-right { text-align:right !important; padding:2px;} .tb31{ margin:0; padding:0; boder:none; } .tb31 th { padding:4px 2px; border: 1px #fff solid; background:#C96; color:#fff; font-weight:bold; line-height:1.2;text-align:center; letter-spacing:-0.1em;-moz-border-radius: 4px; -webkit-border-radius: 4px} .tb31 td { padding:0; border: 1px #fff solid; line-height:1.8; text-align:center; background:#F3e6e1; -moz-border-radius: 4px; -webkit-border-radius: 4px } /*================================================== 　投票展開 */ #wrapDeploy { width:600px; height:590px; margin:5px auto; padding:0; background:#fff;} #wrapDeploy #content { width:580px; margin:0 auto; padding:0 0 10px 0; background:#fff; } #wrapDeploy #content h2 { display:block; float:left; width:574px; height:20px; margin:0 10px 0 0; padding:3px;border:1px solid #eee; font-size:17px; text-align:center; clear:both; background: #FFFEE5; /* old browsers */ background: -moz-linear-gradient(top, #FFFEE5 0%, #FCC97E 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFEE5), color-stop(100%,#FCC97E)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFEE5', endColorstr='#FCC97E',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #FFFEE5 0%,#FCC97E 100%); /* opera */} #wrapDeploy .section1 { float: left; width:570px; margin:2px 0; padding:2px 4px; clear:both; border:1px solid #ccc; background:#FEF6D5; } #wrapDeploy #section2 { width:580px; height:390px; margin:0 0 5px 0; overflow-y:scroll; border-bottom:1px solid #ccc;} #wrapDeploy #section3 { width:580px; height:15px; margin:2px 0;} #wrapDeploy #section2 table {width:100%; *width:563px;} /* ボタン　キャンセル・変更内容を確定　*/ #vote #wrapDeploy ul#confirm, #wrapDeploy ul.confirm { display:block; width:300px; height:25px; margin:3px 0; float:right;} #vote #wrapDeploy ul#confirm li, #wrapDeploy ul.confirm li { display: block; width:150px; height:20px; float:left; margin:0; padding:0; list-style-type: none; text-align: center; letter-spacing:-0.1em;} #vote #wrapDeploy ul#confirm li.btn1 a, #wrapDeploy ul.confirm li.btn1 a { line-height:1.6; color:#000; padding:2px; text-decoration: none; display: block; text-align: center; background: #F2F2F2; /* old browsers */ background: -moz-linear-gradient(top, #F2F2F2 0%, #BFBFBF 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2F2F2), color-stop(100%,#BFBFBF)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2F2F2', endColorstr='#BFBFBF',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #F2F2F2 0%,#BFBFBF 100%); /* opera */ border:1px solid #ccc;} #vote #wrapDeploy ul#confirm li.btn2 a, #wrapDeploy ul.confirm li.btn2 a { line-height:1.6; color:#222; margin:0 0 0 3px; padding:2px; text-decoration: none; display: block; text-align: center; background: #f3f3f3; /* old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* opera */ border:1px solid #f60;} #vote #wrapDeploy ul#confirm li.btn2 a:hover, #wrapDeploy ul.confirm li.btn2 a:hover,#wrapDeploy ul#confirm li.btn1 a:hover, #wrapDeploy sul.confirm li.btn1 a:hover { background: #b2e1ff; /* old browsers */ background: -moz-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2e1ff), color-stop(100%,#66b6fc)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* opera */ border:1px solid #09C;} /* 展開ここまで ==================================================*/ /*================================================== 　組み合わせ一覧　展開 */ #wrapDeploy2 { width:300px; height:360px; margin:5px auto; padding:0; background:#fff;} #wrapDeploy2 #content { width:280px; margin:0 auto; padding:0 0 10px 0; background:#fff; } #wrapDeploy2 #content h2 { display:block; float:left; width:274px; height:20px; margin:0 10px 0 0; padding:3px;border:1px solid #eee; font-size:17px; text-align:center; clear:both; background: #FFFEE5; /* old browsers */ background: -moz-linear-gradient(top, #FFFEE5 0%, #FCC97E 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFEE5), color-stop(100%,#FCC97E)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFEE5', endColorstr='#FCC97E',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #FFFEE5 0%,#FCC97E 100%); /* opera */} #wrapDeploy2 .section1 { float: left; width:270px; margin:2px 0; padding:2px 4px; clear:both; border:1px solid #aaa; background:#FEF6D5; } #wrapDeploy2 #section2 { width:280px; height:200px; margin:0 0 3px 0; overflow-y:scroll; border-bottom:1px solid #aaa;} #wrapDeploy2 #section3 { width:280px; height:15px; margin:2px 0;} #wrapDeploy2 #section2 table {width:100%; *width:263px;} /* ボタン　キャンセル・変更内容を確定　*/ #wrapDeploy2 ul#confirm, #wrapDeploy2 ul.confirm { display:block; width:100px; height:25px; margin:3px 0 0 100px; float:left;} #wrapDeploy2 ul#confirm li, #wrapDeploy2 ul.confirm li { display: block; width:100px; height:20px; float:left; margin:0; padding:0; list-style-type: none; text-align: center; letter-spacing:-0.1em;} #wrapDeploy2 ul#confirm li.btn1 a, #wrapDeploy2 ul.confirm li.btn1 a { line-height:1.6; color:#000; padding:2px; text-decoration: none; display: block; text-align: center; background: #F2F2F2; /* old browsers */ background: -moz-linear-gradient(top, #F2F2F2 0%, #BFBFBF 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2F2F2), color-stop(100%,#BFBFBF)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2F2F2', endColorstr='#BFBFBF',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #F2F2F2 0%,#BFBFBF 100%); /* opera */ border:1px solid #ccc;} #wrapDeploy2 ul#confirm li.btn2 a, #wrapDeploy2 ul.confirm li.btn2 a { line-height:1.6; color:#222; margin:0 0 0 3px; padding:2px; text-decoration: none; display: block; text-align: center; background: #f3f3f3; /* old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* opera */ border:1px solid #f60;} #wrapDeploy2 ul#confirm li.btn2 a:hover, #wrapDeploy2 ul.confirm li.btn2 a:hover,#wrapDeploy2 ul#confirm li.btn1 a:hover, #wrapDeploy2 sul.confirm li.btn1 a:hover { background: #b2e1ff; /* old browsers */ background: -moz-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2e1ff), color-stop(100%,#66b6fc)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* opera */ border:1px solid #09C;} /* 展開ここまで ==================================================*/ /* 投票〜フッタ */ #footer { margin:10px 0 0 0; } #footer #footerInner { font-size:80%; margin-left:auto; margin-right:auto; padding:10px; width:980px; } #footer p#copy { float:left; font-size:11px; } #footer ul#footerNav { float:right; min-width:660px; padding-left:0; list-style-type:none !important; } #footer ul#footerNav li { float:left; margin-left:5px; padding-left:3px; } #footer ul#footerNav li a { color:#000; text-decoration:none; } #footer ul#footerNav li a:hover { text-decoration:underline; } /*　投票〜閉じるボタン　*/ #vote #footer li a.close { display:block; width:51px; height:20px; text-indent:-10000px; background:url(../images/t-sprite.png) no-repeat -445px -314px; margin:0 1px 0 2px; } #vote #footer a.close:hover { background:url(../images/t-sprite.png) no-repeat -445px -338px; } /*================================================== //投票ここまで ==================================================*/ /*================================================== 照会・履歴・精算 ==================================================*/ #vote #leftAc { width:230px; margin:0 17px 0 0; padding:0; float:left; }/* 投票精算・入金　左 */ #vote #rightAc { width:740px; margin:0; padding:0; float:left; background:#fff;}/* 投票精算・入金　右 */ #leftAc div,#leftAc ul, #leftAc h2, #rightAc ul, #rightAc h2, #rightAc div { -moz-border-radius: 4px; -webkit-border-radius: 4px; } #vote #leftAc h2,#vote #rightAc h2 { display:block; padding:3px; margin:0; color:#fff; font-size:110%; text-align:center; vertical-align:central; background: #6db3f2; /* old browsers */background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* opera */} #vote #rightAc h3 { display:block; padding:3px 0 2px 0; margin:5px 0; border-bottom:1px dotted #9CC; } /* POD左 */ #vote div#pod { background:#f6f6f6; padding:10px;} #vote div#pod2 { background:#fff; padding:10px;} #pod ul,#pod2 ul { display:block; margin:2px auto; padding:10px; background:#fff; } #pod ul li,#pod2 ul li { font-weight:bold; margin:0; padding:0 0 0 15px; background:url(../images/t-sprite.png) no-repeat 0 -625px;} #pod li a,#pod2 li a { display:block;} #pod ul ul,#pod2 ul ul { display:block; margin:1px 0 0 -20px; padding:0 0 0 -15px; } #pod ul ul li,#pod2 ul ul li { font-weight:normal; background:url(../images/t-sprite.png) 0 -656px; line-height:1.3;} #pod ul.page, #pod2 ul.page { height:21px; padding:5px;} #pod li.next, #pod2 li.next { display:block;width:80px; height:20px; float:right; text-align:right; background:none;} #pod li.back, #pod2 li.back { display:block;width:80px; height:20px; float:left; text-align:left; background:none;} /*　ページ遷移指標　*/ #vote ul#navInfo { display:block; width:740px; height:41px; margin:10px 0 2px 0; padding:0; list-style-type:none; clear:both; !important } #vote ul#navInfo li { float: left; height:41px; margin: 0; padding:5px 0 0 0; text-align:center; vertical-align:middle; font-weight:bold; color:#fff; font-size:10pt; letter-spacing:-0.1em; line-height:1.2;} #vote ul#navInfo li { display:block; width:185px; height:41px; background:url(../images/t-sprite.png) -190px -576px; } #vote ul#navInfo li.active { background:url(../images/t-sprite.png) -0px -576px;!important } /* リンクボタン　*/ #vote ul#confirm, #vote ul.confirm { display:block; width:730px; height:25px; margin:3px 0;} #vote ul#confirm li, #vote ul.confirm li { display: block; width:243px; height:23px; float:left; margin:0; padding:0; list-style-type: none; text-align: center; letter-spacing:-0.1em;} #vote ul#confirm li.btn1 a, #vote ul.confirm li.btn1 a { line-height:1.8; color:#000; padding:2px; text-decoration: none; display: block; text-align: center; background: #F2F2F2; /* old browsers */ background: -moz-linear-gradient(top, #F2F2F2 0%, #BFBFBF 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2F2F2), color-stop(100%,#BFBFBF)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2F2F2', endColorstr='#BFBFBF',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #F2F2F2 0%,#BFBFBF 100%); /* opera */ border:1px solid #ccc;} #vote ul#confirm li.btn1 a:hover, #vote ul.confirm li.btn1 a:hover{ background: #b2e1ff; /* old browsers */ background: -moz-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2e1ff), color-stop(100%,#66b6fc)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* opera */ border:1px solid #09C;} #vote ul#confirm li.btn2 a, #vote ul.confirm li.btn2 a { line-height:1.8; color:#222; margin:0 0 0 3px; padding:2px; text-decoration: none; display: block; text-align: center; background: #f3f3f3; /* old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* opera */ border:1px solid #f60;} #vote ul#confirm li.btn2 a:hover, #vote ul.confirm li.btn2 a:hover { background: #b2e1ff; /* old browsers */ background: -moz-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2e1ff), color-stop(100%,#66b6fc)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* opera */ border:1px solid #09C;} /* w180ボタン　戻る・入金　投票購入確認画面で使用　*/ #vote ul#confirmS, #vote ul.confirmS { display:block; width:500px; height:25px; margin:3px 0;} #vote ul#confirmS li, #vote ul.confirmS li { display: block; width:130px; height:20px; float:left; margin:0; padding:0; list-style-type: none; text-align: center; letter-spacing:-0.1em;} #vote ul#confirmS li.btn1 a, #vote ul.confirmS li.btn1 a { line-height:1.6; color:#000; padding:2px; text-decoration: none; display: block; text-align: center; background: #F2F2F2; /* old browsers */ background: -moz-linear-gradient(top, #F2F2F2 0%, #BFBFBF 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F2F2F2), color-stop(100%,#BFBFBF)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2F2F2', endColorstr='#BFBFBF',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #F2F2F2 0%,#BFBFBF 100%); /* opera */ border:1px solid #ccc;} #vote ul#confirmS li.btn2 a, #vote ul.confirmS li.btn2 a { line-height:1.6; color:#222; margin:0 0 0 3px; padding:2px; text-decoration: none; display: block; text-align: center; background: #f3f3f3; /* old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* opera */ border:1px solid #f60;} #vote ul#confirmS li.btn2 a:hover, #vote ul.confirmS li.btn2 a:hover,#vote ul#confirmS li.btn1 a:hover, #vote ul.confirmS li.btn1 a:hover { background: #b2e1ff; /* old browsers */ background: -moz-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2e1ff), color-stop(100%,#66b6fc)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%); /* opera */ border:1px solid #09C;} /* 投票履歴・精算テーブル */ /* 20 th赤 */ .tb20 { margin:0 0 15px 0; padding:0; border:1px #eee solid; background:#f2f0f0;/* border-collapse:collapse; */} .tb20 th { padding:4px 2px; border: 1px #ccc solid; background:#F5DFE5; color:#000; font-weight:normal; line-height:1.3; text-align:left; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .tb20 td { padding:2px 4px; border: 1px #ccc solid; line-height:1.5; text-align:right; background:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .tb20 a { display:block;} /* 21 th赤　td,thセンター */ .tb21 { margin:0 0 15px 0; padding:0; border:1px #eee solid; background:#f2f0f0; /* border-collapse:collapse;*/ } .tb21 th { padding:4px 2px; border: 1px #ccc solid; background:#F5DFE5; color:#000; font-weight:normal; line-height:1.3; text-align:center; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .tb21 td { padding:2px 4px; border: 1px #ccc solid; line-height:1.5; text-align:center; background:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .tb21 a { display:block;} /* 22 td,th 左寄せ */ .tb22 { margin:0 0 15px 0; padding:0; border:1px #eee solid; background:#f2f0f0;/* border-collapse:collapse; */} .tb22 th { padding:4px 2px; border: 1px #ccc solid; background:#F5DFE5; color:#000; font-weight:normal; line-height:1.3; text-align:left; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .tb22 td { padding:2px 4px; border: 1px #ccc solid; line-height:1.5; text-align:left; background:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .tb22 a { display:block;} /* 23　21改 th赤　td,thセンター　投票精算 P-W-03 */ .tb23 { width:100%; margin:0 0 15px 0; padding:0; border:1px #eee solid; background:#f2f0f0; /* border-collapse:collapse;*/ } .tb23 th { padding:4px 2px; border: 1px #ccc solid; background:#F5DFE5; color:#000; font-weight:normal; line-height:1.3; text-align:center; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .tb23 td { width:25%; padding:2px 4px; border: 1px #ccc solid; line-height:1.5; text-align:center; background:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .tb23 a { display:block;} /* 24 20改 th赤 */ .tb24 { margin:0 0 15px 0; padding:0; border:3px #F63 solid; background:#f2f0f0;/* border-collapse:collapse; */} .tb24 th { padding:4px 2px; border: 1px #ccc solid; background:#F5DFE5; color:#000; font-weight:normal; line-height:1.3; text-align:left; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .tb24 td { padding:2px 4px; border: 1px #ccc solid; line-height:1.5; text-align:right; background:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .tb24 a { display:block;} /*　車番背景と文字　*/ /* 21. 1番 no1 ************************************/ .no1 { background-color:#fff; color:#000; font-weight:bold; text-align:center !important; } /* nomal */ .no1_n { background-color:#fff; color:#000; text-align:center; } /* 22. 2番 no2 ************************************/ .no2 { background-color:#333; color:#fff !important; font-weight:bold; text-align:center !important; } .no2_n { background-color:#333; color:#fff; text-align:center; } /* Pale1号 */ .no2s { background-color:#999; color:#fff; font-weight:bold; text-align:center; } .no2s_n { background-color:#999; color:#fff; text-align:center; } /* 23. 3番 no3 ************************************/ .no3 { background-color:#f00; color:#fff !important; font-weight:bold; text-align:center !important; } .no3_n { background-color:#f00; color:#fff; text-align:center; } /* Pale1号 */ .no3s { background-color:#f99; color:#000; font-weight:bold; text-align:center; } .no3s_n { background-color:#f99; color:#000; text-align:center; } /* 24. 4番 no4 ************************************/ .no4 { background-color:#03f; color:#fff !important; font-weight:bold; text-align:center !important; } .no4_n { background-color:#03f; color:#fff; text-align:center; } /* Pale1号 */ .no4s { background-color:#9cf; color:#fff; font-weight:bold; text-align:center; } .no4s_n { background-color:#9cf; color:#fff; text-align:center; } /* 25. 5番 no5 ************************************/ .no5 { background-color:#ff0; color:#000; font-weight:bold; text-align:center !important; } .no5_n { background-color:#ff0; color:#000; text-align:center; } /* Pale1号 */ .no5s { background-color:#ffc; color:#000; font-weight:bold; text-align:center; } .no5s_n { background-color:#ffc; color:#000; text-align:center; } /* 26. 6番 no6 ************************************/ .no6 { background-color:#3c0; color:#fff !important; font-weight:bold; text-align:center !important; } .no6_n { background-color:#3c0; color:#fff; text-align:center; } /* Pale1号 */ .no6s { background-color:#cf9; color:#000; font-weight:bold; text-align:center; } .no6s_n { background-color:#cf9; color:#000; text-align:center; } /* 27. 7番 no7 ************************************/ .no7 { background-color:#f90; color:#000; font-weight:bold; text-align:center !important; } .no7_n { background-color:#f90; color:#000; text-align:center; } /* Pale1号 */ .no7s { background-color:#fc9; color:#000; font-weight:bold; text-align:center; } .no7s_n { background-color:#fc9; color:#000; text-align:center; } /* 28. 8番 no8 ************************************/ .no8 { background-color:#f9c; color:#000; font-weight:bold; text-align:center !important; } .no8_n { background-color:#f9c; color:#000; text-align:center; } /* Pale1号 */ .no8s { background-color:#fcf; color:#000; font-weight:bold; text-align:center; } .no8s_n { background-color:#fcf; color:#000; text-align:center; } /* 29. 9番 no9 ************************************/ .no9 { background-color:#909; color:#fff !important; font-weight:bold; text-align:center !important; } .no9_n { background-color:#909; color:#fff; text-align:center; } /* Pale1号 */ .no9s { background-color:#c9f; color:#fff; font-weight:bold; text-align:center; } .no9s_n { background-color:#c9f; color:#fff; text-align:center; } /*================================================== jTips.css ==================================================*/ #JT_arrow_left { background-image: url(../images/arrow_left.gif); background-repeat: no-repeat; background-position: left top; position: absolute; z-index:101; left:-12px; height:23px; width:10px; top:-3px; } #JT_arrow_right { background-image: url(../images/arrow_right.gif); background-repeat: no-repeat; background-position: left top; position: absolute; z-index:101; height:23px; width:11px; top:-2px; } #JT { position: absolute; z-index:100; border: 2px solid #9C0; background-color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-top-left-radius:none; } #JT_copy { padding:4px; color:#222; font-size:90%; } .JT_loader { background-image: url(../images/loader.gif); background-repeat: no-repeat; background-position: center center; width:100%; height:12px; } #JT_close_left { background-color: #eee; text-align: left; padding-left: 8px; padding-bottom: 5px; padding-top: 2px; font-weight:bold; } #JT_close_right { background-color: #eee; text-align: left; padding-left: 8px; padding-bottom: 5px; padding-top: 2px; font-weight:bold; } #JT_copy p { margin:3px 0; font-size:80%; line-height:1.3; } #JT_copy img { padding: 1px; border: 1px solid #ccc; } /*================================================== LOTO グラフ描画 ==================================================*/ .graph { position: relative; /* IE is dumb */ width: 180px; border: 1px solid #dbf043; padding: 2px; } table.loto7 div.graph { position: relative; /* IE is dumb */ width: 49px; padding: 1px; } table.loto5 div.graph { position: relative; /* IE is dumb */ width: 80px; padding: 1px; } .graph .bar { display: block; position: relative; background: #9C0; text-align: left; color: #333; height: 1.5em; line-height: 1.1em; background: #e6f0a3; /* old browsers */ background: -moz-linear-gradient(top, #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6f0a3), color-stop(50%, #d2e638), color-stop(51%, #c3d825), color-stop(100%, #dbf043)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043', GradientType=0 ); /* ie */ } table.loto7 div.graph span,table.loto5 div.graph span { position: absolute; left:3px; top:-0.2em; font-size:10pt; } table.loto7 td,table.loto5 td { text-align:left; !important } table.loto7 td.center,table.loto5 td.center { width:20px; text-align:center; !important } /*================================================== 印刷用ページ　購入完了 ==================================================*/ html #printout { margin:0; padding:0; color:#000;} #printout #wrap { width:1000px; margin:0 auto; padding:0;} #printout .small { font-size:9pt; line-height:1.2;} #printout .x-small { font-size:10px; line-height:1.2; letter-spacing:-0.03em; } /* 25 th　印刷領域内のテーブル内テーブル */ .tb25 { margin:0; padding:0; border:none; background:none; border-collapse:collapse; } .tb25 th { padding:3px 0; border: 1px #666 solid; background:#eee; color:#000; font-weight:normal; line-height:1.1; text-align:center;} .tb25 td { padding:3px 1px; border: 1px #666 solid; line-height:1.1; color:#000; text-align:center; white-space:nowrap;} .tb25 td.al-right { text-align:right !important;} /*================================================== MTスタイル ==================================================*/ #info h3.tl05 { width:720px !important; display:block; float:left; height:20px; padding:2px; border:1px solid #ccc !important; overflow:hidden; background: #f3f3f3; /* old browsers */background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 10%, #E5E5E5 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(10%,#f6f6f6), color-stop(100%,#E5E5E5)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E5E5E5',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 10%,#E5E5E5 100%); /* opera */} #sidebar h3.tl06 { width:228px !important; display:block; float:left; height:20px; padding:2px; margin:0 0 2px 0; border:1px solid #ccc !important; background: #f3f3f3; /* old browsers */background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 10%, #E5E5E5 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(10%,#f6f6f6), color-stop(100%,#E5E5E5)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E5E5E5',GradientType=0 ); /* ie */ background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 10%,#E5E5E5 100%); /* opera */} #info h4.tl07 { display:block; width:720px; margin:5px 0; padding:3px; border:none !important; border-bottom:1px solid #999 !important; } #info ul.ls1 li { line-height:1.8; border-bottom:1px dotted #ccc; margin:2px 0 3px 10px;clear:both; } #sidebar ul.ls2 { display:block; margin:2px 0 ; padding:0; background:none; clear:both; } *+html #sidebar div ul.ls2 { display:block; margin-top:-12px; padding:0; background:none; clear:both; }/* ie7 hack */ #sidebar ul.ls2 li { display:block; line-height:1.6; margin:0 0 0 5px; padding:0 0 0 16px; background:url(../images/ico-ls02.gif) no-repeat left center;} #sidebar ul.ls2 li:first-child { margin:0 0 0 5px; padding:0 0 0 16px; } #sidebar ul.ls3 { display:block;margin:2px 0 ; padding:0; background:none; border:3px solid #ccc; clear:both; } #sidebar ul.ls3 li { display:block; line-height:1.6; margin:0 0 0 5px; padding:0 0 0 16px; background:url(../images/ico-ls02.gif) no-repeat left center;} #sidebar ul.ls4 { margin:2px 0 5px 0; padding:0; background:none; border-bottom:1px solid #ccc; clear:both; } #sidebar ul.ls4 li { display:block; line-height:1.3; margin:0 0 10px 5px; padding:0; } #contentLeft div.camp { width:710px; min-height:150px; overflow:auto; margin:0 0 10px 0; padding:10px; border:1px solid #ccc; background:#FFF9F3; clear:both;} #contentLeft div.campEnd { width:710px; min-height:150px; overflow:auto; margin:0 0 10px 0; padding:10px; border:1px solid #ccc; background:#f4f4f4; clear:both;} /*================================================== 追加汎用 ==================================================*/ td.blank { background:#ddd;} th.blank { background:#fff;} tr.blank td,tr.blank th ,tr.blank a { background:#ddd !important; color:#999 !important;} /*　投票買い目一覧・選択チェック時に欄がdisableになる　*/ td.void, th.void,.void a,.void a:hover { background:#fff !important;} td.active, td.active a,th.active { background:#6CF; color:#000 !important;} td.inactive, td.inactive a { background:#ddd; color:#999;} /*　機能しない　*/ td.closed, td.closed a { background:#e3e3e3; }　/*　終了した　*/ table.nowrap td {white-space: nowrap;}　/*　テーブル内のTDは改行させない　*/ td.noborder,th.noborder { border:none; background:none;} table.noborder { border:none;} td.nodata, th.nodata { background:#ddd !important; color:#ddd;} table.imgM1 img { margin:1px;} /* 画像のまわりにマージン1px */ .gd_blue{background: #f9fcff; background: -moz-linear-gradient(top, #f9fcff 0%, #bae5ff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fcff), color-stop(100%,#bae5ff)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcff', endColorstr='#bae5ff',GradientType=0 ); background: -o-linear-gradient(top, #f9fcff 0%,#bae5ff 100%);} .w980px { width:980px;} .w970px { width:970px;} .w963px { width:963px;} .w140px { width:140px;} .w108px { width:108px;} .w106px { width:106px;} .w103px { width:103px;} .w95px { width:95px;} .w90px { width:90px;} .w78px { width:78px;} .w77px { width:77px;} .w76px { width:76px;} .w75px { width:75px;} .w70px { width:70px;} .w60px { width:60px;} .w55px { width:55px;}