@charset "utf-8";
/*infomationList*/
.infomationList{background:#ffffff;}
.infomationList > li{position:relative;padding:25px 25px 25px 175px;min-height:167px;}
.infomationList > li:nth-child(even){ background:#f4f4f4;}
.infomationList > li .sImg{ position:absolute;left:25px;top:25px;}
.infomationList > li .sImg img{width:120px; max-height:167px;}
.infomationList > li > .con{width:535px}
.infomationList > li .con .title{color:#000000; font-size:16px; font-weight:bold; margin-bottom:17px;}
.infomationList > li .con ul li{ position:relative;padding-left:78px; margin-bottom:7px; line-height:18px;}
.infomationList > li .con ul li .tit{ position:absolute;left:0;top:0; font-weight:bold;}
.infomationList > li .con ul li .con{}
.infomationList > li .btnArea{ position:absolute;right:30px;top:50%;margin-top:-36px;}
.infomationList > li .btnArea a{ display:inline-block;padding:60px 0px 0 0px;height:14px;width:71px; text-align:center;float:none}
.infomationList > li .btnArea a.btn_tiket{ background:url("../images/information/btn_tiket.png") no-repeat center top;}
.infomationList > li .btnArea a.btn_moreInfo{ background:url("../images/information/btn_moreView.png") no-repeat center top;}
.infomationList > li .btnArea a.btn_soldOut{ background:url("../images/information/btn_soldOut.png") no-repeat center top; cursor: default;}
.infomationList > li .btnArea a.btn_sin{ background:url("../images/livingart/icon_sin.png") no-repeat center top;}
.infomationList > li .btnArea a.btn_sin_end{ background:url("../images/livingart/icon_sin_end.png") no-repeat center top;}

/* infomationView */
.infomationView{ overflow:hidden;}
.infomationView .posterArea{ float:left;width:312px; margin-right:10px;margin-bottom:10px;}
.infomationView .posterArea .poster img {width:312px;}
.infomationView .posterArea .btn_reg{ display:block;height:60px;background:#f89b1c url("../images/information/btn_reg.png") no-repeat center center;padding-left:25px; text-align:center;font-size:16px; font-weight:bold; line-height:60px; margin-bottom:10px;}
.infomationView .posterArea .btn_sin{ display:block;height:60px;background:#f89b1c url("../images/information/btn_sin.png") no-repeat center center;padding-left:38px; text-align:center;font-size:16px; font-weight:bold; line-height:62px; margin-bottom:10px;}
.infomationView .posterArea .btnArea{background:url("../images/information/poster_bg.png"); height:30px;padding-top:17px}
.infomationView .posterArea .btnArea a {margin: 0 30px;}
.infomationView .posterArea .btnArea .btn_map{ display:block; float:left;height:13px;background:url("../images/information/icon_map.png") no-repeat left center;padding-left:29px; padding-top:1px; color:#fff;}
.infomationView .posterArea .btnArea .btn_list{ display:block;float:left;height:13px;background:url("../images/information/icon_list.png") no-repeat left center;padding-left:29px; padding-top:1px; color:#fff}
.infomationView .posterArea .btnArea.center{ text-align:center;}
.infomationView .posterArea .btnArea.center a{ display:inline-block;*display:inline;zoon:1; float:none;}
.infomationView .rightContent{ float:left;width:528px; background:#fff;padding:30px 30px 10px 30px; margin-bottom:10px;min-height:511px}
.infomationView .rightContent .subTitle{ font-size:24px; font-weight:bold; height:44px; background:url("../images/information/bottom_line.png") no-repeat left bottom;}
.infomationView .rightContent .topTxt{ background:url("../images/information/bottom_line.png") no-repeat left bottom; line-height:20px;padding:16px 0; margin-bottom:30px;}
.infomationView .rightContent .infomationTxt li{ line-height:18px; position:relative;padding-left:105px; margin-bottom:10px;}
.infomationView .rightContent .infomationTxt li .tit{ position:absolute;left:0;top:0; font-weight:bold;padding-left:10px; background:url("../images/information/bl_dot.png") no-repeat left 7px;}
.infomationView .rightContent .infomationTxt li .con{}
.infomationView .rightContent .infomationTxt li .bold{ font-weight:bold;}
.infomationView .rightContent .infomationTxt li .underline{text-decoration:underline}
.infomationView .infomationAlert{ clear:both;background:#fff url("../images/information/info_icon.png") no-repeat 25px 20px;margin-bottom:10px;padding:20px 30px 18px 76px}
.infomationView .infomationAlert p.title{ margin-bottom:8px; font-weight:bold;}
.infomationView .infomationAlert .con{margin:0 0px 20px 0px; line-height:20px;}

.infomationView .infomationTabArea{ overflow:hidden; clear:both;}
.infomationView .infomationTabArea .leftArea{}
.infomationView .infomationTabArea .tabArea{ background:#666666; height:47px; position:relative;}
.infomationView .infomationTabArea .tabArea ul li{ float:left;width:25%;height:47px;}
.infomationView .infomationTabArea .tabArea.harf li{ float:left;width:50%;height:47px;}
.infomationView .infomationTabArea .tabArea ul.tabLength1 li{width:100%;}
.infomationView .infomationTabArea .tabArea ul.tabLength2 li{width:50%;}
.infomationView .infomationTabArea .tabArea ul.tabLength3 li{width:33.3%;}
.infomationView .infomationTabArea .tabArea ul.tabLength4 li{width:25%;}
.infomationView .infomationTabArea .tabArea li a{ display:block;height:47px; text-align:center;color:#fff; line-height:47px; background:url("../images_en/information/tab_blank.png") no-repeat right center;}
.infomationView .infomationTabArea .tabArea li:last-child a{ background:none;}
.infomationView .infomationTabArea .tabArea li.on a{ background:#be216a;margin-left:-1px;border-right:1px solid #be216a}
.infomationView .infomationTabArea .tabArea a.btn_prev{ display:none;}
.infomationView .infomationTabArea .tabArea a.btn_next{ display:none;}
.infomationView .infomationTabArea .tabContents {display:none; }
.infomationView .infomationTabArea .viewInfo{ position:relative; margin-bottom:10px;}
.infomationView .infomationTabArea .viewInfo .img img{ width:100%;}
.infomationView .infomationTabArea .viewInfo .txtArea{ position:relative; background:#fff;padding:30px 25px 30px 25px; overflow:hidden;}
.infomationView .infomationTabArea .viewInfo .txtArea em {font-style:italic;}
.infomationView .infomationTabArea .viewInfo .txtArea > .title{ font-weight:bold; margin-bottom:12px;}
.infomationView .infomationTabArea .viewInfo .txtArea > .title.big{ font-size:16px;}
.infomationView .infomationTabArea .viewInfo .txtArea > .txt{ margin:0px 0 0px 0; line-height:20px;}

.infomationView .infomationTabArea .viewInfo .txtArea > .harfCon{ overflow:hidden;}
.infomationView .infomationTabArea .viewInfo .txtArea > .harfCon li{ float:left; width:50%;}
.infomationView .infomationTabArea .viewInfo .txtArea > .harfCon .title{ font-weight:bold;}
.infomationView .infomationTabArea .viewInfo .txtArea > .harfCon .title.big{ font-size:16px;}
.infomationView .infomationTabArea .viewInfo .txtArea > .harfCon .txt{ margin:12px 0 0px 0; line-height:20px;}
.infomationView .infomationTabArea .viewInfo .coupon{ overflow:hidden;width:100%; margin-top:18px;}
.infomationView .infomationTabArea .viewInfo .coupon a{ display:block; float:left;}
.infomationView .infomationTabArea .viewInfo .coupon a:first-child{border-right:1px solid #fff}
.infomationView .infomationTabArea .viewInfo .tableCon{ margin-top:18px; overflow:hidden;}
.infomationView .infomationTabArea .viewInfo .tableCon ul{ overflow:hidden;}
.infomationView .infomationTabArea .viewInfo .tableCon ul:last-child{border-bottom:1px solid #dfdfdf}
.infomationView .infomationTabArea .viewInfo .tableCon ul li{ float:left;width:49.9%}
.infomationView .infomationTabArea .viewInfo .tableCon ul li .title{ line-height:45px; height:45px; text-align:center; border-right:1px solid #fff; background:#d9d9d9;}
.infomationView .infomationTabArea .viewInfo .tableCon ul li .con{ line-height:20px; text-align:center; border-right:1px solid #dfdfdf; position:relative;padding:17px 0}
.infomationView .infomationTabArea .viewInfo .tableCon ul li .con .middle{width:100%; text-align:center;}
.infomationView .infomationTabArea .viewInfo .tableCon ul li:last-child .con{ border-right:0}
.infomationView .infomationTabArea .viewInfo .iconTxt{ overflow:hidden; min-height:40px; line-height:140%;}
.infomationView .infomationTabArea .viewInfo .tag .iconTxt{ padding-left:146px;}

.infomationView .infomationTabArea .viewInfo .tagArea{ background:#7d6f5e;padding:17px 20px 11px 93px; position:relative;}
.infomationView .infomationTabArea .viewInfo .tagArea li.title{ position:absolute;left:20px;top:17px; background:url("../images/information/tag_icon.png") no-repeat;padding:0 10px 0 28px;border-right:1px solid #fff;color:#fff; font-weight:bold;}
.infomationView .infomationTabArea .viewInfo .tagArea li.con{color:#fff; line-height:20px; margin-top:-3px;}
.infomationView .infomationTabArea .viewInfo .tagArea li.con a{color:#fff;}
.infomationView .infomationTabArea .viewInfo .imgGallery{ background:#ffffff;padding-bottom:25px;}
.infomationView .infomationTabArea .viewInfo .imgGallery .bigArea{ margin-bottom:25px;}
.infomationView .infomationTabArea .viewInfo .imgGallery .bigArea img{ width:100%;}
.infomationView .infomationTabArea .viewInfo .imgGallery ul{ overflow:hidden;margin:0 20px;}
.infomationView .infomationTabArea .viewInfo .imgGallery ul li{ float:left;}
.infomationView .infomationTabArea .viewInfo .imgGallery ul li a{ display:block;position:relative;margin:5px;}
.infomationView .infomationTabArea .viewInfo .imgGallery ul li a img{ width:276px; height:156px;}
.infomationView .infomationTabArea .viewInfo .imgGallery ul li a span{ display:block; position:absolute;z-index:10; background:url("../images/information/img_bg.png"); width:276px; height:156px; left:0;top:0;}
.infomationView .infomationTabArea .viewInfo .imgGallery ul li a strong.movie{ display:block; position:absolute;z-index:11; background:url("../images/information/movie_icon.png"); width:35px; height:35px; left:50%;top:50%;margin:-17px 0 0 -17px;}
.infomationView .infomationTabArea .viewInfo .imgGallery ul li a:hover span,
.infomationView .infomationTabArea .viewInfo .imgGallery ul li a:focus span,
.infomationView .infomationTabArea .viewInfo .imgGallery ul li.on a span{ background:none;border:4px solid #f89b1c;width:268px; height:148px;}
.viewBottomArea{clear:both;border:1px solid #4b4030; background:url("../images/information/list_bg.png");height:73px; position:relative; text-align:center;}
.viewBottomArea a{ display:inline-block;*display:inline;zoom:1;height:73px; overflow:hidden; text-indent:-999px;}
.viewBottomArea a.btn_prev{ display:block; position:absolute;left:0;top:0;width:60px; background:url("../images/information/view_prev.png") no-repeat center center;}
.viewBottomArea a.btn_list{ width:47px; background:url("../images/information/btn_list.png") no-repeat center center;}
.viewBottomArea a.btn_print{ width:47px; background:url("../images/mypage/btn_print.png") no-repeat center center;}
.viewBottomArea a.btn_next{ display:block; position:absolute;right:0;top:0;width:60px; background:url("../images/information/view_next.png") no-repeat center center;}

.infomationView .infomationTabArea .btn_download{ display:block;height:47px;background:#7d6f5e url("../images/information/btn_down.png") no-repeat 28px center;padding-left:58px; line-height:48px; margin-bottom:30px;color:#fff;}
.infomationView .infomationTabArea .dotLineList{ margin-bottom:30px;}
.infomationView .infomationTabArea .dotLineList .title{color:#006a84; font-weight:bold;}
.infomationView .infomationTabArea .dotLineList ul li{ background:url("../images/information/dot_line.png") repeat-x left bottom;padding:15px 0;}
.infomationView .infomationTabArea .dotLineList ul li .tit{ display:block; font-weight:bold;}
.infomationView .infomationTabArea .dotLineList ul li .con{ display:block; line-height:18px; margin:8px 0;}
.infomationView .infomationTabArea .dotLineList ul li .nameDate{ color:#555555;height:12px;}
.infomationView .infomationTabArea .dotLineList ul li .nameDate span{display:block; float:left; padding-top:1px;}
.infomationView .infomationTabArea .dotLineList ul li .nameDate .name{ border-right:1px solid #d3d3d3;padding:1px 10px 0 0; margin-right:10px;}
.infomationView .infomationTabArea .press{ margin-bottom:30px;}
.infomationView .infomationTabArea .press > .title{color:#006a84; font-weight:bold; margin-bottom:15px;}
.infomationView .infomationTabArea .press a{ display:block; position:relative; line-height:20px;}
.infomationView .infomationTabArea .press a span{ display:block; float:left;}
.infomationView .infomationTabArea .press a.imgType span.img{width:75px;height:70px;}
.infomationView .infomationTabArea .press a.imgType span.img img{width:61px;}
.infomationView .infomationTabArea .press a.imgType span.title{width:120px; height:70px;font-weight:bold; margin-top:-3px;}
.infomationView .infomationTabArea .press a.imgType span.con{float:none;clear:both;width:100%;}

.infomationView .infomationTabArea .dotList{}
.infomationView .infomationTabArea .dotList .title{color:#006a84; font-weight:bold; margin-bottom:11px;}
.infomationView .infomationTabArea .dotList ul li{padding-left:9px; background:url("../images/information/bl_dot.png") no-repeat left center; letter-spacing:-1px; line-height:22px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

/* yearScheduleArea */
.yearScheduleArea{ background:#ffffff;padding:30px 25px}
.yearSelect{ overflow:hidden; margin-bottom:23px;margin-top:-8px;}
.yearSelect .year{ position:relative; text-align:center;height:36px; font-family:"HelveticaNeue"; font-size:30px;color:#000; font-weight:bold; width:150px;margin:0 auto;line-height:36px;}
.yearSelect .year a.btn_prev{ display:block; position:absolute;left:0;top:0;width:11px;height:36px; background:url("../images/information/scheduleArr.png") no-repeat left top; overflow:hidden; text-indent:-999px;}
.yearSelect .year a.btn_prev:hover,
.yearSelect .year a.btn_prev:focus{ background-position:0 bottom;}
.yearSelect .year a.btn_next{ display:block; position:absolute;right:0;top:0;width:11px;height:36px; background:url("../images/information/scheduleArr.png") no-repeat right top;overflow:hidden; text-indent:-999px;}
.yearSelect .year a.btn_next:hover,
.yearSelect .year a.btn_next:focus{ background-position:right bottom;}

.yearScheduleTable ul{ overflow:hidden; background:url("../images/information/dot_line_write.png") repeat-x left bottom;}
.yearScheduleTable ul li{ float:left;vertical-align:middle; text-align:center;}
.yearScheduleTable .titleArea{height:45px; background:#368202;color:#fff; font-weight:bold;}
.yearScheduleTable .titleArea li{line-height:45px;}
.yearScheduleTable .titleArea li:nth-child(1){width:80px;}
.yearScheduleTable .titleArea li:nth-child(2){width:130px;}
.yearScheduleTable .titleArea li:nth-child(3){width:430px;}
.yearScheduleTable .titleArea li:nth-child(4){width:220px;}
.yearScheduleTable .conArea{background:#f3f3f3 url("../images/information/dot_line_write.png") repeat-x left bottom;padding:12px 0}
.yearScheduleTable .conArea:nth-child(2n){background:#ffffff url("../images/information/dot_line_write.png") repeat-x left bottom;padding:12px 0}
.yearScheduleTable .conArea li{line-height:28px; float:left;}
.yearScheduleTable .conArea li.month{width:80px; font-weight:bold;}
.yearScheduleTable .conArea li.schedule{width:780px;}
.yearScheduleTable .conArea li.schedule div.list{ overflow:hidden;}
.yearScheduleTable .conArea li.schedule div.list p{ float:left;}
.yearScheduleTable .conArea li.schedule div.list p.date{ width:130px;}
.yearScheduleTable .conArea li.schedule div.list p.title{ width:430px; text-align:left; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.yearScheduleTable .conArea li.schedule div.list p.kind{ width:220px;}


.monthScheduleArea{background:#ffffff;padding:30px 25px}
.monthScheduleArea .yearSelect{margin:0 0 30px 0;position:relative;overflow:visible;}
.monthScheduleArea .yearSelect .year{float:none; display:inline-block;*display:inline;zoom:1; width:auto;}
.monthScheduleArea .yearSelect .rightInfo{ position:absolute;right:0;top:12px;}
.monthScheduleArea .yearSelect .rightInfo p{ margin-right:20px; float:left; line-height: 12px;}
.monthScheduleArea .redIcon{ display:block; background:url("../images/information/month_icon_01.png") no-repeat left 2px;padding-left:19px; line-height:14px;letter-spacing:-1px}
.monthScheduleArea .blueIcon{display:block; background:url("../images/information/month_icon_02.png") no-repeat left 2px;padding-left:19px; line-height:14px;letter-spacing:-1px}
.monthScheduleArea span.thIcon { width:10px;height:10px;margin-right:8px;display: inline-block;float:left;margin-top:1px; }
.monthScheduleArea span.blueIcon { float:left; padding-left:15px; }
.monthScheduleTable{ position:relative;}
.monthScheduleTable .titleArea li{ float:left; width:118px; text-align:center; background:#666666; height:36px; line-height:36px; margin:0 5px 5px 0; color:#ffffff;}
.monthScheduleTable .titleArea li:last-child{ margin-right:0;width:122px}
.monthScheduleTable .conArea li{ float:left; width:98px;height:117px; background:#f4f4f4; margin:0 5px 5px 0;padding:10px;}
.monthScheduleTable .conArea li.active{border:1px solid #d6d6d6;width:98px;height:117px; background:#fff; margin:0 5px 5px 0;padding:9px;}
.monthScheduleTable .conArea li.blank{ background:none;border:0 !important;padding:0 !important;width:118px !important;}
.monthScheduleTable .conArea li:hover,
.monthScheduleTable .conArea li.on{border:2px solid #f89b1c;width:98px;height:117px; background:#fff; margin:0 5px 5px 0;padding:8px;}
.monthScheduleTable .conArea li:nth-child(7n){ margin-right:0; width:102px !important;}
.monthScheduleTable .conArea li .number{ text-align:right; height:24px;}
.monthScheduleTable .conArea li a{ margin-bottom:5px;}
.monthScheduleTable .infoPopupWrap{ position:absolute; background:#ffffff;width:362px;border:1px solid #000;box-shadow:1px 1px 8px rgba(0,0,0,0.5); display:none; height:269px;}
.monthScheduleTable .infoPopupWrap .titleArea{ height:45px; background:#333333; position:relative;}
.monthScheduleTable .infoPopupWrap .titleArea .title{ line-height:46px; font-weight:bold;padding-left:15px; color:#fff;}
.monthScheduleTable .infoPopupWrap .titleArea .btn_close,
.monthScheduleTable .infoPopupWrap .titleArea .btn_close_win{ display:block; position:absolute;right:15px;top:50%;margin-top:-7px; background:url("../images/common/btn_close.png") no-repeat; width:15px; height:15px; overflow:hidden; text-indent:-999px;}
.monthScheduleTable .infoPopupWrap .infoContentArea{padding:15px; overflow:hidden;}
.monthScheduleTable .infoPopupWrap .infoContentArea .posterArea{ float:left; margin-right:15px;}
.monthScheduleTable .infoPopupWrap .infoContentArea .posterArea img{ width:79px;}
.monthScheduleTable .infoPopupWrap .infoContentArea .infomationTxt{ float:left; width:235px; margin-top:3px;}
.monthScheduleTable .infoPopupWrap .infoContentArea .infomationTxt .title{ font-weight:bold; margin-bottom:10px;}
.monthScheduleTable .infoPopupWrap .infoContentArea .infomationTxt ul { margin-bottom:13px;min-height:110px}
.monthScheduleTable .infoPopupWrap .infoContentArea .infomationTxt ul li{padding-left:9px; background:url("../images/information/bar_txt.png") no-repeat left 8px; line-height:18px;}
.monthScheduleTable .infoPopupWrap .infoContentArea .infomationTxt .btnArea{ margin-bottom:10px; overflow:hidden;}
.monthScheduleTable .infoPopupWrap .infoContentArea .infomationTxt .btnArea a{ display:block; float:left; margin-right:1px;min-width:75px;}



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

}