@charset "euc-jp";
body { min-width: 980px !important;}

/* ///////////////////////////////////////
      共通 コンポーネント
//////////////////////////////////////// */
/* 注釈リスト枠 c-boxAnnotation */
#main-race.page-purchase-ui .c-boxAnnotation__ttl {
    margin-bottom: 8px;
    line-height: 1;
    font-size: 15px;
    font-weight: bold;
}
#main-race.page-purchase-ui .c-boxAnnotation__item + .c-boxAnnotation__ttl {
    margin-top: 16px;
}
/* 注釈リスト単体 .c-listAnnotation*/
#main-race.page-purchase-ui .c-listAnnotation__item {
    text-indent: -1em;
    padding-left: 1em;
    line-height: 1.5;
    font-size: 11px;
    color: rgba(0,0,0,.6);
}
#main-race.page-purchase-ui .c-listAnnotation__txtStrong {
    font-weight: bold;
    color: #c00;
}
#main-race.page-purchase-ui .c-listAnnotation__txtAttention {
    font-weight: normal;
    color: #c00;
}
.font--10 {
    font-size: 10px !important;
}
.font--12 {
    font-size: 12px !important;
}
.mg-b--8 {
    margin-bottom: 8px !important;
}
.mg-b--16 {
    margin-bottom: 16px !important;
}
.mg-b--24 {
    margin-bottom: 24px !important;
}
.mg-b--32 {
    margin-bottom: 32px !important;
}
.mg-r--24 {
    margin-left: 24px !important;
}
/* ///////////////////////////////////////
      名前変更したCSS
//////////////////////////////////////// */
#main-race .boxtable {
width: 100%;
border-collapse: collapse;
background-color: #fbfbfb;
}
#main-race .boxtable > thead > tr > th {
padding: 6px 14px;
background:#dcdcdc url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_datatable_th.png) left -857px;
border: 1px #b7b7b7 solid;/*一部崩れ発生のため要検討*/
color: #333;
font-size: 14px;
white-space: nowrap;
text-align: left;
}

#main-race .boxtable > thead > tr + tr > th {
	background-position: left -880px;
}


#main-race .boxtable > thead > tr > th {
font-weight: normal;
}
#main-race .boxtable > thead + tbody > tr > td,
#main-race.boxtable > thead + tbody > tr > th {
border-top: none;
}
#main-race .boxtable > tbody > tr > th,
#main-race .boxtable > tbody > tr > td {
padding: 12px 14px;
border: 1px #cfcfd4 solid;
}
/*構造*/
#main-race .area-box{margin-bottom: 22px;}
#main-race .capt-box{margin-bottom: 12px;}
#main-race  .sect-box{
margin-bottom: 11px;
padding-bottom:1px;
}
#main-race .item-box{margin-bottom: 22px}
#main-race .xxxd-elem{margin-bottom: 12px}
#main-race .item-box:before,
#main-race .item-box:after {content:"";display:table}
#main-race .item-box:after {clear:both}
#main-race .item-box {zoom:1}
#main-race .unit{float:left}

#main-race .headline-group {
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#main-race .headline-group {
padding-left: 4px;
padding-bottom: 2px;
border-bottom: 1px #e7e7e9 solid;
font-size: 24px;
font-weight: normal;
}
#main-race .headline-group span.textten {
margin-left: 6px;
font-size: 10px;
font-weight: normal;
}
#main-race .textten {
font-family: Arial;
}
#main-race .boxerror{
padding: 6px;
border-radius: 3px;
border: #c00 1px solid;
background-color: #f8e8e8;
color: #c00;
font-weight: bold;
}
/*小見出し系*/
#main-race .captarrow {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#main-race .captarrow {
margin-bottom:12px;
padding-left: 12px;
background: url(http://p.dmm.com/p/common/ico_arrow.gif) no-repeat left 7px;
font-size: 16px;
}

#w {
    width: calc(100% - 24px) !important;
    margin: 0 12px !important;
}

#w #main-race .boxnotice{
background:#f3f3f5 url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_datatable_th_02.png) repeat-x left top;
padding: 12px;
}
#main-race table.moddatalist th {
padding-right: 12px;
white-space: nowrap;
font-weight: normal;
}

#main-race .boxcaptside {
padding: 6px 12px;
overflow: hidden;
border-bottom: #e7e7e9 1px solid;
}
#main-race .boxcaptside .title-group {
float: left;
margin: 0 10px 0 0;
}
#main-race .boxcaptside .unit {
margin-right: 16px;
}
#main-race .boxcaptside .unit .title-group {
margin: 0 10px 0 0;
}
#main-race .boxcaptside select {
margin: 0
}
#main-race .boxcaptside + .boxcaptside {
border-top: 1px #aaa dotted;
}

#main-race .boxcaptside .unit {
margin-right: 16px;
}
#main-race .boxcaptside .unit .title-group {
margin: 0 10px 0 0;
}
#main-race .boxseparate .rcol {
    float: right;
}
#main-race .textnomal {
font-size: 12px;
}

#main-race [class^="btn"] {
display: inline-block;
background-image: url(http://p.dmm.com/p/common/bt/bg_bt.gif);
background-color: #D2D2D2;
background-repeat: no-repeat;
background-position: 0 center;
border-color: #BBBBBB #999999 #888888;
border-style: solid;
border-width: 1px;
border-radius: 2px;
}
#main-race [class^="btn"]:hover {
position: relative;
top:1px;
background-position: -280px center;
border-color: #aaa #999999 #BBBBBB;
text-decoration: none;
}
#main-race [class^="btn"] > * {
display: inline-block;
background-image: url(http://p.dmm.com/p/common/bt/bg_bt_arrow.png);
background-color: transparent !important;
background-repeat: no-repeat;
background-position: 6px center;
border-color: #fff #fff #f0f0f0;
border-style: solid;
border-width: 1px;
border-radius: 1px;
text-align: center;
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
font-weight: bold !important;
word-break: normal !important;
color: #333;
}
#main-race [class^="btn"]:hover > * {
color: #636363;
text-decoration: none;
}
#main-race [class^="btn"] > input {
white-space: normal;
cursor: pointer !important;
line-height: 12px;
}
/* あしらい */
#main-race [class^="btn"][class*="-st"] {
background-image: url(http://p.dmm.com/p/common/bt/bg_bt_st.gif);
background-color: #FFC949;
}
#main-race [class^="btn"][class*="-st"] > * {
border: 1px #ffecb9 solid;
}
#main-race [class^="btn"][class*="-st"]:hover > * {
border-color: #f8e2a0;
}
#main-race [class^="btn"][class*="-xst"] {
background-image: url(http://p.dmm.com/p/common/bt/bg_bt_xst.gif);
background-color: #FC6225;
border-color: #8f8f8f #808080 #5d5d5d;
}
#main-race [class^="btn"][class*="-xst"] > * {
background-image: url(http://p.dmm.com/p/common/bt/bg_bt_arrowwhi.png);
border: 1px #ff874c solid;
color: #fff;
}
#main-race [class^="btn"][class*="-xst"]:hover > * {
border-color: #ff9d50;
}
/* 基本設定 */
#main-race [class^="btn"] > * {
padding: 2px 3px 2px 12px;
line-height: 12px;
font-size: 12px;
}
#main-race [class^="btn"][class*="-hi"] > * {
padding: 5px 3px 5px 13px;
background-position: -274px center;
line-height: 14px;
font-size: 14px;
}
#main-race [class^="btn"][class*="-xhi"] > * {
padding: 9px 3px 7px 16px;
background-position: -554px center;
line-height: 16px;
font-size: 16px;
}
/* 幅指定　サイズが以下になるよう調整
btn(160*20)  btn-sm(90*20)  btn-la(220*20)
btn-hi(180*28)  btn-sm-hi(120*28)  btn-la-hi(240*28)
btn-xhi(210*36)  btn-sm-xhi(150*36)  btn-la-xhi(270*36) */

/* paddingとborderを差し引いた値を設定 */
#main-race [class^="btn"] > * {width: 141px;}
#main-race [class^="btn"][class*="-sm"] > * {width: 71px;}
#main-race [class^="btn"][class*="-la"] > * {width: 201px;}
#main-race [class^="btn"][class*="-hi"] > * {width: 160px;}
#main-race [class^="btn"][class*="-hi"][class*="-sm"] > * {width: 100px;}
#main-race [class^="btn"][class*="-hi"][class*="-la"] > * {width: 220px;}
#main-race [class^="btn"][class*="-xhi"] > * {width: 187px;}
#main-race [class^="btn"][class*="-xhi"][class*="-sm"] > * {width: 127px;}
#main-race [class^="btn"][class*="-xhi"][class*="-la"] > * {width: 247px;}

/* borderを差し引いた値を設定 */
#main-race [class^="btn"] > input {width: 158px;}
#main-race [class^="btn"][class*="-sm"] > input {width: 88px;}
#main-race [class^="btn"][class*="-la"] > input {width: 218px;}
#main-race [class^="btn"][class*="-hi"] > input {width: 178px;}
#main-race [class^="btn"][class*="-hi"][class*="-sm"] > input {width: 118px;}
#main-race [class^="btn"][class*="-hi"][class*="-la"] > input {width: 238px;}
#main-race [class^="btn"][class*="-xhi"] > input {width: 208px;}
#main-race [class^="btn"][class*="-xhi"][class*="-sm"] > input {width: 148px;}
#main-race [class^="btn"][class*="-xhi"][class*="-la"] > input {width: 268px;}

#main-race [class^="btn"] > input, x:-moz-any-link {  /* firefox hack */
padding-top: 0 !important; padding-bottom: 0 !important;
}
#d-ie7 #main-race [class^="btn"] > input, x:-moz-any-link {
padding-top: 2px !important; padding-bottom: 2px !important;
}
#d-ie7 [class^="btn"],
#d-ie7 [class^="btn"] > * {display: inline !important}
#d-ie7 [class^="btn"] > input {
border: none !important;
margin:0 !important;
}
/* ボタンバリエーション */
#main-race [class^="btn"][class*="-bskt"] > * { background-image: url(http://p.dmm.com/p/common/bt/bg_bt_bskt.png)}

#main-race [class^="btn"][class*="-prev"] > * {background-image: url(http://p.dmm.com/p/common/bt/bg_bt_prev.png)}

#main-race [class^="btn"][class*="-next"] > * {
padding: 2px 12px 2px 3px;
background-image: url(http://p.dmm.com/p/common/bt/bg_bt_next.png);
background-position: 145px center;
}
#main-race [class^="btn"][class*="-sm"][class*="-next"] > * {background-position: 75px center}
#main-race [class^="btn"][class*="-la"][class*="-next"] > * {background-position: 205px center}
#main-race [class^="btn"][class*="-hi"][class*="-next"] > * {
padding: 5px 13px 5px 3px;
background-image: url(http://p.dmm.com/p/common/bt/bg_bt_next.png);
background-position: -117px center;
}
#main-race [class^="btn"][class*="-sm"][class*="-hi"][class*="-next"] > * {background-position: -177px center}
#main-race [class^="btn"][class*="-la"][class*="-hi"][class*="-next"] > * {background-position: -57px center}
#main-race [class^="btn"][class*="-xhi"][class*="-next"] > * {
padding: 9px 16px 7px 3px;
background-image: url(http://p.dmm.com/p/common/bt/bg_bt_next.png);
background-position: -369px center;
}
#main-race [class^="btn"][class*="-sm"][class*="-xhi"][class*="-next"] > * {background-position: -429px center}
#main-race [class^="btn"][class*="-la"][class*="-xhi"][class*="-next"] > * {background-position: -309px center}

/* ボタンオフ */
#w [class^="btn"].btn-off{
filter: alpha(opacity=50);
opacity: 0.5;
cursor: default;
}
#w [class^="btn"].btn-off:hover {
top:0;
background-position: 0 center;
border-color: #BBBBBB #999999 #888888;
text-decoration: none;
}
#w [class^="btn"][class*="-xst"].btn-off:hover {border-color: #8f8f8f #808080 #5d5d5d;}
#w [class^="btn"].btn-off:hover > * {color: #333;}
#w [class^="btn"].btn-off > input {cursor: default !important;}
#w [class^="btn"][class*="-st"].btn-off:hover > * {border-color: #ffecb9;}
#w [class^="btn"][class*="-xst"].btn-off:hover > * {
color: #fff;
border-color: #ff874c;
}

#w input[type="text"][class*="modform"]{
padding: 2px;
font-size: 14px;
vertical-align: middle;
}
#w input[type="text"].modform-5{width: 6em}
#w input[type="text"].modform-10{width: 11em}
#w input[type="text"].modform-15{width: 16em}
#w input[type="text"].modform-20{width: 21em}



#main-race .boxstrong{
padding: 12px;
border: #c4c4cb 1px solid;
border-radius: 5px;
background: #ffcd04 url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_datatable_th.png) repeat-x left -2614px;
}

#main-race .boxpicdata {
padding-top: 6px;
}
#main-race .boxpicdata .modtmb {
display: block;
float:left;
margin-top: -6px;
margin-right: 20px
}
#main-race .boxpicdata .d-datacol {
margin-top: 6px;
overflow: hidden;
}

#main-race .d-boxpricelist.smalltmb li a {width: 120px;}
#main-race .d-boxpricelist.smalltmb .d-bcol {width: 120px;}
#main-race .boxhoverlist.smalltmb ul {
padding-left: 130px;
}
#main-race .smalltmb .modtmb,
#main-race .smalltmb .tmb-group,
#main-race .smalltmb .tmb-group .d-img  {width:120px}
#main-race .d-largetmb .modtmb,
#main-race .d-largetmb .tmb-group,
#main-race .d-largetmb .tmb-group .d-img  {width:160px}
#main-race .d-hugetmb .modtmb,
#main-race .d-hugetmb .tmb-group,
#main-race .d-hugetmb .tmb-group .d-img  {width:224px}
#main-race .d-freetmb .tmb-group span  {padding: 10px}
#main-race .tmb-group a:hover,
#main-race a:hover .tmb-group  {
background: #f3f3f3;
}
#main-race .tmb-group .d-img {
display: table-cell;
width: 100%;
vertical-align: middle;
text-align: center;
}
#main-race .tmb-group .d-img img {
margin: auto;
}
#main-race .tmb-group .d-img .d-copy{
display:block;
height:3em;
margin:10px 10px 0;
color:#666;
font-family:'メイリオ',Meiryo;
font-size:8px;
text-align:left;
word-wrap:break-word;
}

#main-race .tmb-group .d-cont{
display: block;
margin: 10px 10px 0;
text-align: left;
}

#main-race .modtmb {
display: block;
}
#main-race .boxpicdata .modtmb {
display: block;
float:left;
margin-top: -6px;
margin-right: 20px
}

#main-race .boxhoverlist ul {
position: relative;
min-height: 100px;
padding-left: 150px;
}
#main-race .boxhoverlist.smalltmb ul {
padding-left: 130px;
}
#main-race .boxhoverlist.d-largetmb ul {
padding-left: 170px;
}
#main-race .boxhoverlist .modtmb {
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
#main-race .boxhoverlist li:first-child .modtmb {
z-index: 10;
}
#main-race .boxhoverlist li > *{
display: block;
padding: 4px 6px;
text-decoration: none;
}
#main-race .boxhoverlist li .d-ttl {
float: left;
padding: 0 12px 0 0;
}
#main-race .boxhoverlist li .d-ttl + * {
display: block;
overflow: hidden;
}
#main-race .boxhoverlist li > *:hover,
#main-race .boxhoverlist li.on > * {
background: #f0f0f0;
}
#main-race .boxhoverlist li > *:hover .modtmb,
#main-race .boxhoverlist li.on .modtmb {
z-index: 20;
}

#main-race .d-boxcollist > li > .tmb-group {
position: relative;
margin: 0 auto 20px;
}
#main-race .d-boxrelatedlist tr th .tmb-group{
margin-bottom:0;
}
#main-race .d-boxrelatedlist tr td .d-boxcollist > li > .tmb-group{
margin-bottom:0;
}
#main-race .tmb-group {
display: block;
background-color: #fff;
border: 1px #ddd solid;
border-radius: 3px;
box-sizing: border-box;
}
#main-race .tmb-group > * {
display: block;
padding:10px;
text-align: center;
text-decoration: none;
}
#main-race .middletmb .tmb-group{
margin-bottom: 3px;
}
#main-race [class*="textnote"] {
padding-left: 12px;
font-size: 11px;
color: #666;
}
#main-race .textnote-l,
#main-race .textnote-la {
font-size: 16px;
}

a:link,.textlink{color:#005fc0;text-decoration: none;cursor: pointer}
a:hover,a:active,.textlink:hover{color:#e20;text-decoration: underline}

/*共通リスト*/
#main-race .smalltmb .modtmb,
#main-race .smalltmb .tmb,
#main-race .smalltmb tmb .img {
    width: 120px;
}
#main-race .middletmb li{
	display: block;
	float: left;
	margin: 0 7px 20px 0;
    overflow: hidden;
}

/* ///////////////////////////////////////




/* 共通パーツテーブル */
#main-race .nr {white-space: normal !important;}
#w [class*="boxtable"].datatable > thead > tr > th,
#w [class*="boxtable"].datatable > tbody > tr > th,
#w [class*="boxtable"].datatable > tbody > tr > td {
text-align: center;
}
#w .page-result [class*="boxtable"].datatable > tbody > tr > td,
#w .page-carryover [class*="boxtable"].datatable > tbody > tr > td,
#w [class*="boxtable"].datatable > thead > tr > th,
#w [class*="boxtable"].datatable > tbody > tr > th{
white-space: nowrap;
}
#w [class*="boxtable"].datatable > tbody > tr > th {
width:7em;
}
#main-race .datatable {background-color: #fff;}

/* strongline */
#w #main-race.page-race-myget01 .expensive dl,
#w [class*="boxtable"].datatable tr.strongline th {
background: #efd97f url(http://p.dmm.com/p/general/race/chariloto/stripe_w50.png) repeat;
font-weight: bold;
}
#w [class*="boxtable"].datatable tr.strongline th {font-size: 16px;}

#w #main-race.page-race-myget01 .expensive,
#w [class*="boxtable"].datatable tr.strongline td {background: #fff4ca url(http://p.dmm.com/p/general/race/chariloto/stripe_w50.png) repeat ;}
#w [class*="boxtable"].datatable td.strongline {background: #fffdde;}
#w #d-ie7 [class*="boxtable"].datatable td.strongline{background: none;}
#w [class*="page-carryover"] [class*="boxtable"].datatable td.strongline span,
#w [class*="page-result"] [class*="boxtable"].datatable td.strongline span{
font-weight: bold;
font-family: Arial Black;
}
#w .tblttl {
width: 1%;
white-space: nowrap;
}


/* 車番パーツ */
#main-race p[class*="racenum-"]{
overflow: hidden;
width:42px;
height: 42px;
margin: auto;
background-image: url(http://p.dmm.com/p/general/race/chariloto/ico_number.png);
}

#d-ie7 #main-race p[class*="racenum-"] {float: left;}
#main-race p[class*="racenum-"] span {display: none;}
#main-race .racenum-0{ background-position: -10px -460px;}
#main-race .racenum-1{ background-position: -10px -10px;}
#main-race .racenum-2{ background-position: -10px -60px;}
#main-race .racenum-3{ background-position: -10px -110px;}
#main-race .racenum-4{ background-position: -10px -160px;}
#main-race .racenum-5{ background-position: -10px -210px;}
#main-race .racenum-6{ background-position: -10px -260px;}
#main-race .racenum-7{ background-position: -10px -310px;}
#main-race .racenum-8{ background-position: -10px -360px;}
#main-race .racenum-9{ background-position: -10px -410px;}

#main-race .stop-num .racenum-0,
#main-race .racenum-0.racenum-blank{ background-position: -72px -460px;}
#main-race .stop-num .racenum-1,
#main-race .racenum-1.racenum-blank{ background-position: -72px -10px;}
#main-race .stop-num .racenum-2,
#main-race .racenum-2.racenum-blank{ background-position: -72px -60px;}
#main-race .stop-num .racenum-3,
#main-race .racenum-3.racenum-blank{ background-position: -72px -110px;}
#main-race .stop-num .racenum-4,
#main-race .racenum-4.racenum-blank{ background-position: -72px -160px;}
#main-race .stop-num .racenum-5,
#main-race .racenum-5.racenum-blank{ background-position: -72px -210px;}
#main-race .stop-num .racenum-6,
#main-race .racenum-6.racenum-blank{ background-position: -72px -260px;}
#main-race .stop-num .racenum-7,
#main-race .racenum-7.racenum-blank{ background-position: -72px -310px;}
#main-race .stop-num .racenum-8,
#main-race .racenum-8.racenum-blank{ background-position: -72px -360px;}
#main-race .stop-num .racenum-9,
#main-race .racenum-9.racenum-blank{ background-position: -72px -410px;}
#main-race.page_result_detail [class*="boxtable"].datatable > thead > tr > th + th,
#main-race.page-chance [class*="boxtable"].datatable > thead > tr > th + th {width: 12%;}

#main-race p[class*="racenum-"][class*="-sm"]{
overflow: hidden;
width:24px;
height: 0 !important;
padding-top: 24px;
background-image: url(http://p.dmm.com/p/general/race/chariloto/ico_number_s.png)
}
#main-race p[class*="racenum-"][class*="-sm"] span {position: static;}

#main-race .racenum-0-sm{ background-position: -2px -227px;}
#main-race .racenum-1-sm{ background-position: -2px -1px;}
#main-race .racenum-2-sm{ background-position: -2px -26px;}
#main-race .racenum-3-sm{ background-position: -2px -51px;}
#main-race .racenum-4-sm{ background-position: -2px -76px;}
#main-race .racenum-5-sm{ background-position: -2px -101px;}
#main-race  .racenum-6-sm{ background-position: -2px -126px;}
#main-race .racenum-7-sm{ background-position: -2px -151px;}
#main-race  .racenum-8-sm{ background-position: -2px -176px;}
#main-race .racenum-9-sm{ background-position: -2px -201px;}

#main-race .stop-num .racenum-0-sm,
#main-race .miss-num .racenum-0-sm,
#main-race .racenum-0-sm.racenum-blank-sm{ background-position: -27px -227px;}
#main-race .stop-num .racenum-1-sm,
#main-race .miss-num .racenum-1-sm,
#main-race .racenum-1-sm.racenum-blank-sm{ background-position: -27px -1px;}
#main-race .stop-num .racenum-2-sm,
#main-race .miss-num .racenum-2-sm,
#main-race .racenum-2-sm.racenum-blank-sm{ background-position: -27px -26px;}
#main-race .stop-num .racenum-3-sm,
#main-race .miss-num .racenum-3-sm,
#main-race .racenum-3-sm.racenum-blank-sm{ background-position: -27px -51px;}
#main-race .stop-num .racenum-4-sm,
#main-race .miss-num .racenum-4-sm,
#main-race .racenum-4-sm.racenum-blank-sm{ background-position: -27px -76px;}
#main-race .stop-num .racenum-5-sm,
#main-race .miss-num .racenum-5-sm,
#main-race .racenum-5-sm.racenum-blank-sm{ background-position: -27px -101px;}
#main-race .stop-num .racenum-6-sm,
#main-race .miss-num .racenum-6-sm,
#main-race .racenum-6-sm.racenum-blank-sm{ background-position: -27px -126px;}
#main-race .stop-num .racenum-7-sm,
#main-race .miss-num .racenum-7-sm,
#main-race .racenum-7-sm.racenum-blank-sm{ background-position: -27px -151px;}
#main-race .stop-num .racenum-8-sm,
#main-race .miss-num .racenum-8-sm,
#main-race .racenum-8-sm.racenum-blank-sm{ background-position: -27px -176px;}
#main-race .stop-num .racenum-9-sm,
#main-race .miss-num .racenum-9-sm,
#main-race .racenum-9-sm.racenum-blank-sm{ background-position: -27px -201px;}

#main-race[class*="page-race-result"] [class*="boxtable"].datatable > thead > tr > th + th {width: 11.5%;}
#main-race.page-race-result .d-modbabble-r > div,
#main-race.page-race-result02 .d-modbabble-r > div { width: 400px;}

#main-race table tr td div dl dd,
#main-race table tr td div ul li {
float: left;
margin-right: 16px;
}


#main-race p.unsettled{
overflow: hidden;
width:45px;
height: 45px;
margin: auto;
background-image: url(http://p.dmm.com/p/general/race/chariloto/ico_unsettled_tx.png);
}
#main-race p.unsettled span {
position: absolute;
z-index: -1;
}

#main-race ul.buy-number {overflow: hidden;}
#main-race ul.buy-number > li {
margin: 0 8px 5px 0;
padding: 0;
}
#main-race ul.buy-number > li span {
display: block;
width: 24px;
height: 24px;
text-align: center;
}
#main-race ul.buy-number.blank {
opacity:0.6;
filter:alpha(opacity=60);}
#main-race p[class*="racenum-"][class*="-sm"]{
overflow: hidden;
width:24px;
height: 0 !important;
padding-top: 24px;
background-image: url(http://p.dmm.com/p/general/race/chariloto/ico_number_s.png)
}

#main-race p.racenum-prize {
position: absolute;
top:-22px;
left:-22px;
width: 45px;
height: 58px;
background-image: url(http://p.dmm.com/p/general/race/chariloto/ico_win.png);
}
#main-race p.racenum-prize span { display: none;}
#main-race[class*="page-race-result"] p.racenum-prize { top: -45px;}
/*simul*/
#main-race p.simul {
line-height: 1;
padding: 4px 0 2px 0;
margin-bottom: 6px;
border-radius: 3px;
background-color: #c00;
color: #fff;
font-weight: bold;
}
#main-race .simul-over {
width: 45px;
height: 45px;
margin: auto;
background: url(http://p.dmm.com/p/general/race/chariloto/ico_simul.png) no-repeat top left;
}
#main-race p.simul + p[class*="racenum-"][class*="-sm"],
#main-race p.simul + p[class*="racenum-"][class*="-sm"] + p[class*="racenum-"][class*="-sm"],
#main-race p.simul + p[class*="racenum-"][class*="-sm"] + p[class*="racenum-"][class*="-sm"] + p[class*="racenum-"][class*="-sm"] {
display: inline-block;
margin: 0 -1px;
}
#d-ie7 #main-race p.simul + p[class*="racenum-"][class*="-sm"],
#d-ie7 #main-race p.simul + p[class*="racenum-"][class*="-sm"] + p[class*="racenum-"][class*="-sm"],
#d-ie7 #main-race p.simul + p[class*="racenum-"][class*="-sm"] + p[class*="racenum-"][class*="-sm"] + p[class*="racenum-"][class*="-sm"] {
display: inline;
}

#main-race .simul-over > span { display: none;}
/*two*/
#main-race .two ul.buy-number > li  {
padding: 0 12px;
background: url(http://p.dmm.com/p/general/race/chariloto/ico_purchasetwo.gif) no-repeat center center;
}
#main-race .two ul.buy-number > li + li {border-left: #999 1px dotted;}
#main-race .two ul.buy-number > li p + p {margin-top: 4px;}
#main-race .two ul.buy-number > li p[class*="racenum-"]:first-child {margin-bottom:20px}

#main-race.page-race-result .d-modbabble-r.two > div,
#main-race.page-race-result02 .d-modbabble-r.two > div { width: 230px;}

#d-ie7 #main-race .two li * {
margin: 0;
}
#d-ie7 #main-race .two p {
float: none;
display: block !important;
padding-top: 26px;
}


/* カレンダー用テーブル */
#main-race.page-calender .unit select,
#main-race [class*="calendar"] .unit select {float:left;}
#main-race.page-calender .boxcaptside,
#main-race.page-purchase-ui .cont-calendar .boxcaptside {
	background: #f4f4f4;
}

#main-race.page-calender .captarrow div.exptxt,
#main-race.page-purchase-ui .cont-calendar .captarrow div.exptxt {
	margin: 10px 0;
	padding: 3px 10px;
	border-radius: 6px;
	background: #fbfbfb;
}
#main-race.page-calender .keirin .captarrow div.exptxt p + p,
#main-race.page-purchase-ui .cont-calendar .keirin .captarrow div.exptxt p + p {
	margin-top: 3px;
}

#main-race.page-calender ul.exptxt {
	font-size: 11px;
}
#main-race.page-calender ul.exptxt li {
	padding-left: 2em;
	text-indent:-2em;
}
#main-race.page-calender ul.exptxt li + li {
	margin-top: 3px;
}

/* 切り替えボタン */
#main-race.page-calender .capt-box > .item-box,
#main-race.page-purchase-ui .cont-calendar .capt-box > .item-box {
	margin: 12px 0 0 0;
}
#main-race.page-calender .capt-box .item-box ul.bt-unit li,
#main-race.page-calender .capt-box > .item-box ul.descriptiongroup li,
#main-race.page-purchase-ui .cont-calendar .capt-box .item-box ul.bt-unit li,
#main-race.page-purchase-ui .cont-calendar .capt-box > .item-box ul.descriptiongroup li {
	float: left;
}
#main-race.page-calender .capt-box > .item-box ul.descriptiongroup,
#main-race.page-purchase-ui .cont-calendar .capt-box > .item-box ul.descriptiongroup {
	float: right;
}
#main-race.page-calender .capt-box .item-box ul.bt-unit li,
#main-race.page-purchase-ui .cont-calendar .capt-box .item-box ul.bt-unit li {
	border: 1px solid #999;
	border-radius: 5px;
}
#main-race.page-calender .capt-box .item-box ul.bt-unit li a,
#main-race.page-purchase-ui .cont-calendar .capt-box .item-box ul.bt-unit li a {
	display: block;
  width: 8.5em;
	background: url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_odds_bt.png) repeat-x scroll center center transparent;
	border-left: 1px solid #fff;
  border-radius: 5px 5px 5px 5px;
	border-top: 1px solid #fff;
	color: #333;
	font-size: 14px;
	text-align: center;
}
#main-race.page-calender .capt-box .item-box ul.bt-unit li.active a,
#main-race.page-purchase-ui .cont-calendar .capt-box .item-box ul.bt-unit li.active a {
	border-color: #ffea00;
	background: url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_odds_bt_on.png) repeat-x scroll center center transparent;
	color: #c00;
}
#main-race.page-calender .capt-box .item-box ul.bt-unit li a:hover,
#main-race.page-purchase-ui .cont-calendar .capt-box .item-box ul.bt-unit li a:hover {
	text-decoration: none;
	color: #c00;
}
#main-race.page-calender .capt-box .item-box ul.bt-unit li:hover,
#main-race.page-purchase-ui .cont-calendar .capt-box .item-box ul.bt-unit li:hover {
	position: relative;
	top:1px;
}
#main-race.page-calender .capt-box ul.bt-unit li.active,
#main-race.page-purchase-ui .cont-calendar .capt-box .item-box ul.bt-unit li.active {
position: static;
border-color: #c59500;
}
#main-race.page-calender .capt-box .item-box ul.bt-unit li + li,
#main-race.page-calender .capt-box > .item-box ul.descriptiongroup li + li,
#main-race.page-purchase-ui .cont-calendar .capt-box .item-box ul.bt-unit li + li,
#main-race.page-purchase-ui .cont-calendar .capt-box > .item-box ul.descriptiongroup li + li {
	margin-left: 6px;
}
#main-race.page-calender .capt-box > .item-box ul.descriptiongroup li span,
#main-race.page-purchase-ui .cont-calendar .capt-box > .item-box ul.descriptiongroup li span {
	display: inline-block;
}

/* table */
#main-race .calendartable {
width: 100%;
border-collapse: collapse;
}
#main-race .calendartable th,
#main-race .calendartable td {
font-weight: normal;
white-space: nowrap;
}
#main-race .calendartable thead th {
padding: 3px;
border: #b7b7b7 1px solid;
background: #dcdcdc url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_datatable_th.png) repeat-x 0 -1278px;
color: #333;
font-size: 11px;
text-align: center;
}
#main-race .calendartable thead th.saturday {background: #c8cfff url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_datatable_th.png) repeat-x 0 -1620px;}
#main-race .calendartable thead th.holiday {background: #e8cbcb url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_datatable_th.png) repeat-x 0 -1449px;}
#main-race .calendartable tbody th {
background: #f3f3f5 url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_datatable_th_02.png) repeat-x 0 top;
padding: 4px;
}

#main-race .calendartable thead + tbody td,
#main-race .calendartable thead + tbody th {
border-top: none;
}

#main-race .calendartable tbody th,
#main-race .calendartable tbody td {
border: 1px #cecece solid;
text-align: center;
}
#main-race .calendartable tbody th dt {
	width: 80px;
	margin: auto;
	white-space: nowrap;
}
#main-race .calendartable tbody th dl dd {
	float: left;
	width: 50%;
	font-size: 10px;
	color: #505050;
	text-align: center;
}

#main-race .calendartable tbody tr[class*="group-"] th {
	height: 50px;
	padding: 0;
	background: #f3f3f5 url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_datatable_th_02.png) repeat-x 0 top;
}
#main-race .calendartable tbody tr {background: #fbfbfb;}
#main-race .calendartable tbody td.saturday {background-color: #edeffc}
#main-race .calendartable tbody td.holiday {background-color: #fceded}
#main-race .calendartable tbody td {
width:3%;
}
#main-race .calendartable tbody td.raceday,
#main-race .calendartable tbody td.beforeday {
padding: 0 1px 0 1px;
border-left:none !important;
border-right:none !important;
}
#main-race .calendartable tbody td.raceday-overlap {
	border-left: #f78ba7 1px solid !important;
	box-shadow: 1px 0 0 #ffd9de inset;
	-moz-box-shadow: 1px 0 0 #ffd9de inset;
}

#main-race .calendartable tbody td[class*="raceday"]{
background: #f8bad0 url(http://p.dmm.com/p/general/race/chariloto/bg_calender.png) repeat-x 0 -40px;
border-bottom: 1px #eb95b4 solid;
}
#main-race .calendartable tbody td.raceday.stop-num { border-bottom: 1px #c6c6c6 solid!important;}
#main-race .calendartable tbody td.beforeday{
background: #2586d9 url(http://p.dmm.com/p/general/race/chariloto/bg_calender.png) repeat-x 0 0px;
border-bottom: 1px #116ab7 solid !important;
color:#fff;
}
#main-race .sect-box.chariloto .calendartable tbody td[class*="raceday"].chariloto {
	background-position: 0 -160px;
	background-color: #f8bad0;
	border-bottom: 1px #eb95b4 solid !important;
}
#main-race .sect-box.chariloto .calendartable tbody td.beforeday,
#main-race .sect-box.dokanto .calendartable tbody td.beforeday {
	background-position: 0 -220px;
	background-color: #2586D9 !important;
}
#main-race .calendartable tbody td.raceday.dokanto {
	background-position: 0 -80px;
	background-color: #ffd956;
	border-bottom: 1px #eab128 solid;
}
#main-race .sect-box.dokanto .calendartable tbody td.raceday.dokanto {
	background-position: 0 -280px;
}
#main-race .calendartable tbody td.raceday.keirin {
	background-position: 0 -120px;
	border-bottom: 1px #84ab2a solid;
	background-color: #b0db4e;
}

#main-race .calendartable tbody td.raceday[colspan="3"] {
width: 9%;
}
#main-race .calendartable tbody td.raceday[colspan="4"] {
width: 12%;
}
#main-race .calendartable tbody td.raceday a {
display:block;
width: 100%;
height: 30px;
line-height: 30px;
color: #0060ff;
}
#main-race .calendartable tbody td.raceday a:hover { color: #e20;}
#main-race .sect-box.chariloto .calendartable tbody td.raceday.chariloto.stop-num {
	border-color: #b7b7b7 !important;
}


#main-race [class^="bubble"] {
display: block;
position: absolute;
border-bottom: 4px solid #000;
border-left: 4px solid transparent;
}
#main-race [class^="bubble"] span {
display: block;
float: left;
padding: 0 6px;
margin: 0 0 -9px;
background: #000;
border-radius: 6px;
line-height: 18px;
font-size: 12px;
color: #fff;
}
#main-race .calendartable td [class^="bubble"]{
float: right;
margin: -18px 0 0 2%;
}
#d-ie7 #main-race .calendartable td [class^="bubble"] {margin-top: 0;}
#main-race .calendartable td a + [class^="bubble"],
#d-ie7 #main-race .calendartable td a + [class^="bubble"] {margin-top: -24px;}
#main-race .bubble-dokanto {
font-family: Verdana;
font-weight: bold;
}


#main-race .d-ttlarrow .exptxt,
#main-race .d-ttlarrow .captarrow {
font-size:12px;
}
#main-race .d-ttlarrow .exptxt .beforeday,
#main-race .captarrow .exptxt .beforeday {
width:12px;
height:12px;
border: #fff 1px solid;
border-radius: 3px;
background: #2282E7 url(http://p.dmm.com/p/general/race/chariloto/bg_calender.png) 0 -9px;
}
#main-race .d-ttlarrow .exptxt .raceday,
#main-race .captarrow .exptxt .raceday {
width:12px;
height:12px;
border: #fff 1px solid;
border-radius: 3px;
background: #FFC824 url(http://p.dmm.com/p/general/race/chariloto/bg_calender.png) 0 -49px;
}
#main-race .d-ttlarrow .exptxt .raceday.dokanto,
#main-race .captarrow .exptxt .raceday.dokanto {
	background-position: 0 -89px;
}
#main-race .d-ttlarrow .exptxt .raceday.keirin,
#main-race .captarrow .exptxt .raceday.keirin {
	background-position: 0 -129px;
}
#main-race .d-ttlarrow .exptxt .stop,
#main-race .captarrow .exptxt .stop {
width:12px;
height:12px;
border: #fff 1px solid;
border-radius: 3px;
background-color: #ddd;
}
#main-race .d-ttlarrow .exptxt .stop:hover,
#main-race .captarrow .exptxt .stop:hover {
cursor: default;
}

#main-race .d-ttlarrow .exptxt .dokanto,
#main-race .captarrow .exptxt .dokanto {
font-family: Verdana;
font-weight: bold;
}
#d-ie7 #w #main-race .calendartable td.stop-num + td.stop-num { background-color: #ddd !important;}

#main-race.page-calender .area-box .sect-box,
#main-race.page-purchase-ui .area-common > div.cont-calendar .sect-box {
position: relative;
margin-bottom: 20px;
padding: 10px;
border-radius: 5px;
background: url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_subbox.png) repeat 0 0;
}
#main-race.page-calender .area-box .sect-box .captarrow,
#main-race.page-purchase-ui .area-common > div.cont-calendar .sect-box .captarrow {
margin-bottom: 6px;
padding: 0;
background: none;
font-size: 18px;
font-weight: bold;
}
#main-race.page-calender .area-box .sect-box .captarrow .exptxt,
#main-race.page-purchase-ui .area-common > div.cont-calendar .sect-box .captarrow .exptxt {font-size: 12px; font-weight: normal;}
#main-race.page-calender .area-box .sect-box .captarrow  > a,
#main-race.page-purchase-ui .area-common > div.cont-calendar .sect-box .captarrow > a {
position: absolute;
top:16px;
right: 10px;
font-weight: normal
}
/*カレンダー用ロゴ*/
/*ie8*/
#main-race.page-calender .area-box .sect-box.chariloto:after,
#main-race.page-purchase-ui .area-common > div.cont-calendar .sect-box.chariloto:after,
#main-race.page-calender .area-box .sect-box.chariloto .captarrow:after,
#main-race.page-purchase-ui .area-common > div.cont-calendar .sect-box.chariloto .captarrow:after,
#main-race.page-calender .area-box .sect-box.chariloto:before,
#main-race.page-purchase-ui .area-common > div.cont-calendar .sect-box.chariloto:before,
#main-race.page-calender .area-box .sect-box.chariloto .captarrow:before,
#main-race.page-purchase-ui .area-common > div.cont-calendar .sect-box.chariloto .captarrow:before,
#main-race.page-calender .area-box .sect-box.dokanto:after,
#main-race.page-purchase-ui .area-common > div.cont-calendar .sect-box.dokanto:after,
#main-race.page-calender .area-box .sect-box.dokanto:before,
#main-race.page-purchase-ui .area-common > div.cont-calendar .sect-box.dokanto:before,
#main-race.page-calender .area-box .sect-box.keirin:after,
#main-race.page-purchase-ui .area-common > div.cont-calendar .sect-box.keirin:after{
content: "";
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_logo_02.png) no-repeat -249px -100px;
position: absolute;
top:10px;
display: block;
width: 65px;
height: 30px;
}
#main-race.page-calender .area-box .sect-box.dokanto:after,
#main-race.page-purchase-ui .area-common > div.cont-calendar .sect-box.dokanto:after,
#main-race.page-calender .area-box .sect-box.dokanto:before,
#main-race.page-purchase-ui .area-common > div.cont-calendar .sect-box.dokanto:before{
width: 150px;
height: 35px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_logo.png) no-repeat -240px -320px;
}

#main-race.page-calender .area-box .sect-box.chariloto:after,
#main-race.page-purchase-ui .area-common > div.cont-calendar .sect-box.chariloto:after{
left:106px;
}
#main-race.page-calender .area-box .sect-box.chariloto .captarrow:after,
#main-race.page-purchase-ui .area-common > div.cont-calendar .sect-box.chariloto .captarrow:after{
left:166px;
background-position: -249px -300px;
}
#main-race.page-calender .area-box .sect-box.chariloto:before,
#main-race.page-purchase-ui .area-common > div.cont-calendar .sect-box.chariloto:before{
left:226px;
background-position: -249px -200px;
}
#main-race.page-calender .area-box .sect-box.chariloto .captarrow:before,
#main-race.page-purchase-ui .area-common > div.cont-calendar .sect-box.chariloto .captarrow:before{
left:286px;
background-position: -249px -400px;
}

#main-race.page-calender .area-box .sect-box.dokanto:after,
#main-race.page-purchase-ui .area-common > div.cont-calendar .sect-box.dokanto:after{
left:106px;
}
#main-race.page-calender .area-box .sect-box.dokanto:before,
#main-race.page-purchase-ui .area-common > div.cont-calendar .sect-box.dokanto:before{
left:206px;
background-position: -240px -400px;
}
#main-race.page-calender .area-box .sect-box.keirin:after,
#main-race.page-purchase-ui .area-common > div.cont-calendar .sect-box.keirin:after{
left:86px;
width: 61px;
height: 23px;
background: url(http://p.dmm.com/p/general/race/chariloto/purchase/csssp_header.png) no-repeat left -224px;
}
/*通常指定*/
#main-race.page-calender .area-box:not(h1) .sect-box.chariloto:after,
#main-race.page-purchase-ui .area-common > div.cont-calendar:not(h1) .sect-box.chariloto:after,
#main-race.page-calender .area-box:not(h1) .sect-box.chariloto .captarrow:after,
#main-race.page-purchase-ui .area-common > div.cont-calendar:not(h1) .sect-box.chariloto .captarrow:after,
#main-race.page-calender .area-box:not(h1) .sect-box.chariloto:before,
#main-race.page-purchase-ui .area-common > div.cont-calendar:not(h1) .sect-box.chariloto:before,
#main-race.page-calender .area-box:not(h1) .sect-box.chariloto .captarrow:before,
#main-race.page-purchase-ui .area-common > div.cont-calendar:not(h1) .sect-box.chariloto .captarrow:before,
#main-race.page-calender .area-box:not(h1) .sect-box.dokanto:after,
#main-race.page-purchase-ui .area-common > div.cont-calendar:not(h1) .sect-box.dokanto:after,
#main-race.page-calender .area-box:not(h1) .sect-box.dokanto:before,
#main-race.page-purchase-ui .area-common > div.cont-calendar:not(h1) .sect-box.dokanto:before,
#main-race.page-calender .area-box:not(h1) .sect-box.keirin:after,
#main-race.page-purchase-ui .area-common > div.cont-calendar:not(h1) .sect-box.keirin:after{
content: "";
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_logo_02.png) no-repeat -199.2px -80px;
background-size: 565px 400px;
-moz-background-size: 565px 400px;
-webkit-background-size: 565px 400px;
position: absolute;
top:12px;
display: block;
width: 52px;
height: 24px;
}
#main-race.page-calender .area-box:not(h1) .sect-box.dokanto:after,
#main-race.page-purchase-ui .area-common > div.cont-calendar:not(h1) .sect-box.dokanto:after,
#main-race.page-calender .area-box:not(h1) .sect-box.dokanto:before,
#main-race.page-purchase-ui .area-common > div.cont-calendar:not(h1) .sect-box.dokanto:before{
width: 120px;
height: 28px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_logo.png) no-repeat -192px -256px;
background-size: 320px 448px;
-moz-background-size: 320px 448px;
-webkit-background-size: 320px 448px;
}

#main-race.page-calender .area-box:not(h1) .sect-box.chariloto:after,
#main-race.page-purchase-ui .area-common > div.cont-calendar:not(h1) .sect-box.chariloto:after{
left:106px;
}
#main-race.page-calender .area-box:not(h1) .sect-box.chariloto .captarrow:after,
#main-race.page-purchase-ui .area-common > div.cont-calendar:not(h1) .sect-box.chariloto .captarrow:after{
left:166px;
background-position: -199.2px -240px;
}
#main-race.page-calender .area-box:not(h1) .sect-box.chariloto:before,
#main-race.page-purchase-ui .area-common > div.cont-calendar:not(h1) .sect-box.chariloto:before{
left:226px;
background-position: -199.2px -160px;
}
#main-race.page-calender .area-box:not(h1) .sect-box.chariloto .captarrow:before,
#main-race.page-purchase-ui .area-common > div.cont-calendar:not(h1) .sect-box.chariloto .captarrow:before{
left:286px;
background-position: -199.2px -320px;
}

#main-race.page-calender .area-box:not(h1) .sect-box.dokanto:after,
#main-race.page-purchase-ui .area-common > div.cont-calendar:not(h1) .sect-box.dokanto:after{
left:106px;
}
#main-race.page-calender .area-box:not(h1) .sect-box.dokanto:before,
#main-race.page-purchase-ui .area-common > div.cont-calendar:not(h1) .sect-box.dokanto:before{
left:186px;
background-position: -192px -320px;
}

#main-race.page-calender .area-box:not(h1) .sect-box.keirin:after,
#main-race.page-purchase-ui .area-common > div.cont-calendar:not(h1) .sect-box.keirin:after{
left:86px;
width: 61px;
height: 23px;
background: url(http://p.dmm.com/p/general/race/chariloto/purchase/csssp_header.png) no-repeat left -224px;
}
/*グレードカレンダー*/
#main-race.page-calender .area-box.grade-calender .calendartable td,
#main-race.page-purchase-ui .area-common .grade-calender .calendartable td {
	padding: 1px;
}
#main-race.page-calender .area-box.grade-calender .calendartable td div,
#main-race.page-purchase-ui .area-common .grade-calender .calendartable td div {
	position: relative;
	height: 49px;
}
#main-race.page-calender .area-box.grade-calender .keirin .calendartable td div,
#main-race.page-purchase-ui .area-common .grade-calender .keirin .calendartable td div {
	height: 35px;
}
#main-race.page-calender .area-box.grade-calender .calendartable td div p,
#main-race.page-purchase-ui .area-common .grade-calender .calendartable td div p {
	position: absolute;
	top:20%;
	left:1px;
	font-size: 11px;
}
#main-race.page-calender .area-box.grade-calender .calendartable td div p > span,
#main-race.page-purchase-ui .area-common .grade-calender .calendartable td div p > span {
	position: absolute;
	top:-15px;
	left:2em;
	width: 1.5em;
	line-height: 1.2em;
	height: 1.2em;
	display:block;
	background: #333;
	border-radius: 3px;
	font-size: 10px;
	color: #fff;
}
#main-race.page-calender .area-box.grade-calender .calendartable td div p > span:after,
#main-race.page-purchase-ui .area-common .grade-calender .calendartable td div p > span:after {
	content: "";
	display: block;
	position: absolute;
	bottom:-4px;
	left:5px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 6px 6px 0 0;
border-color: #333333 transparent transparent transparent;
}

#main-race.page-calender .area-box.grade-calender .calendartable td div span,
#main-race.page-purchase-ui .area-common .grade-calender .calendartable td div span {
	position: absolute;
	top:46%;
	left:1px;
	margin-top: 3px;
	width: 20px;
	height: 10px;
}
#main-race.page-calender .area-box.grade-calender .keirin .calendartable td div > span,
#main-race.page-purchase-ui .area-common .grade-calender .keirin .calendartable td div > span {
	top:15%;
}
#main-race.page-calender .area-box.grade-calender .keirin .calendartable td p > span,
#main-race.page-purchase-ui .area-common .grade-calender .keirin .calendartable td p > span {
	top:-12px;
}
#main-race.page-calender .area-box.grade-calender .calendartable td div span + span,
#main-race.page-purchase-ui .area-common .grade-calender .calendartable td div span + span {
	margin-top: 13px;
}
#main-race.page-calender .area-box.grade-calender .item-box,
#main-race.page-purchase-ui .area-common .grade-calender .item-box {
	margin-bottom: 10px;
}
#main-race.page-calender .area-box.grade-calender .tablesubcapt,
#main-race.page-purchase-ui .area-common .grade-calender .tablesubcapt {
	font-size: 12px;
	margin-bottom: 3px;
}
#main-race.page-calender .area-box.grade-calender .calendartable td.oneday,
#main-race.page-purchase-ui .area-common .grade-calender .calendartable td.oneday {
	padding: 0 !important;
}
#main-race.page-calender .area-box.grade-calender .calendartable td.oneday div,
#main-race.page-purchase-ui .area-common .grade-calender .calendartable td.oneday div {
	display: table;
}
#main-race.page-calender .area-box.grade-calender .calendartable td.oneday div p,
#main-race.page-purchase-ui .area-common .grade-calender .calendartable td.oneday div p {
	display: table-cell;
	position: static;
	vertical-align: bottom;
	margin: 0;
	padding-bottom: 24px;
	width: 2em;
	line-height: 1.2em;
	white-space: normal;
	font-size: 10px;
}
#main-race.page-calender .area-box.grade-calender .calendartable td.oneday div p > span,
#main-race.page-purchase-ui .area-common .grade-calender .calendartable td.oneday div p > span {
	left: 0;
}

/*カレンダーグレードアイコン*/
#main-race.page-calender .area-box.grade-calender .calendartable td div > span.grade-gp,
#main-race.page-purchase-ui .area-common .grade-calender .calendartable td div > span.grade-gp {background-position: -31px -2px;}
#main-race.page-calender .area-box.grade-calender .calendartable td div > span.grade-g1,
#main-race.page-purchase-ui .area-common .grade-calender .calendartable td div > span.grade-g1 {background-position: -31px -17px;}
#main-race.page-calender .area-box.grade-calender .calendartable td div > span.grade-g2,
#main-race.page-purchase-ui .area-common .grade-calender .calendartable td div > span.grade-g2 {background-position: -31px -32px;}
#main-race.page-calender .area-box.grade-calender .calendartable td div > span.grade-g3,
#main-race.page-purchase-ui .area-common .grade-calender .calendartable td div > span.grade-g3 {background-position: -31px -47px;}
#main-race.page-calender .area-box.grade-calender .calendartable td div > span.grade-f1,
#main-race.page-purchase-ui .area-common .grade-calender .calendartable td div > span.grade-f1 {background-position: -31px -62px;}
#main-race.page-calender .area-box.grade-calender .calendartable td div > span.grade-f2,
#main-race.page-purchase-ui .area-common .grade-calender .calendartable td div > span.grade-f2 {background-position: -31px -77px;}
#main-race.page-calender .area-box.grade-calender .calendartable td div > span.nightgame,
#main-race.page-purchase-ui .area-common .grade-calender .calendartable td div > span.nightgame{background-position: -31px -92px;}
#main-race.page-calender .area-box.grade-calender .calendartable td div > span.nightgame-mid,
#main-race.page-purchase-ui .area-common .grade-calender .calendartable td div > span.nightgame-mid{background-position: -31px -107px;}

/* 入金ページ用リスト */
#main-race .cont-toretacharge .item-box.charge-change-link {
text-align: right;
margin: -14px 0 12px !important;
}
#main-race .chargelist li{
overflow: hidden;
padding: 6px 12px;
}
#main-race .chargelist li:first-child,
#main-race .chargelist li:first-child+li+li,
#main-race .chargelist li:first-child+li+li+li+li{
background: #eee;
}
#main-race .chargelist li .btn{
margin: 3px 0 0;
}
#main-race .chargelist li .chargeinput {
line-height: 24px;
}
#main-race .chargelist li [class*="chargeinput"] input,
#main-race .chargelist[class*="chargeinput"] input{
width: 5em;
margin-right: 2px;
text-align: right;
font-family: arial black;
font-size: 24px;
vertical-align: middle;
line-height: 32px;
}
#main-race .chargelist li .chargeinput span{
vertical-align: middle;
}
#main-race .chargelist li .chargeinput-number + p {
	margin-top: 11px;
}

/*  toreta入金  */
#main-race .cont-toretacharge .item-box {
	margin-bottom: 22px !important;
}
#main-race .chargelist[class*="item"] {
	margin-bottom: 6px;
}
#main-race .chargelist li .float-r {padding-top: 4px;}
#main-race ul[class*="sect"] {
	padding-top: 10px;
	border-top: #b7b7b7 1px dotted;
	font-size: 11px;
}
#main-race ul[class*="sect"] li {
	padding-left: 1em;
	text-indent: -1em;
}
#main-race ul[class*="sect"] li + li {
	margin-top: 3px;
}

#main-race ul[class*="sect"] li > span {
	font-weight: bold;
}
#main-race ul[class*="sect"] li > span.rules-str {
	text-decoration: line-through;
	font-weight: normal;
}
#main-race .cont-toretacharge dl.box-chargecp {
    padding: 6px;
    margin-top: 12px;
    border-radius: 5px;
    border: #ff8080 1px solid;
    background-color: #fee6e6;
}
#main-race .cont-toretacharge dl.box-chargecp dt {
    color: #c00;
    font-weight: bold;
}
#main-race .cont-toretacharge dl.box-chargecp dd span {
    font-weight: bold;
}

/* クレジット */
#main-race .cont-toretacharge.credit span.com-tx {
	display: block;
	float: right;
	margin-top: 10px;
	padding: 3px 6px;
	font-size: 12px;
	color: #555;
}
#main-race .cont-toretacharge.credit span.com-tx span.dec {
	text-decoration: line-through;
}
#main-race .cont-toretacharge.credit span.com-tx span ~ span {
	font-weight: bold;
}

/* コンビニ専用 */
#main-race .charge-cvs {
	padding: 12px;
	background-color: #eee;
}
#main-race .charge-cvs p.txtprice-sm > span {
	display: block;
	font-family:'メイリオ';
	font-size: 12px;
	margin-bottom: 3px;
}
#main-race .charge-cvs .plus-txbox {
	line-height: 1em;
	margin-top: 6px;
	padding-top: 10px;
	border-top: #b7b7b7 1px dotted;
	font-size: 16px;
	text-align: center;
}
#main-race .charge-cvs .chargelist {
	overflow: hidden;
}
#main-race .charge-cvs .chargelist.chargeinput-number input {
	width: 11em;
	border: #b7b7b7 1px solid;
	text-align: left;
}
#main-race .charge-cvs .chargelist.chargeinput-number li {
	padding: 6px 0;
}
#main-race .charge-cvs .chargelist.chargeinput-number.chargeinput-open li {
	width: 33.3%;
	float: left;
	box-sizing:border-box;
	text-align: center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#main-race .charge-cvs .chargelist.chargeinput-number input[disabled] {
	border: #b7b7b7 1px solid;
	background: #eee;
}
#main-race .charge-cvs .chargelist.chargeinput-number input.chargeinput-error {
	border: #c00 1px solid;
	background: #fee;
}
/*ボーナス*/
#main-race.page-charge .area-banner,
#main-race .cont-toretacharge .area-banner,
#main-race .cont-getmoney-finish .area-banner{
	overflow: hidden;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0 !important;
	text-align: center;
	background-color: #fff570;
	border: #b7b7b7 1px solid;
	border-radius: 10px;
}
#main-race .cont-toretacharge .area-banner.lucky {
    margin-top: 20px;
}
#main-race .cont-getmoney-finish .area-banner.lucky {
    margin-bottom: 10px;
}
#main-race.page-charge .area-banner p,
#main-race .cont-toretacharge .area-banner p{
	padding: 3px;
	background: url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_navi_repeat.png) repeat-x 0 -3px;
	color: #fff;
	font-size: 14px;
}
#main-race .captarrow .bonus-tx,
#main-race .d-ttlarrow .bonus-tx{
	margin-left: 6px;
	color: #c00;
	font-size: 12px;
	font-weight: bold;
}
#main-race .d-boxtable span.bonus-tx {
	font-size: 16px;
}
#main-race .chargelist li.bonus span.bonus-tx {
	line-height: 32px;
	font-size: 16px;
	font-family: "メイリオ";
}
#main-race span.bonus-tx > span {
	display: inline-block;
	position:relative;
	top:-2px;
	line-height: 20px;
	padding: 3px 6px;
	border-radius: 4px;
	background: #c00;
	color: #fff;
	font-size: 12px;
	font-weight:bold;
}
#main-race .boxstrong span.bonus-tx,
#main-race .cont-toretacharge.bank .sect-box .bonus-tx,
#main-race .cont-getmoney-finish .sect-box .bonus-tx {
    display: block;
    margin-bottom: 6px;
    color: #c00;
    font-weight: bold;
}
#main-race .cont-getmoney-finish .sect-box .bonus-tx {
    margin: 0 0 6px 0 !important;
    text-align: center;
}
#main-race .boxstrong span.bonus-tx .bonus-tx-sub {
    padding: 0;
    background: none;
    color: #c00;
    font-size: 10px;
    font-weight: normal;
}

#main-race .cont-getmoney-finish .bonus-price {
    color: #c00;
}
#main-race .cont-getmoney-select .get-sel-main {
    position: relative;
}
#main-race .cont-getmoney-select .get-sel-main .bonus-tx {
    position: absolute;
    top:38px;
    right: 25px;
    color: #c00;
    font-weight: bold;
}

/* 銀行振り込み */
#main-race .cont-toretacharge.bank .sect-box > .item-box.charge-amount,
#main-race .cont-toretacharge.bank .sect-box > .item-box.account-setting {
    padding: 10px;
    border-radius: 5px;
    border: #cfcfd4 1px solid;
    background:url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_subbox.png) repeat;
}
#main-race .cont-toretacharge.bank .sect-box > .item-box.charge-amount dl,
#main-race .cont-toretacharge.bank .sect-box > .item-box.account-setting dl {
    float: left;
}
#main-race .cont-toretacharge.bank .sect-box .setting-amount,
#main-race .cont-toretacharge.bank .sect-box .account-text {
    float: none;
    clear: both;
}
#main-race .cont-toretacharge.bank .sect-box > .item-box.charge-amount dt,
#main-race .cont-toretacharge.bank .sect-box > .item-box.account-setting dt {
    line-height: 1em;
    padding-left: 6px;
    margin-bottom: 10px;
    border-left: #a5a5a5 3px solid;
    font-size: 14px;
    font-weight: bold;
}
#main-race .cont-toretacharge.bank .sect-box .easyinput {
    width: 470px;
    padding: 10px 16px 10px 6px;
    margin-bottom: 10px;
    border-right: #333 1px dotted;
}
#main-race .cont-toretacharge.bank .sect-box .easyinput dt {
    margin-bottom: 6px;
}
#main-race .cont-toretacharge.bank .sect-box .easyinput ul {
    margin: -4px 0 0 -4px;
}
#main-race .cont-toretacharge.bank .sect-box .easyinput li {
    float: left;
    margin: 4px;
}
#main-race .cont-toretacharge.bank .sect-box .owninput {
    padding: 10px 10px 10px 20px;
}#main-race .cont-toretacharge.bank .sect-box .owninput dd{
    padding-top: 16px;
    width: 408px;
    font-size: 20px;
    text-align: right;
}
#main-race .cont-toretacharge.bank .sect-box .owninput dd input  {
    width: 375px;
    font-size: 28px;
}
#main-race .cont-toretacharge.bank .sect-box .setting-amount {
    width: 100%;
    line-height: 1;
    padding-top: 10px;
    border-top: #cfcfd4 1px solid;
}
#main-race .cont-toretacharge.bank .sect-box .setting-amount dt {
    float: left;
    padding-top: 8px;
    border-left: none !important;
    font-size: 26px !important;
}
#main-race .cont-toretacharge.bank .sect-box .setting-amount dd {
    padding-right: 10px;
    font-size: 30px;
    font-weight: bold;
    text-align: right;
}
#main-race .cont-toretacharge.bank .sect-box .setting-amount span.amount {
    position: relative;
}
#main-race .cont-toretacharge.bank .sect-box .setting-amount dd .amount-text {
    position: absolute;
    top:50%;
    left: -265px;
    width: 260px;
    height: 34px;
    line-height: 34px;
    margin-top: -20px;
    background: url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_toretacharge_amount.png) no-repeat left top;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight:normal;
}
#main-race .cont-toretacharge.bank .sect-box .setting-amount dd.fee {
    margin-top: 6px;
    font-size: 12px;
    font-weight: normal;
}
#main-race .cont-toretacharge.bank .sect-box .setting-amount dd.fee > span {
    font-weight: bold;
}
#main-race .cont-toretacharge.bank .sect-box > .item-box.account-setting dl > * {
    float: left;
}
#main-race .cont-toretacharge.bank .sect-box > .item-box.account-setting dl > dd {
    font-size: 14px;
}
#main-race .cont-toretacharge.bank .sect-box .data-account {
    width: 470px;
    padding: 10px;
    margin-bottom: 10px;
    border-right: #333 1px dotted;
}
#main-race .cont-toretacharge.bank .sect-box .data-tell {
    width: 410px;
    padding: 10px 10px 10px 20px;
}
#main-race .cont-toretacharge.bank .sect-box .data-account dt,
#main-race .cont-toretacharge.bank .sect-box .data-tell dt {
    width: 80px;
}
#main-race .cont-toretacharge.bank .sect-box .data-account dd,
#main-race .cont-toretacharge.bank .sect-box .data-tell dd {
    margin-top: -7px;
}
#main-race .cont-toretacharge.bank .sect-box .data-tell dd input  {
    width: 315px;
    font-size: 24px;
}
#main-race .cont-toretacharge.bank .sect-box .account-text {
    overflow: hidden;
    float: none !important;
    margin: 0 10px;
    padding: 6px 0;
    line-height: 18px;
    clear:both;
    border: #cfcfd4 1px solid;
    border-radius: 5px;
    background-color: #fff;
    font-size: 16px;
    text-align: center;
}
#main-race .cont-toretacharge.bank .sect-box .account-text > * {
    display: inline-block;
    float: none !important;
}
#main-race .cont-toretacharge.bank .sect-box .account-text dt {
    margin: 0 !important;
    font-size: 16px !important;
    border-left: none !important;
}
#main-race .cont-toretacharge.bank .sect-box .account-text dt~dt {
    border-left: #a5a5a5 1px solid !important;
}

/* 勝手にチャージ */
#main-race .finishtitle {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 6px;
    color: #c00;
}
#main-race[class*="page-katteni"] .captarrow-sub,
#main-race[class*="page-auto"] .captarrow-sub,
#main-race[class*="page-mail"] .captarrow-sub {
    margin-top: -10px;
}
#main-race[class*="page-katteni"] table tbody tr:first-child > *,
#main-race[class*="page-auto"] table tbody tr:first-child > * {
    border-top:#bbb 1px solid !important;
}
#main-race[class*="page-katteni"] table tbody tr:first-child th,
#main-race[class*="page-auto"] table tbody tr:first-child th {
    border-top-left-radius: 5px;
}
#main-race[class*="page-katteni"] table tbody tr:first-child td,
#main-race[class*="page-auto"] table tbody tr:first-child td {
    border-top-right-radius: 5px;
}
#main-race[class*="page-katteni"] table tbody > tr > th,
#main-race[class*="page-auto"] table tbody > tr > th {
    width: 10em !important;
}
#main-race[class*="page-katteni"] table tbody > tr > td,
#main-race[class*="page-auto"] table tbody > tr > td {
    text-align: left !important;
}
#main-race[class*="page-katteni"] table tbody > tr > td label,
#main-race[class*="page-auto"] table tbody > tr > td label {
    margin-right: 20px;
}
#main-race[class*="page-katteni"] table tbody > tr > td select {
    padding: 3px;
    width: 10em;
}
#main-race[class*="page-auto"] table tbody > tr > td select {
    padding: 3px;
    width: 5.5em;
}
#main-race[class*="page-katteni"] table tbody > tr.stop td,
#main-race[class*="page-auto"] table tbody > tr.stop td {
    background-color: #eee;
    color: #999;
    text-decoration: line-through;
}
#main-race[class*="page-katteni"] .attention-box,
#main-race[class*="page-auto"] .attention-box,
#main-race[class*="page-mail"] .attention-box {
    border-top: 1px dotted #b7b7b7;
    font-size: 11px;
    padding-top: 10px;
}

#main-race[class*="page-katteni"] .zouryou a,
#main-race[class*="page-auto"] .campaign-box a {
margin: 20px 0;
display: block;
overflow: hidden;
width: 80%;
margin-left: auto;
margin-right: auto;
padding-bottom: 0 !important;
text-align: center;
background-color: #fff253;
border: #b7b7b7 1px solid;
border-radius: 10px;
}

#main-race[class*="page-auto"] .campaign-box a {
background-color: #b0e0f7;
}

/* メール受信設定 */
#main-race[class*="page-mail"] .sect-box--malmag {
    margin: 30px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #000;
}
#main-race[class*="page-mail"] .sect-box__title {
    font-size: 18px;
    margin-bottom: 10px;
    color: #000;
}
#main-race[class*="page-mail"] .item-inside {
    margin: 0 10px;
}
#main-race[class*="page-mail"] .item-inside .captarrow {
    margin-bottom: 0;
}
#main-race[class*="page-mail"] .item-inside .radiobox-mail {
    margin: 10px;
    padding: 10px;
    background: #eee;
}
#main-race[class*="page-mail"] .item-inside .radiobox-mail li {
    margin-right: 10px;
    display: inline-block;
}

#main-race[class*="page-mail"] .item-inside .txt-mailConfirm {
    margin-top: 5px;
    font-size: 14px;
}

/* 投票用テーブル */
#main-race .votetable {
overflow: hidden;
}
#main-race .votetable .infocol {
width: 52%;
float: left;
padding: 27px 0 0;
}

#main-race .votetable .infocol.single {
width: 99.8%;
float: none;
padding: 0;
}
#main-race .votetable .infocol.single tbody td + td,
#main-race .votetable .infocol.single tbody th { min-width: 7em;}
#main-race .votetable .infocol.single td + td {font-size: 18px;}
#main-race .votetable .infocol.single td a + a {margin-left: 20px;}

#main-race .votetable .infocol > table {
width: 100%;
border-collapse: collapse;
}
#main-race .votetable .infocol > table > thead > tr > th {
height: 40px;
padding: 0 6px;
background: #242424;
border-left: 1px #5b5b5b solid;
color: #fff;
font-size: 14px;
white-space: nowrap;
text-align: left;
}
#main-race .votetable .infocol > table > thead > tr > th {
font-weight: normal;
white-space: nowrap;
text-align: center;
}
#main-race .votetable .infocol > table > thead > tr > th:first-child {
border-left: 1px solid #242424;
}
#main-race .votetable .infocol > table > thead + tbody > tr > td,
#main-race .votetable .infocol > table > thead + tbody > tr > th {
border-top: none;
}
#main-race .votetable .infocol > table > tbody > tr > th,
#main-race .votetable .infocol > table > tbody > tr > td {
height: 50px;
padding: 0 14px;
border: 1px #bbb solid;
white-space: nowrap;
text-align: center;
}
#main-race .votetable .infocol > table > tbody > tr > th {
font-family: Arial Black;
font-size: 20px;
}

#main-race .votetable .datacol {
float: left;
width: 47%;
margin-left: 4px
}
#main-race .votetable .datacol .nav {
overflow: hidden;
border: 1px #666 solid;
border-bottom: none;
border-radius: 6px 6px 0px 0px;
}
#main-race .votetable .datacol .nav li {
float: left;
width: 50%;
height:25px;
margin-right: -1px;
border-left: 1px #999 solid;
border-bottom: 1px #eee solid;
background-image: url("http://p.dmm.com/p/common/bg/gradation_01.png");
background-position: left -45px;
background-repeat: repeat-x;
background-color: #eee;
line-height: 25px;
text-align: center;
cursor: pointer;
}
#main-race .votetable .datacol .nav li:first-child {
border-radius: 4px 0 0 0;
}
#main-race .votetable .datacol .nav li:first-child+li+li+li {
border-radius: 0 4px 0 0;
}
#main-race .votetable .datacol .nav li:hover,
#main-race .votetable .datacol .nav li.on {
border-left: 1px #666 solid;
border-bottom: 1px #666 solid;
background-color: #242424;
background-position: left -57px;
color: #fff;
}
#main-race .votetable .datacol .nav li:first-child {border-left: none}
#main-race .votetable .datacol .cont > table {
width: 100%;
border-collapse: collapse;
}
#main-race .votetable .datacol .cont > table > thead > tr > th {
height: 40px;
padding: 0 3px;
background: #242424;
border-left: 1px #5b5b5b solid;
color: #fff;
font-size: 14px;
white-space: nowrap;
text-align: left;
}
#main-race .votetable .datacol .cont > table > thead > tr > th {
font-weight: normal;
white-space: nowrap;
text-align: center;
}
#main-race .votetable .datacol .cont > table > thead > tr > th:first-child {
border-left: 1px solid #242424;
}
#main-race .votetable .datacol .cont > table > thead + tbody > tr > td,
#main-race .votetable .datacol .cont > table > thead + tbody > tr > th {
border-top: none;
}
#main-race .votetable .datacol .cont > table > tbody > tr > th,
#main-race .votetable .datacol .cont > table > tbody > tr > td {
height: 50px;
padding: 0 3px;
border: 1px #bbb solid;
white-space: nowrap;
text-align: center;
}
#main-race .votetable .datacol .cont > table > tbody > tr > th {
font-family: Arial Black;
font-size: 20px;
}

#main-race .votetable table > tbody > tr:first-child+tr,
#main-race .votetable table > tbody > tr:first-child+tr+tr+tr,
#main-race .votetable table > tbody > tr:first-child+tr+tr+tr+tr+tr,
#main-race .votetable table > tbody > tr:first-child+tr+tr+tr+tr+tr+tr+tr {
background: #faf9e1;
}

/* 投票ライトボックス用 */
#fancybox-outer #close.float-r:hover { cursor: pointer;}
#fancybox-close {display: none !important;}
#fancybox-outer {
width: 750px;
margin: auto;
padding: 30px 10px 30px 30px;
background-color: #fff;
border: #666 1px solid;
}
#fancybox-content {border: none !important;}
#fancybox-outer .col-pop p[class*="racenum-"] {margin: 6px auto;}
#fancybox-outer .col-pop thead {border-right: #000 1px solid;}
#fancybox-outer .votetable .datacol-pop .nav {
overflow: hidden;
margin-right: 1px;
border: 1px #666 solid;
border-bottom: none;
border-radius: 6px 6px 0px 0px;
}
#fancybox-outer .votetable .datacol-pop .nav li {
float: left;
width: 50%;
height:25px;
line-height: 25px;
margin-right: -2px;
border-left: 1px #eee solid;
background: #eee url(http://p.dmm.com/p/common/bg/gradation_01.png) repeat-x left -45px;
text-align: center;
cursor: pointer;
}
#fancybox-outer .votetable .datacol-pop .nav li:hover,
#fancybox-outer .votetable .datacol-pop .nav li.on {
border-left: 1px #666 solid;
background-color: #242424;
background-position: left -57px;
color: #fff;
}
#fancybox-outer .votetable tbody th { background-color: #eee;}
#fancybox-outer .votetable .datacol-pop .nav li:first-child {
border-left: none;
border-radius: 4px 0 0 0;
}
#fancybox-outer .votetable .datacol-pop .nav li:first-child+li+li+li {
border-radius: 0 4px 0 0;
}
#fancybox-outer .votetable .datacol-pop  table.col-pop {
width: 749px;
border-collapse: collapse;
}
#fancybox-outer .votetable .datacol-pop table.col-pop > thead > tr > th {
height: 40px;
padding: 0 3px;
background: #242424;
border-top: 1px #5b5b5b solid;
border-left: 1px #5b5b5b solid;
color: #fff;
text-align: left;
white-space: nowrap;
}
#fancybox-outer .votetable .datacol-pop table.col-pop > thead > tr > th {
font-weight: normal;
text-align: center;
white-space: nowrap;
}
#fancybox-outer .votetable .datacol-pop .table.col-pop > thead > tr > th:first-child {border-left: 1px solid #242424;}
#fancybox-outer .votetable .datacol-pop table.col-pop > thead + tbody > tr > td,
#fancybox-outer .votetable .datacol-pop table.col-pop > thead + tbody > tr > th {border-top: none;}
#fancybox-outer .votetable .datacol-pop table.col-pop > tbody > tr > th,
#fancybox-outer .votetable .datacol-pop table.col-pop > tbody > tr > td {
height: 45px;
padding: 0 3px;
border: 1px #bbb solid;
text-align: center;
white-space: nowrap;
}
#fancybox-outer .votetable .datacol-pop table.col-pop > tbody > tr > th {
font-family: Arial Black;
font-size: 20px;
}

#fancybox-outer div.help-pop {
position: relative;
width: 12px;
height: 17px;
line-height: 1;
overflow: hidden;
margin: -2px auto -14px auto;
}
#fancybox-outer div.help-pop img {margin-top: 5px;}
#fancybox-outer div.help-pop img.helpline {margin-top: 0;}
#fancybox-outer div.help-pop span {display: none;}
#fancybox-outer div.help-pop:hover {
overflow: visible;
cursor: pointer;
}
#fancybox-outer .help-pop div {
position: absolute;
top: 20px;
left: -6px;
width: 150px;
padding: 6px;
border: #999 1px solid;
background: #f5f5f5;
color: #333;
text-align: left;
font-size: 12px;
white-space: normal;
z-index: 100;
filter:alpha(opacity=90);
opacity:0.9;
}
#fancybox-outer .help-pop div.pop-r {
right: -12px;
left: auto;
}

#fancybox-outer .anticipation {
width: 100%;
margin-top: 30px;
border-collapse: collapse;
}
#fancybox-outer .anticipation ul {position: relative; margin: -45px 0 0 20px;}
#fancybox-outer .anticipation li {
float: left;
margin-right: 20px;
}
#d-ie7 #fancybox-outer .anticipation {width: auto; margin-top: 60px;}
#d-ie7 #fancybox-outer .anticipation td { width: 600px;}
#fancybox-outer .anticipation th,
#fancybox-outer .anticipation td { padding: 2px 0;}
#fancybox-outer .anticipation th {
width: 150px;
border-top: #242424 3px solid;
background-color: #242424;
color: #fff;
font-size: 20px;
font-weight: normal;
text-align: center;
}
#fancybox-outer .anticipation td {
border-top: #b5b5b5 3px solid;
background-color: #d4d4d4;
}

#fancybox-outer p[class*="anticipation-"] {
float:left;
width: 43px;
height: 67px;
background-image: url(http://p.dmm.com/p/general/race/chariloto/ico_anticipation.png);
}
#fancybox-outer p[class*="anticipation-"] span {
position: relative;
left: 6px;
z-index: -1;
}
#fancybox-outer p.anticipation-2 {background-position: -56px 0;}
#fancybox-outer p.anticipation-3 {background-position: -112px 0;}
#fancybox-outer p.anticipation-4 {background-position: -168px 0;}
#fancybox-outer p.anticipation-5 {background-position: -224px 0;}
#fancybox-outer p.anticipation-6 {background-position: -280px 0;}
#fancybox-outer p.anticipation-7 {background-position: -336px 0;}
#fancybox-outer p.anticipation-8 {background-position: -392px 0;}
#fancybox-outer p.anticipation-9 {background-position: -448px 0;}



#w div.caption {
position:relative;
width: 100%;
margin-top: 8px;
border-radius:10px;
z-index:1;
opacity:0.95;
}
#w div.caption > div {
position:relative;
padding:6px;
border:1px solid #bbb;
background:#eee;
text-align: center;
font-size: 14px;
color:#000;
}
#w div.caption .babble-arrow,
#w div.caption .babble-arrow:after {
position:absolute;
}
#w .caption .babble-arrow {
top:-7px;
left:47%;
border-right:8px solid transparent;
border-bottom:8px #bbb solid;
border-left:8px solid transparent;
}
#w .caption .babble-arrow:after {
content:" ";
top:1px;
left:-7px;
border-right:7px solid transparent;
border-bottom:7px #eee solid;
border-left:7px solid transparent;
}

#main-race .votetable .datacol .cont .tdbtn {
width: 20px;
background-image: url("http://p.dmm.com/p/common/bg/gradation_01.png");
background-position: left -45px;
background-repeat: repeat-x;
cursor: pointer;
font-weight: bold;
}
#main-race .votetable .datacol .cont .tdbtn:hover,
#main-race .votetable .datacol .cont .tdbtn.on {
background-color: #242424;
background-position: left -56px;
border: 1px #999 solid;
color: #fff;
}

#main-race .votetable table.graphtable > tbody > tr:first-child .tdbtn,
#main-race .votetable table.graphtable > tbody > tr:first-child+tr+tr .tdbtn,
#main-race .votetable table.graphtable > tbody > tr:first-child+tr+tr+tr+tr .tdbtn,
#main-race .votetable table.graphtable > tbody > tr:first-child+tr+tr+tr+tr+tr+tr .tdbtn {
background-color: #eee;
}
#main-race .votetable table.graphtable > tbody > tr:first-child+tr .tdbtn,
#main-race .votetable table.graphtable > tbody > tr:first-child+tr+tr+tr .tdbtn,
#main-race .votetable table.graphtable > tbody > tr:first-child+tr+tr+tr+tr+tr .tdbtn {
background-color: #faf9e1;
}
#main-race .votetable table.graphtable td[rowspan="6"] {
vertical-align: bottom;
}
#main-race .votetable table.graphtable span[class*="racegraph-"]{
display: block;
width: 12px;
margin: 0 auto 7px;
border-width: 1px;
border-style: solid;
}
#main-race .votetable table.graphtable span[class*="racegraph-"] { background: url(http://p.dmm.com/p/general/race/chariloto/bg_bar.png) repeat-y;}
#main-race .votetable table.graphtable span[class*="racegraph-"][class*="-1"]{background-color: #eee;border-color:#ccc;}
#main-race .votetable table.graphtable span[class*="racegraph-"][class*="-2"]{background-color: #1c1c1c;border-color:#1c1c1c;}
#main-race .votetable table.graphtable span[class*="racegraph-"][class*="-3"]{background-color: #c90000;border-color:#c90000;}
#main-race .votetable table.graphtable span[class*="racegraph-"][class*="-4"]{background-color: #0527e5;border-color:#0527e5;}
#main-race .votetable table.graphtable span[class*="racegraph-"][class*="-5"]{background-color: #ffc100;border-color:#ffc100;}
#main-race .votetable table.graphtable span[class*="racegraph-"][class*="-6"]{background-color: #08841c;border-color:#08841c;}
#main-race .votetable table.graphtable span[class*="racegraph-"][class*="-7"]{background-color: #ff6700;border-color:#ff6700;}
#main-race .votetable table.graphtable span[class*="racegraph-"][class*="-8"]{background-color: #f90866;border-color:#f90866;}
#main-race .votetable table.graphtable span[class*="racegraph-"][class*="-9"]{background-color: #7817c1;border-color:#7817c1;}

#main-race .votetable table.graphtable .ratenum{
font-size: 10px;
white-space: nowrap;
}

#main-race .placename{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
white-space: nowrap;
}
#main-race .placename span:first-child {
display: inline-block;
float: left;
height: 24px;
padding-right:3px;
font-size: 24px;
font-weight: bold;
line-height: 24px;
}
#main-race .placename span~span {
font-size: 11px;
font-weight: bold;
line-height: 12px;
}

#main-race .boxticket {
float: left;
width: 48%;
margin: 0 6px 6px;
background: #fff;
border: 1px #bbb solid;
border-radius: 4px;
}
#main-race .boxticket dt {
height: 28px;
padding: 3px 12px 3px 37px;
background: #ec0800 url(http://p.dmm.com/p/general/race/chariloto/csssp_icon.png) no-repeat 0 0;
border-radius: 4px 4px 0 0;
}
#main-race .boxticket.disable dt {
background: #d4d9db url(http://p.dmm.com/p/general/race/chariloto/csssp_icon.png) no-repeat 0 -81px;
}
#main-race .boxticket dt [class*="csssp-txticket"] {
margin: 4px 0 0;
}
#main-race .boxticket dt .ttl {
display: inline-block;
height: 35px;
font-size: 20px;
font-weight: bold;
color: #fff;
}
#d-ie7 #main-race .boxticket dt .ttl {
display: inline;
}
#main-race .boxticket.disable dt .ttl {
color: #333;
}
#main-race .boxticket dt .groupname {
display: inline-block;
float:right;
padding: 4px 9px 3px 8px;
xborder-left: 1px solid #9A0500;
font-size: 14px;
font-weight: bold;
color: #fff;
}
#main-race .boxticket.disable dt .groupname {
color: #333;
}

#main-race .boxticket dt .placename {
float: right;
margin-top:2px;
padding-left: 8px;
border-left: 1px solid #9a0500;
color: #fff;
}
#d-ie7 #main-race .boxticket dt .placename {
margin: -20px 0px 0px 12px;
}
#main-race .boxticket.disable dt .placename {
color: #333;
border-left: 1px solid #8e8e8e;
}
#main-race .boxticket dt .placename span:first-child {
float: none;
font-size: 18px;
}
#main-race .boxticket dt .placename span~span {
font-size: 12px;
}
#main-race .boxticket dt .csssp-icocarry {
position: absolute;
margin: -14px 0 0 -55px;
}
#main-race .boxticket dt .csssp-icocarry span {
display: none;
}
#main-race .boxticket dd {
padding: 6px;
text-align: center;
}
#main-race .boxticket dd .txtamount {
font-size: 34px;
font-family: "Arial Black";
}
#main-race .boxticket dd .txtamount span {
font-size: 25px;
}
#main-race .boxticket dd .csssp-txamount {
margin: 0 1px -3px 6px;
}

#main-race .boxticket dd [class*="csssp-bt"] a .txttime {
display: inline-block;
position: relative;
z-index: 10;
margin: 29px 0 0;
font-size: 11px;
font-weight: bold;
color: #333;
text-decoration: none;

}
#main-race .boxticket dd [class*="csssp-bt"] a .txttime span {
position: relative;
z-index: 20;
font-size: 14px;
font-family: "Arial Black";
}
#main-race .boxticket dd .csssp-btprogress a .txttime,
#main-race .boxticket dd .csssp-btresult a .txttime {
color: #c00;
}
#main-race .boxticket dd .subinfo {
margin: 6px -6px -6px;
padding: 3px 12px;
background: #efe3b7;
border-radius: 0 0 4px 4px;
text-align: left;
font-size: 11px;
}
#main-race .boxticket.disable dd .subinfo {
background: #eee;
}
#main-race .boxticket dd .subinfo span+span {
float: right;
}
#main-race .boxticket dd .subinfo span+span span {
padding-right: 6px;
}
#d-ie7 #main-race .boxticket dd .subinfo span+span {
float: none;
margin-left:6px;
}



#main-race .bxconspic {
padding: 6px;
background: #fafafa url(http://p.dmm.com/p/common/bg/stripe_01.png);
}
#main-race .d-sect .capt .ttl,
#main-race .sect-box .capt .ttl  {
display: inline-block;
margin: 10px;
font-size: 16px;
font-weight: bold;
}
#d-ie7 #main-race .d-sect .capt .ttl,
#d-ie7 #main-race .sect-box .capt .ttl  {
display: inline;
}


#main-race .bxpurchase,
#main-race .bxpurchase{
background: #fff;
}
#main-race .btpurchase,
#main-race .btpurchase {
display: inline-block;
width: 200px;
height: 30px;
margin: 6px;
padding: 6px 0;
background: #ffc112 url(http://p.dmm.com/p/general/race/chariloto/csssp_bt.gif) no-repeat center -420px;
border: 1px #bfa642 solid;
border-radius: 4px;
text-align: center;
font-size: 20px;
font-weight: bold;
line-height: 30px;
color: #333333;
}
#main-race .btpurchase:hover,
#main-race .btpurchase:hover {
filter: alpha(opacity=80);
opacity:0.8;
text-decoration: none;
}

#main-race .notxt {
color: #999;
}
#main-race .carrycol{
height: 78px;
margin: 6px;
padding: 12px 0 0 12px;
border-left: 1px #bbb dotted;
}
#main-race .txtprice {
font-size: 26px;
font-family: Arial Black;
}
#main-race .txtprice-sm {
font-size: 20px;
font-family: Arial Black;
}
#main-race .txtprice-ss {
font-size: 16px;
font-family: Arial Black;
}

/* ===== 画像置換系 ===== */

#main-race [class*="csssp-"]{
display: inline-block;
}
#d-ie7 #main-race [class*="csssp-"]{
display: inline;
}
#main-race [class*="csssp-"] span{
position: absolute;
z-index: -1;
}
#d-ie7 #main-race [class*="csssp-"]> span{
position: absolute;
display: none;
}
#main-race [class*="csssp-bt"]:hover{
filter: alpha(opacity=80);
opacity:0.8;
position: relative;
top:1px;
}
#main-race [class*="csssp-bt"]:hover a > span{
display: none;
}
#main-race .csssp-btpurchase {
width: 167px; height: 35px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_bt.gif) no-repeat 1px -1px;
}
#main-race .csssp-btregist {
width: 167px; height: 35px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_bt.gif) no-repeat -239px -1px;
}
#main-race .csssp-txstart {
position: absolute;
margin: -9px 0 0;
width: 135px; height: 50px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_txt.png) no-repeat 0 -200px;
}
#main-race .csssp-txamount{
width: 13px; height: 24px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_txt.png) no-repeat 0 0;
}
#main-race .csssp-txtime{
width: 13px; height: 24px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_txt.png) no-repeat -50px 0;
}
#main-race .csssp-txregist{
width: 65px; height: 16px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_txt.png) no-repeat 0 -50px;
}
#main-race .csssp-txtoreta{
width: 125px; height: 16px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_txt.png) no-repeat -100px -50px;
}
#main-race .csssp-txticket{
width: 105px; height: 16px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_txt.png) no-repeat -250px -50px;
}
#main-race .csssp-txregist:hover{
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_txt.png) no-repeat -400px -50px;
}
#main-race .csssp-txtoreta:hover{
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_txt.png) no-repeat -500px -50px;
}
#main-race .csssp-txticket:hover{
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_txt.png) no-repeat -650px -50px;
}
#main-race .csssp-txtodayrace{
width: 210px; height: 20px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_txt.png) no-repeat 0 -150px;
}
#main-race .csssp-txdokanto{
width: 235px; height: 20px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_txt.png) no-repeat 10px -100px;
}
#main-race .csssp-txdokanto.result{
width: 180px; height: 20px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_txt.png) no-repeat -498px -100px;
}
#main-race .csssp-txchariloto{
width: 235px; height: 20px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_txt.png) no-repeat -240px -100px;
}
#main-race .csssp-txchariloto.result{
width: 180px; height: 20px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_txt.png) no-repeat -703px -100px;
}
#main-race .csssp-txticketdokanto7{
width: 150px; height: 20px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_txt.png) no-repeat 0 -250px;
}
#main-race .csssp-txticketdokanto4{
width: 150px; height: 20px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_txt.png) no-repeat 0 -300px;
}
#main-race .csssp-txticketchariloto{
width: 110px; height: 20px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_txt.png) no-repeat 0 -350px;
}
#main-race .disable .csssp-txticketdokanto7{
width: 150px; height: 20px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_txt.png) no-repeat -250px -250px;
}
#main-race .disable .csssp-txticketdokanto4{
width: 150px; height: 20px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_txt.png) no-repeat -250px -300px;
}
#main-race .disable .csssp-txticketchariloto{
width: 110px; height: 20px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_txt.png) no-repeat -250px -350px;
}
#main-race.page-purchase .csssp-txticketdokanto7{
width: 118px; height: 18px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_txt.png) no-repeat 0 -400px;
}
#main-race.page-purchase .csssp-txticketdokanto4{
width: 118px; height: 18px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_txt.png) no-repeat 0 -450px;
}
#main-race.page-purchase .csssp-txticketchariloto{
width: 85px; height: 18px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_txt.png) no-repeat 0 -500px;
}
#main-race .csssp-lgdokanto{
width: 120px; height: 46px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_logo.png) no-repeat 0 -155px;
}
#main-race .csssp-lgchariloto{
width: 110px; height: 56px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_logo.png) no-repeat 0 -233px;
}
#main-race.page-purchase .csssp-lgdokanto{
width: 110px; height: 34px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_logo.png) no-repeat 0 -160px;
}
#main-race.page-purchase .csssp-lgchariloto{
width: 102px; height: 56px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_logo.png) no-repeat 0 -240px;
}
#main-race .boxticket .csssp-txamount{
width: 13px; height: 24px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_txt.png) no-repeat -100px 0;
}
#main-race .boxticket .csssp-btpurchase{
width: 95%; max-width: 430px; height: 50px;
background: #ffc111 url(http://p.dmm.com/p/general/race/chariloto/csssp_bt.gif) no-repeat center -80px;
border: 1px #bfa642 solid;
border-radius: 3px;
}
#main-race .boxticket .csssp-btprogress{
width: 95%; max-width: 430px; height: 50px;
background: #e1e1e1 url(http://p.dmm.com/p/general/race/chariloto/csssp_bt.gif) no-repeat center -160px;
border: 1px #b4b4b4 solid;
border-radius: 3px;
}
#main-race .boxticket .csssp-btresult{
width: 95%; max-width: 430px; height: 50px;
background: #e1e1e1 url(http://p.dmm.com/p/general/race/chariloto/csssp_bt.gif) no-repeat center -240px;
border: 1px #b4b4b4 solid;
border-radius: 3px;
}
#main-race .boxticket dd [class*="csssp-bt"] a {
display: block;
width: 100%; height: 50px;
}
#main-race .nextrace .csssp-icocarry,
#main-race .boxticket .csssp-icocarry {
width: 55px; height: 55px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_icon.png) no-repeat 0 -160px;
}
#main-race.page-purchase .boxticket .csssp-btpurchase{
width: 95%; max-width: 320px; height: 40px;
background: #ffc111 url(http://p.dmm.com/p/general/race/chariloto/csssp_bt.gif) no-repeat center -320px;
border: 1px #bfa642 solid;
border-radius: 3px;
}
#main-race.page-purchase .boxticket dd [class*="csssp-bt"] a {
height: 40px;
}
#main-race.page-purchase .boxticket .csssp-icocarry {
width: 55%; height: 55px;
background: #e1e1e1 url(http://p.dmm.com/p/general/race/chariloto/csssp_icon.png) no-repeat center -160px;
}


/* ==================== ログイン専用 ==================== */
#main-race.page-login {
position: relative;
}
#main-race.page-login #ch-head {
position: relative;
height: 391px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
background-color: #fff;
}
#main-race.page-login #ch-head img {
position: absolute;
left: 50%;
height: 391px;
margin: 0 -500px;
vertical-align: top;
}
#main-race.page-login .d-sect .d-item.center.mg-t20 {
position: absolute;
top: 370px; left: 50%;
width: 478px;
margin-left: -60px;
color: #666 !important;
}
#main-race.page-login .d-sect .tx16.bold.red {
font-size: 14px !important;
color: #666 !important;
}
#main-race.page-login .d-sect .bxconspic {
background: url(http://p.dmm.com/p/general/race/chariloto/bg_stripe.gif);
}

/* ==================== racenav ==================== */
#racenav {
    margin-top: -23px;
    margin-bottom: 20px;
}
#d-header #racenav {
    margin-top: 0;
    margin-bottom: 5px;
}
#racenav .racenav-inner {
    /* min-width: 1100px; */
    height: 57px;
    border: #242728 1px solid;
    background-color: #3e4345;
    display: flex;
    justify-content: space-between;
}

/* 中ナビの左側 racenav-l */
/* 中ナビの右側 racenav-r */
#racenav .racenav-inner .racenav-l > li,
#racenav .racenav-inner .racenav-l,
#racenav .racenav-inner .racenav-r > li,
#racenav .racenav-inner .racenav-r {
    display: flex;
}
#racenav .racenav-inner .racenav-l > li,
#racenav .racenav-inner .racenav-r > li {
    position: relative;
}
#racenav .racenav-inner .racenav-l {
    border-right:#676767 1px solid;
}
#racenav .racenav-inner .racenav-l > li.bt-floor {
    display: block;
    height: 57px;
    width: 188px;
    background: #242728 url(http://p.dmm.com/p/general/race/chariloto/navi/head/ttl_chariloto.png) no-repeat 38px center;
}
#racenav .racenav-inner .racenav-l > li.bt-floor span {
    position: relative;
    z-index: -1;
}
/* oddsnavi */
#racenav .racenav-inner .racenav-l > li.bt-oddsnavi {
    position: relative;
}
#racenav .racenav-inner .racenav-l > li.bt-oddsnavi span {
    display: block;
    line-height: 1;
    font-style: italic;
}
#racenav .racenav-inner .racenav-l > li.bt-oddsnavi span:first-child {
    margin: 12px 0 2px;
    font-size: 10px;
    font-weight: normal;
    letter-spacing: .05em;
    color: rgba(255, 255, 255, .6);
    text-align: center;
}
#racenav .racenav-inner .racenav-l > li.bt-oddsnavi span:last-child {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .05em;
}
#racenav .racenav-inner .racenav-l > li.bt-oddsnavi .nav-pull li a {
    box-sizing: content-box;
}

#racenav .racenav-inner .racenav-l > li > a {
    display: block;
    position: relative;
    height: 57px;
    width: 115px;
    line-height: 57px;
    margin-top: -1px;
    border:#242728 1px solid;
    border-left:#676767 1px solid;
    color: #fff;
    text-align: center;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#racenav .racenav-inner .racenav-l > li.on > a:after,
#racenav .racenav-inner .racenav-r > li.on > a:after {
    display: block;
    position: absolute;
    content: "";
    width: 114px;
    height: 4px;
    left: -1px;
    bottom: -1px;
    border-right:#ffae00 1px solid;
    border-left:#ffe06d 1px solid;
    background: #ffc900 url(http://p.dmm.com/p/general/race/chariloto/navi/head/bg_btn.png) repeat top left;
}
#racenav .racenav-inner .racenav-l > li:hover > a {
    border:#ffae00 1px solid;
    border-left:#ffe06d 1px solid;
    background: #ffc900 url(http://p.dmm.com/p/general/race/chariloto/navi/head/bg_btn.png) repeat top left;
    text-decoration: none;
    -webkit-transition: all .2s;
	transition: all .2s;
}
#racenav .racenav-inner .racenav-l > li.h-on.on > a::after {
    background: none;
    -webkit-transition: all .2s;
	transition: all .2s;
}

#racenav .racenav-inner .racenav-l .nav-pull,
#racenav .racenav-inner .racenav-r .nav-pull {
    display: none;
    position: absolute;
    top: 58px;
    left: 0;
    box-shadow:rgba(0, 0, 0, 0.2) 4px 4px 3px -3px;
    -webkit-box-shadow:rgba(0, 0, 0, 0.2) 4px 4px 3px -3px;
    -moz-box-shadow:rgba(0, 0, 0, 0.2) 4px 4px 3px -3px;
    z-index: 100;
}
#racenav .racenav-inner .racenav-r .nav-pull.nav-pull__r {
    left: auto;
    right: 0;
}
/* 中ナビの右側(toreta+・各種設定) hover時メニュー表示 */
#racenav .racenav-inner .racenav-l > li:hover > .nav-pull,
#racenav .racenav-inner .racenav-r > li:hover > .nav-pull {
    display: block;
}
#racenav .racenav-inner .racenav-l .nav-pull li a,
#racenav .racenav-inner .racenav-r .nav-pull li a {
    display: block;
    min-width: 77px;
    line-height: 33px;
    padding: 0 10px;
    background-color: #3e4345;
    color: #fff;
    white-space: nowrap;
}
#racenav .racenav-inner .racenav-l .nav-pull li a {
    width: 100%;
}
#racenav .racenav-inner .racenav-l .nav-pull li + li a {
    border-top: #505557 1px solid;
}
#racenav .racenav-inner .racenav-r .nav-pull li a {
    border-top: #505557 1px solid;
}
#racenav .racenav-inner .racenav-r .nav-pull li:last-child a {
    border-bottom: #505557 1px solid;
}
#racenav .racenav-inner .racenav-l .nav-pull li a:hover,
#racenav .racenav-inner .racenav-r .nav-pull li a:hover {
    text-decoration: none;
    background-color:#22282a;
    -webkit-transition: all .2s;
	transition: all .2s;
}

/* 中ナビの右側 */
#racenav .racenav-inner .racenav-r {
    align-items: center;
    line-height: normal;
    color: #fff;
}
#racenav .racenav-inner .racenav-r .racenav-r__block {
    display: flex;
    flex-direction: column;
    height: 30px;
    padding: 14px 4px;
    font-size: 14px;
}
#racenav .racenav-inner .racenav-r .is--none {
    display: none;
}
#racenav .racenav-inner .racenav-r .racenav-r__block .racenav-r__block__ttl {
    color: #ccc;
    font-size: 10px;
}
#racenav .racenav-inner .racenav-r .racenav-r__block .racenav-r__price {
    font-weight: 700;
    letter-spacing: .4px;
    font-size: 16px;
}
#racenav .racenav-inner .racenav-r .btn__result:hover {
    transform: translateY(1px);
}
#racenav .racenav-inner .racenav-r .racenav-r__btn:hover {
    transform: translateY(1px);
}
#racenav .racenav-inner .racenav-r .racenav-r__btn {
    display: flex;
    align-content: center;
    justify-content: space-around;
    line-height: normal;
    color: #fff;
    font-size: 10px;
    padding: 4px 6px;
    height: 100%;
    border-radius: 4px;
    border: none;
    box-sizing: border-box;
}
#racenav .racenav-inner .racenav-r .racenav-r__btn.btn--disabled {
    pointer-events: none;
    background: #ddd !important;
}
#racenav .racenav-inner .racenav-r .racenav-r__btn.btn__refound {
    width: 82px;
    height: 40px;
    background: linear-gradient(to bottom, #cc0000, #b30000);
}
#racenav .racenav-inner .racenav-r .racenav-r__btn.btn__refound::before {
    margin: 0 6px 0 0;
    width: 24px;
    background: url(https://p.dmm.com/p/general/race/chariloto/navi/head/icon_pay.svg) center/contain no-repeat;
}
#racenav .racenav-inner .racenav-r .racenav-r__btn.btn__refound:hover {
    opacity: .7;
}
#racenav .racenav-inner .racenav-r .racenav-r__btn.btn__quickcharge {
    width: 74px;
    height: 40px;
    background: linear-gradient(to bottom, #ff4e00, #cc3d00);
}
#racenav .racenav-inner .racenav-r .racenav-r__btn.btn__quickcharge::before {
    margin: 0 3px 0 0;
    width: 19px;
    background: url(https://p.dmm.com/p/general/race/chariloto/navi/head/icon_charge.svg) center/contain no-repeat;
}
#racenav .racenav-inner .racenav-r .racenav-r__btn.btn__quickcharge:hover {
    background: linear-gradient(to bottom, #f4845c, #fc845c)!important;
}
#racenav .racenav-inner .racenav-r .racenav-r__btn.btn__refound::before,
#racenav .racenav-inner .racenav-r .racenav-r__btn.btn__quickcharge::before {
    content: "";
    display: inline-block;
}
#racenav .racenav-inner .racenav-r .bt-quickcharge {
    padding: 0 8px 0px 4px;
}
#racenav .racenav-inner .racenav-r .bt-quickcharge .racenav-r__btn.btn__refound {
    width: 62px;
}
/* 中ナビの右側(マイメニュー) */
#racenav .racenav-inner .racenav-r > .bt-mymenu:hover {
    background: #ffc900 url(http://p.dmm.com/p/general/race/chariloto/navi/head/bg_btn.png) repeat top left;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;
}
#racenav .racenav-inner .racenav-r .bt-mymenu > a {
    padding: 8px 0;
    height: 42px;
    width:  115px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    line-height: normal;
    border-left: #676767 1px solid;
    color: #fff;
}
#racenav .racenav-inner .racenav-r .bt-mymenu img {
    width: 20px;
    height: 20px;
    margin: 0 0 4px;
}
#racenav .racenav-inner .racenav-r .mymenu {
    display: flex;
    width: 731px;
    background: #3e4345;
    box-sizing: border-box;
    padding: 24px;
}
#racenav .racenav-inner .racenav-r .mymenu .mymenu__l {
    display: flex;
}
#racenav .racenav-inner .racenav-r .mymenu .mymenu__l .mymenu__l__item {
    width: 160px;
}
#racenav .racenav-inner .racenav-r .mymenu .mymenu__l .mymenu__l__ttl {
    font-size: 10px;
    color: #ccc;
}
#racenav .racenav-inner .racenav-r .mymenu .mymenu__r {
    font-size: 10px;
    margin: 0 0 0 32.5px;
    color: #333;
}
#racenav .racenav-inner .racenav-r .mymenu .mymenu__r .mymenu__r__balance,
#racenav .racenav-inner .racenav-r .mymenu .mymenu__r .mymenu__r__refound {
    display: flex;
    width: 307px;
    box-sizing: border-box;
    background: #fff;
    padding: 16px;
    justify-content: space-between;
    align-items: center;
}
#racenav .racenav-inner .racenav-r .mymenu .mymenu__r .mymenu__r__balance .racenav-r__btn.btn__quickcharge {
    width: 82px;
}
#racenav .racenav-inner .racenav-r .mymenu .mymenu__r .mymenu__r__ttl {
    color: #666;
    margin-bottom: 8px;
    font-size: 12px;
}
#racenav .racenav-inner .racenav-r .mymenu .mymenu__r .mymenu__r__price {
    font-size: 20px;
    font-weight: 700;
}
#racenav .racenav-inner .racenav-r .mymenu .mymenu__r .chariloto-point {
    display: inline-block;
    border-radius: 20px;
    border: 1px solid #f7f7f7;
    background: #f7f7f7;
    margin: 8px 0 0;
    padding: 8px 12px;
    text-align: center;
}
#racenav .racenav-inner .racenav-r .mymenu .mymenu__r .chariloto-point .chariloto-point__price {
    margin: 0 2px;
    color: #ff4e00;
    font-weight: 700;
    letter-spacing: .4px;
}

/* 中ナビの右側(未ログイン) */
#racenav .racenav-inner .racenav-r li.link-help {
    text-align: right;
    line-height: 57px;
}
#racenav .racenav-inner .racenav-r li.link-help a {
    display: inline-block;
    position: relative;
    padding-right: 28px;
    color: #fff;
    border: none;
}
#racenav .racenav-inner .racenav-r li.link-help span {
    padding-left: 21px;
    display: inline-block;
    background:url(http://p.dmm.com/p/general/race/chariloto/navi/head/ico_racenav_r.png) no-repeat left 18px;
}

/* クイックチャージモーダル */
.quickcharge__modal__overlay {
    display: none;
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation: show 0.2s ease-out 0s;
    animation: show 0.2s ease-out 0s;
}
.quickcharge__modal__overlay.is--show {
    display: block;
}
.quickcharge__modal__overlay .is--none {
    display: none;
}
.quickcharge__modal__overlay .quickcharge__modal {
    position: relative;
    padding: 350px 8.53333vw;
}
.quickcharge__modal__overlay .quickcharge__modal .quickcharge__modal__content {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    box-sizing: border-box;
    padding: 30px 68px;
    border-radius: 10px;
    background: #fff;
    line-height: 1;
    font-size: 14px;
    color: #000;
    text-align: center;
}
.quickcharge__modal__overlay .quickcharge__modal .quickcharge__modal__content .quickcharge__text--bold {
    font-size: 16px;
    font-weight: bold;
}
.quickcharge__modal__overlay .quickcharge__modal .quickcharge__modal__content .quickcharge__modal__close {
    position: absolute;
    top: -41px;
    right: 0;
    width: 26px;
    height: 26px;
    text-align: center;
    cursor: pointer;
}
.quickcharge__modal__overlay .quickcharge__modal .quickcharge__modal__content .quickcharge__modal__close img {
    width: 100%;
    color: #fff;
}
.quickcharge__modal__overlay .quickcharge__modal .quickcharge__modal__content .quickcharge__input {
    display: none;
}
.quickcharge__modal__overlay .quickcharge__modal .quickcharge__modal__content .quickcharge__input + label {
    display: flex;
    align-items: center;
    width: 150px;
    margin: 24px auto;
}
.quickcharge__modal__overlay .quickcharge__modal .quickcharge__modal__content .quickcharge__input + label > span {
    padding-left: 39px;
}
.quickcharge__modal__overlay .quickcharge__modal .quickcharge__modal__content .quickcharge__input + label > span.quickcharge__input__end {
    padding-left: 28px;
}
.quickcharge__modal__overlay .quickcharge__modal .quickcharge__modal__content .quickcharge__input + label::before {
    content: "";
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 50%;
}
.quickcharge__modal__overlay .quickcharge__modal .quickcharge__modal__content .quickcharge__input:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    left: calc(50% - 75px);
    margin: 0 5px;
    width: 10px;
    height: 10px;
    background: #ff4e00;
    border-radius: 50%;
}
@media all and (-ms-high-contrast: none) {
    .quickcharge__modal__overlay .quickcharge__modal .quickcharge__modal__content .quickcharge__input:checked + label::after {
        margin: -5px 5px;
    }
}
.quickcharge__modal__overlay .quickcharge__modal .quickcharge__modal__content button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
}
.quickcharge__modal__overlay .quickcharge__modal .quickcharge__modal__content .quickcharge__modal__btn {
    background: linear-gradient(to bottom, #ff4e00, #cc3d00);
    color: #fff;
    border-radius: 8px;
    width: 263px;
    height: 49px;
    font-size: 16px;
    margin: 16px 0;
}
.quickcharge__modal__overlay .quickcharge__modal__content div.quickcharge__modal__card_description {
    font-size: 12px;
    color: #333;
    text-align: center;
    margin-bottom: 24px;
}
.quickcharge__modal__overlay .quickcharge__modal__content div.quickcharge__modal__card_attention {
    font-size: 10px;
    color: #333;
    text-align: left;
    margin-bottom: 16px;
}
.quickcharge__modal__overlay .quickcharge__modal__content a.quickcharge__modal__other__link {
    font-size: 12px;
    text-decoration: underline;
}

/* ==================== side-l ==================== */
#side-l [class*="side-race-"],
#side-l [class*="side-race-"] * {
    line-height: 1.5;
    margin: 0;
    padding: 0;
    list-style: none;
}
#side-l [class*="side-race-"] {
    margin-bottom: 10px;
}

#side-l .side-race-guest,
#side-l .side-race-member,
#side-l .side-race-toreta {
    padding-top: 6px;
    padding-bottom: 10px;
    border-top: #b5b5b5 1px solid;
    border-radius: 5px;
    background: #313131 url(http://p.dmm.com/p/general/race/chariloto/navi/side/bg_boxregist.gif) repeat-x left top;
}
/* === side-race-guest === */
/* bt-regist */
#side-l .side-race-guest .box-regist {
    padding-bottom: 10px;
}
#side-l .side-race-guest .box-regist .bt-regist {
	position: relative;
	display:block;
	width: 153px;
	height: 153px;
	margin: auto;
	border-radius:100px;
	background: url(http://p.dmm.com/p/general/race/chariloto/navi/side/bt-resist.png) no-repeat left top;
}
#side-l .side-race-guest .box-regist .bt-regist:after {
	content:"";
	position: absolute;
	top:0;
	left:0;
	display:block;
	width: 153px;
	height: 153px;
	border-radius:100px;
}
#side-l .side-race-guest:not(.ie8) .box-regist .bt-regist:after {
	background:url(http://p.dmm.com/p/general/race/chariloto/navi/side/bt-resist.png) no-repeat 1px -180px;
}
#side-l .side-race-guest .box-regist .bt-regist:after {
	opacity: 0;
	animation-name: glitter;
	animation-timing-function: ease;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease;
	-webkit-animation-name: glitter;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
}
#side-l .side-race-guest .box-regist .bt-regist:hover:after {
    opacity: 0.7;
    background:url(http://p.dmm.com/p/general/race/chariloto/navi/side/bt-resist.png) no-repeat 1px -180px;
animation-name: glitter2;
	animation-timing-function: linear;
	animation-duration: 0.5s;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-name: glitter2;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: infinite;
    opacity: 1;
	box-shadow:rgba(255, 115, 0, 0.4) 0px 0px 20px 3px,rgba(255, 115, 0, 0.8) 0px 0px 20px 3px inset;
	-webkit-box-shadow:rgba(255, 115, 0, 0.4) 0px 0px 20px 3px,rgba(255, 115, 0, 0.8) 0px 0px 20px 3px inset;
	-moz-box-shadow:rgba(255, 115, 0, 0.4) 0px 0px 20px 3px,rgba(255, 115, 0, 0.8) 0px 0px 20px 3px inset;
}
@keyframes glitter {
	from {
		opacity: 0;
		box-shadow:rgba(255, 115, 0, 0) 0px 0px 20px 3px,rgba(255, 115, 0, 0) 0px 0px 20px 3px inset;
	-webkit-box-shadow:rgba(255, 115, 0, 0) 0px 0px 20px 3px,rgba(255, 115, 0, 0) 0px 0px 20px 3px inset;
	-moz-box-shadow:rgba(255, 115, 0, 0) 0px 0px 20px 3px,rgba(255, 115, 0, 0) 0px 0px 20px 3px inset;
	}
	50% {
		opacity: 1;
		box-shadow:rgba(255, 115, 0, 0.4) 0px 0px 20px 3px,rgba(255, 115, 0, 0.8) 0px 0px 20px 3px inset;
	-webkit-box-shadow:rgba(255, 115, 0, 0.4) 0px 0px 20px 3px,rgba(255, 115, 0, 0.8) 0px 0px 20px 3px inset;
	-moz-box-shadow:rgba(255, 115, 0, 0.4) 0px 0px 20px 3px,rgba(255, 115, 0, 0.8) 0px 0px 20px 3px inset;
	}
	to {
		opacity: 0;
		box-shadow:rgba(255, 115, 0, 0) 0px 0px 20px 3px,rgba(255, 115, 0, 0) 0px 0px 20px 3px inset;
	-webkit-box-shadow:rgba(255, 115, 0, 0) 0px 0px 20px 3px,rgba(255, 115, 0, 0) 0px 0px 20px 3px inset;
	-moz-box-shadow:rgba(255, 115, 0, 0) 0px 0px 20px 3px,rgba(255, 115, 0, 0) 0px 0px 20px 3px inset;
	}
}
@-webkit-keyframes glitter {
	from {
		opacity: 0;
		box-shadow:rgba(255, 115, 0, 0) 0px 0px 20px 3px,rgba(255, 115, 0, 0) 0px 0px 20px 3px inset;
	-webkit-box-shadow:rgba(255, 115, 0, 0) 0px 0px 20px 3px,rgba(255, 115, 0, 0) 0px 0px 20px 3px inset;
	-moz-box-shadow:rgba(255, 115, 0, 0) 0px 0px 20px 3px,rgba(255, 115, 0, 0) 0px 0px 20px 3px inset;
	}
	50% {
		opacity: 1;
		box-shadow:rgba(255, 115, 0, 0.4) 0px 0px 20px 3px,rgba(255, 115, 0, 0.8) 0px 0px 20px 3px inset;
	-webkit-box-shadow:rgba(255, 115, 0, 0.4) 0px 0px 20px 3px,rgba(255, 115, 0, 0.8) 0px 0px 20px 3px inset;
	-moz-box-shadow:rgba(255, 115, 0, 0.4) 0px 0px 20px 3px,rgba(255, 115, 0, 0.8) 0px 0px 20px 3px inset;
	}
	to {
		opacity: 0;
		box-shadow:rgba(255, 115, 0, 0) 0px 0px 20px 3px,rgba(255, 115, 0, 0) 0px 0px 20px 3px inset;
	-webkit-box-shadow:rgba(255, 115, 0, 0) 0px 0px 20px 3px,rgba(255, 115, 0, 0) 0px 0px 20px 3px inset;
	-moz-box-shadow:rgba(255, 115, 0, 0) 0px 0px 20px 3px,rgba(255, 115, 0, 0) 0px 0px 20px 3px inset;
	}
}

@keyframes glitter2 {
	from {
		opacity: 0.7;
		box-shadow:rgba(255, 115, 0, 0.8) 0px 0px 20px 3px,rgba(255, 115, 0, 0.8) 0px 0px 20px 3px inset;
	-webkit-box-shadow:rgba(255, 115, 0, 0.8) 0px 0px 20px 3px,rgba(255, 115, 0, 0.8) 0px 0px 20px 3px inset;
	-moz-box-shadow:rgba(255, 115, 0, 0.8) 0px 0px 20px 3px,rgba(255, 115, 0, 0.8) 0px 0px 20px 3px inset;
	}
	50% {
		opacity: 1;
		box-shadow:rgba(255, 115, 0, 0.8) 0px 0px 20px 3px,rgba(255, 115, 0, 0.8) 0px 0px 20px 3px inset;
	-webkit-box-shadow:rgba(255, 115, 0, 0.8) 0px 0px 20px 3px,rgba(255, 115, 0, 0.8) 0px 0px 20px 3px inset;
	-moz-box-shadow:rgba(255, 115, 0, 0.8) 0px 0px 20px 3px,rgba(255, 115, 0, 0.8) 0px 0px 20px 3px inset;
	}
	to {
		opacity: 0.7;
		box-shadow:rgba(255, 115, 0, 0.8) 0px 0px 20px 3px,rgba(255, 115, 0, 0.8) 0px 0px 20px 3px inset;
	-webkit-box-shadow:rgba(255, 115, 0, 0.8) 0px 0px 20px 3px,rgba(255, 115, 0, 0.8) 0px 0px 20px 3px inset;
	-moz-box-shadow:rgba(255, 115, 0, 0.8) 0px 0px 20px 3px,rgba(255, 115, 0, 0.8) 0px 0px 20px 3px inset;
	}
}
@-webkit-keyframes glitter2 {
	from {
		opacity: 0.7;
		box-shadow:rgba(255, 115, 0, 0.8) 0px 0px 20px 3px,rgba(255, 115, 0, 0.8) 0px 0px 20px 3px inset;
	-webkit-box-shadow:rgba(255, 115, 0, 0.8) 0px 0px 20px 3px,rgba(255, 115, 0, 0.8) 0px 0px 20px 3px inset;
	-moz-box-shadow:rgba(255, 115, 0, 0.8) 0px 0px 20px 3px,rgba(255, 115, 0, 0.8) 0px 0px 20px 3px inset;
	}
	50% {
		opacity: 1;
		box-shadow:rgba(255, 115, 0, 0.8) 0px 0px 20px 3px,rgba(255, 115, 0, 0.8) 0px 0px 20px 3px inset;
	-webkit-box-shadow:rgba(255, 115, 0, 0.8) 0px 0px 20px 3px,rgba(255, 115, 0, 0.8) 0px 0px 20px 3px inset;
	-moz-box-shadow:rgba(255, 115, 0, 0.8) 0px 0px 20px 3px,rgba(255, 115, 0, 0.8) 0px 0px 20px 3px inset;
	}
	to {
		opacity: 0.7;
		box-shadow:rgba(255, 115, 0, 0.8) 0px 0px 20px 3px,rgba(255, 115, 0, 0.8) 0px 0px 20px 3px inset;
	-webkit-box-shadow:rgba(255, 115, 0, 0.8) 0px 0px 20px 3px,rgba(255, 115, 0, 0.8) 0px 0px 20px 3px inset;
	-moz-box-shadow:rgba(255, 115, 0, 0.8) 0px 0px 20px 3px,rgba(255, 115, 0, 0.8) 0px 0px 20px 3px inset;
	}
}

#side-l .side-race-guest .box-regist .bt-regist > span {
	position:relative;
	top:50px;
	z-index: -1;
}
#side-l .side-race-guest .box-regist a.bt-login {
    position:relative;
    display: block;
    width: 153px;
    height: 20px;
    line-height: 20px;
    margin: 6px auto 0 auto;
    border-radius: 3px;
    border-top: #fff7cb 1px solid;
    border-right: #000 1px solid;
    border-bittim: #000 1px solid;
    border-left: #fff7cb 1px solid;
    background: #ffcd03 url(http://p.dmm.com/p/general/race/chariloto/navi/side/bg_btlogin.gif) repeat-x left top;
    color: #333;
    font-weight: bold;
    text-align: center;
}
#side-l .side-race-guest .box-regist a.bt-login span {
    line-height: 20px;
}
#side-l .side-race-guest .box-regist a.bt-login span:before {
    position: absolute;
    display:block;
    content:"";
    top:3px;
    left: 30px;
    width:13px;
    height:13px;
    background:url(http://p.dmm.com/p/general/race/chariloto/navi/side/csssp_btico.png) no-repeat center -120px;
}
#side-l .side-race-guest .box-regist a.bt-login:hover {
    position: relative;
    top:1px;
    text-decoration: none;
}
#side-l .side-race-guest:not(.ie8) .box-regist a.bt-login:hover:after {/* IE8ではafterのopacityが効かないためnot()で適用されなくする */
    position: absolute;
    top:0;
    left:0;
    content:"";
    display: block;
    width: 153px;
    height: 20px;
    border-radius: 3px;
    background: #fff;
    opacity: 0.3;
}

/* bt-race-side */
#side-l [class*="side-race-"] .bt-race-side {
    display: block;
    position:relative;
    padding-left: 30px;
    border-top: #505050 1px solid;
    border-left: #505050 1px solid;
    border-bottom: #000 1px solid;
    background: #313131 url(http://p.dmm.com/p/general/race/chariloto/navi/side/bg_btraceside.gif) repeat-x left top;
    text-shadow: #000 -1px -1px 0;
    -moz-text-shadow: #000 -1px -1px 0;
    -webkit-text-shadow: #000 -1px -1px 0;
    color: #fff;
    font-size: 14px;
}
#side-l [class*="side-race-"] .bt-race-side:hover {
    background: #444 url(http://p.dmm.com/p/general/race/chariloto/navi/side/bg_btraceside_on.gif) repeat-x left top;
    text-decoration: none;
}
/* box-guide */
#side-l .side-race-guest .box-guide {
    padding-bottom: 10px;
    border-bottom: #000 1px solid;
background: #232323 url(http://p.dmm.com/p/general/race/chariloto/navi/side/bg_boxguide.gif) repeat-x left top;
}
#side-l .side-race-guest .box-guide li:first-child a {
    height: 35px;
    border-bottom: none;
    background: url(http://p.dmm.com/p/general/race/chariloto/navi/side/bg_boxguide.gif) repeat-x left top;
}
#side-l .side-race-guest .box-guide li:first-child a span {
    line-height: 35px;
}
#side-l .side-race-guest .box-guide li:first-child a:hover {
    background: url(http://p.dmm.com/p/general/race/chariloto/navi/side/bg_boxguide_on.gif) repeat-x left top;
}
#side-l .side-race-guest .box-guide li:first-child a span:before {
    position: absolute;
    display:block;
    content:"";
    top:50%;
    margin-top: -7.5px;
    left: 6px;
    width:15px;
    height:15px;
    background:url(http://p.dmm.com/p/general/race/chariloto/navi/side/csssp_btico.png) no-repeat center -40px;
}
#side-l .side-race-guest .box-guide li .bt-race-jusyo,
#side-l .side-race-guest .box-guide li .bt-race-keirin {
    display: block;
    position:relative;
    width: 154px;
    height: 50px;
    margin: auto;
    background: url(http://p.dmm.com/p/general/race/chariloto/navi/side/csssp_btguide.png) no-repeat left top;
}
#side-l .side-race-guest .box-guide li .bt-race-keirin {
    background-position: left -50px;
}
#side-l .side-race-guest .box-guide li .bt-race-keirin:hover {
    background-position: -154px -50px;
}
#side-l .side-race-guest .box-guide li .bt-race-jusyo:hover {
    background-position: -154px top;
}
#side-l .side-race-guest .box-guide li + li > a span {
    position:relative;
    z-index: -1;
}
/* box-toreta */
#side-l .side-race-guest .box-toreta {
    position: relative;
}
#side-l .side-race-guest .box-toreta > a:first-child {
    padding-top: 3px;
    height: 40px;
    box-shadow:#505050 0px 1px 0px 0px;
-webkit-box-shadow:#505050 0px 1px 0px 0px;
-moz-box-shadow:#505050 0px 1px 0px 0px;
}
#side-l .side-race-guest .box-toreta > a:first-child span:before {
    position: absolute;
    display:block;
    content:"";
    top:6px;
    left: 6px;
    width:15px;
    height:15px;
    background:url(http://p.dmm.com/p/general/race/chariloto/navi/side/csssp_btico.png) no-repeat center top;
}
#side-l .side-race-guest .box-toreta p {
    position: absolute;
    bottom: 0;
    left: 0;
}
#side-l .side-race-guest .box-toreta p a {
    display:block;
    width: 144px;
    height: 1.5em;
    padding: 0 3px 0 18px;
    color: #fff;
    background-color: #6d777b;
    border-bottom: #000 1px solid;
    font-size: 10px;
}
#side-l .side-race-guest .box-toreta p a:after {
    position:absolute;
    display: block;
    top:50%;
    left: 8px;
    margin-top: -3px;
    content:"";
    width: 0;
height: 0;
border-style: solid;
border-width: 3px 0 3px 5px;
border-color: transparent transparent transparent #cacaca;
}
#side-l .side-race-guest .box-toreta p a:hover {
    background-color: #8d999e;
    text-decoration: none;
}
/* === side-race-member === */
#side-l .side-race-member {
    padding: 0;
    border-top: 0;
    border-radius: 5px;
    background: #313131px;
    background-image:none;
}
#side-l .side-race-member:first-child {
    padding: 10px 0;
}
#side-l .side-race-member .box-balance p.capt {
    margin-bottom: 6px;
}
#side-l .side-race-member .box-balance p.capt:before {
    position: absolute;
    display:block;
    content:"";
    top:50%;
    margin-top: -7.5px;
    left: 8px;
    width:15px;
    height:15px;
    background:url(http://p.dmm.com/p/general/race/chariloto/navi/side/csssp_btico.png) no-repeat center -160px;
}
#side-l [class*="side-race-"] .box-balance p.capt {
    position: relative;
    text-align: center;
    text-shadow: #000 -1px -1px 0;
    -moz-text-shadow: #000 -1px -1px 0;
    -webkit-text-shadow: #000 -1px -1px 0;
    color: #fff;
    font-size: 16px;
}
#side-l .side-race-toreta .box-balance p.capt:before {
    position: absolute;
    display:block;
    content:"";
    top:50%;
    margin-top: -7.5px;
    left: 8px;
    width:15px;
    height:15px;
    background:url(http://p.dmm.com/p/general/race/chariloto/navi/side/csssp_btico.png) no-repeat center top;
}
#side-l .side-race-toreta .box-balance div.balance {
    line-height: 1em;
    letter-spacing: -0.1em;
    margin: 6px 6px 10px 6px;
    padding: 2px 5px;
    border-radius: 3px;
    border-top:#000 1px solid;
    border-left:#000 1px solid;
    background-color: #eee;
    text-align:right;
}




/* box-vote */
#side-l .side-race-member .box-vote > ul > li {
    border-bottom: #000 1px solid;
}
#side-l .side-race-member .box-vote > ul li a {
    display:block;
    position:relative;
    width: 165px;
    height: 58px;
    margin: 0 auto;
    background: url(http://p.dmm.com/p/general/race/chariloto/navi/side/csssp_btvote.gif) no-repeat left top;
}
#side-l .side-race-member .box-vote > ul li a > span,
#side-l .side-race-member .box-vote > ul li div > span {
    position:relative;
    z-index: -1;
}
#side-l .side-race-member .box-vote > ul li a.bt-race-jusyo:hover {
    background-position: -165px top;
}
#side-l .side-race-member .box-vote > ul li a.bt-race-keirin {
    display:block;
    position:relative;
    width: 165px;
    height: 58px;
    margin-left: auto;
    margin-right: auto;
    background-position: left -58px;
}
#side-l .side-race-member .box-vote > ul li a.bt-race-keirin:hover {
    background-position: -165px -58px;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin {
    display:block;
    position:relative;
    width: 165px;
    height: auto;
    min-height: 108px;
    margin: 0 auto 10px auto;
    background-color: #0186ec;
    background-image: url(http://p.dmm.com/p/general/race/chariloto/navi/side/csssp_btvote.gif);
    background-repeat: no-repeat;
    background-position: left -58px;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin-close {
    height: 108px;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin-close span.txt-close {
    margin-top: 8px;
    z-index: 0;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin > span {
    width: 165px;
    height: 58px;
    display: block;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .box-race-container{
    width: 163px;
    margin: 0 auto;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin{
    width: 170px;
    margin-top: 3px;
    font-size: 0;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin > li {
    width: 80px;
    height: 52px;
    margin: 0 3px 3px 0;
    display: inline-block;
    position: relative;
    background: #D3DEE6 url("http://p.dmm.com/p/general/race/chariloto/bg_gradient.png") repeat-x 0 -60px;
    border: 1px #D7DCE1 solid;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 12px;
    text-align: center;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place > a {
    display: block;
    width: 78px;
    height: 52px;
    border-radius: 5px;
    background: none;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place > a:hover {
    background-color: rgba(255,255,255,.3);
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .ttlsub {
    padding-top: 1px;
    font-size: 10px;
    font-weight: bold;
    color: #ff7e00;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .ttl {
    margin-top: -2px;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}

#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .icosub {
    width: 74px;
    height: 12px;
    display: table;
    overflow: hidden;
    margin: -1px auto;
    border-radius: 3px;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .icosub li {
    display: table-cell;
    background: url(http://p.dmm.com/p/general/race/chariloto/csssp_ico_side.png) no-repeat;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .icosub li[class*="grade-"],
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .icosub li[class*="game-"] {
    width: 21px;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .icosub li[class*="grade-"],
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .icosub li[class*="game-"] {
    border-right: 1px solid #eaeff3;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place li[class*="-day"] {
    width: 31px;
    background: url(http://p.dmm.com/p/general/race/chariloto/csssp_ico_side.png) no-repeat;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .icosub li.grade-gp {
    background-position: left 0;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .icosub li.grade-g1 {
    background-position: left -12px;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .icosub li.grade-g2 {
    background-position: left -24px;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .icosub li.grade-g3 {
    background-position: left -36px;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .icosub li.grade-f1 {
    background-position: left -48px;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .icosub li.grade-f2 {
    background-position: left -60px;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .icosub li.game-day {
    background: none;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .icosub li.game-night {
    background-position: 0 -72px;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .icosub li.game-midnight {
    background-position: 0 -84px;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .icosub li.first-day {
    background-position: -50px 0;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .icosub li.second-day {
    background-position: -50px -12px;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .icosub li.third-day {
    background-position: -50px -24px;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .icosub li.last-day {
    background-position: -50px -84px;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .icosub li.fourth-day {
    background-position: -50px -36px;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .icosub li.fifth-day {
    background-position: -50px -48px;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .icosub li.sixth-day {
    background-position: -50px -60px;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .icosub li.seventh-day {
    background-position: -50px -72px;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .icosub li span {
    position: absolute; z-index: -1;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .icoteppan {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: -10px;
    top: -5px;
    background: url(http://p.dmm.com/p/general/race/chariloto/navi/side/ico_teppan_left_nav.png) no-repeat 0 0;
}
#side-l .side-race-member .box-vote > ul li .box-race-keirin .list-race-keirin .place .icoteppan span {
	opacity: 0;
}
/* box-refund box-guide */
#side-l .side-race-member .box-refund a span:first-child:before,
#side-l .side-race-member .box-guide a span:before {
    position: absolute;
    display:block;
    content:"";
    top:50%;
    margin-top: -7.5px;
    left: 6px;
    width:15px;
    height:15px;
    background:url(http://p.dmm.com/p/general/race/chariloto/navi/side/csssp_btico.png) no-repeat center -40px;
}

/* === order === */
/* side-race-pickup */
#side-l .side-race-pickup {
    padding: 3px 0 6px 0;
    background-color: #e7e7e7;
    text-align: center;
}
#side-l .side-race-pickup p {
    line-height: 1;
    letter-spacing: 0.05em;
    padding: 0 0 3px 6px;
    text-align: left;
    font-size: 11px;
    font-weight: bold;
}
/* ===== キャリーオーバー ===== */
.side-nav-left .side-carry-over{
	margin-bottom: 10px;
	padding: 10px 0;
	background-color: #313131;
	border-radius: 5px;
}
.side-nav-left .capt-carry-over{
	position: relative;
	margin: 0;
	padding-bottom: 6px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 1.429;
}
.side-nav-left .capt-carry-over::before,
.side-nav-left .capt-carry-over::after{
	content:"";
	position: absolute;
	top: 0;
	width: 17px;
	height: 18px;
	background: url(http://p.dmm.com/p/general/race/chariloto/navi/side/ico-carry-over.png)0 0  no-repeat;
}
.side-nav-left .capt-carry-over::before{
	left: 25px;
}
.side-nav-left .capt-carry-over::after{
	right: 25px;
}
.side-nav-left .side-carry-over ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.side-nav-left .side-carry-over ul li a{
	display: block;
	text-decoration: none;
}
.side-nav-left .side-carry-over li{
	width: 161px;
	margin: 0 auto 2px;
	padding-bottom: 2px;
	background-color: #fff;
}
.side-nav-left .side-carry-over h3{
	margin: 0;
	height: 30px;
}
.side-nav-left .side-carry-over .content-dokanto-carry-over h3{
	background-color: #cfeaff;
}
.side-nav-left .side-carry-over .content-chariloto-carry-over h3{
	background-color: #ffe1ec;
}
.side-nav-left .side-carry-over h3 img{
	margin-left: 10px;
}
.side-nav-left .side-carry-over li .place,
.side-nav-left .side-carry-over li .date{
	margin: 0 7px 0 10px;
}
.side-nav-left .side-carry-over .price{
	margin: 0 4px 5px 0;
	padding-top: 3px;
	text-align: right;
	font-size: 12px;
	font-family:"Arial Black","Arial";
	line-height: 1;
	white-space: nowrap;
	font-weight: bold;
	color: #000;
}
.side-nav-left .side-carry-over .price .tx-billion{
	color: #c00;
}
.side-nav-left .side-carry-over .price .total-price-num{
	font-size: 18px;
}

.side-nav-left .side-carry-over .place,
.side-nav-left .side-carry-over .date{
	color: #737373;
	font-size: 10px;
	line-height: 1.3;
}


/* ===== バナー ===== */
.side-nav-left .side-banner a{
	display: block;
	margin-bottom: 10px;
}
/* ===== お役立ち情報 ===== */
.side-nav-left .side-contents{
	padding-top: 5px;
}

/* ==================== myページ専用 ==================== */
#main-race.page-race-info .box-news,
#main-race.page-race-mytop .box-news{
padding: 12px;
border: #ddd 1px solid;
border-radius: 3px;
background: #eee url(http://p.dmm.com/p/general/race/chariloto/stripe_w50.png) repeat;
}

#main-race.page-race-mytop .box-news table > tbody > tr > th {vertical-align: top;}

#main-race.page-race-mytop [class*="boxtable"].datatable tbody th,
#main-race.page-race-myhistory [class*="boxtable"].datatable tbody th {width:150px;}

#main-race.page_result_detail tr.strongline th div,
#main-race[class*="page-race-result"] tr.strongline th div,
#main-race.page-race-myhistory tr.strongline th div,
#main-race.page-race-mytop tr.strongline th div {position: relative;}


/* account */
#main-race.page-race-passinfo [class*="boxtable"].datatable tbody th,
#main-race.page-race-accountinfo [class*="boxtable"].datatable tbody th {width:13em;}
#main-race.page-race-passinfo [class*="boxtable"].datatable tbody td,
#main-race.page-race-accountinfo [class*="boxtable"].datatable tbody td { text-align: left;}


/* tbrefundment */
#main-race .tbrefundment th {font-size: 16px;}
#main-race .tbrefundment ul {
overflow: hidden;
padding: 6px;
}
#main-race .tbrefundment ul li {
float: left;
margin-right: 20px;
padding: 6px 0;
white-space:nowrap;
}
#main-race .tbrefundment .money {
font-weight: bold;
font-size: 26px;
}

/* result */
#main-race p.race-true,
#main-race p.race-false {
width: 40px;
height: 37px;
margin: 0 auto;
}
#main-race p.race-true span,
#main-race p.race-false span {
position: absolute;
z-index: -1;
}
#main-race p.race-true{ background: url(http://p.dmm.com/p/general/race/chariloto/ico_trueorfalse.png) no-repeat 0 -10px;}
#main-race p.race-false{ background: url(http://p.dmm.com/p/general/race/chariloto/ico_trueorfalse.png) no-repeat 0 -60px;}
#main-race.page-race-result table table th,
#main-race.page-race-result02 table table th {font-weight: bold;}
#main-race .carrycol{
min-width: 15em;
height: 63px;
margin: 6px;
padding: 12px 0 0 12px;
border-left: 1px #bbb dotted;
}
#main-race .txtprice {font-size: 26px;}
#main-race .txtprice-sm {font-size: 20px;}
#main-race.page-race-result02 [class*="boxtable"].datatable > thead > tr > th,
#main-race.page-race-result [class*="boxtable"].datatable > thead > tr > th {width:7em;}

/* carrycol-simu */
#main-race .carrycol-simu{
min-width: 15em;
margin: 6px;
padding: 0 0 0 12px;
border-left: 1px #bbb dotted;
}
#main-race .carrycol-simu > div + div {
margin-top: 12px;
padding-top: 12px;
border-top: #bbb 1px dotted;
}
#main-race .carrycol-simu > div > ul {
overflow: hidden;
margin-bottom: 10px;
}
#main-race .carrycol-simu > div > ul li {
display: inline-block;
float: none;
margin: auto;
padding: 0 5px;
}
#main-race .carrycol-simu > div .txtprice {font-size: 24px;}
#main-race .carrycol-simu > div .txtprice.price-simu {font-size: 20px;}

#d-ie7 #main-race .carrycol-simu li { display: inline; width: 20px;}

/* pop */
#main-race .pop-detail {position: relative;}
#main-race .pop-detail > div {
right: 14.7em;
margin-top: -21px;
}

/* page-race-mygethistory */
#main-race.page-race-mygethistory .boxstrong dl,
#main-race.page-race-mygethistory .d-boxstrong dl {text-align: right;}
#main-race.page-race-mygethistory .boxstrong dl+ dl,
#main-race.page-race-mygethistory .d-boxstrong dl+ dl {
padding-top: 6px !important;
border-top: #bbb 1px solid;
font-weight: bold;
}
#main-race.page-race-mygethistory .boxstrong dl dt,
#main-race.page-race-mygethistory .d-boxstrong dl dt {
float: left;
clear: both;
}
#main-race.page-race-mygethistory .boxstrong dl dd,
#main-race.page-race-mygethistory .d-boxstrong dl dd {margin-left: 6em;}
#main-race.page-race-mygethistory .boxstrong dl+ dl dd,
#main-race.page-race-mygethistory .d-boxstrong dl+ dl dd {margin-left: 4em;}
#main-race.page-race-mygethistory .boxstrong dl dt,
#main-race.page-race-mygethistory .d-boxstrong dl dt,
#main-race.page-race-mygethistory .boxstrong dl dd,
#main-race.page-race-mygethistory .d-boxstrong dl dd {margin-bottom: 3px;}

#main-race.page-race-mygethistory .tdtotal dt,
#main-race.page-race-mygethistory .tdtotal dd {
line-height: 1;
font-weight: bold;
font-size: 14px;
}
#main-race.page-race-mygethistory .tdtotal dd span {font-size: 20px;}
#main-race.page-race-mygethistory .tdtotal dt {padding-top: 6px;}
#main-race.page-race-mygethistory .tdtotal td {width: 25%;}


/* etc */
#main-race .tx12 {font-size: 12px;}
#main-race [class*="boxtable"].datatable thead th a {color: #87d8ff;}
#main-race .get-w {width: 12em;}

/* Arial Black */
#main-race .tbrefundment .money,
#main-race .txtprice,
#main-race .txtprice-sm,
#main-race.page-race-mygethistory .tdtotal dd span {font-family: "Arial Black";}


/*  購入ページ口数選択ページ専用  */
#main-race .listlotnum {
overflow: hidden;
width: 100%;
xbackground: #fff;
xborder: 1px #bbb solid;
}
#main-race .listlotnum li {
float: left;
width: 29%;
margin: 6px;
padding: 6px;
background: #fff;
border: 1px #bbb solid;
border-radius: 4px;
text-align: center;
}
#main-race .listlotnum p[class*="racenum-"] {
display: inline-block;
}
#d-ie7 #main-race .listlotnum p[class*="racenum-"] {
display: inline;
}
#main-race .listlotnum li div {
display: inline-block;
}
#d-ie7 #main-race .listlotnum li div {
display: inline;
}

#main-race .listlotnum.two li div {
padding: 0 12px;
background: url(http://p.dmm.com/p/general/race/chariloto/ico_purchasetwo.gif) no-repeat center center;
}
#main-race .listlotnum.two li div + div {border-left: #999 1px dotted;}
#main-race .listlotnum.two p[class*="racenum-"] {display: block;}
#main-race .listlotnum.two p[class*="racenum-"]:first-child {margin-bottom:20px}
#main-race .listlotnum.two p[class*="racenum-"] + p { margin-top: 4px;}


/*  会員登録ページ専用  */
#main-race.page-race-regist .regist-head {
    padding: 0 !important;
    margin: 0 0 30px 0;
    overflow: hidden;
    border-radius:5px;
    text-align: center;
    background-color: #ffd84f;
}
/*  会員登録ページ新規会員バナー  */
#main-race[class*="page-race-regist"] .bnr-head {
    text-align: center;
    background: #1d438b url(http://p.dmm.com/p/general/race/chariloto/newregist/bg_registBnr.jpg);
    width: 90%;
    margin: auto;
    border-radius: 5px;
    margin: -15px auto 25px;
}
/*  メルマガ  */
#main-race[class*="page-race-regist"] .malmag-comment {
    display: inline-block;
    line-height: 1.5em;
    margin-bottom: 4px;
    padding: 2px 6px 0 6px;
    border-radius: 3px;
    background-color: #c00;
    color: #fff;
    font-size: 14px;
}

#w table tr td div.order-subinfo {
margin-top: 6px;
padding-top: 7px;
border-top: 1px #ccc dotted;
line-height: 20px;
}

#minwidth-750 .regist-navi * {
margin: 0;
padding: 0;
list-style: none;
}
#minwidth-750 .regist-navi { margin-top: 30px;}


[class*="page-self"] .regist-navi li,
#minwidth-750 .regist-navi li,
[class*="page-race-regist"] .regist-navi li { display: inline-block; background: none;}
#d-ie7 #w .regist-navi li {float: left; margin-right: -1px;}

[class*="page-self"] .regist-navi ul,
#minwidth-750 .regist-navi ul,
[class*="page-race-regist"] .regist-navi ul {
width: 90%;
text-align: center;
margin: auto;
}

[class*="page-self"] .regist-navi ul.regist-navi-m li,
#minwidth-750 .regist-navi ul.regist-navi-m li,
[class*="page-race-regist"] .regist-navi ul.regist-navi-m li {
position: relative;
width: 25%;
height: 24px;
background: #707070 url(http://p.dmm.com/p/general/race/chariloto/bg_regist_navi.gif) no-repeat right -24px;
}

#d-ie7 [class*="page-self"] .regist-navi ul.regist-navi-m li,
#d-ie7 #minwidth-750 .regist-navi ul.regist-navi-m li,
#d-ie7 [class*="page-race-regist"] .regist-navi ul.regist-navi-m li {position: static;}
#d-ie7 [class*="page-self"] .regist-navi ul.regist-navi-m li .regist-fuki,
#d-ie7 #minwidth-750 .regist-navi ul.regist-navi-m li .regist-fuki,
#d-ie7 [class*="page-race-regist"] .regist-navi ul.regist-navi-m li .regist-fuki{display: none;}


[class*="page-self"] .regist-navi ul.regist-navi-m li.active,
#minwidth-750 .regist-navi ul.regist-navi-m li.active,
[class*="page-race-regist"] .regist-navi ul.regist-navi-m li.active {background-position: right -96px;}
[class*="page-self"] .regist-navi ul.regist-navi-m li.regist-self,
#minwidth-750 .regist-navi ul.regist-navi-m li.regist-self,
[class*="page-race-regist"] .regist-navi ul.regist-navi-m li.regist-self {background-position: right -48px;}

[class*="page-self"] .regist-navi ul.regist-navi-m li[class*="regist-chari"],
#minwidth-750 .regist-navi ul.regist-navi-m li[class*="regist-chari"],
[class*="page-race-regist"] .regist-navi ul.regist-navi-m li[class*="regist-chari"],
[class*="page-self"] .regist-navi ul.regist-navi-m li.regist-my-bank,
#minwidth-750 .regist-navi ul.regist-navi-m li.regist-my-bank,
[class*="page-race-regist"] .regist-navi ul.regist-navi-m li.regist-my-bank {width: 50%;}

[class*="page-self"] .regist-navi ul.regist-navi-m li[class*="regist-chari"]:first-child + li,
#minwidth-750 .regist-navi ul.regist-navi-m li[class*="regist-chari"]:first-child + li,
[class*="page-race-regist"] .regist-navi ul.regist-navi-m li[class*="regist-chari"]:first-child + li {width: 50%;}

[class*="page-self"] .regist-navi ul.regist-navi-m li.regist-my,
#minwidth-750 .regist-navi ul.regist-navi-m li.regist-my,
[class*="page-race-regist"] .regist-navi ul.regist-navi-m li.regist-my {width: 25%;}


[class*="page-self"] .regist-navi ul.regist-navi-m li > span,
#minwidth-750 .regist-navi ul.regist-navi-m li > span,
[class*="page-race-regist"] .regist-navi ul.regist-navi-m li > span {
display: block;
height: 34px;
background:url(http://p.dmm.com/p/general/race/chariloto/csssp_regist_navi.png) no-repeat center -50px;
}
[class*="page-self"] .regist-navi ul.regist-navi-m li[class*="regist-chari"] > span,
#minwidth-750 .regist-navi ul.regist-navi-m li[class*="regist-chari"] > span,
[class*="page-race-regist"] .regist-navi ul.regist-navi-m li[class*="regist-chari"] > span {background-position: center -137px;}

[class*="page-self"] .regist-navi ul.regist-navi-m li.regist-self > span,
#minwidth-750 .regist-navi ul.regist-navi-m li.regist-self > span,
[class*="page-race-regist"] .regist-navi ul.regist-navi-m li.regist-self > span {background-position: center -225px;}

[class*="page-self"] .regist-navi ul.regist-navi-m li > span > span,
#minwidth-750 .regist-navi ul.regist-navi-m li > span > span,
[class*="page-race-regist"] .regist-navi ul.regist-navi-m li > span > span {
position: relative;
z-index: -1;
}

[class*="page-self"] .regist-navi ul.regist-navi-s,
#minwidth-750 .regist-navi ul.regist-navi-s,
[class*="page-race-regist"] .regist-navi ul.regist-navi-s {
width: 90%;
margin: 10px auto 0 auto;
padding: 6px 0;
border-radius: 5px;
background: #e6e6e6;
}
[class*="page-self"] .regist-navi ul.regist-navi-s li,
#minwidth-750 .regist-navi ul.regist-navi-s li,
[class*="page-race-regist"] .regist-navi ul.regist-navi-s li {
line-height: 33px;
color: #707070;
font-size: 16px;
}
[class*="page-self"] .regist-navi ul.regist-navi-s li + li,
#minwidth-750 .regist-navi ul.regist-navi-s li + li,
[class*="page-race-regist"] .regist-navi ul.regist-navi-s li + li {margin-left: 30px;}
[class*="page-self"] .regist-navi ul.regist-navi-s li div,
#minwidth-750 .regist-navi ul.regist-navi-s li div,
[class*="page-race-regist"] .regist-navi ul.regist-navi-s li div {
float: left;
width: 33px;
height: 33px;
margin-right: 10px;
background:url(http://p.dmm.com/p/general/race/chariloto/bg_regist_step.png) no-repeat -42px 0;
}
[class*="page-self"] .regist-navi ul.regist-navi-s li + li div,
#minwidth-750 .regist-navi ul.regist-navi-s li + li div,
[class*="page-race-regist"] .regist-navi ul.regist-navi-s li + li div { background-position: -42px -43px;}
[class*="page-self"] .regist-navi ul.regist-navi-s li + li + li + li div,
#minwidth-750 .regist-navi ul.regist-navi-s li + li + li + li div,
[class*="page-race-regist"] .regist-navi ul.regist-navi-s li + li + li + li div { background-position: -42px -86px;}

[class*="page-self"] .regist-navi ul.regist-navi-s li div > span,
#minwidth-750 .regist-navi ul.regist-navi-s li div > span,
[class*="page-race-regist"] .regist-navi ul.regist-navi-s li div > span {
position: absolute;
z-index: -1;
}
[class*="page-self"] .regist-navi ul.regist-navi-s li div > span,
#minwidth-750 .regist-navi ul.regist-navi-s li div > span,
[class*="page-race-regist"] .regist-navi ul.regist-navi-s li div > span {
position: relative;
top: -6px;
font-size: 16px;
}

/* active */
[class*="page-self"] .regist-navi ul.regist-navi-m li.active,
#minwidth-750 .regist-navi ul.regist-navi-m li.active,
[class*="page-race-regist"] .regist-navi ul.regist-navi-m li.active {
background-color: #c10000;
background-position: right 0;
}

[class*="page-self"] .regist-navi ul.regist-navi-m li.nextactive,
#minwidth-750 .regist-navi ul.regist-navi-m li.nextactive,
[class*="page-race-regist"] .regist-navi ul.regist-navi-m li.nextactive {background-position: right -96px;}

[class*="page-self"] .regist-navi ul.regist-navi-m li.active.regist-self,
#minwidth-750 .regist-navi ul.regist-navi-m li.active.regist-self,
[class*="page-race-regist"] .regist-navi ul.regist-navi-m li.active.regist-self,
[class*="page-self"] .regist-navi ul.regist-navi-m li.active.regist-chari-bank,
#minwidth-750 .regist-navi ul.regist-navi-m li.active.regist-chari-bank,
[class*="page-race-regist"] .regist-navi ul.regist-navi-m li.active.regist-chari-bank {background-position: right -72px;}

[class*="page-self"] .regist-navi ul.regist-navi-m li.active[class*="regist-my"] > span,
#minwidth-750 .regist-navi ul.regist-navi-m li.active[class*="regist-my"] > span,
[class*="page-race-regist"] .regist-navi ul.regist-navi-m li.active[class*="regist-my"] > span {background-position: center -6px;}
[class*="page-self"] .regist-navi ul.regist-navi-m li.active[class*="regist-chari"] > span,
#minwidth-750 .regist-navi ul.regist-navi-m li.active[class*="regist-chari"] > span,
[class*="page-race-regist"] .regist-navi ul.regist-navi-m li.active[class*="regist-chari"] > span {background-position: center -93px;}
[class*="page-self"] .regist-navi ul.regist-navi-m li.active.regist-self > span,
#minwidth-750 .regist-navi ul.regist-navi-m li.active.regist-self > span,
[class*="page-race-regist"] .regist-navi ul.regist-navi-m li.active.regist-self > span {background-position: center -180px;}

[class*="page-self"] .regist-navi ul.regist-navi-s li.active,
#minwidth-750 .regist-navi ul.regist-navi-s li.active,
[class*="page-race-regist"] .regist-navi ul.regist-navi-s li.active {
color: #333;
font-weight: bold;
}
[class*="page-self"] .regist-navi ul.regist-navi-s li.active div,
#minwidth-750 .regist-navi ul.regist-navi-s li.active div,
[class*="page-race-regist"] .regist-navi ul.regist-navi-s li.active div { background-position: 0 0;}
[class*="page-self"] .regist-navi ul.regist-navi-s li + li.active div,
#minwidth-750 .regist-navi ul.regist-navi-s li + li.active div,
[class*="page-race-regist"] .regist-navi ul.regist-navi-s li + li.active div { background-position: 0 -43px;}
[class*="page-self"] .regist-navi ul.regist-navi-s li + li + li + li.active div,
#minwidth-750 .regist-navi ul.regist-navi-s li + li + li + li.active div,
[class*="page-race-regist"] .regist-navi ul.regist-navi-s li + li + li + li.active div { background-position: 0 -86px;}

[class*="page-self"] .regist-fuki,
#minwidth-750 .regist-fuki,
[class*="page-race-regist"] .regist-fuki {
display: block;
position: absolute;
top: 26px;
left: 50%;
width: 13px;
height: 9px !important;
background: #707070 url(http://p.dmm.com/p/general/race/chariloto/ico_regist_navi.gif) no-repeat !important;
}


[class*="d-btn"].btn-nonactive {
filter: alpha(opacity=60);opacity: 0.6;
cursor: default;
}
[class*="d-btn"].btn-nonactive:hover {
position: static !important;
border-color: #bbb #999 #888 !important;
background-position: 0 center !important;
color: #333 !important;
}


[class*="page-race-regist"] table > thead > tr > th a[class*="btn-"] {color: #333 !important;}
[class*="page-race-regist"] table > tbody > tr > th {width: 14em !important;}
[class*="page-race-regist"] table > tbody > tr > td {text-align: left !important;}

[class*="page-race-regist"] .area-bankaccount {
margin: 6px;
}
[class*="page-race-regist"] .area-bankaccount p.txt{
margin-bottom: 12px;
}
[class*="page-race-regist"] .area-bankaccount .box-bankinput {
padding: 8px 8px 12px;
background: #eee;
border-radius: 4px;
overflow: hidden;
}
[class*="page-race-regist"] .area-bankaccount .box-bankinput .col-input.rc-error input {
    background-color: #ffd3d3;
}
[class*="page-race-regist"] .area-bankaccount .col-btn {
margin: 0 0 10px;
padding: 10px;
background: #fff;
border-radius: 4px;
text-align: center;
}
[class*="page-race-regist"] .area-bankaccount .col-input {
float: left;
width: 50%;
padding: 6px 8px;
padding-right:12px;
overflow: hidden;
font-size: 14px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
[class*="page-race-regist"] .area-bankaccount .col-input input[type="text"] {
font-size: 12px;
width: 260px;
background: #eee;
border: none;
}
[class*="page-race-regist"] .area-bankaccount .col-input+.col-input {
border-left: 1px #ccc dotted;
padding-left:12px;
}
[class*="page-race-regist"] .area-bankaccount .col-input > p {
font-weight: bold;
}
[class*="page-race-regist"] .area-bankaccount .col-input > ul li {
float: none !important;
}
[class*="page-race-regist"] .area-bankaccount .col-input > ul li > span {
display: inline-block;
margin-right: 6px;
color: #666;
font-size: 12px;
width: 75px;
}

/*欠場*/
#main-race .boxtable.stop-num > thead > tr > th,
#d-ie7 #w #main-race[class*="page-race-result"] .stop-num td + td,
#d-ie7 #w #main-race.page-race-mytop td.stop-num + td,
#d-ie7 #w #main-race.page-race-myhistory td.stop-num + td,
#d-ie7 #w #main-race .pop-wid td.stop-num + td,
#w #main-race .stop-num tbody th,
#w #main-race tr.stop-num th,
#w #main-race .stop-num td,
#w #main-race .stop-num,
#w #main-race .miss-num,
#w #main-race .stop-odds {
background: #ddd;
color: #999;
}
#w #main-race tr.stop-num td.gate {
background: url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_datatable.png) repeat-x center bottom;
color: #333;
}
#main-race .stop-num p.unsettled{background: url(http://p.dmm.com/p/general/race/chariloto/ico_unsettled_tx.png) no-repeat center -90px;}
#main-race .stop-num p.race-false{ background: url(http://p.dmm.com/p/general/race/chariloto/ico_trueorfalse.png) no-repeat 0 -163px;}
#main-race .stop-num p.race-true{ background: url(http://p.dmm.com/p/general/race/chariloto/ico_trueorfalse.png) no-repeat 0 -113px;}

#w #main-race.page-race-mytop .stop-num th,
#w #main-race.page-race-myhistory .stop-num th {
background: #ddd url(http://p.dmm.com/p/general/race/chariloto/ico_stop.png) no-repeat 10px center;
}

#d-ie7 #w #main-race td.stop-num + td {
background: #fff !important;
}
#d-ie7 #w #main-race td.stop-num + td.saturday {
background: #edeffc !important;
}
#d-ie7 #w #main-race td.stop-num + td.holiday {
background: #fceded !important;
}

#d-ie7 #w #main-race .votetable table > tbody > tr:first-child+tr td.stop-num + td,
#d-ie7 #w #main-race .votetable table > tbody > tr:first-child+tr+tr+tr td.stop-num + td,
#d-ie7 #w #main-race .votetable table > tbody > tr:first-child+tr+tr+tr+tr+tr td.stop-num + td,
#d-ie7 #w #main-race .votetable table > tbody > tr:first-child+tr+tr+tr+tr+tr+tr+tr td.stop-num + td {
background: #faf9e1 !important;
}

/*movie*/
.race-movie {
position: relative;
width: 640px;
height: 500px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0 !important;
}

#main-race.page-movie .race-movie .absolutebt {
position: absolute;
bottom: 56px;
right: 24px;
z-index: 20;
}
#main-race.page-movie .race-movie .absolutebt img { z-index: 15;}
#main-race.page-movie .race-movie .absolutebt:hover {bottom: 55px;}

#main-race.page-movie .boxnumselect span.txnum{line-height: 1em;}
#main-race.page-movie .boxnumselect span.txnum {
font-size: 22px;
line-height: 30px;
font-family: Arial Black;
}
#main-race.page-movie .boxnumselect span {font-weight: bold;}
#main-race.page-movie .boxnumselect > span {
display: block;
margin: auto;
}
#main-race.page-movie .boxnumselect a:hover {
text-decoration: none;
}
#main-race.page-movie .boxnumselect:hover {
filter: alpha(opacity=80);
opacity:0.8;
position: relative;
top:1px;
}
#main-race.page-movie .boxnumselect a {
display: block;
width: 216px;
padding: 10px 12px 5px 12px;
color: #333;
}
#main-race.page-movie .boxnumselect{
width: 240px;
margin: 6px auto;
padding-left: 10px;
background: #ffc112 url(http://p.dmm.com/p/general/race/chariloto/csssp_bt.gif) no-repeat left -419px;
border: 1px #bfa642 solid;
border-radius: 4px;
text-align: center;
}


#w .txnormal {font-weight: normal;}


/*w90*/
#main-race.page-login,
#main-race.page-race-regist-self-finish,
#main-race.page-race-regist-self,
#main-race.page-race-regist-finish,
#main-race.page-race-regist02,
#main-race.page-race-regist {
width: 90%;
margin: auto;
}

/* チャリロトニュース */
#main-race.page-news-index .d-item,
#main-race.page-news-index .item-box {
background: #fafafa url(http://p.dmm.com/p/common/bg/stripe_01.png);
}
#main-race.page-news-index .articlebox {
margin: 12px;
padding: 16px 16px;
background: #fff;
border-radius: 3px;
}
#main-race.page-news-index .articlebox dt {
position: relative;
margin: 0 0 6px;
padding-left: 68px;
font-size: 16px;
font-weight: bold;
}
#main-race.page-news-index .articlebox dt span:first-child {
display: block;
float:left;
position: absolute;
top: 50%;
height: 20px;
margin: -15px 0 0 -90px;
padding: 3px 3px 3px 6px;
background: #DA0000;
border-radius: 3px 0 0 3px;
color: #fff;
font-size: 12px;
font-family: "Arial";
line-height: 20px;
vertical-align: middle;
}

#main-race.page-news-index .articlebox dt span:first-child:after {
position: absolute;
content: " ";
border: 13px solid;
border-color: transparent  transparent transparent #DA0000;
right: -26px;
top:0;
}
#main-race.page-news-index .articlebox dt span+span{
vertical-align: middle;
line-height: 20px;
}

#main-race.page-news-index .articlebox dd {
padding: 6px 6px 0;
}

/* //////////////////////////////////////////////////////////////////////////////////////

															フェイズ2用新規CSS

////////////////////////////////////////////////////////////////////////////////////// */

/* 出走表 */
#main-race .tablesubcapt {
margin: 0 6px 5px;
color: #444;
font-size: 14px;
}
#main-race .tablesubcapt > a {font-size: 12px;}

#main-race span[class*="nightgame"],
#main-race span[class*="grade-"] {border-radius: 2px;}
#main-race span[class*="nightgame"],
#main-race span[class*="grade-"]{
width: 25px;
height: 15px;
background: url(http://p.dmm.com/p/general/race/chariloto/purchase/csssp_ico.png) no-repeat;
}
#main-race span.grade-g1 { background-position: left -15px;}
#main-race span.grade-g2 { background-position: left -30px;}
#main-race span.grade-g3 { background-position: left -45px;}
#main-race span.grade-f1 { background-position: left -60px;}
#main-race span.grade-f2 { background-position: left -75px;}

#main-race.page-top span.nightgame,
#main-race.page-entry span.nightgame,
#main-race.page_result_detail span.nightgame,
#main-race.page-calender span.nightgame,
#main-race.page-purchase-ui .cont-calendar span.nightgame,
#main-race.page-purchase-ui .area-common .cont-result-list span.nightgame,
#main-race.page-purchase-ui .area-keirin > .cont-top > .area-navi .sect-pcuibox ul li span.nightgame {background-position: 0 -90px;}

#main-race.page-top span.nightgame-mid,
#main-race.page-entry span.nightgame-mid,
#main-race.page_result_detail span.nightgame-mid,
#main-race.page-calender span.nightgame-mid,
#main-race.page-purchase-ui .cont-calendar span.nightgame-mid,
#main-race.page-purchase-ui .area-common .cont-result-list span.nightgame-mid,
#main-race.page-purchase-ui .area-keirin > .cont-top > .area-navi .sect-pcuibox ul li span.nightgame-mid{background-position: 0 -105px;}


/* /////////////////////////////// 出走表 /////////////////////////////// */
#main-race.page-entry .sect-box table { background: #fbfbfb;}
#main-race.page-entry .sect-box.entrylistbox {
padding: 0;
margin: 0;
border-radius: 5px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: #bdbfc4 1px solid;
background: #d4d3dc url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_navicapt.gif) repeat-x center -367px;
}
#main-race.page-entry .sect-box.entrylistbox > dl[class*="-list"] { overflow: hidden;}
#main-race.page-entry .sect-box.entrylistbox > dl[class*="-list"] > dd { width: 56px;}
#main-race.page-entry .sect-box.entrylistbox > dl[class*="-list"] > dd > a {
display: block;
width: 100%;
background:url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_odds_bt.png) repeat-x center center;
color: #333;
}
#main-race.page-entry .sect-box.entrylistbox > dl[class*="-list"] > dd.active-navi > a {
background:url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_odds_bt_on.png) repeat-x center center;
color: #c00;
cursor: default;
}
#main-race.page-entry .sect-box.entrylistbox > dl[class*="-list"] > dd > a:hover { color: #c00; text-decoration: none;}
#main-race.page-entry .sect-box.entrylistbox > dl[class*="-list"] > dd { border-right: #bdbfc4 1px solid; border-left: #fff 1px solid;}

#main-race.page-entry .sect-box > p.entry-capt + .item-box > ul li,
#main-race.page-entry .sect-box table.entry-table ul li,
#main-race.page-entry .sect-box.entrylistbox > dl[class*="-list"] > dt,
#main-race.page-entry .sect-box.entrylistbox > dl[class*="-list"] > dd { float: left;}
#main-race.page-entry .sect-box.entrylistbox > dl[class*="-list"]+dl[class*="-list"] {border-top: #bdbfc4 1px solid;}

#main-race.page-entry .sect-box.entrylistbox > dl.place-list > * {
height: 40px;
line-height: 40px;
text-align: center;
}
#main-race.page-entry .sect-box.entrylistbox > dl.place-list dt {
width: 85px;
background:url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_navicapt.gif) no-repeat center -250px;
color: #fff;
font-size: 14px;
}
#main-race.page-entry .sect-box.entrylistbox > dl.race-list > * {text-align: center;}
#main-race.page-entry .sect-box.entrylistbox > dl.race-list dt {
width: 85px;
background:url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_navicapt.gif) no-repeat center -300px;
color: #fff;
}

#main-race.page-entry .sect-box {
padding: 16px 10px 20px 10px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
background:url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_subbox.png) repeat 0 0;
}
#main-race.page-entry .sect-box .item-box {margin-bottom: 0px;}
#main-race.page-entry .sect-box > p.entry-capt {
overflow: hidden;
padding-left: 33px;
font-size: 20px;
font-weight: bold;
background: url(http://p.dmm.com/p/general/race/chariloto/purchase/tx_ttl.png) no-repeat left 4px;
}
#main-race.page-entry .sect-box > p.entry-capt .grade-gp,
#main-race.page-entry .sect-box > p.entry-capt .nightgame { margin-left:6px;}

#main-race.page-entry .sect-box > p.entry-capt span.subtime {
display: block;
float: right;
padding-top: 4px;
font-size: 14px;
font-weight: normal;
}
#main-race.page-entry .sect-box > p.entry-capt + .item-box > p { float: right;}

#main-race.page-entry .sect-box .table-navi {
padding-top: 12px;
border-top: #fff 1px solid;
box-shadow: 0 -1px 0 #d2d3d7;
}

#main-race.page-entry .sect-box.area-data {
margin: 0;
border-radius: 0;
}
#main-race.page-entry .sect-box.area-data + .sect-box { padding-top: 0;}

/* entry-table */
#main-race.page-entry .sect-box table.entry-table * {text-align: center !important;}
#main-race.page-entry .sect-box table.entry-table tbody th {
width: 90px;
font-size: 20px;
font-family: "Arial Black";
color: #666;
}
#main-race.page-entry .sect-box table.entry-table tbody th a.btn-sm {
display: block;
width: 76px;
height: 19px;
margin: auto;
border: none;
background: url(http://p.dmm.com/p/general/race/chariloto/purchase/btn_entry.png) no-repeat left top;
}
#main-race.page-entry .sect-box table.entry-table tr.stop-num a.btn-sm {
background: url(http://p.dmm.com/p/general/race/chariloto/purchase/btn_entry_off.png) no-repeat left top;
cursor: default;
}


#main-race.page-entry .sect-box table.entry-table tbody th a.btn-sm > span {
position: relative;
display: block;
width: auto;
height: auto;
border: none;

background: none;
z-index: -1;
}
#main-race.page-entry .sect-box table.entry-table tbody th,

#main-race.page-entry .sect-box table.entry-table tbody td { padding: 6px 10px;}

#main-race.page-entry .sect-box table.entry-table tbody th + td { font-size: 16px;}

#main-race.page-entry .sect-box table.entry-table tbody th + td + td + td { background-color: #f8efcc;}
#main-race.page-entry .sect-box table.entry-table tbody th + td + td + td a.btn-sm {
display: block;
width: 86px;
height: 19px;
margin: auto;
border: none;
background: url(http://p.dmm.com/p/general/race/chariloto/purchase/btn_result.png) no-repeat left top;
}
#main-race.page-entry .sect-box table.entry-table tbody th + td + td + td a.btn-sm > span {
position: relative;
display: block;
width: auto;
height: auto;
border: none;
background: none;
z-index: -1;
}

#main-race.page-entry .sect-box .table-navi > ul li,
#main-race.page-entry .sect-box table.entry-table tbody ul li {
margin: 3px;
border-radius: 5px;
border: #999 1px solid;
}
#main-race.page-entry .sect-box > p.entry-capt + .item-box > ul li > a,
#main-race.page-entry .sect-box table.entry-table tbody ul li > a {
display: block;
width: 5em;
padding:0;
border-radius: 5px;
border-top: #fff 1px solid;
border-left: #fff 1px solid;
background: url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_odds_bt.png) repeat-x center center;
color: #333;
font-size: 14px;
}
#main-race.page-entry .sect-box > p.entry-capt + .item-box > ul li > a {
width: 6em;
text-align: center;
}

#main-race.page-entry .sect-box > .table-navi > ul li:hover,
#main-race.page-entry .sect-box table.entry-table tbody ul li:hover {
position: relative;
top: 1px;
}

#main-race.page-entry .sect-box > p.entry-capt + .item-box > ul li > a:hover,
#main-race.page-entry .sect-box > .table-navi > ul li a:hover,
#main-race.page-entry .sect-box table.entry-table tbody ul li a:hover {text-decoration: none;color: #c00;}

#main-race.page-entry .sect-box >.table-navi { margin-bottom: 12px;}
#main-race.page-entry .sect-box > .table-navi a.btn-vote {
width: 128px;
height: 29px;
border: none;
background: url(http://p.dmm.com/p/general/race/chariloto/purchase/bt_vote03.png) repeat-x center center;
}
#main-race.page-entry .sect-box > .table-navi a.btn-vote > span {
width: auto;
position: relative;
z-index: -1;
border: none;
background: none;
}

#main-race.page-entry .sect-box table.entry-table tr.stop-num ul * {
opacity:0.6;
filter:alpha(opacity=60);
cursor:default;
}
#main-race.page-entry .sect-box table.entry-table tr.stop-num ul *:hover,
#main-race.page-entry .sect-box table.entry-table tr.stop-num [class*="btn-"]:hover {
top:0;
color: #333;
}

/* table */
#main-race.page-entry .purchasetable{ border-collapse: collapse; width: 100%;}
#main-race.page-entry .purchasetable th,
#main-race.page-entry .purchasetable td {
padding: 6px;
border: #b7b7b7 1px solid;
text-align: center;
}
/*カラー*/
#main-race.page-entry table.purchasetable.detail-table thead th,
#main-race.page-entry table.purchasetable.result-table thead th { background:#f1f1f1 url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_datatable_th.png) repeat-x left 0;}
#main-race.page-entry table.purchasetable.detail-table thead tr + tr + tr > th {background-position: left -25px;}

#main-race.page-entry table.purchasetable.result-table thead tr + tr > th { background-position: left -25px;}
#main-race.page-entry table.purchasetable.result-table thead tr + tr + tr > th { background-position: left -50px;}

/*#main-race.page-entry table.purchasetable tbody tr th,
#main-race.page-entry table.purchasetable tbody tr td {background: url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_datatable.png) repeat-x bottom;}*/

#main-race.page-entry table.purchasetable tr.vote-num01 td {background-color: #fff;}
#main-race.page-entry table.purchasetable tr.vote-num02 td{background-color: #eaeaea;}
#main-race.page-entry table.purchasetable tr.vote-num03 td{background-color: #feeeee;}
#main-race.page-entry table.purchasetable tr.vote-num04 td{background-color: #eef7ff;}
#main-race.page-entry table.purchasetable tr.vote-num05 td{background-color: #ffffde;}
#main-race.page-entry table.purchasetable tr.vote-num06 td{background-color: #f4ffc8;}
#main-race.page-entry table.purchasetable tr.vote-num07 td{background-color: #ffecca;}
#main-race.page-entry table.purchasetable tr.vote-num08 td{background-color: #ffeeff;}
#main-race.page-entry table.purchasetable tr.vote-num09 td{background-color: #f4e1f6;}
#main-race.page-entry table.purchasetable tr td[class*="vote-num"] {font-weight: bold;}


#main-race.page-entry table.purchasetable tr td.vote-num01 {background-color: #fff;}
#main-race.page-entry table.purchasetable tr td.gate {background-color: #fff !important; color: #333 !important; font-weight: bold !important;}
#main-race table.purchasetable tr td.gate.stop-num {background-color: #ddd !important; color: #999 !important;}

#main-race.page-entry table.purchasetable tr td.vote-num02 {background-color: #474747;}
#main-race.page-entry table.purchasetable tr td.vote-num03 {background-color: #d42d4e;}
#main-race.page-entry table.purchasetable tr td.vote-num04 {background-color: #7aa3f8;}
#main-race.page-entry table.purchasetable tr td.vote-num05 {background-color: #ff0;}
#main-race.page-entry table.purchasetable tr td.vote-num06 {background-color: #76b434;}
#main-race.page-entry table.purchasetable tr td.vote-num07 {background-color: #ffa517;}
#main-race.page-entry table.purchasetable tr td.vote-num08 {background-color: #f67bf8;}
#main-race.page-entry table.purchasetable tr td.vote-num09 {background-color: #9d4ba3;}

#main-race.page-entry table.purchasetable tr td.vote-num02,
#main-race.page-entry table.purchasetable tr td.vote-num03,
#main-race.page-entry table.purchasetable tr td.vote-num04,
#main-race.page-entry table.purchasetable tr td.vote-num06,
#main-race.page-entry table.purchasetable tr td.vote-num07,
#main-race.page-entry table.purchasetable tr td.vote-num08,
#main-race.page-entry table.purchasetable tr td.vote-num09 {color: #fff;}


/* referenceinfo */
/*カラー*/
#main-race.page-entry table.odds-table .refinfo-num-01 { background-color: #fff;}
#main-race.page-entry table.odds-table .refinfo-num-02 { background-color: #585858; color: #fff;}
#main-race.page-entry table.odds-table .refinfo-num-03 { background-color: #d42d4e; color: #fff;}
#main-race.page-entry table.odds-table .refinfo-num-04 { background-color: #7aa3f8;  color: #fff;}
#main-race.page-entry table.odds-table .refinfo-num-05 { background-color: #ff0;}
#main-race.page-entry table.odds-table .refinfo-num-06 { background-color: #76b434; color: #fff;}
#main-race.page-entry table.odds-table .refinfo-num-07 { background-color: #ffa517; color: #fff;}
#main-race.page-entry table.odds-table .refinfo-num-08 { background-color: #f67bf8; color: #fff;}
#main-race.page-entry table.odds-table .refinfo-num-09 { background-color: #9d4ba3; color: #fff;}
#main-race.page-entry table.odds-table .nottd { background-color: #ddd; background-image: none;}
#main-race.page-entry table.odds-table .nottd-use { background-color: #ffffc6 !important;}

/*プルダウン*/
#main-race.page-entry .entry-mainbox .odds-select > p {
float: left;
height: 25px;
line-height: 25px;
margin-left: 6px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
color: #fff;
text-align: left;
}
#main-race.page-entry .entry-mainbox div.odds-select {
height: 25px;
line-height: 25px;
margin: 0 0 12px 0;
border: #9595a4 1px solid;
border-radius: 5px;
background: #9c9cab;
color: #fff;
text-align: center;
box-shadow: 0 1px 0 #fff;
}
#main-race.page-entry .entry-mainbox select.odds-select {
float: left;
width: 12em;
height: 22px;
padding: 2px;
margin: 1px 2px;
}

/*3連単*/
#main-race.page-entry dl.sanrentan {
overflow: hidden;
padding: 0 6px;
margin-bottom: 10px;
}
#main-race.page-entry dl.sanrentan > * { float: left;}
#main-race.page-entry dl.sanrentan dt {
width: 76px;
height: 25px;
background: url(http://p.dmm.com/p/general/race/chariloto/purchase/csssp_referenceinfo.png) no-repeat scroll left -225px;
}
#main-race.page-entry dl.sanrentan dt > span { display: none;}
#main-race.page-entry dl.sanrentan dd {
line-height: 25px;
width: 25px;
height: 25px;
margin-left: 6px;
border: #999 1px solid;
border-radius: 3px;
font-weight: bold;
font-size: 16px;
text-align: center;
}
#main-race.page-entry dl.sanrentan dd > span,
#main-race.page-entry dl.sanrentan dd a {
display: block;
width: 24px;
height: 24px;
border-top: #fff 1px solid;
border-left: #fff 1px solid;
border-radius: 3px;
background: #fff url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_odds_bt.png) repeat-x center center;
color: #333;
}
#main-race.page-entry dl.sanrentan dd > span{
background-color: #ff5f5f5;
background-image: none;
color:#c00;
}
#main-race.page-entry dl.sanrentan dd a:hover {
color:#c00;
text-decoration: none;
}
#main-race.page-entry dl.sanrentan dd.stop-odds { border:#d3d3d3 1px solid;}
#main-race.page-entry dl.sanrentan dd.stop-odds a:hover,
#main-race.page-entry dl.sanrentan dd.stop-odds a {
background-image: none;
background-color:#e5e5e5 !important;
color:#bfbfbf !important;
}

#main-race.page-entry table.odds-table.sanrentan tr td { min-width: 2.8em;}
#main-race.page-entry table.odds-table tr.nottd-use th { line-height: 1.2em;}
#main-race.page-entry table.odds-table.sanrentan * { padding: 3px 2px 3px 0; text-align: right;}
#main-race.page-entry table.odds-table.sanrentan tbody th[class*="refinfo-num-"] { width: 1em;}
#main-race.page-entry table.odds-table.sanrentan th[class*="refinfo-num-"] {text-align: center;}

#main-race.page-entry table.odds-table.sanrentan tbody tr:first-child * {
border-top: #b7b7b7 1px solid !important;
}
#main-race.page-entry table.odds-table.sanrentan tbody tr:first-child th:first-child {
border-top: none !important;
}

/*3連複**/
#main-race.page-entry table.odds-table.sanrenfuku * { padding: 3px 6px; text-align: right;}
#main-race.page-entry table.odds-table.sanrenfuku tbody th[class*="refinfo-num-"] { width: 1em;}
#main-race.page-entry table.odds-table.sanrenfuku tbody th[class*="refinfo-num-"][colspan="3"] { width: auto;}
#main-race.page-entry table.odds-table.sanrenfuku th[class*="refinfo-num-"] {text-align: center;}
#main-race.page-entry table.odds-table.sanrenfuku {
width: 24%;
float: left;
margin-bottom: 14px;
}
#main-race.page-entry table.odds-table.sanrenfuku * { padding: 0 6px;}

#main-race.page-entry table.odds-table.sanrenfuku + .sanrenfuku + .sanrenfuku { margin-bottom: 340px;}
#main-race.page-entry table.odds-table.sanrenfuku + .sanrenfuku + .sanrenfuku + .sanrenfuku { margin-bottom: 14px;}
#main-race.page-entry table.odds-table.sanrenfuku+table.sanrenfuku { margin-left: 10px;}
/*2車単〜*/
#main-race.page-entry table.odds-table.nisyatan,
#main-race.page-entry table.odds-table.nisyafuku,
#main-race.page-entry table.odds-table.niwakutan,
#main-race.page-entry table.odds-table.niwakufuku,
#main-race.page-entry table.odds-table.wide {
table-layout: fixed;
}

#main-race.page-entry table.odds-table.nisyatan *,
#main-race.page-entry table.odds-table.nisyafuku *,
#main-race.page-entry table.odds-table.niwakutan *,
#main-race.page-entry table.odds-table.niwakufuku *,
#main-race.page-entry table.odds-table.wide * {
padding: 3px 6px;
text-align: center;
}
#main-race.page-entry table.odds-table th.nottd-tp{width: 3em;}
#main-race.page-entry table.odds-table.sanrenfuku .nottd-tp,
#main-race.page-entry table.odds-table.sanrentan .nottd-tp { width: 0.5em !important;}
#main-race.page-entry table.odds-table.nisyatan *,
#main-race.page-entry table.odds-table.nisyafuku * {
	padding: 3px 0;
}
#main-race.page-entry table.odds-table.wide .nottd-tp {
width: 2em !important;
}
#main-race.page-entry table.odds-table.wide td {
letter-spacing: -0.06em;
}


#main-race.page-entry table.result-table * {padding: 3px;}
#main-race.page-entry table.result-table .date { white-space: nowrap;}


#main-race.page-entry tbody td div.gear {
position: relative;
top: -2px;
color: #c00;
font-weight: bold;
}
#main-race.page-entry tbody td div.gear span {
display: block;
position: absolute;
bottom:-12px;
left:50%;
line-height: 12px;
margin-left: -4em;
width: 8em;
border-radius: 3px;
background: #c00;
color: #fff;
font-size: 10px;
}

/* ==================== cont-result ==================== */
#main-race.page_result_detail .sect-box > div.item-box {
padding: 14px 10px;
border-radius: 5px;
background: url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_subbox.png) repeat 0 0;
}
#main-race.page_result_detail .sect-box > .item-box p.tablesubcapt {
margin-bottom: 8px;
font-size: 16px;
}
#main-race.page_result_detail .sect-box > .captarrow {
margin-bottom: 12px;
padding-left: 33px;
font-size: 20px;
font-weight: bold;
background: url(http://p.dmm.com/p/general/race/chariloto/purchase/tx_ttl.png) no-repeat left 4px;
}
#main-race.page_result_detail .sect-box > .item-box > .boxerror {margin: -14px -10px;}

/* /////////////////////////////// error-アラート ///////////////////////////////*/
#main-race.page-top h1 + .boxerror {
margin-bottom: 12px;
text-align: center;
}
#main-race.page-top h1 + .boxerror p:first-child {
font-size: 16px;
font-weight: bold;
margin-bottom: 3px;
}
#main-race.page_result_detail .sect-box > .item-box > .boxerror {
padding: 10px;
border-radius: 3px;
border: #c00 1px solid;
background-color: #f8e8e8;
color: #c00;
font-weight: bold;
}



/* /////////////////////////////// トップ専用（フェイズ2）/////////////////////////////// */

#main-race.page-top {
min-width: 810px;
background: #fff;
}
#main-race.page-top .area-topmain [id*="main-box-"] {
padding: 10px 10px;
margin-bottom: 20px;
background: url(http://p.dmm.com/p/general/race/chariloto/bg_stripe.gif);
border-radius: 16px;
}
#main-race.page-top .item-box,
#main-race .sect-box {
margin: 0;
}
#main-race.page-top .capt-box { margin-bottom: 12px;}
#main-race.page-top .d-scarehead {
    line-height: 31px;
}
#main-race.page-top .d-scarehead .d-btn-la-hi {
    width: 260px;
}
#main-race.page-top .d-scarehead .d-btn-la-hi a {
    width: 242px;
}

/* === 共通 === */
/* 見出し */
#main-race.page-top .capt-box {
position: relative;
zoom:1;
margin: 6px 0 10px;
}
#main-race.page-top .capt-box:after {display:block;clear:both;height:0;visibility:hidden;content:"."}

#main-race.page-top .capt-box[class*="-capt"] > * {
display: inline-block;
vertical-align: bottom;
}
#main-race.page-top .capt-box .capt-tx {
height: 27px;
background-image:  url(http://p.dmm.com/p/general/race/chariloto/top/csssp_ttl.png);
background-repeat: no-repeat;
}
#main-race.page-top .capt-box .capt-tx span {
position: relative;
z-index: -1;
}
#main-race.page-top .area-topmain .box-importantInformation {
    width: 100%;
    margin: 0 0 11px 0;
    padding: 3px;
    background-color: #e1e1e1;
    border-radius: 4px;
}
#main-race.page-top .area-topmain .box-importantInformation > dl {
    margin-top: 3px;
    padding: 7px;
    background-color: #ffffff;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
}
#main-race.page-top .area-topmain .box-importantInformation > dl > dt,
#main-race.page-top .area-topmain .box-importantInformation > dl > dd {
    font-size: 12px;
    position: relative;
}
#main-race.page-top .area-topmain .box-importantInformation > dl > dt{
    font-weight: bold;
    cursor: pointer;
}
#main-race.page-top .area-topmain .box-importantInformation > dl > dt:before{
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    border-color: transparent #000000;
    background-color: transparent;
}
#main-race.page-top .area-topmain .box-importantInformation > dl > dt.active:before{
    border-color: #000000 transparent;
    border-width: 4px 4px 0 4px;
    left: -2px;
    top: 8px;
}
#main-race.page-top .area-topmain .box-importantInformation > dl > dt {
    padding-left: 12px;
}
#main-race.page-top .area-topmain .box-importantInformation > dl > dd {
    display: none;
}
#main-race.page-top .area-topmain .box-importantInformation-list dd,
#main-race.page-top .area-topmain .box-importantInformation-list-open dd{
    margin: 0 0 0 1em;
}
#main-race.page-top .area-topmain .box-importantInformation-list-open dd{
    display: block !important;
}
#main-race.page-top .area-topmain .box-importantInformation > dl:first-child {
    margin-top: 0;
}
#main-race.page-top .area-topmain #main-box-pickup .capt-box .capt-tx {
width: 245px;
background-position: 0 0;
}
#main-race.page-top .area-topmain #main-box-started .capt-box .capt-tx {
width: 230px;
background-position: 0 -100px;
}
#main-race.page-top .area-topmain #main-box-nextvote .capt-box .capt-tx {
width: 280px;
background-position: 0 -150px;
}
#main-race.page-top .area-topmain #main-box-pickup .capt-box:before,
#main-race.page-top .area-topmain #main-box-started .capt-box:before {
position: absolute;
top: -50px; right: 5px;
}
#main-race.page-top .area-topmain #main-box-started .capt-box:before {
    top: -40px;
}
#main-race.page-top .area-topmain #main-box-pickup .capt-box:before {
content: url(http://p.dmm.com/p/general/race/chariloto/top/fig_chara_01.png);
z-index: 4;
}
#main-race.page-top .area-topmain #main-box-started .capt-box:before {
content: url(http://p.dmm.com/p/general/race/chariloto/top/fig_chara_02.png);
}
#main-race.page-top .area-topmain #main-box-nextvote .capt-box:before {
content: url(http://p.dmm.com/p/general/race/chariloto/top/fig_chara_03.png);
}

#main-race.page-top #main-box-nextvote .capt-box .textten {
    font-size: 12px;
}

/* キャリーオーバー額 */
#main-race.page-top .total-amount {
text-align: center;
font-size: 100%;
font-family: "Arial Black";
line-height: 1;
white-space: nowrap;
}
#main-race.page-top .total-amount .total-tx {
display: inline-block;
margin: 0 1px -3px 6px;
width: 13px;
height: 24px;
font-size: 10px;
line-height: 11px;
white-space: normal;
}
#main-race.page-top .total-amount .total-tx span {
position: absolute;
z-index: -1;
}
#main-race.page-top .total-amount .total-num {
font-size: 140%;
}

/* pic */
#main-race.page-top [id*="main-box-"] span.pic {
display: none; /* 使用しないため非表示 */
}
/* ボタン */
#main-race.page-top [class*="topbtn"]{
overflow: hidden;
}
#main-race.page-top:not(.ie8) [class*="topbtn"]:hover:after { /* IE8ではafterのopacityが効かないためnot()で適用されなくする */
position: relative;
content: " ";
width: 100%;
height: 200px;
background: #fff;
display: inline-block;
opacity: 0.3;
}
#main-race.page-top [class*="topbtn"].disable:hover:after {
content: none;
}

/* === ヘッダ sliderの設定=== */
/* ----- FV sliderの設定 ----- */
.m-rotate {
  position: relative;
  margin-bottom: 12px;
  min-width: 458px;
  min-height: 191px;
  background: url("http://p.dmm.com/p/general/race/chariloto/top/loading_rotate.gif") 50% 50% no-repeat;
  overflow: hidden;
}
.m-rotate:hover .m-rotate__controlsDirectionItem button {
  opacity: 1;
}
.m-rotate:hover .m-rotate__controlsDirectionItem--prev button {
  left: 12px;
}
.m-rotate:hover .m-rotate__controlsDirectionItem--next button {
  right: 12px;
}
.m-rotate__main {
  position: relative;
  height: 250px;
  overflow: hidden;
  opacity: 0;
  transition: opacity .3s ease-in-out;
}
.m-rotate__main:before,
.m-rotate__main:after {
	position: absolute;
	top: 0;
	width: 50%;
    height: 100%;
	background-color: #fff;
	opacity: .7;
    z-index: 3;
    content: "";
}
.m-rotate__main:before {
  left: 0;
  margin-left: -300px;
}
.m-rotate__main:after {
  right: 0;
  margin-right: -300px;
}
.m-rotate__mainList {
  position: relative;
  top: 0;
  z-index: 2;
}
.m-rotate__mainListItem {
  display: none;
  position: relative;
  float: left;
}
.m-rotate__mainListItem a {
  outline: none;
}
.m-rotate__controls {
  max-width: 600px;
  height: 0;
  margin: 0 auto;
  text-align: center;
  opacity: 0;
  transition: opacity .3s ease-in-out;
}
.m-rotate__controlsDirectionItem button {
  position: absolute;
  margin-top: -20px;
  box-shadow: none;
  border: none;
  top: 50%;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  text-indent: 150%;
  overflow: hidden;
  white-space: nowrap;
  z-index: 5;
  cursor: pointer;
  transition: all .3s ease-in-out;
  outline: none;
}
.m-rotate__controlsDirectionItem--prev button,
.m-rotate__controlsDirectionItem--next button{
	opacity: 0;
}
.m-rotate__controlsDirectionItem--prev button:after,
.m-rotate__controlsDirectionItem--next button:after {
	position: absolute;
    top: 0;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	border-top: 3px solid #fff;
    border-right: 3px solid #fff;
	content: "";
}
.m-rotate__controlsDirectionItem--prev button:focus,
.m-rotate__controlsDirectionItem--next button:focus {
	opacity: 1;
}

.m-rotate__controlsDirectionItem--prev button {
  left: -40px;
}
.m-rotate__controlsDirectionItem--prev button:after {
  left: 3px;
  margin: auto;
  -ms-transform: rotate(225deg);
      transform: rotate(225deg);
}
.m-rotate__controlsDirectionItem--prev button:focus {
  left: 12px;
}

.m-rotate__controlsDirectionItem--next button {
  right: -40px;
}
.m-rotate__controlsDirectionItem--next button:after {
  left: -5px;
  margin: auto;
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}
.m-rotate__controlsDirectionItem--next button:focus {
  right: 12px;
}

/* === 競輪投票発売一覧 / 競輪くじ発売一覧 */
/* === タブ */
.area-top-tab {
    width:100%;
    position:relative;
    margin: 0 auto;
	padding-bottom: 70px;
    clear:both;
}
.area-top-tab .bt-tab,
.bg-tab{
    position: absolute;
    top: 5px;
	width: 49.2%; /* IE11以下 */
    width: calc(50% - 5px);
    height:65px;
    border-radius: 10px 10px 0 0;
    box-sizing: border-box;
}

/* タブ背景 */
.area-top-tab .bg-tab{
    background-image: url(http://p.dmm.com/p/general/race/chariloto/top/bg_bt_tab.png);
    z-index: 10;
}
.area-top-tab .bg-tab-vote{
    background-color: #2c93e2;
    left: 0;
}
.area-top-tab .bg-tab img{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
}
.area-top-tab .bg-tab-lots{
    background-color:#de6114;
    right: 0;
}
.area-top-tab .tab-active .bg-tab-vote{
    background-image:none;
    background-color: #31a5fd;
    box-shadow: 2px 0px 1px 0px rgba(0, 0, 0, 0.35);
}
.area-top-tab .tab-active .bg-tab-lots{
    background-image:none;
    background-color: #fe6f17;
    box-shadow: -2px 0px 1px 0px rgba(0, 0, 0, 0.35);
}
.area-top-tab .tab-active .bg-tab::after{
    content: "";
    position: absolute;
    bottom: -2px;
    width: 100%;
    height: 10px;
}
.area-top-tab .tab-active .bg-tab-vote::after{
    background-color: #31a5fd;
}
.area-top-tab .tab-active .bg-tab-lots::after{
    background-color:#fe6f17;
}

/* タブ切り替えボタン */
.area-top-tab .bt-tab{
    cursor: pointer;
    z-index: 20;
}
.area-top-tab .tab-active .bt-tab,
.area-top-tab .tab-active .bg-tab{
    top:0;
    height:70px;
}
.area-top-tab .bt-tab span{
    position: relative;
    left: 15px;
    top: 19px;
}
.area-top-tab .bt-tab-vote {
    left: 0;
}
.area-top-tab .bt-tab-lots {
    right: 0;
}
/* =============== タブコンテンツ =============== */

.area-top-tab .wrap-tab .tab-content {
	display: none;
    position: relative;
    top: 70px;
	left:0;
    width:100%;
	padding: 10px 0 5px;
	background:#fff;
	border-radius: 0 0 4px 4px;
    box-shadow: 0px -2px 1px 0px rgba(0, 0, 0, 0.35);
}
.area-top-tab .wrap-tab.tab-active .tab-content {
	display: block;
}
.area-top-tab .wrap-tab .tab-content-vote{
    background-color: #31a5fd;
}
.area-top-tab .wrap-tab .tab-content-lots{
    background:#fe6f17;
}
.area-top-tab .wrap-tab .tab-content .inner-tab-content{
	margin: 0 5px !important;
	padding: 5px !important;
    background-color: #fff;
}
.area-top-tab .wrap-tab-vote .tab-content .inner-tab-content{
	background: repeating-linear-gradient(-45deg, #eef8ff, #eef8ff 4px, #f6fbff 0, #f6fbff 6px)!important;
	border-radius: 0 !important;
}

/*　投票ボタン共通*/
.area-top-tab .wrap-tab-vote .bt-vote .tx-vote,
.area-top-tab .wrap-tab-vote .bt-vote .tx-vote-off,
.area-top-tab .wrap-tab-vote .bt-vote .tx-vote-end,
.area-top-tab .wrap-tab-lots .bt-vote .tx-vote,
.area-top-tab .wrap-tab-lots .bt-vote .tx-race-result,
.area-top-tab .wrap-tab-lots .bt-vote .tx-vote-off{
	display: block;
	width: auto;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
}

.area-top-tab .wrap-tab-vote .bt-vote .tx-vote,
.area-top-tab .wrap-tab-vote .bt-vote .tx-vote-off,
.area-top-tab .wrap-tab-vote .bt-vote .tx-vote-end{
    line-height: 68px;
    border-radius: 14px;
    height: 68px;
}
.area-top-tab .wrap-tab-lots .bt-vote .tx-vote,
.area-top-tab .wrap-tab-lots .bt-vote .tx-race-result{
	line-height: 64px;
	border-radius: 10px;
	height: 64px;
}
.area-top-tab .wrap-tab .bt-vote .tx-vote{
	border: 1px solid #ffd07e;
	color: #000;
	box-shadow: 1px 1px 5px 0px rgba(255,255,255,1) inset, 0px -2px 0px 0px rgba(0,0,0,0.1) inset;
	text-shadow: -0.866px 0.5px 0px rgba(255, 255, 255, 0.6);
	background-color: #ffad24;
	background-image: linear-gradient( to top, rgb(255,204,69) 0%, rgb(255,138,0) 50%, rgb(255,173,37) 50%, rgb(255,207,74) 50%, rgb(255,241,205) 100%);
}
.area-top-tab .wrap-tab .bt-vote a{
	text-decoration: none;
	background-color: #fff;
}
.area-top-tab .wrap-tab .bt-vote .tx-vote-off:hover,
.area-top-tab .wrap-tab .bt-vote .tx-vote-end:hover,
.area-top-tab .wrap-tab .bt-result-off a:hover{
	cursor:default;
}
.area-top-tab .wrap-tab-lots .bt-vote .tx-race-result,
.area-top-tab .wrap-tab-lots .bt-vote .tx-race-none,
.area-top-tab .wrap-tab-vote .bt-vote .tx-vote-off,
.area-top-tab .wrap-tab-vote .bt-vote .tx-vote-end,
.area-top-tab .wrap-tab-lots .bt-vote .tx-vote-off{
	text-align: center;
	border: 1px solid #c7c7c7;
	background-color: #f1f1f1;
	background-image: linear-gradient( to top, rgb(228,228,228) 0%, rgb(218,218,218) 50%, rgb(223,223,223) 50%, rgb(228,228,228) 50%, rgb(248,248,248) 100%);
}

.area-top-tab .wrap-tab-lots .bt-vote .tx-race-result{
	position: relative;
	min-width: 110px;
	color: #000;
}
.area-top-tab .wrap-tab-lots .bt-vote .tx-race-result::before{
	position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 0;
    opacity: 1;
    border-radius: 10px;
    z-index: -1;
    opacity: 0.4;
}
.area-top-tab .wrap-tab .bt-vote .tx-vote-off,
.area-top-tab .wrap-tab-vote .bt-vote .tx-vote-end{
	color: #949494;
	box-shadow: 1px 1px 5px 0px rgba(255,255,255,1) inset, 0px -2px 0px 0px rgba(0,0,0,0.1) inset;
}
.area-top-tab .wrap-tab-lots .bt-vote .tx-vote-off{
    height: 64px;
    border-radius: 14px;
    line-height: 64px;
}

/* 共通 */
.area-top-tab .wrap-tab .top-tab-content .about-vote {
	float: right;
	font-size: 14px;
}
.area-top-tab .wrap-tab .top-tab-content .about-vote a{
	position: relative;
	display: inline-block;
	color: #fff;
	text-decoration: none;
}
.area-top-tab .wrap-tab .top-tab-content .about-vote a:before{
	display: inline-block;
	position: absolute;
	top: 0;
	content:"";
	left: -25px;
	width: 20px;
	height: 20px;
	background:url(http://p.dmm.com/p/general/race/chariloto/top/ico_about_race.png)no-repeat;
}
/* === タブコンテンツ 競輪投票 発売一覧 */
/* === 上の枠外部分 */
.area-top-tab .wrap-tab-vote .top-tab-content {
	margin: 0 10px 8px;
	overflow: hidden;
	color: #fff;
}
.area-top-tab .wrap-tab-vote .top-tab-content .race-type {
	float: left;
	font-size: 10px;
}
.area-top-tab .wrap-tab-vote .top-tab-content .race-type li{
	position: relative;
	float: left;
	padding: 0 5px 0 27px;
}
.area-top-tab .wrap-tab-vote .top-tab-content .race-type li::before,
.area-top-tab .wrap-tab .top-tab-content .about-vote a:before{
	display: inline-block;
	position: absolute;
	top: 0;
	content:"";
}
.area-top-tab .wrap-tab-vote .top-tab-content .race-type li::before{
	left: 0;
	width: 25px;
	height: 15px;
	background:url(http://p.dmm.com/p/general/race/chariloto/purchase/csssp_ico.png)no-repeat;
}
.area-top-tab .wrap-tab-vote .top-tab-content .race-type .type-nightgame:before{
	background-position: 0 -90px;
}
.area-top-tab .wrap-tab-vote .top-tab-content .race-type .type-nightgame-mid:before{
	background-position: 0 -105px;
}
.area-top-tab .wrap-tab .top-tab-content .about-vote {
	float: right;
	font-size: 14px;
}
.area-top-tab .wrap-tab .top-tab-content .about-vote a{
	position: relative;
	display: inline-block;
	color: #fff;
	text-decoration: none;
}
.area-top-tab .wrap-tab .top-tab-content .about-vote a:before{
	left: -25px;
	width: 20px;
	height: 20px;
	background:url(http://p.dmm.com/p/general/race/chariloto/top/ico_about_race.png)no-repeat;
}
/* === 枠内 */
.area-top-tab .wrap-tab-vote .inner-tab-content .wrap-item-box{
	position: relative;
	font-size: 0;
	z-index: 10;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box{
    position: relative;
    display: inline-block;
    width: calc(50% - 5px);
    height: 84px;
    background-color: #fff;
    border: 1px #bbb solid;
    border-radius: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .list-vote-none,
.area-top-tab .wrap-tab-vote .inner-tab-content .list-race-none{
	background-color: #e2e2e2;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box:nth-child(n + 3){
	margin-top: 10px;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box:nth-child(2n){
	margin-left: 10px;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .place{
    width: 26%;
    height: 100%;
	background-color: #c3e4fe;
	background-image: linear-gradient( to top, rgb(181,222,255) 0%, rgb(232,244,253) 100%);
	border-right: 1px #D7DCE1 solid;
    border-radius: 3px 0 0 3px;
	display: inline-block;
	box-sizing: border-box;
	text-align: center;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .place .ttlsub {
    margin-top: 10px;
    color: #ff7e00;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    font-weight: bold;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .place .ttl{
    font-size: 22px;
	line-height: 1.4;
	text-align: center;
	font-weight: bold;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.88);
}
/* icosub */
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .place .icosub{
    display: inline-block;
    overflow: hidden;
    margin-top: 1px;
    border-radius: 3px;
    box-shadow: 1px 1px 0px #fff;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .place .icosub li {
	float: left;
	width: 25px;
	height: 15px;
	overflow: hidden;
	background: url(http://p.dmm.com/p/general/race/chariloto/purchase/csssp_ico.png) no-repeat;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .place .icosub li[class*="grade-"],
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .place .icosub li[class*="nightgame"] {
	width: 25px;
	margin-right: 1px;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .place .icosub li[class*="-day"] {
	width: 41px;
	margin-right: 1px;
	background: url(http://p.dmm.com/p/general/race/chariloto/top/csssp_ico_status.gif) no-repeat;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .place .icosub li.grade-gp {
	background-position: left 0;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .place .icosub li.grade-g1 {
	background-position: left -15px;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .place .icosub li.grade-g2 {
	background-position: left -30px;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .place .icosub li.grade-g3 {
	background-position: left -45px;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .place .icosub li.grade-f1 {
	background-position: left -60px;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .place .icosub li.grade-f2 {
	background-position: left -75px;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .place .icosub li.nightgame {
	background-position: 0 -90px;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .place .icosub li.nightgame-mid {
	background-position: 0 -105px;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .place .icosub li.first-day {
	background-position: -100px 0;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .place .icosub li.second-day {
	background-position: -100px -25px;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .place .icosub li.third-day {
	background-position: -100px -50px;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .place .icosub li.last-day {
	background-position: -100px -75px;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .place .icosub li.fourth-day {
	background-position: -100px -100px;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .place .icosub li.fifth-day {
	background-position: -100px -125px;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .place .icosub li.sixth-day {
	background-position: -100px -150px;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .place .icosub li.seventh-day {
	background-position: -100px -175px;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .place .icosub li span {
	position: absolute; z-index: -1;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .wrap-vote-bt-box{
	display: inline-block;
	width: 74%;
	height: 100%;
	vertical-align: top;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .vote-bt-box{
	display: table;
	border-collapse: separate;
	border-spacing: 4px 0;
	width: 100%;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .vote-bt-box .bt-vote a:hover .tx-vote,
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .vote-bt-box .bt-result a:hover,
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .vote-bt-box .bt-right-box a:hover,
.area-top-tab .wrap-tab-lots .inner-tab-content .each-list .bt-vote a:hover .tx-vote,
.area-top-tab .wrap-tab-lots .inner-tab-content .each-list .bt-vote a:hover .tx-race-result{
	opacity: 0.7;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .vote-bt-box .bt-vote a{
	text-decoration: none;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .vote-bt-box .tx-subinfo .tx-teppan{
	position: absolute;
	top: -10px;
	left: 7px;
	padding: 1px 4px 1px 10px;
	text-decoration: none;
	word-wrap: normal;
	color: #fff;
	font-size: 11px;
	background-color: #f80400;
	background-image: linear-gradient( to top, rgb(179,0,0) 0%, rgb(255,0,0) 100%);
	border-radius: 4px;
	z-index: 10;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .vote-bt-box .tx-subinfo .ico-teppan{
	position: absolute;
	top: -16px;
    left: -16px;
	z-index: 20;
}
/*結果ボタン*/
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .bt-result a,
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .bt-result-off a{
    display: block;
    text-decoration: none;
    background-color: #fff;
    border-radius: 14px;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .bt-result a span,
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .bt-result-off a span{
    position: relative;
    display: block;
    width: 100%;
    color: #000;
    border: 1px solid #c7c7c7;
    border-radius: 10px;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    font-weight: bold;
    background-color: #f1f1f1;
    background-image: linear-gradient( to top, rgb(218,218,218) 0%, rgb(246,246,246) 100%);
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .bt-result-off a span {
	color: #949494;
}
/*LIVEボタン*/
.area-top-tab [class^="bt-live"] {
    margin-bottom: 4px;
}
.area-top-tab [class^="bt-live"] {
    width: 100%;
}
.area-top-tab [class^="bt-live"] a {
    display: block;
    width: 100%;
    color: #fff;
    border: 1px solid #6d6d6d;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    line-height: 30px;
    font-weight: bold;
    background-color: #6d6d6d;
    background-image: linear-gradient(to bottom, #6d6d6d 0%,#424242 50%,#202020 51%,#373737 100%);
}
.area-top-tab [class^="bt-live"] a:hover {
    opacity: .8;
}
.area-top-tab [class^="bt-live"] a span {
    position: relative;
    display: inline-block;
    padding-left: 20px;
}
.area-top-tab [class^="bt-live"] a span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin: -6px 0 0;
    display: block;
    width: 14px;
    height: 11px;
    background: url(http://p.dmm.com/p/sp/common/ico/race/chariloto_ico_live.png) no-repeat 0 0;
    background-size: 14px 11px;
    -webkit-background-size: 14px 11px;
}
.area-top-tab .bt-live-off a {
    cursor: default;
    color: #949494;
    border: 1px solid #c7c7c7;
    background-color: #f1f1f1;
    background-image: linear-gradient( to top, rgb(218,218,218) 0%, rgb(246,246,246) 100%)!important;
}
.area-top-tab .bt-live-off a:hover {
    opacity: 1;
}
/*くじ LIVEボタン調整用*/
.area-top-tab .wrap-tab-lots .wrap-btLive {
    display: inline-block;
    width: 70px;
    margin: 0 0 5px 15px;
}
.area-top-tab .wrap-tab-lots .wrap-btLive [class^="bt-live"] a {
    display: inline-block;
    width: 70px;
    line-height: 28px;
}
.area-top-tab .wrap-tab-lots .wrap-btLive a {
    display: inline-block;
    width: 70px;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .vote-bt-box > li{
	display: table-cell;
	position: relative;
	top: 6px;
	margin: 0 4px;
	padding: 0;
	vertical-align: middle;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .vote-bt-box .bt-vote{
	width: 51%;
	white-space: nowrap;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .vote-bt-box .bt-result,
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .vote-bt-box .bt-result-off {
    width: 100%;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .vote-bt-box .bt-right-box{
    width: 22%;
    padding: 0 3px;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .vote-bt-box .bt-right-box li{
    width: 100%;
    height: 30px;
    text-align: center;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .vote-bt-box .bt-right-box li:first-child{
	margin-bottom: 4px;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .vote-bt-box .bt-right-box a{
    display: block;
    font-size: 12px;
    color: #fff;
    background-color: #888;
    height: 100%;
    text-decoration: none;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .vote-bt-box .bt-right-box a span{
    position: relative;
    height: 100%;
    margin-left: 8px;
    line-height: 30px;
}
.area-top-tab .wrap-tab-vote .inner-tab-content .each-item-box .vote-bt-box .bt-right-box a span::before{
	position: absolute;
	left: -11px;
	top: 50%;
	margin-top: -4px;
	border-style: solid;
	border-width: 3.5px 0 3.5px 8px;
	border-color: transparent transparent transparent #494949;
	content: "";
}
/* === タブコンテンツ 競輪くじ 発売一覧 */
.area-top-tab .wrap-tab-lots .top-tab-content {
    margin: 0 10px 8px;
    overflow: hidden;
    color: #fff;
}
.area-top-tab .wrap-tab-lots .top-tab-content .top-tab-content-left,
.area-top-tab .wrap-tab-lots .top-tab-content .top-tab-content-left p{
	float: left;
}
.area-top-tab .wrap-tab-lots .top-tab-content .next-lots a,
.area-top-tab .wrap-tab-lots .top-tab-content .race-result a{
	position: relative;
	margin: 0 17px 0 12px;
	color: #ff0;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.area-top-tab .wrap-tab-lots .top-tab-content .next-lots a::before,
.area-top-tab .wrap-tab-lots .top-tab-content .race-result a::before{
	position: absolute;
	top: 50%;
	left: -11px;
	width: 0;
    height: 0;
	margin-top: -4px;
    border-style: solid;
    border-width: 3.5px 0 3.5px 8px;
    border-color: transparent transparent transparent #ff0;
    content: "";
}
.area-top-tab .wrap-tab-lots .inner-tab-content .list-dokanto,
.area-top-tab .wrap-tab-lots .inner-tab-content .list-chariloto{
	border-radius: 5px;
	padding: 10px;
}
.area-top-tab .wrap-tab-lots .inner-tab-content .list-chariloto h3,
.area-top-tab .wrap-tab-lots .inner-tab-content .list-dokanto h3 {
    margin: 0 0 10px;
}
.area-top-tab .wrap-tab-lots .inner-tab-content .list-dokanto{
	background-color: #bae0fd;
}
.area-top-tab .wrap-tab-lots .inner-tab-content .list-chariloto{
	margin-top: 10px;
	background-color: #ffc8dd;
}
.area-top-tab .wrap-tab-lots .inner-tab-content .wrap-each-list {
	position: relative;
	width: 100%;
	padding-top: 10px;
	overflow: hidden;
}
.area-top-tab .wrap-tab-lots .inner-tab-content .wrap-each-list .place-vertical {
    display: inline-block;
    float: left;
    font-size: 22px;
    font-weight: bold;
}
.area-top-tab .wrap-tab-lots .inner-tab-content .each-list {
	width: calc(50% - 2.5px);
	height: 85px;
	padding: 6px 10px 6px 6px;
	border: 1px solid #bbb;
	border-radius: 5px;
	box-sizing: border-box;
	background-color: #fff;
	float: left;
}
.area-top-tab .wrap-tab-lots .inner-tab-content .list-race-end,
.area-top-tab .wrap-tab-lots .inner-tab-content .list-race-none {
  background-color: #e2e2e2;
}
.area-top-tab .wrap-tab-lots .inner-tab-content .each-list .inner-each-list{
	width: 100%;
	height: 71px;
	display: table;
}

.area-top-tab .wrap-tab-lots .inner-tab-content .each-list dl{
	display: table-cell;
	min-width: 245px;
	padding-right: 15px;
	vertical-align: top;
}
.area-top-tab .wrap-tab-lots .inner-tab-content .list-race-end dl{
	min-width: 220px;
}
.area-top-tab .wrap-tab-lots .inner-tab-content .each-list:nth-child(2n) {
	margin-left: 5px;
}
.area-top-tab .wrap-tab-lots .inner-tab-content .each-list .capt-ticket img{
	margin-right: 5px;
}
.area-top-tab .wrap-tab-lots .inner-tab-content .each-list .total-price,
.area-top-tab .wrap-tab-lots .inner-tab-content .each-list .tx-split{
	margin: 5px 0 7px 0;
	text-align: right;
	font-size: 22px;
	font-family: "Arial Black","Arial";
	line-height: 22px;
	white-space: nowrap;
	font-weight: bold;
	color: #000;
}
@media (min-width: 1300px)  {
	.area-top-tab .wrap-tab-lots .inner-tab-content .each-list .total-price,
	.area-top-tab .wrap-tab-lots .inner-tab-content .each-list .tx-split{
		font-size: 24px;
  }
}

.area-top-tab .wrap-tab-lots .inner-tab-content .each-list .tx-split,
.area-top-tab .wrap-tab-lots .inner-tab-content .each-list .tx-billion{
	color: #c00;
}
.area-top-tab .wrap-tab-lots .inner-tab-content .each-list .total-price-num{
	font-size: 26px;
}
@media (min-width: 1300px)  {
  .area-top-tab .wrap-tab-lots .inner-tab-content .each-list .total-price-num{
	  font-size: 28px;
  }
}

.area-top-tab .wrap-tab-lots .inner-tab-content .each-list .sub-data{
	text-align: right;
	font-size: 12px;
	color: #737373;
	white-space: nowrap;
}
.area-top-tab .wrap-tab-lots .inner-tab-content .each-list .tx-race-end,
.area-top-tab .wrap-tab-lots .inner-tab-content .each-list .tx-race-none{
	margin: 5px 0 7px 0;
	color: #949494;
	font-size: 20px;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}
.area-top-tab .wrap-tab-lots .inner-tab-content .each-list .bt-vote{
	position: relative;
	display: table-cell;
	width: 40%;
	vertical-align: middle;
}
.area-top-tab .wrap-tab-lots .inner-tab-content .each-list .bt-vote .ico-attention,
.area-top-tab .wrap-tab-lots .inner-tab-content .each-list .bt-vote .ico-split{
	position: absolute;
	top: -5px;
	left: -15px;
	z-index: 30;
}
.area-top-tab .wrap-tab-lots .inner-tab-content .list-dokanto .wrap-each-list,
.area-top-tab .wrap-tab-lots .inner-tab-content .list-chariloto .wrap-each-list {
    padding: 10px 0;
    border-top: 2px solid #aecede;
}
.area-top-tab .wrap-tab-lots .inner-tab-content .list-chariloto .wrap-each-list {
    border-top: 2px solid #deaec0;
}
.area-top-tab .wrap-tab-lots .inner-tab-content .list-chariloto .wrap-each-list:not(:last-child){
    padding: 10px 0;
}
.area-top-tab .wrap-tab-lots .inner-tab-content .list-chariloto .wrap-each-list:last-child{
	padding-top: 10px;
}
.area-top-tab .wrap-tab-lots .inner-tab-content .list-chariloto .each-list:nth-child(n + 3){
	margin-top: 5px;
}

/* === 本日の高額キャリーオーバー === */
#main-race.page-top #main-box-pickup .pickup-sect p[class*="pickup-capt-sub-"] {
background: url(http://p.dmm.com/p/general/race/chariloto/top/csssp_ttl.png) no-repeat;
height: 18px;
background-position: 5px -200px;
}
#main-race.page-top #main-box-pickup .pickup-sect p.pickup-capt-sub-self {
margin-top: 18px;
background-position: 5px -230px;
}
#main-race.page-top #main-box-pickup .pickup-sect p[class*="pickup-capt-sub-"] span {
position: relative;
z-index: -1;
}
#main-race.page-top #main-box-pickup ul.ticketgroup {
position: relative;
z-index: 10;
margin-top: 10px;
}
#main-race.page-top #main-box-pickup ul.ticketgroup + ul {
margin-top: 10px;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li {
overflow: hidden;
float: left;
width: 32.7%;
border: #bbb 1px solid;
border-radius: 10px;
background: #fff url(http://p.dmm.com/p/general/race/chariloto/top/bg_jusyoticket.png) repeat-x bottom;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li + li {
    margin-left: 0.9%;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li a {
overflow: hidden;
display: block;
color: #333;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li a:hover {
text-decoration: none;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li div.sect-ticket .total-amount {
color: #c00;
margin-bottom: 5px;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li div.sect-ticket .total-amount .num-thousand {
color: #333;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li div.sect-ticket .sub-data {
line-height: 22px;
margin-top: 3px;
font-size: 11px;
color: #737373;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li div.sect-ticket .sub-data .place-box {
padding-right: 3px;
border-right: #dcdcdc 1px solid;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li div.sect-ticket .sub-data .round-data {
padding-left: 3px;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li div.sect-ticket a.vote-bt-box {
width: 36%;
height: 20px;
line-height: 20px;
background: #ffc64a url(http://p.dmm.com/p/general/race/chariloto/top/csssp_bt_strong.png) no-repeat center -473px;
border: 1px solid #ba964f;
border-radius: 5px;
box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
float: right !important;
}

/* vote-bt-box */
#main-race.page-top #main-box-pickup ul.ticketgroup li div.sect-ticket a.vote-bt-box > span {
position: relative;
z-index: -1;
}
#main-race.page-top a.vote-bt-box{
overflow: hidden;
}
#main-race.page-top:not(.ie8) li a.vote-bt-box:hover:after { /* IE8ではafterのopacityが効かないためnot()で適用されなくする */
position: relative;
content: " ";
width: 100%;
height: 200px;
top: -46px;
background: #fff;
display: inline-block;
opacity: 0.3;
}
/* capt-ticket logo */
#main-race.page-top #main-box-pickup ul.ticketgroup li p.capt-ticket {
    background: #ffc64a url(http://p.dmm.com/p/general/race/chariloto/top/csssp_logo_topjusyo.png) no-repeat;
    padding-left: 50px !important;
    overflow: hidden;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li.chariloto p.capt-ticket {
    background-position: 6px 0;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li.chariloto5 p.capt-ticket {
    background-position: 6px -60px;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li.charilotos p.capt-ticket {
    background-position: 6px -122px;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li.chariloto3 p.capt-ticket {
    background-position: 6px -184px;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li.dokanto7 p.capt-ticket {
    background-position: 5px -241px;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li.dokanto4 p.capt-ticket {
    background-position: 5px -294px;
    padding-left: 48px !important;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li[class*="dokanto"] p.capt-ticket .logo > span {
    position: relative;
    z-index: -1;
}
/* chariloto */
#main-race.page-top #main-box-pickup ul.ticketgroup li p.capt-ticket {
display: block;
padding: 0 6px;
background-color: #ffa7b5;
font-weight: bold;
height: 19px;
line-height: 19px;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li[class*="chariloto"] a:hover p.capt-ticket{
background-color:#ffbcc7;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li div.sect-ticket {
display: block;
padding: 7px;
overflow: hidden;
height: 52px;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li p.capt-ticket .logo {
font-size: 12px;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li.dokanto4 p.capt-ticket .logo {
letter-spacing: -0.5px;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li p.capt-ticket .capt-subtx {
float: right;
color: #ad3a4c;
font-size: 11px;
font-weight: normal;
letter-spacing: -0.5px;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li[class*="dokanto"] p.capt-ticket .capt-subtx {
    color: #006aae;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li div.sect-ticket .total-amount {
font-size: 18px;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li div.sect-ticket .total-num {
font-size: 25px;
}
/* dokanto */
#main-race.page-top #main-box-pickup ul.ticketgroup li[class*="dokanto"] p.capt-ticket {
    display: block;
    background-color: #67cbf9;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li[class*="dokanto"] a:hover p.capt-ticket {
    background-color: #8ad8fc;
}
/* 注釈 */
#main-race.page-top #main-box-pickup .chariloto3-subtx {
    text-align: right;
    padding: 3px 0 0 6px;
    font-size: 10px;
}
/* 発売無し */
#main-race.page-top #main-box-pickup ul.ticketgroup li .sect-ticket .not-vote {
    color: #ccc;
    text-align: center;
    font-size: 18px;
    line-height: 48px;
}
/* 発売終了 */
#main-race.page-top #main-box-pickup ul.ticketgroup li.nextrace div.sect-ticket .total-amount,
#main-race.page-top #main-box-pickup ul.ticketgroup li.nextrace div.sect-ticket .total-amount .num-thousand {
color: #626262;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li.nextrace div.sect-ticket .sub-data {
    text-align: center;
}
#main-race.page-top #main-box-pickup ul.ticketgroup li.nextrace div.sect-ticket .sub-data > span {
    background-color: #fff899;
}

/* 山分けCP */
#main-race.page-top #main-box-pickup .yamawake,
#main-race.page-carryover .yamawake {
    position: relative;
}
#main-race.page-top #main-box-pickup .yamawake .ico-yamawake,
#main-race.page-carryover .yamawake .ico-yamawake {
position: absolute;
background: url(http://p.dmm.com/p/general/race/chariloto/ico_equalsplit.png) no-repeat left top;
width: 42px;
height: 44px;
top: 13px;
right: 0;
margin: 0 !important;
background-position: left -100px;
}
#main-race.page-top #main-box-pickup .yamawake .ico-yamawake span,
#main-race.page-carryover .yamawake .ico-yamawake span {
position: relative;
z-index: -1;
}
#main-race.page-carryover .yamawake {
display: block;
padding-left: 40px;
}
#main-race.page-carryover .yamawake .ico-yamawake {
width: 42px;
height: 44px;
top: -10px;
left: -7px;
background-position: left -100px;
}


/* === 開催中レース一覧 === */
#main-race.page-top #main-box-started .startesect-sect .descriptiongroup {
overflow: hidden;
}

#main-race.page-top #main-box-started .startesect-sect .descriptiongroup li {
float: left;
margin: 0 12px 0 0;
}

#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li {
position: relative;
float: left;
width: 49.2%;
margin: 12px 3px 0;
background: #EEEEEE url("http://p.dmm.com/p/general/race/chariloto/bg_gradient.png") repeat-x scroll 0 -70px;
border: 1px #BBB solid;
border-radius: 12px;
box-shadow: -2px -2px 1px rgba(0, 0, 0, 0.1) inset;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .place {
position: absolute;
left: 0;
width: 100px;
height: 76px;
background: #D3DEE6 url("http://p.dmm.com/p/general/race/chariloto/bg_gradient.png") repeat-x 0 -60px;
border-right: 1px #D7DCE1 solid;
border-radius: 12px 0 0 12px;

}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .place > * {
line-height:1;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .place .ttlsub {
margin: 10px 0 6px 0;
color: #FF7E00;
text-align: center;
font-weight: bold;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .place .ttlsub .norace {
color: #8798a5;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .place .ttl {
    margin-bottom: 3px;
text-align: center;
font-weight: bold;
font-size: 22px;
}

/* icosub */
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .place .icosub {
display: inline-block;
overflow: hidden;
margin: auto 3px;
border-radius: 3px;
box-shadow: 1px 1px 0px #fff;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .place .icosub li {
float: left;
width: 25px;
height: 15px;
overflow: hidden;
background: url(http://p.dmm.com/p/general/race/chariloto/purchase/csssp_ico.png) no-repeat;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .place .icosub li[class*="grade-"],
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .place .icosub li[class*="nightgame"] {
width: 25px;
margin-right: 1px;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .place .icosub li[class*="-day"] {
width: 41px;
margin-right: 1px;
background: url(http://p.dmm.com/p/general/race/chariloto/top/csssp_ico_status.gif) no-repeat;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .place .icosub li.grade-gp {
background-position: left 0;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .place .icosub li.grade-g1 {
background-position: left -15px;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .place .icosub li.grade-g2 {
background-position: left -30px;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .place .icosub li.grade-g3 {
background-position: left -45px;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .place .icosub li.grade-f1 {
background-position: left -60px;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .place .icosub li.grade-f2 {
background-position: left -75px;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .place .icosub li.nightgame {
background-position: 0 -90px;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .place .icosub li.nightgame-mid {
background-position: 0 -105px;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .place .icosub li.first-day {
background-position: -100px 0;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .place .icosub li.second-day {
background-position: -100px -25px;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .place .icosub li.third-day {
background-position: -100px -50px;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .place .icosub li.last-day {
background-position: -100px -75px;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .place .icosub li.fourth-day {
background-position: -100px -100px;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .place .icosub li.fifth-day {
background-position: -100px -125px;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .place .icosub li.sixth-day {
background-position: -100px -150px;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .place .icosub li.seventh-day {
background-position: -100px -175px;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .place .icosub li span {
position: absolute; z-index: -1;
}

/* vote-bt-box */
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .vote-bt-box {
width: 100%;
height: 49px;
margin-bottom: 6px;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 6px 0 0 100px;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .vote-bt-box li {
position: relative;
float: left;
width: 50%;
padding: 0 3px 0 6px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .vote-bt-box li + li {
padding: 0 6px 0 3px;
}
/* teppan */
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .vote-bt-box li a.topbtn-normal.teppan {
    background-position: center -375px !important;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .vote-bt-box li a.topbtn-loto.teppan {
    background-position: center -424px !important;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .vote-bt-box li a.teppan {
    text-align: center;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .vote-bt-box li a.teppan span.teppan-text {
    width: 128px;
    left:50%;
    bottom: 2px;
    margin-left: -64px;
    color: #e60012;
    letter-spacing: -0.08em;
    z-index: 1;
    text-align:center;
    font-size: 10px;
    font-weight: bold;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .vote-bt-box li a.teppan:before {
display: block;
content:"";
background:url(http://p.dmm.com/p/general/race/chariloto/top/ico_teppan.png) no-repeat left top;
position: absolute;
width: 33px;
height: 33px;
top: -11px;
right: -2px;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .vote-bt-box li a.topbtn-loto.teppan:before {
background-position: left -40px;
}


#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .vote-bt-box li a {
display: block;
width: 100%;
height: 42px;
background: #ffc64a url(http://p.dmm.com/p/general/race/chariloto/top/csssp_bt_strong.png) no-repeat;
border: 1px solid #BA964F;
box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .vote-bt-box li a.disable {
border: 1px solid #b9b9b9;
cursor: default;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .vote-bt-box li a.result {
border: 1px solid #9c9c9c;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .vote-bt-box li a.topbtn-normal {
background-position: center -50px;
border-radius: 12px;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .vote-bt-box li a.topbtn-loto {
background-position: center -100px;
border-radius: 12px;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .vote-bt-box li a.topbtn-normal.disable {
background-position: center -150px;
background-color: #eee;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .vote-bt-box li a.topbtn-loto.disable {
background-position: center -200px;
background-color: #eee;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .vote-bt-box li a.topbtn-normal.result {
background-position: center -250px;
background-color: #eee;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .vote-bt-box li a.topbtn-loto.result {
background-position: center -300px;
background-color: #eee;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .vote-bt-box li a span {
position: absolute; z-index: -1;
}

/* etc-bt-box */
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .etc-bt-box {
padding: 0 0 0 100px;
width: 100%;
height: 21px;
border-radius: 0 0 12px 12px;
background: #ccc url(http://p.dmm.com/p/general/race/chariloto/top/bg_bt_function.gif) repeat-x left top;
clear: both;
text-align: center;
box-sizing: border-box;
-moz-box-sizing: border-box;
letter-spacing: -0.4em;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .etc-bt-box li {
    display: inline-block;
    letter-spacing: normal;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .etc-bt-box li:first-child {
border-left: 1px #97999a solid;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .etc-bt-box li + li + li {
border-right: 1px #2f2f2f solid;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .etc-bt-box li a {
display: block;
height: 21px;
width: 81px;
background: #ccc url(http://p.dmm.com/p/general/race/chariloto/top/csssp_bt_function.gif) no-repeat;
border-right: 1px #97999a solid;
border-left: 1px #2f2f2f solid;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .etc-bt-box li a.topbtn-entry {
background-position: center 0;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .etc-bt-box li a.topbtn-odds {
background-position: center -30px;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .etc-bt-box li a.topbtn-live {
background-position: center -60px;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .etc-bt-box li a.topbtn-live.disable {
background-position: center -90px;
cursor: default;
}
#main-race.page-top #main-box-started .startesect-sect .ticketgroup > li .etc-bt-box li a span {
position: absolute; z-index: -1;
}

/* === お知らせ === */
.area-information{
	margin-bottom: 50px;
}

/* === DMMでできること === */
#main-race.page-top .area-topabout h2 {
	position: relative;
	background-color: #fceb4d;
	border-radius: 4px 4px 0 0;
	margin-bottom: 0;
	padding-left: 54px;
	font-size: 26px;
	line-height: 50px;
	font-weight: bold;
}
#main-race.page-top .area-topabout h2:before,
#main-race.page-top .area-topabout h2:after {
	content: "";
    position: absolute;
}
#main-race.page-top .area-topabout h2:before {
    top: -6px;
    left: 0;
	width: 49px;
	height: 45px;
	background:url(http://p.dmm.com/p/general/race/chariloto/top/ico_aboutcapt_02.png);
}
#main-race.page-top .area-topabout h2:after {
	top: -20px;
	right: 0;
	width: 349px;
	height: 138px;
	background:url(http://p.dmm.com/p/general/race/chariloto/top/fig_topabout.png);
}
#main-race.page-top .area-topabout .content-topabout {
	padding: 20px;
	background: #f5f4dd;
}
#main-race.page-top .area-topabout dl dt{
	width: 258px;
	height: 50px;
	line-height: 1.2;
}
#main-race.page-top .area-topabout dl dt.capt-topabout-keirin {
	background: url(http://p.dmm.com/p/general/race/chariloto/top/bg_aboutcont01_02.png) no-repeat 0 0;
}
#main-race.page-top .area-topabout dl dt.capt-topabout-kuji{
	background: url(http://p.dmm.com/p/general/race/chariloto/top/bg_aboutcont02_02.png) no-repeat 0 0;
}
#main-race.page-top .area-topabout dl dt span{
	padding: 0 0 0 49px;
}
#main-race.page-top .area-topabout dl dt span:first-child {
	padding-top: 3px;
	display: block;
	font-size: 24px;
}
#main-race.page-top .area-topabout dl dt span:first-child + span {
	display: block;
	font-size: 12px;
}
#main-race.page-top .area-topabout dl dd {
	margin: 8px 0 15px;
	font-size: 14px;
}
#main-race.page-top .area-topabout .campaign {
	position: relative;
	overflow: hidden;
	margin-top: 10px;
	padding: 14px;
	background: #F5E37F url(http://p.dmm.com/p/general/race/chariloto/bg_gradient.png) repeat-x 0 -130px;
	border-radius: 12px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #5a4803;
}
#main-race.page-top .area-topabout .campaign:before,
#main-race.page-top .area-topabout .campaign:after {
	position: absolute;
}
#main-race.page-top .area-topabout .campaign:before {
	content: url(http://p.dmm.com/p/general/race/chariloto/top/bg_aboutcampaign01_02.png);
	top: 0;
	left: 0;
}
#main-race.page-top .area-topabout .campaign:after {
	content: url(http://p.dmm.com/p/general/race/chariloto/top/bg_aboutcampaign02_02.png);
	bottom: 0;
	right: 0;
	width: 46px;
	height: 46px;
}

/* /////////////////////////////// レース結果ページ /////////////////////////////// */

x#main-race.page_result_detail .sect-box,
#main-race.page-purchase-ui .area-common .cont-result-list > .sect-box {
padding: 20px 10px;
border-radius: 5px;
background: url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_subbox.png) repeat 0 0;
}
#main-race table.result-detail-list {
background:#fcfcfc url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_detaillist_table.jpg) no-repeat right bottom;
box-shadow: 0 1px 0 #fff;
}
#main-race table.result-detail-list tbody tr th,
#main-race table.result-detail-list tbody tr td {border: #b7b7b7 1px solid;}
#main-race table.result-detail-list tbody tr th {border-right: #cfcfd4 1px solid;}


#main-race[class*="page-race-result"] .d-moddatalist th,
#main-race[class*="page-race-result"] .moddatalist th,
#main-race.page_result_detail .d-moddatalist th,
#main-race.page_result_detail .moddatalist th {
font-weight: bold;
text-align: left;
}
#main-race.page_result_detail .keirin-win > thead > tr > th {text-align: center;}
#main-race.page_result_detail table + .keirin-win { margin-top: 6px;}
#main-race.page_result_detail .keirin-win th {
width: 3em !important;
padding: 6px;
}
#main-race.page_result_detail .keirin-win td { padding: 6px 3px; white-space: nowrap;}
#main-race.page_result_detail .keirin-win + .keirin-win { min-width: 15%;}
#main-race.page_result_detail .keirin-win + .keirin-win td { white-space: nowrap; padding: 6px 3px;}
#main-race.page_result_detail .keirin-win td + td { text-align: right !important;}
#main-race.page_result_detail .keirin-win ul li {height: 20px; line-height:20px;}
#main-race.page_result_detail .keirin-detail > thead > tr > th:first-child { width: 1em;}
#main-race.page_result_detail .keirin-detail > thead > tr > th {text-align: center;}
#main-race.page_result_detail .keirin-detail > tbody > tr > td + td + td {text-align: center;}
#main-race.page_result_detail .keirin-detail > tbody > tr > th {text-align: center;}
#main-race.page_result_detail ul.keirin-round li {
width: 7.7%;
float: left;
border-radius: 3px;
text-align: center;
}
#main-race.page_result_detail ul.keirin-round li.active-navi {
border-top: #fff 1px solid;
border-left: #fff 1px solid;
background: url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_odds_bt_on.png) repeat-x left center;
color: #c00;
}
#main-race.page_result_detail ul.keirin-round li a {
display: block;
width: 100%;
border-radius: 3px;
border-top: #fff 1px solid;
border-left: #fff 1px solid;
background: url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_odds_bt.png) repeat-x left center;
color: #333;
}
#main-race.page_result_detail ul.keirin-round li a:hover {
position: relative;
top:1px;
color: #c00;
text-decoration: none;
}
#main-race.page_result_detail .keirin-win .txtrank-keirin {font-weight: bold; font-size: 15px;}
#main-race.page_result_detail .keirin-win .txtprice-keirin { font-family:"Arial Black"; font-size: 20px; }


#main-race.page_result_detail ul.keirin-round {
position: relative;
z-index: 5;
overflow: hidden;
margin-bottom: -5px;
padding: 10px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background: #dcdcdc url(http://p.dmm.com/p/general/race/chariloto/purchase/bg_datatable_th.png) repeat-x left -2423px;
}

#main-race.page_result_detail ul.keirin-round li a:hover { background-color: #f7f7f7;}
#main-race.page_result_detail ul.keirin-round li + li {margin-left:5px;}

#main-race table.result-detail-list tbody > tr > th {min-width: 8em; text-align: center; white-space: nowrap;}
#main-race table.result-detail-list tbody > tr > th p > span.r-num,
#main-race table.result-detail-list tbody > tr > th p:first-child { font-family:"Arial Black"; font-size: 18px; }
#main-race table.result-detail-list tbody > tr > th p:first-child > span {
display: block;
width: 100%;
margin: -4px 0 1px 0;
font-size: 11px;
}

#main-race table.result-detail-list tbody > tr > th {
background-color: #dbdbdb;
background-position: left -1039px;
padding-bottom: 0;
}
#main-race table.result-detail-list tbody > tr > th p > span { font-size: 12px; border-radius: 0;}
#main-race table.result-detail-list tbody > tr > th p+p+p { margin-top: 5px;}

#main-race.page-purchase-ui .area-common .cont-result-list > .sect-box .nightgameinfo,
#main-race.page_result_detail .nightgameinfo {margin-bottom: 8px;}
#main-race.page_result_detail .nightgameinfo > p > span { vertical-align: top;}
#main-race.page_result_detail .nightgameinfo > p + p { margin-left: 6px;}

#main-race.page-top span[class*="nightgame"],
#main-race.page-top span[class*="grade-"],
#main-race.page-entry span[class*="nightgame"],
#main-race.page-entry span[class*="grade-"],
#main-race.page_result_detail span[class*="nightgame"],
#main-race.page_result_detail span[class*="grade-"],
#main-race table.result-detail-list tbody > tr > th span { display: inline-block;}

#d-ie7 #main-race.page-entry span[class*="nightgame"],
#d-ie7 #main-race.page-entry span[class*="grade-"],
#d-ie7 #main-race.page_result_detail span[class*="nightgame"],
#d-ie7 #main-race.page_result_detail span[class*="grade-"],
#d-ie7 #main-race table.result-detail-list tbody > tr > th span { display: inline;}

#main-race table.result-detail-list tbody td > ul li {float: left;}
#main-race table.result-detail-list tbody td > ul li a {
display: block;
width: 150px;
height: 65px;
margin: 3px;
border-radius: 5px;
border: #999cac 1px solid;
box-shadow: 0 0 1px #e1e2e7;
background: url(http://p.dmm.com/p/general/race/chariloto/bt_result_list.jpg) no-repeat left -3px;
}
#main-race table.result-detail-list tbody td > ul li a[class*="bt-"]:hover { position: relative; top:2px; text-decoration: none;}
#main-race table.result-detail-list tbody td > ul li a.bt-chari-sel {background-position: left -73px;}
#main-race table.result-detail-list tbody td > ul li a.bt-chari3 {background-position: left -143px;}
#main-race table.result-detail-list tbody td > ul li a.bt-chari5 {background-position: left -213px;}
#main-race table.result-detail-list tbody td > ul li a.bt-dokanto4two {background-position: left -283px;}
#main-race table.result-detail-list tbody td > ul li a.bt-dokanto7 {background-position: left -353px;}
#main-race table.result-detail-list tbody td > ul li a.bt-keirin {background-position: left -423px;}
#main-race table.result-detail-list tbody td > ul li a.bt-chari:hover {background-position: -150px -3px;}
#main-race table.result-detail-list tbody td > ul li a.bt-chari-sel:hover {background-position: -150px -73px;}
#main-race table.result-detail-list tbody td > ul li a.bt-chari3:hover {background-position: -150px -143px;}
#main-race table.result-detail-list tbody td > ul li a.bt-chari5:hover {background-position: -150px -213px;}
#main-race table.result-detail-list tbody td > ul li a.bt-dokanto4two:hover {background-position: -150px -283px;}
#main-race table.result-detail-list tbody td > ul li a.bt-dokanto7:hover {background-position: -150px -353px;}
#main-race table.result-detail-list tbody td > ul li a.bt-keirin:hover {background-position: -150px -423px;}

#main-race.page_result_detail .keirin-win.stop-num * { text-align: center !important;}
#main-race.page_result_detail .keirin-win.stop-num .notxt { font-weight: normal;}

#main-race table.result-detail-list tbody td > ul li a > span {position: relative; z-index: -1;}
#d-ie7 #main-race table.result-detail-list tbody td > ul li a:hover > span {
background: #333;
color: #fff;
padding: 3px;
}

/*レース結果用ロゴ*/
#main-race.page_result_detail .sect-box > .item-box,
#main-race.page-purchase-ui .area-jusho .cont-result-chariloto > .sect-box > .item-box,
#main-race.page-purchase-ui .area-jusho .cont-result-dokanto > .sect-box > .item-box {
	position: relative;
}
#main-race.page_result_detail .sect-box .item-box.chariloto:after,
#main-race.page-purchase-ui .area-jusho .cont-result-chariloto > .sect-box .item-box.chariloto:after,
#main-race.page_result_detail .sect-box .item-box.charilotos:after,
#main-race.page-purchase-ui .area-jusho .cont-result-chariloto > .sect-box .item-box.charilotos:after,
#main-race.page_result_detail .sect-box .item-box.chariloto5:after,
#main-race.page-purchase-ui .area-jusho .cont-result-chariloto > .sect-box .item-box.chariloto5:after,
#main-race.page_result_detail .sect-box .item-box.chariloto3:after,
#main-race.page-purchase-ui .area-jusho .cont-result-chariloto > .sect-box .item-box.chariloto3:after,
#main-race.page_result_detail .sect-box .item-box.dokanto7:after,
#main-race.page-purchase-ui .area-jusho .cont-result-dokanto > .sect-box .item-box.dokanto7:after,
#main-race.page_result_detail .sect-box .item-box.dokanto4:after,
#main-race.page-purchase-ui .area-jusho .cont-result-dokanto > .sect-box .item-box.dokanto4:after {
content: "";
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_logo_02.png) no-repeat -550px -100px;
position: absolute;
top:4px;
right:6px;
display: block;
width: 90px;
height: 40px;
}
#main-race.page_result_detail .sect-box .item-box.dokanto7:after,
#main-race.page-purchase-ui .area-jusho .cont-result-dokanto > .sect-box .item-box.dokanto7:after,
#main-race.page_result_detail .sect-box .item-box.dokanto4:after,
#main-race.page-purchase-ui .area-jusho .cont-result-dokanto > .sect-box .item-box.dokanto4:after {
top:6px;
width: 155px;
height: 40px;
background: url(http://p.dmm.com/p/general/race/chariloto/csssp_logo_02.png) no-repeat -550px 0;
}
#main-race.page_result_detail .sect-box .item-box.charilotos:after,
#main-race.page-purchase-ui .area-jusho .cont-result-chariloto > .sect-box .item-box.charilotos:after{
background-position: -550px -300px;
}
#main-race.page_result_detail .sect-box .item-box.chariloto5:after,
#main-race.page-purchase-ui .area-jusho .cont-result-chariloto > .sect-box .item-box.chariloto5:after{
background-position: -550px -200px;
}
#main-race.page_result_detail .sect-box .item-box.chariloto3:after,
#main-race.page-purchase-ui .area-jusho .cont-result-chariloto > .sect-box .item-box.chariloto3:after{
background-position: -550px -400px;
}
#main-race.page_result_detail .sect-box .item-box.dokanto7:after,
#main-race.page-purchase-ui .area-jusho .cont-result-dokanto > .sect-box .item-box.dokanto7:after{
right: -10px;
}
#main-race.page_result_detail .sect-box .item-box.dokanto4:after,
#main-race.page-purchase-ui .area-jusho .cont-result-dokanto > .sect-box .item-box.dokanto4:after{
background-position: -550px -50px;
}
#main-race.page_result_detail .sect-box .captarrow.keirin {
	position: relative;
}
#main-race.page_result_detail .sect-box .captarrow.keirin:after{
content: "";
position: absolute;
top:3px;
right:12px;
width: 61px;
height: 23px;
background: url(http://p.dmm.com/p/general/race/chariloto/purchase/csssp_header.png) no-repeat left -224px;
}


/* /////////////////////////////// ニュースページ /////////////////////////////// */
#main-race.page-news-index .capt-box .boxcaptside {
	border-color: #d9d9d9;
	border-bottom:none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #eee;
	text-align: right;
}
#main-race.page-news-index .capt-box .boxcaptside .unit select {
	position: relative;
	top:2px;
	width: 6em;
}
#main-race.page-news-index .capt-box .boxcaptside .unit li {
	float: left;
	width: 2.7em;
	text-align: center;
	font-size: 14px;
}
#main-race.page-news-index .capt-box .boxcaptside .unit li.on,
#main-race.page-news-index .capt-box .boxcaptside .unit li a:hover {
	border:#c00 1px solid;
	background: #c00;
	color: #fff;
	text-decoration: none;
}
#main-race.page-news-index .capt-box .boxcaptside .unit li.off {
	border:#d9d9d9 1px solid;
	background: #eee;
	color: #bbb;
}
#main-race.page-news-index .capt-box .boxcaptside .unit li a {
	display: block;
	width: 100%;
	border:#c4c4c4 1px solid;
	background: #fff;
}
#main-race.page-news-index .capt-box .boxcaptside .unit li + li {
	margin-left: 6px;
}
#main-race.page-news-index .capt-box .boxcaptside p {
	padding-top: 2px;
}
#main-race.page-news-index .item-box {
background: #fafafa url(http://p.dmm.com/p/common/bg/stripe_01.png);
}
#main-race.page-news-index .articlebox {
margin: 12px;
padding: 16px 16px;
background: #fff;
border-radius: 3px;
}
#main-race.page-news-index .articlebox dt {
position: relative;
margin: 0 0 6px;
padding-left: 68px;
font-size: 16px;
font-weight: bold;
}
#main-race.page-news-index .articlebox dt span:first-child {
display: block;
float:left;
position: absolute;
top: 50%;
height: 20px;
margin: -15px 0 0 -90px;
padding: 3px 3px 3px 6px;
background: #DA0000;
border-radius: 3px 0 0 3px;
color: #fff;
font-size: 12px;
font-family: "Arial";
line-height: 20px;
vertical-align: middle;
}

#main-race.page-news-index .articlebox dt span:first-child:after {
position: absolute;
content: " ";
border: 13px solid;
border-color: transparent  transparent transparent #DA0000;
right: -26px;
top:0;
}
#main-race.page-news-index .articlebox dt span+span{
vertical-align: middle;
line-height: 20px;
}

#main-race.page-news-index .articlebox dd {
padding: 6px 6px 0;
}
#main-race.page-news-index .articlebox dd p {
margin-bottom: 8px;
}
#main-race.page-news-index .articlebox dd img {
margin: 8px 0 0;
}



/* //////////////////////////////////////////////////////////////////////////////////////

																	テーブル角丸

////////////////////////////////////////////////////////////////////////////////////// */

/* page-purchase-ui */
/* 共通 */
#main-race.page-purchase-ui .vote-box table[class*="purchasetable"],
#main-race.page-purchase-ui [class*="referenceinfo"] table[class*="purchasetable"],
#main-race.page-purchase-ui [class*="vote-info"] table[class*="purchasetable"],
#main-race.page-purchase-ui [class*="cont-"] table.boxtable,
#main-race.page-purchase-ui .area-jusho .vote-box table,
#w #main-race.page-purchase-ui .area-common table.historytable,
#main-race table.calendartable,
#main-race.page-purchase-ui .selectmain-popup table.purchasetable,
#main-race .ui-dialog [class*="cont-entry"] table,
#mu #main-race table.boxtable,
#mu #main-race table.purchasetable {
border-collapse: separate;
border-spacing: 0;
border-radius: 5px;
}
#main-race.page-purchase-ui .vote-box table[class*="purchasetable"] tbody tr td,
#main-race.page-purchase-ui [class*="referenceinfo"] table[class*="purchasetable"] tbody tr > *,
#w #main-race.page-purchase-ui [class*="vote-info"] table[class*="purchasetable"] tbody tr td,
#w #main-race.page-purchase-ui [class*="vote-info"] table[class*="purchasetable"] thead tr + tr th,
#main-race.page-purchase-ui [class*="cont-"] table.boxtable tbody tr > *,
#w #main-race.page-purchase-ui .area-jusho .vote-box table tbody tr > *,
#w #main-race.page-purchase-ui .area-common table.historytable tbody tr > *,
#w #main-race table.calendartable tbody tr > *,
#main-race.page-purchase-ui .selectmain-popup table.purchasetable tbody tr > *,
#main-race .ui-dialog [class*="cont-entry"] table tbody tr > *,
#mu #main-race table.boxtable tbody tr > *,
#mu #main-race table.purchasetable tbody tr > *,
#mu #main-race table.purchasetable thead tr + tr th,
#main-race.page-purchase-ui .area-common .cont-toretacharge .boxtable thead + tbody tr:first-child th,
#main-race.page-purchase-ui .area-common .cont-toretacharge .boxtable thead + tbody tr:first-child td {
border-top: none;
}
#main-race.page-purchase-ui .vote-box table.purchasetable > * tr > *+*,
#main-race.page-purchase-ui [class*="referenceinfo"] table[class*="purchasetable"] > * tr > *+*,
#w #main-race.page-purchase-ui [class*="vote-info"] table[class*="purchasetable"] > * tr > *+*,
#w #main-race.page-purchase-ui [class*="vote-info"] table[class*="purchasetable"] thead tr + tr th,
#main-race.page-purchase-ui [class*="cont-"] table.boxtable > * tr > * + *,
#w #main-race.page-purchase-ui .area-jusho .vote-box table > * tr > * + *,
#w #main-race.page-purchase-ui .area-common table.historytable > * tr > * + *,
#main-race.page-purchase-ui .selectmain-popup table.purchasetable > * tr > * + *,
#main-race .ui-dialog [class*="cont-entry"] table > * tr > * + *,
#mu #main-race table.boxtable > * tr > * + *,
#mu #main-race table.purchasetable > * tr > * + *,
#mu #main-race table.purchasetable > * tr + tr > th,
#main-race.page-purchase-ui .area-common .cont-toretacharge .boxtable thead + tbody tr td:first-child {
border-left: none;
}
#main-race.page-purchase-ui .vote-box table[class*="purchasetable"] thead tr > th:first-child,
#main-race.page-purchase-ui [class*="referenceinfo"] table[class*="purchasetable"] thead tr > th:first-child,
#main-race.page-purchase-ui [class*="vote-info"] table[class*="purchasetable"] thead tr:first-child > th:first-child,
#main-race.page-purchase-ui .referenceinfo-finish .reference-sect table[class*="purchasetable"] tbody tr:first-child > *:first-child,
#main-race.page-purchase-ui [class*="cont-"] table.boxtable thead tr > th:first-child,
#main-race.page-purchase-ui .area-jusho .cont-purchase-confirm table.boxtable tbody tr > th:first-child,
#main-race.page-purchase-ui .area-jusho .vote-box table thead tr > th:first-child,
#main-race.page-purchase-ui .area-common .cont-result-list table.boxtable.result-detail-list tbody tr:first-child > *:first-child,
#main-race.page-purchase-ui .area-common table.historytable thead tr > th:first-child,
#main-race.page-purchase-ui .area-common .cont-getmoney-select .sect-box > table.boxtable tbody tr th,
#w #main-race table.calendartable thead tr > th:first-child,
#mu #main-race table.boxtable thead tr > th:first-child,
#mu #main-race table.purchasetable thead tr > th:first-child,
#main-race.page-purchase-ui .area-common .cont-toretacharge .boxtable tbody tr:first-child th  {
border-top-left-radius: 5px;
}
#main-race.page-purchase-ui .vote-box table[class*="purchasetable"] thead tr > th:last-child,
#main-race.page-purchase-ui [class*="referenceinfo"] table[class*="purchasetable"] thead tr > th:last-child,
#main-race.page-purchase-ui [class*="vote-info"] table[class*="purchasetable"] thead tr:first-child > th:last-child,
#main-race.page-purchase-ui .referenceinfo-finish .reference-sect table[class*="purchasetable"] tbody tr:first-child > *:last-child,
#main-race.page-purchase-ui [class*="cont-"] table.boxtable thead tr > th:last-child,
#main-race.page-purchase-ui .area-jusho .cont-purchase-confirm table.boxtable tbody tr > *:last-child,
#main-race.page-purchase-ui .area-jusho .vote-box table thead tr > th:last-child,
#main-race.page-purchase-ui .area-common .cont-result-list table.boxtable.result-detail-list tbody tr:first-child > *:last-child,
#main-race.page-purchase-ui .area-common table.historytable thead tr > th:last-child,
#main-race.page-purchase-ui .area-common .cont-getmoney-select .sect-box > table.boxtable tbody tr td,
#w #main-race table.calendartable thead tr > th:last-child,
#mu #main-race table.boxtable thead tr > th:last-child,
#mu #main-race table.purchasetable thead tr > th:last-child,
#main-race.page-purchase-ui .area-common .cont-toretacharge .boxtable tbody tr:first-child td {
border-top-right-radius: 5px;
}
#main-race.page-purchase-ui .vote-box table[class*="purchasetable"] tbody tr:nth-last-child(2) > *:first-child,
#main-race.page-purchase-ui .vote-box table[class*="purchasetable"] tbody tr:nth-last-child(2) > *:first-child a,
#main-race.page-purchase-ui [class*="referenceinfo"] table[class*="purchasetable"] tbody tr:last-child > *:first-child,
#main-race.page-purchase-ui [class*="referenceinfo"] table[class*="purchasetable"] tbody tr:last-child > *:first-child a,
#main-race.page-purchase-ui [class*="vote-info"] table[class*="purchasetable"] tbody tr:last-child > *:first-child,
#main-race.page-purchase-ui .referenceinfo-finish .reference-sect table[class*="purchasetable"] tbody tr:first-child > *:first-child,
#main-race.page-purchase-ui [class*="cont-"] table.boxtable tbody tr:last-child > *:first-child,
#main-race.page-purchase-ui .area-jusho .cont-purchase-confirm table.boxtable tbody tr:last-child > *:first-child,
#main-race.page-purchase-ui .area-jusho .vote-box table tbody tr:last-child > *:first-child,
#main-race.page-purchase-ui .area-jusho .vote-box table tbody tr:last-child > *:first-child a,
#main-race.page-purchase-ui .area-jusho table.boxtable tbody tr:last-child > *:first-child,
#main-race.page-purchase-ui .area-common .cont-result-list table.boxtable.result-detail-list tbody tr:last-child > *:first-child,
#main-race.page-purchase-ui .area-common table.historytable tbody tr:last-child > *:first-child ,
#w #main-race table.calendartable tbody tr:last-child > *:first-child,
#w #main-race table.calendartable tbody tr[class*="group-"]:nth-last-child(2) > *[rowspan]:first-child,
#w #main-race table.calendartable tbody tr[class*="group-"]:nth-last-child(3) > *[rowspan]:first-child,
#mu #main-race table.boxtable tbody tr:last-child > *:first-child,
#mu #main-race table.purchasetable tbody tr:last-child > *:first-child {
border-bottom-left-radius: 5px;
}
#main-race.page-purchase-ui .vote-box table[class*="purchasetable"] tbody tr:nth-last-child(2) > *:last-child,
#main-race.page-purchase-ui .vote-box table[class*="purchasetable"] tbody tr:nth-last-child(2) > *:last-child a,
#main-race.page-purchase-ui [class*="referenceinfo"] table[class*="purchasetable"] tbody tr:last-child > *:last-child,
#main-race.page-purchase-ui [class*="referenceinfo"] table[class*="purchasetable"] tbody tr:last-child > *:last-child a,
#main-race.page-purchase-ui [class*="vote-info"] table[class*="purchasetable"] tbody tr:last-child > *:last-child,
#main-race.page-purchase-ui .referenceinfo-finish .reference-sect table[class*="purchasetable"] tbody tr:first-child > *:last-child,
#main-race.page-purchase-ui [class*="cont-"] table.boxtable tbody tr:last-child > *:last-child,
#main-race.page-purchase-ui .area-jusho .vote-box table tbody tr:last-child > *:last-child,
#main-race.page-purchase-ui .area-jusho .vote-box table tbody tr:last-child > *:last-child a,
#main-race.page-purchase-ui .area-jusho table.boxtable tbody tr:last-child > *:last-child,
#main-race.page-purchase-ui .area-common table.historytable tbody tr:last-child > *:last-child,
#w #main-race table.calendartable tbody tr:last-child > *:last-child,
#mu #main-race table.boxtable tbody tr:last-child > *:last-child,
#mu #main-race table.purchasetable tbody tr:last-child > *:last-child {
border-bottom-right-radius: 5px;
}
/* theadが無い場合他共通 */
#main-race.page-purchase-ui .area-keirin .cont-top .vote-info-details table.purchasetable tbody tr td:first-child[class*="vote-num"],
#main-race.page-purchase-ui .area-keirin .cont-top [class*="referenceinfo"] table.purchasetable[class*="sanren"] tbody tr + tr > th {
border-left: none;
}
#main-race.page-purchase-ui .area-keirin .cont-top .vote-info-details table.purchasetable tbody tr:last-child > *:first-child,
#main-race.page-purchase-ui .area-keirin .cont-top [class*="referenceinfo"] table.purchasetable[class*="sanren"] tbody tr:last-child > *:first-child,
#w #main-race table.calendartable tbody tr[class*="group-"]:nth-last-child(3) > *:first-child[rowspan="2"],
#w #main-race.page-entry .entry-mainbox table.purchasetable[class*="sanren"] tbody tr:last-child > *:first-child {
border-bottom-left-radius: 0;
}
#main-race.page-purchase-ui .area-keirin .cont-top .vote-info-details table.purchasetable tbody tr:last-child > *.gate,
#main-race.page-purchase-ui .area-keirin .cont-top .vote-info-details table.purchasetable tbody tr:nth-last-child(2) > *.gate[rowspan],
#main-race.page-purchase-ui .area-keirin .cont-top [class*="referenceinfo"] table.purchasetable[class*="sanren"] tbody tr:first-child > *:first-child,
#main-race.page-purchase-ui .area-jusho .vote-box table.ratetable tbody tr td.racecol p:last-child a,
#main-race.page-purchase-ui .area-jusho .vote-box table.conditiontable tbody tr td.racecol p:last-child a,
#main-race.page-entry .entry-mainbox table.purchasetable[class*="sanren"] tbody tr:first-child > *:first-child {
border-bottom-left-radius: 5px;
}
#main-race.page-purchase-ui .area-keirin .cont-top [class*="referenceinfo"] table.purchasetable.sanrenfuku tbody tr td.nottd-tp + th,
#main-race.page-purchase-ui .area-keirin .cont-top .referenceinfo-finish .reference-sect table.purchasetable tbody tr:first-child > *,
#main-race.page-purchase-ui .area-common .cont-result-list table.boxtable.result-detail-list tbody tr:first-child > *,
#mu #main-race table.boxtable.result-detail-list tr:first-child > *,
#w #main-race.page-entry .entry-mainbox table.purchasetable.sanrenfuku tbody tr td.nottd-tp + th {
border-top: #b7b7b7 1px solid;
}
#main-race.page-purchase-ui .area-jusho .cont-purchase-confirm table.boxtable tbody tr:first-child > *,
#main-race.page-purchase-ui .area-common .cont-getmoney-select .sect-box > table.boxtable tbody tr td,
#mu #main-race table.boxtable.datatable.keirin-win tr:first-child > *,
#main-race.page-purchase-ui .area-common .cont-toretacharge .boxtable tbody tr:first-child th,
#main-race.page-purchase-ui .area-common .cont-toretacharge .boxtable tbody tr:first-child td {
border-top: #cfcfd4 1px solid;
}
#main-race.page-purchase-ui .area-common .cont-toretacharge .boxtable thead + tbody tr:first-child th,
#main-race.page-purchase-ui .area-common .cont-toretacharge .boxtable thead + tbody tr:first-child td {
border-radius: 0;
}

/* keirin sanrentan sanrenfuku */
#main-race.page-purchase-ui .area-keirin .cont-top [class*="referenceinfo"] table.purchasetable[class*="sanren"] thead tr th,
#main-race.page-purchase-ui .area-keirin .cont-top [class*="referenceinfo"] table.purchasetable.sanrenfuku tbody th[colspan="3"],
#main-race.page-entry .entry-mainbox table.purchasetable[class*="sanren"] thead tr th,
#main-race.page-entry .entry-mainbox table.purchasetable.sanrenfuku tbody th[colspan="3"] {
border-bottom: none;
background-image: none;
}
#main-race.page-purchase-ui .area-keirin .cont-top [class*="referenceinfo"] table.purchasetable.sanrenfuku thead th.refinfo-num-08,
#main-race.page-purchase-ui .area-keirin .cont-top [class*="referenceinfo"] table.purchasetable.sanrenfuku thead th.refinfo-num-09,
#w #main-race.page-entry .entry-mainbox table.purchasetable.sanrenfuku thead th.refinfo-num-08,
#w #main-race.page-entry .entry-mainbox table.purchasetable.sanrenfuku thead th.refinfo-num-09 {
border-radius: 5px;
border-bottom: #b7b7b7 1px solid;
}

/* keirin referenceinfo-finish */
#main-race.page-purchase-ui .area-keirin .cont-top .referenceinfo-finish .reference-sect table.purchasetable tbody tr + tr td:first-child,
#main-race.page-purchase-ui .area-keirin .cont-top .referenceinfo-finish .reference-sect table.purchasetable tbody tr + tr td:last-child {
border-left: none;
border-radius: 0;
}
/* jusyo ratetable */
#main-race.page-purchase-ui .area-jusho .vote-box table.ratetable tbody tr td.racecol p a,
#main-race.page-purchase-ui .area-jusho .vote-box table.conditiontable tbody tr td.racecol p a {
border-radius: 0;
}
#main-race.page-purchase-ui .area-jusho .vote-box table.ratetable tbody tr td.ratecol:last-child div.ratenum,
#main-race.page-purchase-ui .area-jusho .vote-box table.conditiontable tbody tr td.ratecol:last-child div.ratenum {
border-bottom-right-radius: 5px;
}
/* area-confirm */
#main-race.page-purchase-ui .cont-remainder-chance .area-confirm table.boxtable,
#main-race.page-purchase-ui .cont-remainder-chance .area-confirm table.boxtable * tr > *,
#main-race.page-purchase-ui .area-keirin .cont-purchase-confirm .area-confirm table.boxtable tbody tr:last-child > *,
#main-race.page-purchase-ui [class*="cont-getmoney"] table.boxtable thead tr + tr > *,
#w #main-race table.calendartable tbody tr[class*="-odd"] + tr[class*="-odd"] > th,
#w #main-race table.calendartable tbody tr[class*="-even"] + tr[class*="-even"] > th {
border-radius: 0 !important;
}
/* cont-getmoney */
#main-race.page-purchase-ui [class*="cont-getmoney"] table.boxtable thead tr + tr > * {
border-top: none;
}
#main-race.page-purchase-ui [class*="cont-getmoney"] table.boxtable thead tr + tr > *:first-child {
border-left: none;
}
/* cont-calendar */
#w #main-race table.calendartable > * tr > * + *,
#w #main-race table.calendartable * tr th {
border-right: none;
}
#w #main-race table.calendartable {
border-right:#cecece 1px solid;
}

/* selectmain-popup */
#main-race.page-purchase-ui .selectmain-popup table.purchasetable thead tr:first-child > th:first-child,
#main-race .ui-dialog [class*="cont-entry"] table thead tr:first-child > th:first-child {
border-top-left-radius: 8px;
}
#main-race.page-purchase-ui .selectmain-popup table.purchasetable thead tr:first-child > th:last-child,
#main-race .ui-dialog [class*="cont-entry"] table thead tr:first-child > th:last-child {
border-top-right-radius: 8px;
}
#main-race.page-purchase-ui .selectmain-popup table.purchasetable tbody tr:last-child > *:first-child,
#main-race.page-purchase-ui .selectmain-popup table.purchasetable tbody tr:nth-last-child(2) > *.gate[rowspan],
#main-race .ui-dialog [class*="cont-entry"] table tbody tr:last-child > *:first-child,
#main-race .ui-dialog [class*="cont-entry"] table tbody tr:nth-last-child(2) > *.gate[rowspan] {
border-bottom-left-radius: 8px;
}
#main-race.page-purchase-ui .selectmain-popup table.purchasetable tbody tr:last-child > *[class*="vote-num"]:first-child,
#main-race .ui-dialog [class*="cont-entry"] table tbody tr:nth-last-child(2) > td + .gate,
#main-race.page-purchase-ui .selectmain-popup table.purchasetable tbody tr:nth-last-child(2) > td + .gate,
#main-race .ui-dialog [class*="cont-entry"] table tbody tr:last-child > *:not([class*="gate"]) {
border-radius: 0 !important;
}
#main-race.page-purchase-ui .selectmain-popup table.purchasetable tbody tr:last-child > *:last-child,
#main-race .ui-dialog [class*="cont-entry"] table tbody tr:last-child > *:last-child {
border-bottom-right-radius: 8px;
}
#main-race.page-purchase-ui .selectmain-popup table.purchasetable thead tr + tr th,
#main-race .ui-dialog [class*="cont-entry"] table thead tr + tr th {
border-top: none;
}
#main-race.page-purchase-ui .selectmain-popup table.purchasetable tbody tr td[class*="vote-num"],
#main-race.page-purchase-ui .selectmain-popup table.purchasetable thead tr + tr th:first-child,
#main-race .ui-dialog [class*="cont-entry"] table tbody tr td,
#main-race .ui-dialog [class*="cont-entry"] table thead tr + tr th:first-child {
border-left: none;
}
/* overlay */
#main-race .ui-dialog [class*="cont-entry"] table tbody tr > *.gate {
border-left: #b7b7b7 1px solid;
}

/* 本体側 */
#mu #main-race table.boxtable.result-detail-list tr:first-child > *:first-child,
#mu #main-race table.boxtable.datatable.keirin-win tr:first-child > *:first-child {
border-top-left-radius: 5px;
}
#mu #main-race table.boxtable.result-detail-list tr:first-child > *:last-child,
#mu #main-race table.boxtable.datatable.keirin-win tr:first-child > *:last-child {
border-top-right-radius: 5px;
}
#mu #main-race table.boxtable.datatable.keirin-win tr:last-child > *:last-child,
#mu #main-race.page-carryover .sect-box table.boxtable tbody tr td:first-child,
#mu #main-race.page-carryover .sect-box table.boxtable tbody tr:nth-last-child(4) th.boxnotice[rowspan="2"],
#mu #main-race.page-carryover .sect-box table.boxtable tbody tr:nth-last-child(4) th.boxnotice[rowspan="3"],
#mu #main-race table.purchasetable thead tr + tr > th,
#mu #main-race table.purchasetable:not([class*="odds-table"]) tbody tr:last-child > td:not([class*="gate"]) {
border-radius: 0  !important;
}
#mu #main-race table.boxtable.datatable.keirin-win tr:nth-last-child(2) > *:last-child {
border-bottom-right-radius: 5px;
}
#mu #main-race.page-carryover .sect-box table.boxtable tbody tr:last-child th.boxnotice,
#mu #main-race.page-carryover .sect-box table.boxtable tbody tr:nth-last-child(2) th.boxnotice[rowspan],
#mu #main-race.page-carryover .sect-box table.boxtable tbody tr:nth-last-child(3) th.boxnotice[rowspan],
#mu #main-race.page-carryover .sect-box table.boxtable tbody tr:nth-last-child(4) th.boxnotice[rowspan],
#mu #main-race table.purchasetable tbody tr:nth-last-child(2) > .gate[rowspan] {
border-bottom-left-radius: 5px;
}
#mu #main-race.page-carryover .sect-box table.boxtable tbody tr td,
#mu #main-race table.purchasetable:not([class*="odds-table"]) tbody tr td:not([class*="gate"]) {
border-left: none;
}

#mu #main-race table.purchasetable.odds-table[class*="ni"] tbody tr + tr th:first-child,
#mu #main-race table.purchasetable.odds-table.wide tbody tr + tr th:first-child {
border-left: #b7b7b7 1px solid;
}

/* /////////////////////////////// ポップアップオーバーレイ表示 ///////////////////////////////*/
#main-race .ui-dialog .cont-loading {
padding: 60px 0;
text-align: center;
}
#main-race .ui-dialog .cont-loading p + p {
margin-top: 3px;
}


/*!
 * jQuery UI CSS Framework 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }

.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*!
 * jQuery UI CSS Framework 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #9b9b9b; background: #FFF; color: #333333;}
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #c0c0c0; background: #c5c5c5 url(http://p.dmm.com/p/common/bg/gradation_01.png) 50%  -45px repeat-x; color: #333; font-weight: bold; margin: -2px -2px 0}
.ui-widget-header a { color: #333; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c0c0c0; background: #c5c5c5 url(http://p.dmm.com/p/common/bg/gradation_01.png) 50%  -45px repeat-x; font-weight: bold; color: #333; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #c0c0c0; background: #c5c5c5 url(http://p.dmm.com/p/common/bg/gradation_01.png) 50%  -45px repeat-x; font-weight: bold; color: #333; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #c0c0c0; background: #c5c5c5 url(http://p.dmm.com/p/common/bg/gradation_01.png) 50%  -45px repeat-x; font-weight: bold; color: #333; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #c0c0c0; background: #c5c5c5 url(http://p.dmm.com/p/common/bg/gradation_01.png) 50%  -45px repeat-x; color: #333; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #c0c0c0; background: #c5c5c5 url(http://p.dmm.com/p/common/bg/gradation_01.png) 50%  -45px repeat-x; color: #333; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #333; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #333; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(http://p.dmm.com/p/general/race/chariloto/purchase/jquery.ui.dialog/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(http://p.dmm.com/p/general/race/chariloto/purchase/jquery.ui.dialog/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: #333 url(http://p.dmm.com/p/common/bg/gradation_01.png); }
.ui-state-default .ui-icon { background-image: url(http://p.dmm.com/p/general/race/chariloto/purchase/jquery.ui.dialog/ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(http://p.dmm.com/p/general/race/chariloto/purchase/jquery.ui.dialog/ui-icons_ef8c08_256x240.png); }
.ui-state-active .ui-icon {background-image: url(http://p.dmm.com/p/general/race/chariloto/purchase/jquery.ui.dialog/ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(http://p.dmm.com/p/general/race/chariloto/purchase/jquery.ui.dialog/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(http://p.dmm.com/p/general/race/chariloto/purchase/jquery.ui.dialog/ui-icons_ffd27a_256x240.png); }

/* positioning */
.ui-icon-closethick { background-position: -96px -128px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-all.ui-widget-header{border-radius: 6px 6px 0 0}

/* Overlays */
.ui-widget-overlay { background: #000; opacity: .35;filter:Alpha(Opacity=35); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(http://p.dmm.com/p/general/race/chariloto/purchase/jquery.ui.dialog/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/*!
 * jQuery UI Resizable 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*!
 * jQuery UI Dialog 1.8.22
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: 1px; width: 300px; overflow: hidden; box-shadow: 3px 3px 10px #818181}
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border: none; border-top: 1px #cfcfcf solid; background-image: none; margin: .5em .5em 0; padding: .1em .1em .2em .1em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }


/* 新規追加
----------------------------------*/
.ui-resizable {min-width: 880px !important;}
.ui-resizable .ui-dialog-content {min-width: 850px !important;}
.ui-dialog .ui-dialog-buttonpane button {
background: #ccc url(http://p.dmm.com/p/common/bg/gradation_01.png) 50%  -45px repeat-x;
border: 1px #b1b1b1 solid;
border-radius: 4px;
box-shadow: inset 1px 1px 0px #fdfdfd;
box-shadow: 1px 1px 0px #e2dfdf;
padding: 3px 12px;
font-size: 14px;
font-weight: bold;
}

/* ======================================== */
#main-race.page-race-regist-finish .d-boxstrong .next-ageself {
	position: relative;
	margin: 20px auto 0 auto;
	width: 704px;
}
#main-race.page-race-regist-finish .d-boxstrong .next-ageself:before {
position: absolute;
bottom:-14px;
left:0;
content:"";
display: block;
width: 277px;
height: 140px;
background: url(http://p.dmm.com/p/general/race/chariloto/regist_kakunin/fig_chara_01.png) no-repeat left top;
}
#main-race.page-race-regist-finish .d-boxstrong div[class*="self-"] {
	margin: 0 12px;
	float: left;
	width: 328px;
}
#main-race.page-race-regist-finish .d-boxstrong div[class*="self-"] > a:hover {
	position: relative;
	top:1px;
}
#main-race.page-race-regist-finish .d-boxstrong div[class*="self-"] .self-complement {
	position: relative;
	margin: 20px 0 0 0;
	padding: 10px 0;
	border-radius: 10px;
	border: #b7b7b7 1px solid;
	background: #fff;
	font-size: 14px;
}
#main-race.page-race-regist-finish .d-boxstrong div[class*="self-"] .self-complement:after {
position: absolute;
top:-14px;
left:50%;
content:"";
display: block;
width: 0px;
height: 0px;
margin-left: -10px;
border-style: solid;
border-width: 0 10px 14px 10px;
border-color: transparent transparent #fff transparent;
}
#main-race.page-race-regist-finish .d-boxstrong div[class*="self-"] .self-complement:before {
position: absolute;
top:-16px;
left:50%;
content:"";
display: block;
width: 0px;
height: 0px;
margin-left: -11px;
border-style: solid;
border-width: 0 11px 16px 11px;
border-color: transparent transparent #b7b7b7 transparent;
}
#main-race.page-race-regist-finish .d-boxstrong div .self-netbank .self-complement span {
	color: #c00;
	font-weight: bold;
}
#main-race.page-race-regist-finish .d-boxstrong div .self-document .self-complement p + p {
	margin: 10px 10px 0 10px;
	padding-top: 6px;
	border-top: #b7b7b7 1px dotted;
	font-weight: bold;
}
#main-race.page-race-regist-finish .d-boxstrong div .self-document .self-complement p span {
	display:block;
	margin-top: 6px;
}
#main-race.page-race-regist-finish .d-boxstrong div[class*="self-"] a[class*="bt-"] {
	display: block;
	position: relative;
	margin: auto;
	width: 291px;
	height: 237px;
}
#main-race.page-race-regist-finish .d-boxstrong div[class*="self-"] a[class*="bt-"] span {
	position: relative;
	z-index: -1;
}
#main-race.page-race-regist-finish .d-boxstrong div[class*="self-"] a.bt-netbank {
	background:url(http://p.dmm.com/p/general/race/chariloto/regist_kakunin/bt_jnb.png) no-repeat top left;
}
#main-race.page-race-regist-finish .d-boxstrong div[class*="self-"] a.bt-kakunin {
	background:url(http://p.dmm.com/p/general/race/chariloto/regist_kakunin/bt_kakunin.png) no-repeat top left;
}
#main-race.page-race-regist-finish .d-boxstrong div[class*="self-"] a.bt-netbank:hover,
#main-race.page-race-regist-finish .d-boxstrong div[class*="self-"] a.bt-kakunin:hover {
	background-position: 0 -237px;
}
#main-race.page-race-regist-finish .d-boxstrong.kakunin-finish-box .bt-kakunin{
display: block;
position: relative;
margin: auto;
width: 466px;
height: 89px;
background:url(http://p.dmm.com/p/general/race/chariloto/regist_kakunin/bt_kakunin_sm.png) no-repeat top left;
}
#main-race.page-race-regist-finish .d-boxstrong.kakunin-finish-box .bt-kakunin span {
position: relative;
z-index: -1;
}
#main-race.page-race-regist-finish .d-boxstrong.kakunin-finish-box a.bt-kakunin:hover {
background-position: 0 -90px;
}
#main-race.page-race-regist-finish .d-boxstrong.kakunin-finish-box .kakuninqr-box {
	position: relative;
	margin-top:12px;
	padding-top:6px;
	border-top: #b7b7b7 1px dotted;
}
#main-race.page-race-regist-finish .d-boxstrong.kakunin-finish-box .kakuninqr-box img[src*="kakunin_qr.gif"] {
	padding: 6px;
	border: #b7b7b7 1px solid;
	background: #fff;
}
#main-race.page-race-regist-finish .d-boxstrong.kakunin-finish-box .kakuninqr-box:before {
position: absolute;
bottom:-14px;
left:50%;
margin-left: -350px;
content:"";
display: block;
width: 277px;
height: 140px;
background: url(http://p.dmm.com/p/general/race/chariloto/regist_kakunin/fig_chara_02.png) no-repeat left top;
}

/*情報入力*/
[class*="page-race-regist"] .d-sect {
    margin-bottom: 28px !important;
}
[class*="page-race-regist"] .rrg-capt {
    font-size: 18px !important;
}
[class*="page-race-regist"] .rrg-capt [class*="ico-"] {
    position:relative;
    top: -2px;
    display: inline-block;
    line-height: 1.5em;
    margin-left: 6px;
    padding: 2px 6px 0 6px;
    border-radius: 3px;
    background-color: #c00;
    color: #fff;
    font-size: 14px;
}
[class*="page-race-regist"] .rrg-capt .ico-any {
    background-color: #3ccbc5;
}
[class*="page-race-regist"] .rrg-capt + p,
[class*="page-race-regist"] table.d-boxtable {
    font-size: 14px;
}
[class*="page-race-regist"] table.d-boxtable th {
    font-size: 18px;
    font-weight: normal;
}
[class*="page-race-regist"] table.d-boxtable th .ico-subtx {
    position:relative;
    top: -2px;
    display: inline-block;
    line-height: 1em;
    margin-left: 6px;
    padding: 3px 6px;
    border-radius: 3px;
    background-color: #8898a8;
    color: #fff;
    font-size: 11px;
}
[class*="page-race-regist"] table.d-boxtable td input,
[class*="page-race-regist"] table.d-boxtable td select {
    padding: 5px;
    font-size: 14px;
}
[class*="page-race-regist"] table.d-boxtable td select {
    width: 5em;
}
[class*="page-race-regist"] table.d-boxtable td input.input-wid01{
    width: 7em;
}
[class*="page-race-regist"] table.d-boxtable td input.input-wid02{
    width: 17em;
}
[class*="page-race-regist"] .sub-tx {
    display: block;
    margin-top: 3px;
    font-size: 12px;
    color: #777;
}
[class*="page-race-regist"] table.d-boxtable td .d-unit .sub-tx {
    padding-left: 2em;
}
/* 本人確認の方法選択 */
[class*="page-race-regist"] .kakunin-box {
    padding-bottom: 20px;
    background-color: #fcfcfc;
    border: #bbb 1px solid;
}
[class*="page-race-regist"] .kakunin-box ul {
    border-bottom: #bbb 1px solid;
}
[class*="page-race-regist"] .kakunin-box li label {
    overflow: hidden;
    display: block;
    padding-right: 20px;
    border-top: #bbb 1px solid;
    background: #eee url(http://p.dmm.com/p/general/race/chariloto/regist/bg_kakuninbox.png) repeat-x center bottom;
}
[class*="page-race-regist"] .kakunin-box li label:hover {
    background-color: #f4f4f4;
    cursor: pointer;
}
[class*="page-race-regist"] .kakunin-box li label.on {
    background-color: #e3de9b;
}
[class*="page-race-regist"] .kakunin-box li label span.radio-area {
    display: block;
    position: relative;
    width: 30px;
    height: 70px;
    float: left;
    padding: 20px;
    background: #fcfcfc url(http://p.dmm.com/p/general/race/chariloto/regist/bg_kakuninbox.png) repeat-x center bottom;
}
[class*="page-race-regist"] .kakunin-box li label span.radio-area input {
    position: relative;
    z-index: -1;
}
[class*="page-race-regist"] .kakunin-box li label span.radio-area:after {
    display: block;
    position: absolute;
    top:50%;
    left:50%;
    margin: -15px 0 0 -15px;
    content:"";
    width: 29px;
    height: 29px;
    background: url(http://p.dmm.com/p/general/race/chariloto/regist/ico_kakuninbox.png) no-repeat left -45px;
}
[class*="page-race-regist"] .kakunin-box li label.on span.radio-area:after {
    background-position: left top;
}
[class*="page-race-regist"] .kakunin-box li label:hover span.radio-area {
    background-color: #fff;
}
[class*="page-race-regist"] .kakunin-box li label .label-inner {
    margin: 0 220px 0 70px;
    padding: 10px 20px;
}
[class*="page-race-regist"] .kakunin-box li label .label-inner p:first-child {
    width: 191px;
    height: 30px;
    margin-bottom: -3px;
    background: url(http://p.dmm.com/p/general/race/chariloto/regist/bg_kakuninbox_02.png) no-repeat left top;
    color: #fff;
    font-size: 16px;
    text-align: center;
}
[class*="page-race-regist"] .kakunin-box li label .label-inner p + p {
    font-size: 22px;
}
[class*="page-race-regist"] .kakunin-box li label .label-inner p + p + p {
    padding: 3px 6px;
    background-color: #fafafa;
    font-size: 14px;
}
[class*="page-race-regist"] .kakunin-box li label.on .label-inner p + p + p,
[class*="page-race-regist"] .kakunin-box li label.on span.radio-area {
    background-color: #f2f1de;
}
[class*="page-race-regist"] .kakunin-box li label img {
    float: right;
}
[class*="page-race-regist"] .kakunin-box > p {
    margin: 20px;
    padding-left: 10px;
    border-left: #ffd84f 10px solid;
    font-size: 16px;
    font-weight: bold;
}
[class*="page-race-regist"] .refund-signup dd{
    display: none;
}
/* 払戻金の振込先口座登録 */

[class*="page-race-regist"] .refund-signup {
    margin-bottom: 28px;
    border-radius: 5px;
    border: #bbb 1px solid;
    background: #eee url(http://p.dmm.com/p/general/race/chariloto/regist/bg_refundsignup.png) repeat-x center bottom;
}
[class*="page-race-regist"] .refund-signup dt:hover {
    border-radius: 5px;
    background: #f4f4f4 url(http://p.dmm.com/p/general/race/chariloto/regist/bg_refundsignup.png) repeat-x center bottom;
}
[class*="page-race-regist"] .refund-signup dt.on:hover {
    background: none;
    background-color: #f4f4f4;
}
[class*="page-race-regist"] .refund-signup dt {
    padding: 10px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
[class*="page-race-regist"] .refund-signup dt span:before {
    display: inline-block;
    content:"";
    width: 30px;
    height: 30px;
    margin: 0 10px -5px 0;
    background: url(http://p.dmm.com/p/general/race/chariloto/regist/ico_refundsignup.png) no-repeat left top;
}
[class*="page-race-regist"] .refund-signup dt.on span:before {
    background-position: left -30px;
}

[class*="page-race-regist"] .refund-signup dt:hover {
    cursor: pointer;
}

[class*="page-race-regist"] .refund-signup dd {
    padding: 10px 10px 0 10px;
}
[class*="page-race-regist"] .refund-signup dd table.d-boxtable td .d-unit .sub-tx {
    padding-left: 0;
}
[class*="page-race-regist"] .refund-signup .area-bankaccount .txt {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
[class*="page-race-regist"] .rc-error {
    background-color: #ffd3d3 !important;
    color: #c00 !important;
    font-weight: bold !important;
}

/*確認*/
#main-race.page-race-regist02 .d-boxstrong .bt-netbank {
display: block;
position: relative;
margin: auto;
width: 466px;
height: 89px;
background:url(http://p.dmm.com/p/general/race/chariloto/regist_kakunin/bt_jnb_sm.png) no-repeat top left;
}
#main-race.page-race-regist02 .d-boxstrong .bt-netbank span {
	position: relative;
	z-index: -1;
}
#main-race.page-race-regist02 .d-boxstrong a.bt-netbank:hover {
	background-position: 0 -90px;
}


#main-race .rule-box {
margin-top: 10px;
font-size: 11px;
}
#main-race .rule-box ul li {
    text-indent: -1em;
    padding-left: 1em;
}
#main-race .rule-box > * + * {
    margin-top: 6px;
}
#main-race .rule-box li span {
    font-weight: bold;
    color: #c00;
}
/*仮登録完了*/
#main-race.page-race-regist-finish .bx-kakunin {
width: 850px;
padding: 20px 0;
margin: 0 auto;
border: 1px #bbb solid;
position: relative;
background: #fffee2;
font-size: 17px;
line-height: 1.3;
margin-bottom: 7px;
}
#main-race.page-race-regist-finish {
    width: 90%;
}
#main-race.page-race-regist-finish .bt-kakunin {
display: block;
position: relative;
margin: auto;
width: 835px;
height: 122px;
background: url(http://p.dmm.com/p/general/race/chariloto/regist_kakunin/bt_kouteki.png) no-repeat top left;
}
#main-race.page-race-regist-finish .bt-kakunin:hover {
	background-position: 0 -122px;
    top:1px; position:relative;
}
#main-race.page-race-regist-finish .bt-kakunin span {
position: relative;
z-index: -1;
}
#main-race.page-race-regist-finish .qrcord {
background: #fff;
padding: 10px 0;
margin: 20px auto 0 auto;
width: 825px;
}
#main-race.page-race-regist-finish .qrcord > div {
display: inline-block;
}
#main-race.page-race-regist-finish .qrcord > div > p {
font-size: 16px;
text-align: left;
float: left;
}
#main-race.page-race-regist-finish .qrcord div > p:first-child {
background: url(http://p.dmm.com/p/general/race/chariloto/regist_kakunin/fig_illust_01.png) no-repeat center left;
padding: 25px 0 25px 97px;
}
#main-race.page-race-regist-finish .qrcord div > p:first-child span {
font-size: 20px;
}
#main-race.page-race-regist-finish .qrcord div > p:last-child {
background: url(http://p.dmm.com/p/general/race/chariloto/regist_kakunin/fig_arrow.png) no-repeat 5px center;
padding-left: 42px;
}
#main-race.page-race-regist-finish .qrcord:after {
content: "";
position: absolute;
right: 40px;
top: -97px;
display: block;
width: 156px;
height: 184px;
background: url(http://p.dmm.com/p/general/race/chariloto/regist_kakunin/fig_chara_03.png) no-repeat;
}


/* ///////////////////////////////////////
odds navi キャンペーン
//////////////////////////////////////// */
.page-article .article .article__content--cp {
    position: relative;
    margin-top: -32px;
}
.page-article .article .article__content--cp p {
    margin-bottom: 16px;
}
.page-article .article .article__content--cp hr {
    width: 100%;
    margin: 16px auto;
    border: none;
    border-top: 1px dotted rgba(0, 0, 0, 0.2);
}
.page-article .article .article__content--cp p, .page-article .article .article__content--cp table, .page-article .article .article__content--cp ul, .page-article .article .article__content--cp h2, .page-article .article .article__content--cp h3, .page-article .article .article__content--cp dl, .page-article .article .article__content--cp div, .page-article .article .article__content--cp section {
    color: rgba(0, 0, 0, 0.6);
}
.page-article .article .article__content--cp h2 {
    margin: 24px 0 16px;
    padding: 8px;
    background: url(https://p.dmm.com/p/general/race/chariloto/oddsnavi/campaign/capt_bg.png);
    border: none;
    border-radius: 2px;
    color: #fff;
    font-size: 24px;
    text-align: center;
}
.page-article .article .article__content--cp .box-cpPrize__capt, .page-article .article .article__content--cp .box-cpAttention__capt {
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: rgba(0, 0, 0, 0.6);
}
.page-article .article .article__content--cp h3 {
    margin: 16px 0 4px;
    padding: 0;
}
.page-article .article .article__content--cp .box-cpHowto__captSub {
    margin-bottom: 12px;
    font-size: 18px;
    text-align: center;
}
.page-article .article .article__content--cp .box-cpHowto__captSub span {
    position: relative;
    display: inline-block;
    text-align: center;
    background: #d9dfe8;
    padding: 4px 48px;
    border-radius: 100px;
    line-height: 1;
}
.page-article .article .article__content--cp .box-cpHowto__captSub span::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 8px 0 8px;
    border-color: #d9dfe8 transparent transparent transparent;
    left: 0;
    right: 0;
    bottom: -6px;
    margin: 0 auto;
}
.page-article .article .article__content--cp .hr-cp {
    position: relative;
    width: 100%;
    height: 5px;
    margin: 24px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-left: none;
    border-right: none;
    overflow: inherit;
}
.page-article .article .article__content--cp .hr-cp::before {
    content: "";
    position: absolute;
    left: 0;
    top: -12px;
    width: 25px;
    height: 17px;
    display: block;
    background: url(https://p.dmm.com/p/general/race/chariloto/oddsnavi/campaign/bg_line.jpg);
    background-size: 25px auto;
}
.page-article .article .article__content--cp .u-br-sp, .page-article .article .article__content--cp .br-sp {
    display: none;
}
.page-article .article .article__content--cp .u-txtC-pc {
    text-align: center!important;
}
.page-article .article .article__content--cp .u-txtL-pc {
    text-align: left!important;
}
.page-article .article .article__content--cp .u-txtR-pc {
    text-align: right!important;
}
.page-article .article .article__content--cp .u-mt8-pc {
    margin-top: 8px!important;
}
.page-article .article .article__content--cp .u-mt16-pc {
    margin-top: 16px!important;
}
.page-article .article .article__content--cp .u-mt32-pc {
    margin-top: 32px!important;
}
.page-article .article .article__content--cp .u-nmt8-pc {
    margin-top: -8px!important;
}
.page-article .article .article__content--cp .blogTextSmall {
    font-size: 12px;
}
.page-article .article .article__content--cp .blogTextMedium {
    font-size: 20px;
}
.page-article .article .article__content--cp .blogTextLarge {
    font-size: 26px;
}
.page-article .article .article__content--cp .blogTextAccent {
    color: #ff9023;
    font-weight: bold;
}
.page-article .article .article__content--cp .box-cpSect {
    text-align: center;
}
.page-article .article .article__content--cp .box-articleCpNavi.is-active {
    padding-top: 80px;
}
.page-article .article .article__content--cp .box-articleCpNavi__list {
    padding: 0;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.05);
    border: solid 1px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}
.page-article .article .article__content--cp .box-articleCpNavi__list.is-active {
    position: fixed;
    width: 100%;
    top: 0;
    margin-left: -16px;
    z-index: 2;
    background: #fff;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
}
.page-article .article .article__content--cp .box-articleCpNavi__list.is-active li a {
    background: #fff;
}
.page-article .article .article__content--cp .box-articleCpNavi__item {
    margin: 0;
    padding: 0;
    float: left;
    width: 33.33%;
    line-height: 1.5;
    font-size: 14px;
    text-align: center;
    list-style-type: none;
    text-indent: 0;
    box-sizing: border-box;
}
.page-article .article .article__content--cp .box-articleCpNavi__item a {
    display: block;
    padding: 4px 0;
    line-height: 30px;
    border-right: solid 1px rgba(0, 0, 0, 0.2);
    background: #fff;
    color: rgba(0, 0, 0, 0.6);
    text-decoration: none;
}
.page-article .article .article__content--cp .box-articleCpNavi__item:nth-child(3n) a {
    border-right: none;
}
.page-article .article .article__content--cp .box-articleCpNavi__item:nth-child(-n+3) a {
    border-bottom: solid 1px rgba(0, 0, 0, 0.2);
}
.page-article .article .article__content--cp .box-articleCpNavi__txt {
    position: relative;
    padding-right: 16px;
}
.page-article .article .article__content--cp .box-articleCpNavi__txt::after {
    content: "";
    position: absolute;
    right: 0;
    top: -8px;
    bottom: 0;
    margin: auto;
    display: block;
    width: 4px;
    height: 4px;
    border: 2px solid;
    border-color: transparent transparent rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.6);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.page-article .article .article__content--cp .box-cpOutline__txt {
    text-align: center;
}
.page-article .article .article__content--cp .box-cpOutline .blogTextMedium {
    font-size: 22px;
}
.page-article .article .article__content--cp .btn-articlePrimary a {
    display: block;
    margin: 0 auto;
    text-decoration: none;
    border-bottom: solid 4px #bd6900;
    background: #ff9023;
    color: #fff !important;
    max-width: 400px;
    border-radius: 6px;
    text-align: center;
    padding: 16px 8px;
    font-size: 18px;
    font-weight: bold;
}
.page-article .article .article__content--cp .btn-articlePrimary__txt {
    color: #fff;
}
.page-article .article .article__content--cp .btn-articlePrimary--md a {
    font-size: 16px;
}
.page-article .article .article__content--cp .box-cpDetails__table * {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
}
.page-article .article .article__content--cp .box-cpDetails__table, .page-article .article .article__content--cp .box-cpDetails__table th, .page-article .article .article__content--cp .box-cpDetails__table td {
    background: transparent;
    color: rgba(0, 0, 0, 0.6);
}
.page-article .article .article__content--cp .box-cpDetails__table th, .page-article .article .article__content--cp .box-cpDetails__table td {
    border-bottom: solid 1px #ddd;
}
.page-article .article .article__content--cp .box-cpDetails__table th {
    min-width: 140px;
    padding: 12px;
    font-weight: bold;
    vertical-align: top;
    text-align: center;
}
.page-article .article .article__content--cp .box-cpDetails__table td {
    padding: 8px;
    vertical-align: middle;
}
.page-article .article .article__content--cp .box-cpDetails__table td * {
    margin: 0;
}
.page-article .article .article__content--cp .box-cpDetails__table td *+* {
    margin: 16px 0 0;
}
.page-article .article .article__content--cp .box-cpPrize {
    position: relative;
    background: #ff7964;
    background: linear-gradient(135deg, #f85138 0%, #ff7964 50%, #f85138 100%);
    margin: 40px 0 16px;
    padding: 8px;
    font-size: 20px;
}
.page-article .article .article__content--cp .box-cpPrize__capt {
    position: absolute;
    left: 0;
    top: -16px;
    margin: 0;
    width: 100%;
    text-align: center;
    border: none;
}
.page-article .article .article__content--cp .box-cpPrize__capt img {
    width: 200px;
}
.page-article .article .article__content--cp .box-cpPrize__inner {
    padding: 40px 16px 16px;
    border: solid 3px #fff;
    background: url(https://p.dmm.com/p/general/race/chariloto/oddsnavi/campaign/bg_prize.png);
    background-size: 500px auto;
}
.page-article .article .article__content--cp .box-cpPrize::before, .page-article .article .article__content--cp .box-cpPrize::after, .page-article .article .article__content--cp .box-cpPrize__inner::before, .page-article .article .article__content--cp .box-cpPrize__inner::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background: transparent url(https://p.dmm.com/p/general/race/chariloto/oddsnavi/campaign/bg_edge_csssp.png) no-repeat;
}
.page-article .article .article__content--cp .box-cpPrize::before, .page-article .article .article__content--cp .box-cpPrize::after {
    top: 0;
}
.page-article .article .article__content--cp .box-cpPrize::before, .page-article .article .article__content--cp .box-cpPrize__inner::before {
    left: 0;
}
.page-article .article .article__content--cp .box-cpPrize::after, .page-article .article .article__content--cp .box-cpPrize__inner::after {
    right: 0;
}
.page-article .article .article__content--cp .box-cpPrize__inner::before, .page-article .article .article__content--cp .box-cpPrize__inner::after {
    bottom: 0;
}
.page-article .article .article__content--cp .box-cpPrize::after {
    background-position: -40px 0;
}
.page-article .article .article__content--cp .box-cpPrize__inner::before {
    background-position: 0 -40px;
}
.page-article .article .article__content--cp .box-cpPrize__inner::after {
    right: 0;
    background-position: -40px -40px;
}
.page-article .article .article__content--cp .box-cpPrize__item {
    display: inline-block;
    font-size: 16px;
}
.page-article .article .article__content--cp .box-cpPrize__txtPrice, .page-article .article .article__content--cp .box-cpPrize__txtNum {
    display: inline-block;
    float: left;
    margin: 0;
    font-weight: bold;
    font-size: 18px;
    vertical-align: middle;
    line-height: 1;
}
.page-article .article .article__content--cp .box-cpPrize__txtNum {
    position: relative;
    margin: 0 0 0 8px;
    padding: 0 0 0 24px;
    text-align: left;
}
.page-article .article .article__content--cp .box-cpPrize__txtNum::before {
    content: "\2026";
    display: block;
    height: 1em;
    position: absolute;
    left: 0;
    top: -.5em;
    bottom: 0;
    margin: auto 0;
    color: rgba(0, 0, 0, 0.6);
}
.page-article .article .article__content--cp .box-cpPrize__txtConditions {
    position: relative;
    margin: 0 0 12px;
    padding: 4px 16px;
    border-bottom: solid 2px rgba(0, 0, 0, 0.2);
}
.page-article .article .article__content--cp .box-cpPrize__txtConditions::before, .page-article .article .article__content--cp .box-cpPrize__txtConditions::after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 14px 0 14px;
    border-color: #cb5a49 transparent transparent transparent;
    left: 0;
    right: 0;
    bottom: -8px;
    margin: 0 auto;
}
.page-article .article .article__content--cp .box-cpPrize__txtConditions::after {
    border-width: 8px 14px 0 14px;
    border-color: #fa7762 transparent transparent transparent;
    bottom: -5.5px;
}
.page-article .article .article__content--cp .box-cpAttention {
    margin: 16px 0 0;
    padding: 16px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 2px;
    border: solid 1px rgba(0, 0, 0, 0.05);
}
.page-article .article .article__content--cp .box-cpAttention__capt {
    position: relative;
    border: none;
    margin: 0 0 8px;
    padding: 0;
    font-size: 16px;
    text-align: left;
}
.page-article .article .article__content--cp .box-cpAttention__capt::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 4px;
    background: url(https://p.dmm.com/p/general/race/chariloto/oddsnavi/campaign/ico_attention.gif) no-repeat;
    vertical-align: bottom;
}
.page-article .article .article__content--cp .box-cpAttention ul {
    padding: 0;
    line-height: 1.5;
    list-style: none;
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    font-size: 14px;
}
.page-article .article .article__content--cp .box-cpAttention ul li {
    padding-left: 1em;
    text-indent: -1em;
}
.page-article .article .article__content--cp .box-cpAttention ul li::before {
    content: "\30FB";
    font-weight: bold;
    margin-right: 0.5em;
}
.page-article .article .article__content--cp .box-entry {
    padding: 24px;
    border: solid 1px rgba(0, 0, 0, 0.2);
    margin: 32px 0 24px;
    border-radius: 2px;
}
.page-article .article .article__content--cp .box-entry__inner {
    max-width: 480px;
    margin: 0 auto;
    padding: 24px 0 0;
}
.page-article .article .article__content--cp .box-entry__capt {
    margin: 0;
    padding: 0 0 8px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.87);
    border-radius: 0;
    background: transparent;
    color: rgba(0, 0, 0, 0.87);
}
.page-article .article .article__content--cp .box-entryBtn__txt {
    line-height: 1.4;
    font-size: 14px;
    margin: 8px 0 0;
}
.page-article .article .article__content--cp .box-entryBtn__txt--provisional {
    margin: 0 0 8px;
    color: #e80101;
    text-align: center;
}
.page-article .article .article__content--cp .box-entry__btn {
    position: relative;
}
.page-article .article .article__content--cp .btn-entry {
    display: block;
    width: 100%;
    height: 54px;
    line-height: 58px;
    border-radius: 8px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    box-sizing: content-box;
}
.page-article .article .article__content--cp a.btn-entry {
    text-decoration: none;
    color: #4c4c4c;
    border-bottom: solid 4px #bd6900;
}
.page-article .article .article__content--cp a.btn-entry:hover {
    opacity: 0.7;
    border-bottom: none;
    margin-top: 4px;
}
.page-article .article .article__content--cp .btn-entry--within {
    border: 1px solid;
    background: #ff9023;
    color: #fff !important;
}
.page-article .article .article__content--cp .btn-entry--logout, .page-article .article .article__content--cp .btn-entry--nonmember {
    border-color: #d0a345 !important;
    background-color: #ffd65f;
}
.page-article .article .article__content--cp .btn-entry--nonmember br {
    display: none;
}
.page-article .article .article__content--cp .btn-entry--before, .page-article .article .article__content--cp .btn-entry--withinComplete, .page-article .article .article__content--cp .btn-entry--provisional {
    color: rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}
.page-article .article .article__content--cp .btn-entryform a {
    display: block;
    position: relative;
    margin: 0 auto 24px;
    padding-right: 24px;
    max-width: 420px;
    line-height: 50px;
    border: solid 1px #ff9023;
    border-radius: 100px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none !important;
}
.page-article .article .article__content--cp .btn-entryform a::after {
    content: "";
    position: absolute;
    right: 80px;
    top: -10px;
    bottom: 0;
    margin: auto;
    display: block;
    width: 8px;
    height: 8px;
    border: 3px solid;
    border-color: transparent transparent #ff9023 #ff9023;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.page-article .article .article__content--cp .btn-entryform * {
    color: #ff9023;
}
/*odds navi キャンペーン end ==================================================*/

/* 新ナビ */
._n4v1-header {
    line-height: initial !important;
}
._n4v1-header a {
    color: #333 !important;
}