@charset "utf-8";
/*reservationArea*/
.reservationArea{padding:25px 0; background:#ffffff; margin-bottom:10px;}
.reservationArea > .topTxt{ margin:5px 25px 30px 25px; line-height:30px;height:29px;padding-left:45px; background:url("../images_en/reservation/topTitle_icon.png") no-repeat;}
.reservationStep{ margin-bottom:20px; overflow:hidden;}
.reservationStep:last-child{ margin-bottom:0px;}
.reservationStep .titleBox{ overflow:hidden;height:50px; background:#e1e1e1; position:relative;margin:0 25px;}
.reservationStep .titleBox li{ float:left;height:50px; line-height:50px;}
.reservationStep .titleBox .number{text-align:center; width:50px;  font-size:32px; font-weight:bold;color:#adadad; font-family:"Arial"; background:#333333;}
.reservationStep .titleBox .title{font-size:14px; font-weight:bold;padding-left:20px;color:#5a5a5a}
.reservationStep .titleBox .txt{ float:right;margin-right:20px;color:#000000}
.reservationStep.insert .titleBox .txt{ display:none;}
.reservationStep.on .titleBox{ background:#555555;}
.reservationStep.on .titleBox .number{color:#f89b1c;}
.reservationStep.on .titleBox .title{color:#fff;}
.reservationStep.on .titleBox .txt{color:#fff; display:none;}
.reservationStep.step01.on .titleBox .txt{display:block;}
.reservationStep .programList{padding-bottom:10px; position:relative; overflow:hidden;}
.reservationStep .programList .blankLeft{ background:#ffffff; position:absolute;left:0px;top:0px;width:25px;height:100%;z-index:20}
.reservationStep .programList .blankRight{ background:#ffffff; position:absolute;right:0px;top:0px;width:25px;height:100%;z-index:20}
.reservationStep .programList ul{margin:0 15px; overflow:hidden;background:url("../images_en/information/dot_line.png") repeat-x left bottom;}
.reservationStep .programList ul:last-child{ background:none;}
.reservationStep .programList ul:last-child li{margin-bottom:0px;}
.reservationStep .programList ul li{ float:left;width:25%; overflow:hidden;margin:20px 0}
.reservationStep .programList ul li img{width:100%; position:relative;z-index:11}
.reservationStep .programList ul li a{ display:block;margin:0 10px; position:relative;}
.reservationStep .programList ul li a .bg{ display:none;border:3px solid #f89b1c;box-sizing:border-box;-moz-box-sizing:border-box; position:absolute;left:0px;top:0px; width:100%;;height:100%; background:url("../images_en/information/img_bg.png");z-index:20}
.reservationStep .programList ul li a .area{ display:table;height:100%; width:100%;}
.reservationStep .programList ul li a .middle{ display:table-cell;vertical-align:middle;color:#fff; text-align:center;padding:0 10px;}
.reservationStep .programList ul li a .imgTitle{ display:block;font-weight:bold; font-size:15px;}
.reservationStep .programList ul li a:hover .bg,
.reservationStep .programList ul li a:focus .bg,
.reservationStep .programList ul li.on a .bg{ display:block;}
.reservationStep .programSelect{ margin:20px 25px 10px 25px}
.reservationStep .programSelect ul{ display:table;}
.reservationStep .programSelect ul li{ display:table-cell;}
.reservationStep .programSelect ul li.imgArea{ width:120px;padding-right:30px;}
.reservationStep .programSelect ul li.conArea{vertical-align:middle;}
.reservationStep .programSelect ul li.conArea .title{ font-size:16px; font-weight:bold; margin-bottom:16px;}
.reservationStep .programSelect ul li.conArea .con{ line-height:20px;}
.reservationStep .programSelect ul li.conArea .con span{ display:block; margin-bottom:6px;}

.dateSelectWrap{margin:20px 25px 0px 25px; overflow:hidden; position:relative;}
.dateSelectWrap .dateSelectArea{background:url("../images_en/information/dot_line.png") repeat-x left bottom; padding-bottom:30px; overflow:hidden; margin-bottom:20px;}
.dateSelectWrap .dateSelectArea.lineNone{ background:none; margin-bottom:0;}
.dateSelectWrap .dateArea{ float:left;width:413px; margin-right:35px;}
.dateSelectWrap .dateArea .topTitleArea{ overflow:hidden; height:27px;margin:0px;}
.dateSelectWrap .dateArea .topTitleArea .title{ float:left;background:url("../images_en/reservation/cal_icon.png") no-repeat;padding:1px 0 0 26px; font-weight:bold; height:17px;font-size:14px;}
.dateSelectWrap .dateArea .topTitleArea .icon{ float:right; margin-top:3px;}
.dateSelectWrap .dateArea .topTitleArea .icon p{ float:left; padding-left:15px; margin-left:20px;}
.dateSelectWrap .dateArea .topTitleArea .icon p.possible{ background:url("../images_en/reservation/use_icon.png") no-repeat left 1px;}
.dateSelectWrap .dateArea .topTitleArea .icon p.select{ background:url("../images_en/reservation/select_icon.png") no-repeat left 1px;}
.dateSelectWrap .dateArea .monthSelect{ position:relative;height:52px; background:#f3f3f3; line-height:52px; font-size:16px; font-weight:bold; text-align:center;}
.dateSelectWrap .dateArea .monthSelect a.btn_prev{ position:absolute;left:0px;top:0;height:52px; width:37px; overflow:hidden; text-indent:-999px; background:url("../images_en/reservation/prev_arr.png") no-repeat center center;}
.dateSelectWrap .dateArea .monthSelect a.btn_next{ position:absolute;right:0px;top:0;height:52px; width:37px; overflow:hidden; text-indent:-999px; background:url("../images_en/reservation/next_arr.png") no-repeat center center;}
.dateSelectWrap .dateArea .monthSelectTable{width:100%;}
.dateSelectWrap .dateArea .monthSelectTable tr th{height:36px; text-align:center; font-weight:normal;width:58px;}
.dateSelectWrap .dateArea .monthSelectTable tr td{border-right:1px solid #fff;border-bottom:1px solid #fff; background:#f3f3f3; text-align:center;padding:0px;}
.dateSelectWrap .dateArea .monthSelectTable tr td:last-child{border-right:0px}
.dateSelectWrap .dateArea .monthSelectTable tr td a{ display:block;height:40px; text-align:center; line-height:40px;}
.dateSelectWrap .dateArea .monthSelectTable tr td.possible a{ background:#006a84; color:#fff;}
.dateSelectWrap .dateArea .monthSelectTable tr td.possible a:hover,
.dateSelectWrap .dateArea .monthSelectTable tr td.possible a:focus,
.dateSelectWrap .dateArea .monthSelectTable tr td.possible a.on{ background:#f89b1c; font-weight:bold;color:#000}
.dateSelectWrap .timeArea{ float:right;width:412px; }
.dateSelectWrap .timeArea .timeTitle{background:url("../images_en/reservation/time_icon.png") no-repeat;padding:1px 0 0 26px; font-weight:bold; height:26px; font-size:14px;}
.dateSelectWrap .timeArea .dateTitle{ background:#f3f3f3; height:52px; text-align:center; font-size:16px; font-weight:bold; line-height:52px; margin-bottom:20px;}
.dateSelectWrap .timeArea .timeSelectTable{border-top:1px solid #d5d5d5; width:100%;}
.dateSelectWrap .timeArea .timeSelectTable th{border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; background:#f3f3f3; height:53px; font-weight:normal;}
.dateSelectWrap .timeArea .timeSelectTable th:last-child{border-right:0px}
.dateSelectWrap .timeArea .timeSelectTable th.time{ width:135px;}
.dateSelectWrap .timeArea .timeSelectTable td{border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5; vertical-align:top;padding:0px;}
.dateSelectWrap .timeArea .timeSelectTable td:last-child{border-right:0px}
.dateSelectWrap .timeArea .timeSelectTable td .inScrollArea{ overflow-y:auto;min-height:145px;padding:10px 0}
.dateSelectWrap .timeArea .timeSelectTable td .inScrollArea li a,
.dateSelectWrap .timeArea .timeSelectTable td .inScrollArea li span{ display:block; height:30px; line-height:30px;padding-left:15px}
.dateSelectWrap .timeArea .timeSelectTable td .inScrollArea li.on a{ background:#f89b1c;}
.dateSelectWrap .timeArea .timeSelectTable td .inScrollArea li strong{color:#be216a}
.reservationStep .dotTxt{ clear:both}
.reservationStep .dotTxt.bgnone{ background:none !important;padding-top:0px !important;}
.reservationStep .dotTxt li{padding-left:10px; background:url("../images_en/information/bl_dot.png") no-repeat left 7px; line-height:20px; margin-bottom:5px;}
.reservationStep .selectDotList{margin:30px 25px 10px 25px; overflow:hidden;}
.reservationStep .selectDotList li{ float:left;margin-right:30px;padding-left:10px; background:url("../images_en/information/bl_dot.png") no-repeat left 4px;/*overflow:hidden;*/}
.reservationStep .selectDotList li strong{ display:block; float:left; margin-right:20px;}
.reservationStep .selectDotList li span{ display:block; float:left;}

.seatSelectWrap{margin:20px 0px 10px 0px;}
.seatSelectWrap.livingArts{margin:20px 0px 0px 0px;}
.seatSelectWrap .topSelectArea{ overflow:hidden;height:33px; margin:0 25px 30px 25px}
.seatSelectWrap.livingArts .topSelectArea{ overflow:hidden;height:33px; margin:0 25px 20px 25px}
.seatSelectWrap .topSelectArea li{ float:left; overflow:hidden;letter-spacing:-0.07em}
.seatSelectWrap .topSelectArea li select{ float:left;height:33px;border:1px solid #bbbbbb; width:300px;padding:0 10px;}
.seatSelectWrap .topSelectArea li.date{width:450px;}
.seatSelectWrap .topSelectArea li.date span.icon{ display:block; float:left; width:79px;background:url("../images_en/reservation/cal_icon.png") no-repeat left center;padding:1px 0 0 26px;line-height:34px;}
.seatSelectWrap .topSelectArea li.time{ float:right;width:405px;}
.seatSelectWrap .topSelectArea li.time span.icon{ display:block; float:left; width:79px;background:url("../images_en/reservation/time_icon.png") no-repeat left center;padding:1px 0 0 26px;line-height:34px;}
.seatSelectWrap .topSelectArea li.tiket{ float:none;}
.seatSelectWrap .topSelectArea li.tiket span{ display:block; float:left; line-height:33px;}
.seatSelectWrap .topSelectArea li.tiket select{ width:160px; margin-right:15px;}
.seatSelectWrap .topSelectArea li.tiket span.icon{ background:url("../images_en/reservation/tiket_icon.png") no-repeat left center;padding:1px 10px 0 26px;line-height:34px;}
.seatSelectWrap .tabArea{ background:url("../images_en/reservation/tab_bg3.png") no-repeat;height:47px; position:relative; margin:0 25px 40px 25px;}
.seatSelectWrap .tabArea.tab1{ background-position:0 0;}
.seatSelectWrap .tabArea.tab2{ background-position:0 -50px;}
.seatSelectWrap .tabArea.tab3{ background-position:0 -100px;}
.seatSelectWrap .tabArea li{ float:left;width:33.3%;height:47px;}
.seatSelectWrap .tabArea li:first-child{width:33.4%}
.seatSelectWrap .tabArea li a{ display:block;height:47px; text-align:center; line-height:47px;}
.seatSelectWrap .tabArea li.on a{ color:#fff; font-weight:bold;}
.seatSelectWrap .tabArea a.btn_prev{ display:none;}
.seatSelectWrap .tabArea a.btn_next{ display:none;}
.seatSelectWrap .seatSelectArea{margin:0 25px 0px 25px; overflow:hidden; position:relative;height:520px;padding-bottom:30px;}
.seatSelectImg{ position:absolute;left:0px;top:0px;width:537px;height:445px;}
.seatWrap {width:auto; overflow-x:auto;}
.seatSelectImg img{width:100%;}
.seatSelectWrap .seatSelectArea .seatLevel{ position:absolute;right:0px;top:5px;border:1px solid #000000;width:284px;}
.seatSelectWrap .seatSelectArea .seatLevel p.title{height:53px; background:#f3f3f3; text-align:center; font-weight:bold; line-height:53px;}
.seatSelectWrap .seatSelectArea .seatLevel ul{padding:20px;height:110px;}
.seatSelectWrap .seatSelectArea .seatLevel ul li{ float:left; width:50%}
.seatSelectWrap .seatSelectArea .seatLevel ul li p{margin-bottom:18px; overflow:hidden;}
.seatSelectWrap .seatSelectArea .seatLevel ul li p span.icon{ display:block; float:left;width:9px;height:9px; margin:1px 8px 0 0;}
.seatSelectWrap .seatSelectArea .seatLevel ul li p span.txt{ display:block; float:left;}
.seatSelectWrap .seatSelectArea .seatLevel ul li p.level_r span.icon{ background:#be216a;}
.seatSelectWrap .seatSelectArea .seatLevel ul li p.soldOut span.icon{ border:1px solid #666666;width:7px;height:7px;}
.seatSelectWrap .seatSelectArea .seatLevel ul li p.level_s span.icon{ background:#006a84;}
.seatSelectWrap .seatSelectArea .seatLevel ul li p.sp{ display:none;}
.seatSelectWrap .seatSelectArea.seat2 .seatLevel ul li p.sp{ display:block;}
.seatSelectWrap .seatSelectArea.seat2 .seatLevel ul li p.sp span.icon{ background:#555555;}
.seatSelectWrap .seatSelectArea .seatLevel ul li p.select span.icon{ background:#f89b1c;}
.seatSelectWrap .seatSelectArea .seatLevel ul li p.level_a span.icon{ background:#368202;}
.seatSelectWrap .seatSelectArea .selectSeat{ position:absolute;right:0px;top:219px;border:1px solid #000000;width:284px;}
.seatSelectWrap .seatSelectArea .selectSeat .titleArea{ overflow:hidden;height:53px; background:#f3f3f3;padding:0 20px}
.seatSelectWrap .seatSelectArea .selectSeat .titleArea li{ float:left; line-height:53px; font-weight:bold;}
.seatSelectWrap .seatSelectArea .selectSeat .titleArea li.title{ float:left;}
.seatSelectWrap .seatSelectArea .selectSeat .titleArea li.total{ float:right;}
.seatSelectWrap .seatSelectArea .selectSeat .titleArea li.total strong{ color:#be216a}
.seatSelectWrap .seatSelectArea .selectSeat .selectArea{height:110px;padding:20px;overflow-y:auto}
.seatSelectWrap .seatSelectArea .selectSeat .selectArea li{ margin-bottom:18px;}
.seatSelectWrap .seatSelectArea .btnCenter{margin-top:472px; text-align:center;}
.seatSelectWrap .seatSelectArea .btnCenter a{ line-height:47px; height:47px;font-weight:bold; margin-left:-2px; padding:0 15px;}
.reservationStep.step03 .dotTxt{margin:0 25px;padding-top:20px;background:url("../images_en/information/dot_line.png") repeat-x left top;}
.livingArts_btnArea{border:1px solid #4b4030; background:url("../images_en/information/list_bg.png");height:97px; position:relative; text-align:center; margin-bottom:10px;}
.livingArts_btnArea.noBg{border:0px; background:none;height:97px; position:relative; text-align:center; margin-bottom:10px;}
.livingArts_btnArea a{ width:135px;height:47px; line-height:48px; font-weight:bold; margin-top:25px;margin-right:1px;}
.livingArts_btnArea a.login,
.livingArts_btnArea.member a{ width:107px;}
.livingArts_btnArea.pay a{ width:170px;}

.seatSelectList{margin:30px 25px 10px 25px}
.seatSelectList li { overflow:hidden;}
.seatSelectList li p { float:left; margin-right:4px;}
.seatSelectList li.total{ font-weight:bold; margin-top:10px;}

.saleWrap{margin:20px 25px 0 25px;}
.saleWrap p.newTopTitle{margin:20px 0px;color:#fff; font-weight:bold; background:#be216a;height:47px; text-align:center; line-height:47px;}

.saleSelectList{ line-height:180%;margin:25px 25px 5px 25px}

.payWrap{margin:20px 25px 0 25px;}


.reservationPay{ background:#ffffff;padding:25px;}
.reservationPay.livingArts{ padding-top:5px;}
.payTable{ overflow:hidden; position:relative;border-top:2px solid #000000;}
.payTable .tableArea{ float:left; display:table; width:322px;border-bottom:1px solid #d5d5d5;border-left:1px solid #d5d5d5;}
.payTable .tableArea:first-child{ border-left:0px;}
.payTable .tableArea ul.totalArea {display:table-row}
.payTable .tableArea ul.totalArea li{border-bottom:1px solid #d5d5d5;}
.payTable .tableArea ul li .tit{ display:block; float:left;}
.payTable .tableArea ul li .money{ display:block; float:right; font-weight:bold;}
.payTable .tableArea ul.totalArea li{display:table-cell;background:#f3f3f3; height:52px;vertical-align:middle;padding:0 15px;}
.payTable .tableArea ul.totalArea li .money{ display:block; float:right;color:#be216a; font-weight:bold;}
.payTable .tableArea .listArea{display:table-row}
.payTable .tableArea .listArea ul{display:table-cell;padding:20px 0;}
.payTable .tableArea .listArea ul li{ overflow:hidden; margin-bottom:16px;padding:0px 15px;}
.payTable .tableArea .listArea ul li:last-child{ margin-bottom:0;}
.payTable .totalPay{ position:absolute;right:0px;top:0px;width:215px;height:100%; background:#f89b1c;}
.payTable .totalPay p{ position:absolute;left:0px;top:50%;width:215px;height:50px; text-align:center;margin-top:-25px;}
.payTable .totalPay p span{ display:block; margin-bottom:12px;}
.payTable .totalPay p strong{ display:block; font-weight:bold; font-size:24px;}
.reservationAlert{ margin-top:20px;background:#fff url("../images_en/information/info_icon.png") no-repeat;padding:6px 0px 0px 50px}
.reservationAlert ul li{padding-left:10px; background:url("../images_en/information/bl_dot.png") no-repeat left 7px; line-height:20px; margin-bottom:4px;}
.allianceWrap{ background:#ffffff;padding:25px}
.allianceWrap .titleArea{ overflow:hidden; position:relative;height:51px;}
.allianceWrap .titleArea .title{ float:left; line-height:20px;;}
.allianceWrap .titleArea .title span,
.allianceWrap .titleArea .title strong{ display:block;}
.allianceWrap .titleArea a{ float:right;height:33px; line-height:33px; width:95px;}
.allianceWrap ul.store{border:1px solid #bbbbbb; overflow:hidden;background:url("../images_en/information/dot_line.png") repeat-x left 50%;}
.allianceWrap ul.store li{ float:left;width:33.3%; text-align:center;background:url("../images_en/reservation/dot_h.png") repeat-y right top}
.allianceWrap ul.store li:nth-child(3n){width:33.4%; background:none;}
.allianceWrap ul.store li .logo{margin-top:25px;height:93px}
.allianceWrap ul.store li .txt{margin-bottom:22px;}

.reservationArea .topTitleArea{ position:relative; margin:0 25px 27px 25px;}
.reservationArea .topTitleArea .subTitle{ font-size:14px;}
.reservationArea .topTitleArea .btn_print{ display:block; position:absolute;right:0px;top:0px; background:url("../images_en/information/print_icon.png") no-repeat;padding-left:26px;}

.tiketEndArea{ background:url("../images_en/reservation/tiket_bg.png") no-repeat; height:290px; margin-bottom:10px; text-align:center;}
.tiketEndArea .title{ padding-top:70px; font-size:20px; font-weight:bold;}
.tiketEndArea .txt{ margin:15px 0 30px 0; line-height:20px;}


@media only screen and (max-width: 909px) {

}