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

	JRADB　レース結果ページスタイル

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


/* - レース結果（JRADB）
-------------------------------------------------- */
#race_result {
    /*margin-top: 50px;*/
}


.race_result_unit {
    
}

.race_result_unit table.basic > caption {
    text-align: left;
}



/* - レース番号エリア
------------------------------------------------------------ */
/*
.race_num_area {
    min-height: 33px;
    background-color: #ebebeb;
    display: block;
}

.race_num_area.fixed { background: none; }

.race_num_area.fixed > .inner {
    position: fixed;
    width: 100%;
    z-index: 500;
    top: 0;
    left: 0;
    background-color: rgba(235,235,235,0.8);
}

.race_num_area.fixed > .inner > ul.nav.race-num {
    width: 940px;
    margin: 0 auto;
    background: none;
}
*/



/* - レースヘッダー（caption内）
------------------------------------------------------------ */
.race_header {
    display: table;
    width: 100%;
}

.race_header > div {
    display: table-cell;
    vertical-align: top;
}

.race_header > div.right {
    text-align: right;
    vertical-align: top;
    width: 150px;
    
    display: none;
}


/* --- レース関連リンク（出馬表・オッズ） --- */
.race_related_link {
    display: table;
    width: 100%;
    margin-bottom: 8px;
    
    display: none;
}

.race_related_link div.refresh { margin-bottom: 10px; }
.race_related_link div.refresh > a.btn-def {  }

.race_related_link > ul {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

.race_related_link > ul > li {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    padding-left: 5px;
}

.race_related_link > ul > li:first-child { padding: 0; }
.race_related_link > ul > li a.btn-def { padding: 4px; }


/* ----- 開催日｜発走時刻｜天候・馬場 ----- */
.race_header .date_line { color: #444; }

.race_header .date_line > .inner { display: table; }

.race_header .date_line > .inner > .cell {
    display: table-cell;
    vertical-align: middle;
    padding-right: 1em;
    vertical-align: bottom;
}

.race_header .date_line > .inner > .cell.date {  }
.race_header .date_line > .inner > .cell.time {  }
.race_header .date_line > .inner > .cell.time strong { font-size: 1.4rem; }
.race_header .date_line > .inner > .cell.baba {  }

.race_header .date_line > .inner > .cell.baba > ul {
    font-size: 0;
    position: relative;
    top: -1px;
}

.race_header .date_line > .inner > .cell.baba > ul > li {
    display: inline-block;
    font-size: 1.1rem;
    vertical-align: middle;
    margin-right: 5px;
}

.race_header .date_line > .inner > .cell.baba > ul > li:last-child { margin-right: 0; }

.race_header .date_line > .inner > .cell.baba > ul > li > .inner { display: table; }

.race_header .date_line > .inner > .cell.baba > ul > li > .inner > span {
    display: table-cell;
    border: 1px solid #ddd;
    padding: 2px 6px;
    vertical-align: middle;
    line-height: 1.4;
}

.race_header .date_line > .inner > .cell.baba > ul > li > .inner > span.cap {
    color: #444;
    background-color: #f5f5f5;
    border-right: 1px dashed #ccc;
    font-size: 1.1rem;
}

.race_header .date_line > .inner > .cell.baba > ul > li.weather > .inner > span.cap {
    background-color: #E1F5FE;
}

.race_header .date_line > .inner > .cell.baba > ul > li.turf > .inner > span.cap {
    background-color: #dcf0d4;
}

.race_header .date_line > .inner > .cell.baba > ul > li.durt > .inner > span.cap {
    background-color: #EFEBE9;
}

.race_header .date_line > .inner > .cell.baba > ul > li > .inner > span.txt {
    font-weight: bold;
    border-left: none;
}


/* ----- レース名ブロック ----- */
.race_header div.race_title {
    margin-top: 5px;
    padding-right: 5px;
}

.race_header div.race_title > .inner { display: table; }

.race_header div.race_title > .inner > div {
    display: table-cell;
    vertical-align: top;
}

.race_header div.race_title > .inner > div.txt { vertical-align: middle; }


/* --- レース番号 --- */
.race_header div.race_title > .inner > div.num {
    background-color: #333;
    color: #fff;
    background-color: #00695C;
    min-width: 54px;
    text-align: center;
    vertical-align: middle;
    border-radius: 4px;
    padding: 2px;
}

.race_header div.race_title > .inner > div.num > .num_wrap {  }

.race_header div.race_title > .inner > div.num > .num_wrap > .race_number {
    text-align: center;
    padding-bottom: 2px;
}

.race_header div.race_title > .inner > div.num > .num_wrap > .race_number > span {
    font-size: 1rem;
}

.race_header div.race_title > .inner > div.num > .num_wrap > .race_number img {
    max-width: 40px;
    max-height: 25px;
    vertical-align: top;
}

/* --- WIN5ボタン --- */
.race_header div.race_title > .inner > div.num div.win5 {
    display: block;
    border-radius: 0 0 2px 2px;
    background-color: #fff;
}

.race_header div.race_title > .inner > div.num div.win5 > a {
    display: block;
    text-decoration: none;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    padding: 3px;
}

.race_header div.race_title > .inner > div.num div.win5 > a img {
    max-width: 48px;
    display: block;
    vertical-align: middle;
}


/* --- レース名 --- */
.race_header div.race_title > .inner > div.txt { padding-left: 8px; }

.race_header h2 {
    font-weight: bold;
    color: #444;
    line-height: 1.3;
    font-size: 2.6rem;
}

.race_header h2 > span.main {
    font-size: 0;
    display: block;
    line-height: 1.3;
}

.race_header h2 > span.main > span {
    display: inline-block;
    font-size: 1.3rem;
}

.race_header h2 > span.main > span.cap {
    font-size: 1.2rem;
    padding-right: 4px;
}

.race_header h2 > span.main > span.race_name { font-size: 2rem; }


/* --- レース条件・情報 --- */
div.type {
    display: table;
    margin-top: 4px;
}

div.type > div.cell {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.2rem;
    line-height: 1.4;
    padding-left: 10px;
}

div.type > div.cell:first-child { padding-left: 0; }

div.type > div.cell.rule { padding-left: 5px; }

div.type > div.cell.course {
    padding-left: 20px;
    font-size: 1.4rem;
    font-weight: bold;
}

div.type > div.cell.course > span.cap {
    font-size: 1.1rem;
    font-weight: normal;
}

div.type > div.cell.course > span.unit {
    margin-left: 0.1em;
    font-weight: normal;
    font-size: 1rem;
}

div.type > div.cell.course > span.rotate {
    font-weight: normal;
    font-size: 1.1rem;
}

div.type > div.cell.course > span.detail {
    font-size: 1.2rem;
    font-weight: normal;
}


/* - 本賞金・付加賞
--------------------------------------------- */
ul.prize {
    margin-top: 8px;
    margin-right: 10px;
    border-top: 1px dotted #ddd;
    padding-top: 8px;
}

ul.prize > li { line-height: 1.4; }
ul.prize > li > span { font-size: 1.1rem; }

div.prize_unit { display: table; }

div.prize_unit > .cell {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.1rem;
}

div.prize_unit > .cell.cap {
    width: 84px;
    font-size: 1.1rem;
}

div.prize_unit > .cell.data {  }

div.prize_unit > .cell.data > ol { display: table; }

div.prize_unit > .cell.data > ol > li {
    display: table-cell;
    vertical-align: middle;
    font-size: 0;
    padding-left: 15px;
}

div.prize_unit > .cell.data > ol > li:first-child { padding-left: 0; }

div.prize_unit > .cell.data > ol > li > span {
    display: inline-block;
    line-height: 1.3;
}

div.prize_unit > .cell.data > ol > li > span.cap {
    width: 20px;
    text-align: right;
    font-size: 1.1rem;
}

div.prize_unit > .cell.data > ol > li > span.num {
    text-align: right;
    font-size: 1.1rem;
    width: 46px;
}


/* --- レースヘッダー下 映像ボタンエリア --- */
.race_header_movie_area {
    padding: 5px;
    background-color: #f3f3f3;
    margin-top: 10px;
}

.race_header_movie_area > .inner { display: table; }

.race_header_movie_area > .inner > div.cell {
    display: table-cell;
    vertical-align: middle;
}

.race_header_movie_area > .inner > div.cell.mov { width: 300px; }

.race_header_movie_area > .inner > div.cell.mov > .movie_line {
    display: table;
    width: 100%;
}

.race_header_movie_area > .inner > div.cell.mov > .movie_line > div {
    display: table-cell;
    vertical-align: middle;
}

.race_header_movie_area > .inner > div.cell.mov > .movie_line > div.cap {
    font-size: 1.2rem;
    background-color: #fff;
    color: #555;
    width: 100px;
    text-align: center;
}

.race_header_movie_area > .inner > div.cell.mov > .movie_line > div.btn_block {
    padding-left: 10px;
    padding-right: 10px;
}

.race_header_movie_area > .inner > div.cell.mov > .movie_line > div.btn_block .btn-def.btn-sm {
    padding: 4px 30px;
}

.race_header_movie_area > .inner > div.cell.mov > .movie_line > div.btn_block .btn-group > .btn-def {
    padding: 4px 20px;
    width: 50%;
}

.race_header_movie_area > .inner > div.cell.option {
    border-left: 1px dashed #ccc;
    padding-left: 10px;
    width: 640px;
}

.race_header_movie_area > .inner > div.cell.option > ul { font-size: 0; }

.race_header_movie_area > .inner > div.cell.option > ul > li {
    vertical-align: middle;
    padding-left: 5px;
    width: 25%;
    display: inline-block;
    font-size: 1.3rem;
}

.race_header_movie_area > .inner > div.cell.option > ul > li:first-child { padding-left: 0; }



/* - レース結果 メインテーブル
------------------------------------------------------------ */
#race_result table.basic > caption {
    text-align: left;
    margin-bottom: 10px;
}

#race_result table.basic thead > tr > th {
    font-size: 1.2rem;
    line-height: 1.3;
}

#race_result table.basic thead > tr > th.place { width: 34px; padding: 5px 2px; }/* - 着順 -*/
#race_result table.basic thead > tr > th.waku { width: 26px; }/* - 枠 - */
#race_result table.basic thead > tr > th.num { width: 28px; padding: 5px 4px; }/* - 馬番 - */
#race_result table.basic thead > tr > th.horse {
    min-width: 179px;
}/* - 馬名 - */
#race_result table.basic thead > tr > th.age { width: 40px; width: 48px; }/* - 性齢 - */
#race_result table.basic thead > tr > th.weight { width: 38px; }/* - 負担重量 - */

#race_result table.basic thead > tr > th.jockey {
    /*width: 118px;
    width: 116px;
    width: 110px;*/
    width: 96px;
}/* - 騎手 - */

#race_result table.basic thead > tr > th.time { width: 50px; }/* - タイム - */
#race_result table.basic thead > tr > th.margin { width: 72px; }/* - 着差 - */
#race_result table.basic thead > tr > th.f_time { width: 38px; padding: 5px 6px; }/* - 推定上り - */

#race_result table.basic thead > tr > th.h_weight { width: 80px; }/* - 馬体重 - */
#race_result table.basic thead > tr > th.h_weight > span { font-size: 1.1rem; display: block; }

#race_result table.basic thead > tr > th.corner { width: 76px; }/* - コーナー通過順位 - */
#race_result table.basic thead > tr > th.corner > span { display: block; }

#race_result table.basic thead > tr > th.trainer {
    /*width: 118px;
    width: 116px;
    width: 112px;*/
    width: 102px;
}/* - 調教師 - */

#race_result table.basic thead > tr > th.pop { width: 34px; padding: 5px 2px; }/* - 単勝人気 - */


#race_result table.basic tbody > tr > td { font-size: 1.2rem; }
#race_result table.basic tbody > tr > td.place { padding: 5px 2px; }/* - 着順 -*/

#race_result table.basic tbody > tr > td.waku { padding: 2px; }/* - 枠 - */
#race_result table.basic tbody > tr > td.waku img {
    vertical-align: top;
    max-width: 20px;
}

#race_result table.basic tbody > tr > td.num { padding: 5px 2px; }/* - 馬番 - */

#race_result table.basic tbody > tr > td.horse {
    text-align: left;
    font-size: 1.3rem;
}

#race_result table.basic tbody > tr > td.horse div.horse {
    position: relative;
    padding-right: 10px;
}

/* - ブリンカー - */
#race_result table.basic tbody > tr > td.horse div.horse .icon.blinker {
    position: absolute;
    top: -3px;
    right: -3px;
}

#race_result table.basic tbody > tr > td.horse div.horse .icon.blinker img {
    vertical-align: top;
    max-width: 15px;
}

/* - 馬記号 - */
#race_result table.basic tbody > tr > td.horse .horse_icon { margin-right: 2px; }

#race_result table.basic tbody > tr > td.horse .horse_icon > span {
    font-size: 1rem;
    min-width: 14px;
}


#race_result table.basic tbody > tr > td.age { padding: 5px 2px; }/* - 性齢 - */
#race_result table.basic tbody > tr > td.weight { padding: 5px 2px; }/* - 負担重量 - */

/* - 騎手 - */
#race_result table.basic tbody > tr > td.jockey {
    text-align: left;
    padding: 5px 2px 5px 4px;
}

#race_result table.basic tbody > tr > td.time { padding: 0; }/* - タイム - */

/* - 着差 - */
#race_result table.basic tbody > tr > td.margin {
    text-align: left;
    font-size: 1.1rem;
    line-height: 1.3;
}

#race_result table.basic tbody > tr > td.margin strong.record {
    background-color: #d61a1a;
    padding: 2px 5px;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 1.3;
}

#race_result table.basic tbody > tr > td.f_time { padding: 5px 2px; }/* - 推定上り - */

#race_result table.basic tbody > tr > td.h_weight { text-align: left; }/* - 馬体重（増減） - */

#race_result table.basic tbody > tr > td.h_weight span {
    margin-left: 0.2em;
    font-size: 1.1rem;
}


/* --- コーナー通過順位 --- */
#race_result table.basic tbody > tr > td.corner {
    font-size: 1rem;
    padding: 5px 2px;
}

#race_result table.basic tbody > tr > td.corner div.corner_list {  }

#race_result table.basic tbody > tr > td.corner div.corner_list > ul { font-size: 0; }

#race_result table.basic tbody > tr > td.corner div.corner_list > ul > li {
    font-size: 1rem;
    display: inline-block;
    text-align: center;
    
    padding: 2px 0;
    width: 25%;
    line-height: 1.2;
    
    margin-left: -1px;
    
    border: 1px solid #fff;
    border-top: none;
    border-bottom: none;
    
    color: #444;
    background-color: #eaeade;
}

#race_result table.basic tbody > tr > td.corner div.corner_list > ul > li:first-child {
    margin-left: 0;
    border-left: none;
}

#race_result table.basic tbody > tr > td.corner div.corner_list > ul > li:last-child {
    border-right: none;
}

/* --- title属性を持たないli --- */
#race_result table.basic tbody > tr > td.corner div.corner_list > ul > li:not([title]) {
    background: none;
}

/* - 調教師 - */
#race_result table.basic tbody > tr > td.trainer {
    text-align: left;
    font-size: 1.2rem;
    padding: 5px 2px 5px 4px;
}

/* - レーティング - */
#race_result table.basic tbody > tr > td.rate {
    font-size: 1rem;
    line-height: 1.3;
}


/* - タイム（ハロンタイム・上り）
------------------------------------------------------------ */
.result_time_data {  }

.result_time_data table.basic.narrow tbody > tr > th {
    width: 130px;
    font-size: 1.2rem;
}

#race_result .result_time_data table.basic > caption { margin-bottom: 0; }



/* - コーナー通過順位
------------------------------------------------------------ */
.result_corner_place {  }

.result_corner_place table.basic.narrow tbody > tr > th {
    width: 130px;
    font-size: 1.2rem;
}

.result_corner_place table.basic.narrow tbody > tr > td strong {
    background-color: #3949AB;
    color: #fff;
    padding: 0.2em;
    margin: 0 0.1em;
}

#race_result .result_corner_place table.basic > caption { margin-bottom: 0; }



/* - 払戻金
------------------------------------------------------------ */
div.refund_unit {
    display: table;
    width: 100%;
}

div.refund_unit > div {
    display: table-cell;
    vertical-align: top;
    width: 33.33%;
}

div.refund_unit > div.left {  }

div.refund_unit > div > ul { border-top: 1px solid #ccc; }

div.refund_unit > div > ul > li {  }

div.refund_unit > div > ul > li > dl {
    display: table;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

div.refund_unit > div > ul > li > dl > dt {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    text-align: center;
    background-color: #eaeade;
    border-right: 2px solid #dfdfd3;
    border-left: 1px solid #ccc;
    width: 52px;
    padding: 3px 4px;
    color: #555;
}

div.refund_unit > div > ul > li > dl > dd {
    display: table-cell;
    vertical-align: middle;
    background-color: #f7f7f7;
}

div.refund_unit > div > ul > li > dl > dd > .line {
    display: table;
    width: 100%;
}

div.refund_unit > div > ul > li > dl > dd > .line {
    border-bottom: 1px dashed #ccc;
}

div.refund_unit > div > ul > li> dl > dd > .line:last-child {
    border-bottom: none;
}

div.refund_unit > div > ul > li > dl > dd > .line > span,
div.refund_unit > div > ul > li > dl > dd > .line > div {
    display: table-cell;
    vertical-align: middle;
    border-right: 1px solid #ccc;
    min-height: 25px;
    padding: 5px 4px;
    box-sizing: border-box;
    line-height: 1.3;
    height: 27px;
}

div.refund_unit > div > ul > li > dl > dd > .line.blank {  }

div.refund_unit > div > ul > li > dl > dd > .line.blank > span,
div.refund_unit > div > ul > li > dl > dd > .line.blank > div {
    height: 29px;
    padding: 0;
}

div.refund_unit > div > ul > li > dl > dd > .line > .num {
    text-align: center;
    width: 76px;
}

div.refund_unit > div > ul > li > dl > dd > .line > .yen { text-align: right; }

div.refund_unit > div > ul > li > dl > dd > .line > .yen > span.unit {
    font-size: 1rem;
    margin-left: 0.1em;
}

div.refund_unit > div > ul > li > dl > dd > .line > .pop {
    width: 80px;
    text-align: right;
}

div.refund_unit > div > ul > li > dl > dd > .line > .pop > span {
    font-size: 1rem;
    margin-left: 0.1em;
}


/* - 返還ブロック
------------------------------------------------------------ */
div.refund_unit.restoration > div { width: 100%; }
div.refund_unit.restoration > div > ul > li > dl { border-right: 1px solid #ccc; }
div.refund_unit.restoration > div > ul > li > dl > dt { line-height: 1.3; }

div.refund_unit.restoration > div > ul > li > dl > dd {
    padding: 5px 8px;
    line-height: 1.3;
}


/* - 「競走中の出来事等」エリア
------------------------------------------------------------ */
div.race_info_area { margin-top: 30px; }



/* - 写真エリア
------------------------------------------------------------ */
.race_photo_area { margin-top:50px; }
.race_photo_area > ul {  }

.race_photo_area > ul > li {
    margin: 40px auto 0 auto;
    position: relative;
    text-align: center;
    overflow: hidden;
    max-width: 940px;
}

.race_photo_area > ul > li:first-child { margin-top: 0; }

.race_photo_area > ul > li img { vertical-align: top; }

.race_photo_area > ul > li > span {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    left: 50%;
    transform: translateX(-50%);
}


/* --- 写真横並び（360×270｜240×180） --- */
.race_photo_area > ul.line {
    display: table;
    margin: 0 auto;
}

.race_photo_area > ul.line + ul { margin-top: 30px; }
.race_photo_area > ul.line + ul.line { margin-top: 30px; }

.race_photo_area > ul.line > li {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0 15px;
}



/* 2018/12/09 追加 */
/* --- WIN5ボタン --- */
.race_header div.race_title > .inner > div.num div.win5 > img {
    text-decoration: none;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    padding: 3px;
    max-width: 48px;
    display: block;
    vertical-align: middle;
}




/* - 写真エリア（改）
------------------------------------------------------------ */
table.basic .race_photo_block {
    padding: 5px;
    background-color: #f3f3f3;
    /*border-top: 2px solid #fff;*/
    margin-top: 10px;
}

table.basic .race_photo_block > .inner {
    display: table;
    width: 100%;
}

table.basic .race_photo_block > .inner > .cell {
    display: table-cell;
    vertical-align: middle;
}

table.basic .race_photo_block > .inner > .cell.cap {
    width: 100px;
    font-size: 1.2rem;
    text-align: center;
    background-color: #fff;
    color: #555;
}

table.basic .race_photo_block > .inner > .cell.btns { padding-left: 5px; }

table.basic .race_photo_block > .inner > .cell.btns > ul {
    /*display: table;
    width: 100%;*/
    font-size: 0;
}

table.basic .race_photo_block > .inner > .cell.btns > ul > li {
    /*display: table-cell;*/
    vertical-align: middle;
    padding-left: 5px;
    
    display: inline-block;
    font-size: 1.3rem;
}

table.basic .race_photo_block > .inner > .cell.btns > ul > li .btn-def {
    padding: 4px;
    width: 152px;
}

table.basic .race_photo_block > .inner > .cell.btns > ul > li .btn-def:focus {
	color: #333;
	border-color: #888;
	background-color: #f7f7f7;
}


.modal_wrap {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 9998;
}

.modal_wrap.on {
    display: block;
    animation: obj_fade_in 0.2s ease-in-out;
}

@keyframes obj_fade_in {
    from{ opacity: 0; }
    to{ opacity: 1; }
}

.modal_wrap > .inner { position: relative; }/* --- edge対策 --- */

.modal_overlay {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    transition: all 0.2s ease-in-out;
    z-index: 9998;
}

.modal_wrap.on .modal_overlay {
    display: flex;
    justify-content: center;
    opacity: 1;
}

.modal_content {
    position: relative;
    align-self: center;
    box-sizing: border-box;
    display: block;
    max-width: 90%;
}

.modal_wrap.on .modal_content {
    transform: scale(1, 1);
    animation: obj_zoom_in 0.2s ease-in-out;
}

@keyframes obj_zoom_in {
    from{ opacity: 0; transform: scale(1.5,1.5); }
    to{ opacity: 1; transform: scale(1,1); }
}

.modal_wrap.on .modal_content .img {
    text-align: center;
    margin-bottom: 15px;
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

.modal_wrap.on .modal_content .img > span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.modal_wrap.on .modal_content .img img { vertical-align: top; }

.modal_wrap.on .modal_content .btn_area {
    display: table;
    width: 100%;
}

.modal_wrap.on .modal_content .btn_area > .cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.modal_wrap.on .modal_content .btn_area > .cell.left {
    background-color: #ebebeb;
    padding: 5px;
}

.modal_wrap.on .modal_content .btn_area > .cell.left > ul {
    display: table;
    width: 100%;
}

.modal_wrap.on .modal_content .btn_area > .cell.left > ul > li {
    display: table-cell;
    vertical-align: middle;
    /*padding-left: 5px;*/
}

.modal_wrap.on .modal_content .btn_area > .cell.left > ul > li + li {
    padding-left: 5px;
}

.modal_wrap.on .modal_content .btn_area > .cell.left > ul > li .btn-def:focus {
	color: #333;
	border-color: #888;
	background-color: #f7f7f7;
}

.modal_wrap.on .modal_content .btn_area > .cell.left > ul > li.current .btn-def {
    background-color: #444;
    color: #fff;
}

.modal_wrap.on .modal_content .btn_area > .cell.left > ul > li.current .btn-def:focus {
    background-color: #444;
    color: #fff;
}

.modal_wrap.on .modal_content .btn_area > .cell.left > ul > li.current .btn-def > i {
    color: #fff;
}

.modal_wrap.on .modal_content .btn_area > .cell.right {
    width: 80px;
    text-align: center;
    background-color: #ebebeb;
    border-left: 1px dashed #ccc;
}

.modal_wrap.on .modal_content .btn_area > .cell.right .btn-def:focus {
    color: #333;
	border-color: #888;
	background-color: #f7f7f7;
}

.modal_wrap .modal_content .help { margin-top: 15px; text-align: center; }