@charset "utf-8";
.outList{ overflow:hidden;}
.outList li{ float:left; width:410px; margin-bottom:10px;}
.outList li.etc{ float:left; width:820px;}
.outList li.etc input[type=text]{ margin-left:5px;}

#joinForm .alertIcon {
    position: static;
    padding: 20px 0 20px 40px;
    background-position: 0px 20px;
}

#joinForm .alertIcon a {
    display: inline-block;
    vertical-align: middle;
}
.mypageBoxArea{padding:25px 25px 30px 25px; background:#ffffff; margin-bottom:10px;}
.mypageBoxArea.normal{padding:30px 25px 30px 25px;}
.alertIcon{background:#fff url("../images/information/info_icon.png") no-repeat left 3px;padding:0px 0px 25px 46px; line-height:20px; margin-top:-3px; position:relative;word-break: keep-all;}
.alertIcon .rightBtn{ position:absolute;right:0px;top:0px;}
.alertIcon.center{background:#fff url("../images/information/info_icon.png") no-repeat left 0px;padding:6px 0px 25px 46px; line-height:20px; margin-top:0px;}
.alertIcon strong.title{ display:block; margin-bottom:5px;}
.alertIcon ul.dotbl{ margin-top:10px;}
.alertIcon ul.dotbl li{padding-left:10px; background:url("../images/information/bl_dot.png") no-repeat left 7px; line-height:20px; margin-bottom:15px;}
.alertIcon ul.dotbl li:last-child{margin-bottom:0px;}

.dateSearchBox{padding:30px 25px; background:#ffffff; overflow:hidden; margin-bottom:10px;}
.dateSearchBox li{ float:left; line-height:32px;}
.dateSearchBox li.input{ float:right}
.dateSearchBox li.input *{vertical-align:top}
.dateSearchBox li.input span{ display:inline-block;*display:inline;zoom:1;}
.dateSearchBox li.input span.inputBox{border:1px solid #bbbbbb;height:30px;}
.dateSearchBox li.input span.inputBox input{ float:left;border:0px;height:30px; line-height:30px;width:162px;padding:0 10px;}
.dateSearchBox li.input span.inputBox a{ display:block; float:left;height:23px;width:26px;padding-top:7px;}
.dateSearchBox li.input span.inputBox a img{ width:16px}
.dateSearchBox li.input a{ width:70px; margin-left:6px;}
.dotTxtTitle{padding-left:10px; background:url("../images/information/bl_dot.png") no-repeat left 4px;margin:30px 0 18px 0; position:relative;}
.dotTxtTitle a.btn_more{ position:absolute;right:0px;top:0px;display:block;background:url("../images/mypage/btn_more.png") no-repeat right 2px;padding-right:13px;}

.listTableType2.resevationList .titleArea .date{ width:150px;}
.listTableType2.resevationList .titleArea .number{ width:100px;}
.listTableType2.resevationList .titleArea .program{ width:310px;}
.listTableType2.resevationList .titleArea .many{ width:100px;}
.listTableType2.resevationList .titleArea .pay{ width:100px;}
.listTableType2.resevationList .titleArea .stat{ width:100px;}


.listTableType2.totalTable .titleArea .cancelMoney{ width:190px;}
.listTableType2.totalTable .titleArea .recalMoney{ width:190px;}


.reservationCancel{ position:relative; margin-top:17px;}
.reservationCancel .btnText{ position:absolute;right:0px;top:3px; z-index: 2;}

.listTypeLine{ border-top:2px solid #000000;}
.listTypeLine > .tr{border-bottom:1px solid #d5d5d5;height:50px; position:relative;}
.listTypeLine > .tr.total{ background:#f4f4f4;}
.listTypeLine > .tr > li{ float:left;}
.listTypeLine > .tr > .th{border-left:1px solid #d5d5d5; background:#f4f4f4; line-height:50px; height:50px; text-align:center; font-weight:bold;}
.listTypeLine > .tr > .td{padding:15px 0;line-height:20px; text-align:center;border-left:1px solid #d5d5d5;}
.listTypeLine > .tr > li:first-child{ border-left:0;}
.listTypeLine.cancelInfoTable .gubun{ width:269px;}
.listTypeLine.cancelInfoTable .money{ width:215px;}
.listTypeLine.cancelInfoTable .etc{ width:374px;}
.listTypeLine.cancelInfoTable li.etcAera{ position:absolute;right:0px;top:0px; background:#ffffff; width:374px;height:203px;z-index:10;padding:0px;}
.listTypeLine.cancelInfoTable li.etcAera ul{ margin:65px 0 0 20px;}
.listTypeLine.cancelInfoTable li.etcAera ul li{padding-left:9px; background:url("../images/information/bl_dot.png") no-repeat left center; line-height:22px; text-align:left;}
.tableBottomTxt{ background:#f4f4f4;padding:20px 15px; border-bottom:1px solid #d5d5d5}
.listTypeLine.totalTable .gubun{ width:269px;}
.listTypeLine.totalTable .money{ width:215px;}
.listTypeLine.totalTable .etc{ width:374px;}

.listTableType2.boardAdminList .titleArea .gubun{ width:150px;}
.listTableType2.boardAdminList .titleArea .date{ width:100px;}
.listTableType2.boardAdminList .titleArea .hit{ width:70px;}
.listTableType2.boardAdminList .conArea li{height:22px;}
.listTableType2.boardAdminList .conArea .title{padding:14px 0}
.mypageBoxArea .listTableType2.mypageqnaList .titleArea .no{ width:73px;}
.mypageBoxArea .listTableType2.mypageqnaList .titleArea .kind{ width:140px;}
.mypageBoxArea .listTableType2.mypageqnaList .titleArea .date{ width:140px;}

.listTableType2.pointList .titleArea .no{ width:75px;}
.listTableType2.pointList .titleArea .kind{ width:95px;}
.listTableType2.pointList .titleArea .date{ width:120px;}
.listTableType2.pointList .titleArea .point{ width:100px;}

.couponSearchArea{background:#368202;padding:25px; text-align:center; margin-bottom:30px;}
.couponSearchArea *{vertical-align:top;}
.couponSearchArea .title{ display:inline-block;*display:inline;zoom:1; line-height:32px;font-size:12px; font-weight:bold;color:#fff}
.couponSearchArea input{border:1px solid #000; margin-left:16px; width:330px;}
.couponSearchArea a{height:32px; line-height:34px; margin-left:1px; width:70px;}

.listTableType2.couponList .titleArea .no{width: 200px;}
.listTableType2.couponList .titleArea .useDate{width: 135px;}
.listTableType2.couponList .titleArea .availableDate {width: 95px;}
.listTableType2.couponList .titleArea .date{width: 95px;}
.listTableType2.couponList .titleArea .stat{width: 75px;}

.mypageTopArea{ background:#ffffff;padding:30px 25px; margin-bottom:10px;}
.mypageTopArea .writeTable table{width:auto;}
.mypageTopArea .writeTable td.memberInfo{ font-size:14px; font-weight:bold;padding:0 15px;height:50px;letter-spacing:0px;}
.mypageTopArea .writeTable td.stat{ padding:0 15px 0 31px;height:50px;letter-spacing:0px; background:url("../images/mypage/red_arr.png") no-repeat 15px center;}
.mypageTopArea .writeTable th.title{ width:215px;}
.mypageTopArea .writeTable td.point{width:214px;padding:20px 0px; text-align:center; line-height:20px;}
.mypageTopArea .writeTable td.point *{vertical-align:top}
.mypageTopArea .writeTable td.con{padding:20px 15px; width:400px; line-height:20px;}
.mypageTopArea .writeTable td.col{padding:15px 20px; width:604px; line-height:20px;}
.mypageTopArea .writeTable td.col *{vertical-align:top}
.mypageTopArea .writeTable td.col .posr{ position:relative;}
.mypageTopArea .writeTable td.col .posr .btnText{ position:absolute;right:0px;top:50%;margin-top:-16px;}
.mypageTopArea .writeTable td.con a.btnText {min-width:132px;}
.mypageTopArea .writeTable td.con p.mt10 {font-size:0;}
.mypageTopArea .writeTable td.con p.mt10 a {display:inline-block;font-size:12px;box-sizing: border-box;margin-right: 5px;margin-bottom: 5px;}

.mypageSubmain_reservation .titleArea .date{ width:150px;}
.mypageSubmain_reservation .titleArea .number{ width:100px;}
.mypageSubmain_reservation .titleArea .tiket{ width:100px;}
.mypageSubmain_reservation .titleArea .money{ width:100px;}
.mypageSubmain_reservation .titleArea .stat{ width:100px;}

.mypageCouponBox{ background:#368202 url("../images/mypage/coupon_icon.png") no-repeat;padding:0 0 0 100px; height:92px; position:relative;color:#fff; margin-top:30px;}
.mypageCouponBox strong{ display:block; padding:28px 0  10px 0;}
.mypageCouponBox .btnText{ position:absolute;right:30px;top:31px;}

.mypageSubmain_qna .titleArea .kind{ width:150px;}
.mypageSubmain_qna .titleArea .date{ width:150px;}

.mypageSubmain_board .titleArea .kind{ width:150px;}
.mypageSubmain_board .titleArea .date{ width:100px;}
.mypageSubmain_board .titleArea .hit{ width:70px;}

.mypageSubmainBottom{ background:#ffffff; position:relative; overflow:hidden;}
.mypageSubmainBottom .con{ float:left;width:405px;padding:30px 25px;}
.mypageSubmainBottom .con.bg{ background:#f4f4f4;}
.mypageSubmainBottom .con .title{ font-weight:bold; margin-bottom:15px;}
.mypageSubmainBottom .con ul{ margin-bottom:15px;}
.mypageSubmainBottom .con ul li{ line-height:20px;padding-left:9px; background:url("../images/information/bl_dot.png") no-repeat left 8px;}
.mypageSubmainBottom .con .black{color:#f89b1c; background:#000;}

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



}