@charset "utf-8";


body {
	position: relative;
	background: #000000;
	overflow-x: hidden;
}
.BG02 {
	background: none !important;
}
.mainVisual {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -720px;
	width: 1439px;
	height: 745px;
}
.page {
	position: relative;
}


/* fadeInArea（メインビジュアルにかぶるエリア） */
.fadeInArea {
	padding-top: 20px;
	position: relative;
	width: 960px;
	margin-bottom: 20px;
}
.fadeInArea h3.areaTitle {
	margin-bottom: 22px;
}
.fadeInArea .reservationArea {
	position: relative;
	width: 175px;
	text-align: center;
	margin-left: 5px;
}
.fadeInArea .reservationArea .reservationType {
	padding: 25px 0 10px;
	background: url(/src/imgs/home/bg-reservation-01.png);
}
.fadeInArea .reservationArea .reservationType .rTypeTitle {
	margin-bottom: 11px;
}
.fadeInArea .reservationArea .reservationType .scheduleLink {
	width: 138px;
	height: 58px;
	margin: 0 auto 12px;
}

.scheduleLink2 {
	width: 138px;
	height: 38px;
	margin: 0 auto 19px;
}

.fadeInArea .reservationArea .btArea {
	padding: 15px 0 12px;
	background: url(/src/imgs/home/bg-reservation-02.png);
}
.fadeInArea .reservationArea .btArea .btFirst {
	margin-bottom: 7px;
}
.fadeInArea .tonightArea {
	position: relative;
	width: 175px;
}
.fadeInArea .tonightArea .tonightAreaInner {
	background: url(/src/imgs/home/bg-tonight-01.png);
	padding-top: 25px;
}
.fadeInArea .tonightArea .tonightAreaInner .inner {
	height: 229px;
}
.fadeInArea .tonightArea .pic {
	text-align: center;
	margin-bottom: 12px;
}
.fadeInArea .tonightArea .pic img {
	border: 5px solid #122a3d;
}
.fadeInArea .tonightArea .text {
	padding: 0 20px;
	height: 75px;
	overflow: hidden;
}
.fadeInArea .tonightArea .hasTonight a {
	display: block;
	color: #ffffff;
}
.fadeInArea .tonightArea .hasTonight .text {
	line-height: 1.33;
}
.fadeInArea .tonightArea .private,
.fadeInArea .tonightArea .closed {
	display: none;
}
.fadeInArea .tonightArea .private .text,
.fadeInArea .tonightArea .closed .text {
	font-size: 14px;
	line-height: 1.4;
	color: #ffffff;
	text-align: center;
}
.fadeInArea .tonightArea .scheduleLinkWrapper {
	padding: 15px 0 12px;
	background: url(/src/imgs/home/bg-tonight-02.png);
}
.fadeInArea .tonightArea .scheduleLinkWrapper .scheduleLink {
	width: 138px;
	height: 28px;
	margin: 0 auto;
}
.fadeInArea .reservationArea,
.fadeInArea .tonightArea {
	min-height: 350px;
}
.fadeInArea .reservationArea .conte,
.fadeInArea .tonightArea .conte {
	visibility: hidden;
}
.fadeInArea .reservationArea .cover,
.fadeInArea .tonightArea .cover {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
}
.fadeInArea .reservationArea .cover {
	background: #21232b;
	top: 0;
}
.fadeInArea .tonightArea .cover {
	background: #454f57;
	bottom: 0;
}
.fadeInArea .mainVisualSwitch {
	position: absolute;
	left: 0;
	bottom: 0;
}
.fadeInArea .mainVisualSwitch li {
	float: left;
	margin-right: 10px;
}
.fadeInArea .mainVisualSwitch li a {
	display: block;
	width: 30px;
	height: 5px;
	background: url(/src/imgs/home/bt-switch.png);
}
.fadeInArea .mainVisualSwitch li a.on,
.fadeInArea .mainVisualSwitch li a:hover {
	background: #ffd500;
}

/* alertArea（TOPに表示チェックを入れたinfo）*/
.alertArea {
	margin-bottom: 20px;
}
.alertArea .row {
	background: url(/src/imgs/home/bg-alert.png);
	font-size: 11px;
	font-weight: bold;
}
.alertArea .row + .row {
	margin-top: 5px;
}
.alertArea .row th {
	width: 100px;
}
.alertArea .important th {
	background: #97111d;
}
.alertArea .campaign th {
	background: #11978e;
}
.alertArea .row td {
	padding: 12px 15px;
}
.alertArea .row td a {
	display: block;
}
.alertArea .important td a {
	color: #97111d;
}
.alertArea .campaign td a {
	color: #11978e;
}


/* ------------------------------
mainColumn
------------------------------ */
.mainColumn {
	width: 600px;
}

/* topicsArea */
.mainColumn .topicsArea {
	background: url(/src/imgs/home/bg-topics.png);
	border: 1px solid #666666;
	padding: 25px 29px 29px;
	margin-bottom: 5px;
}
.mainColumn .topicsArea .pic {
	width: 240px;
}
.mainColumn .topicsArea .fr {
	width: 280px;
}
.mainColumn .topicsArea .text {
	display: block;
	color: #ffffff;
	margin-bottom: 40px;
}
.mainColumn .topicsArea .text .cf_text_shoulder {
	font-weight: bold;
	margin-bottom: 3px;
}
.mainColumn .topicsArea .text .entryTitle {
	font-size: 22px;
	font-weight: bold;
}

/* upcomingArea */
.mainColumn .upcomingArea {
	background: #ffffff;
	padding: 25px 30px 22px;
	margin-bottom: 5px;
}

#upcomingData {
	height: 0;
	overflow: hidden;
}
#upcomingShowImageArea {
	position: relative;
	width: 540px;
	height: 313px;
}
#upcomingShowImageArea .tonight {
	position: absolute;
	top: -5px;
	left: -5px;
	width: 91px;
	height: 0px;
	overflow: hidden;
}
#upcomingShowImageArea .img {
	height: 100%;
	background: #b6bcce;
}
#upcomingShowImageArea .img a {
	position: relative;
	display: block;
	padding: 9px;
}
#upcomingShowImageArea .img a img {
	position: absolute;
	left: 9px;
	top: 9px;
	border: 1px solid #ffffff;
}
#upcomingBox .desc {
	background: #0e215d;
	padding: 18px 18px 25px;
}
#upcomingBox .fl {
	width: 360px;
}
#upcomingBox .fl a {
	color: #ffffff;
}
#upcomingBox .fl .dateAndGenre {
	margin-bottom: 5px;
}
#upcomingBox .fl .cf_date {
	padding-right: 8px;
}
#upcomingBox .fl .nameBlock {
	height: 90px;
	overflow: hidden;
}
#upcomingBox .fl .entryTitle {
  font-size: 16px;
	font-weight: bold;
	margin-bottom: 2px;
	line-height: 24px;
	max-height: 48px;
	overflow: hidden;
}
#upcomingBox .fl .cf_subtitle {
  font-size: 14px;
	line-height: 21px;
	max-height: 42px;
	overflow: hidden;
}
#upcomingBox .fr {
	width: 123px;
}
#upcomingBox .lowerArea {
	margin-top: 16px;
	position: relative;
}
#upcomingBox .lowerArea .btBack,
#upcomingBox .lowerArea .btNext {
	padding-top: 10px;
	width: 35px;
}
#upcomingBox .lowerArea .btBack {
	float: left;
	margin-right: 12px;
}
#upcomingBox .lowerArea .btNext {
	float: right;
}
#upcomingBox .lowerArea .moveAreaWrapper {
	float: left;
	width: 446px;
	height: 55px;
	position: relative;
	overflow: hidden;
}
#upcomingBox .lowerArea .moveArea {
	position: absolute;
	left: 0;
	top: 0;
	width: 9999px;
}
#upcomingBox .lowerArea .moveArea a {
	display: block;
	float: left;
	margin-right: 4px;
	padding: 7px 3px 3px;
	background: url(/src/imgs/home/bg-current-cover.gif);
}
#upcomingBox .lowerArea .moveArea a:hover {
	background-color: #7eb6e6;
}
#upcomingBox .lowerArea .moveArea a.on,
#upcomingBox .lowerArea .moveArea a.on:hover {
	background: url(/src/imgs/home/bg-current.gif);
}


/* infoArea */
.mainColumn .infoArea {
	background: #f0f0f0;
	padding: 29px 30px 20px;
	margin-bottom: 5px;
}
.mainColumn .infoArea .areaTitleWrapper img {
	vertical-align: top;
}
.mainColumn .infoArea ul {
	margin-top: 14px;
	border-top: 1px solid #cccccc;
}
.mainColumn .infoArea ul li {
	padding: 10px 0;
	border-bottom: 1px dotted #b3b3b3;
}
.mainColumn .infoArea ul li a {
	display: block;
}
.mainColumn .infoArea ul li a .date {
	float: left;
	width: 75px;
	color: #6dabdf;
	font-weight: bold;
}
.mainColumn .infoArea ul li a .text {
	float: right;
	width: 465px;
	color: #333333;
}

/* photoArea */
.mainColumn .photoArea {
	background: #e8e1d5;
	padding: 10px 10px 25px;
}
.mainColumn .photoArea .photoBtn {
	display: block;
	width: 580px;
	height: 250px;
	background: url(../imgs/home/bt-photo_ov.jpg) no-repeat;
}
.mainColumn .photoArea .photoBtn img {
	zoom: 1;
	-webkit-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
	-moz-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
	-ms-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
	-o-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
	transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
}
.mainColumn .photoArea .photoBtn:hover img {
	opacity:0;
	filter: alpha(opacity=0);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
	-moz-opacity:0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0;              /* Safari 1.x */
}
.mainColumn .photoArea .livephotoArea {
	padding-left: 20px;
	font-size: 10px;
}
.mainColumn .photoArea .livephotoArea .areaTitle {
	font-weight: bold;
	margin-bottom: 16px;
}
.mainColumn .photoArea .livephotoArea .areaTitle img {
	margin-right: 10px;
	vertical-align: text-bottom;
}
.mainColumn .photoArea .livephotoArea .livephotoLinks li {
	float: left;
	width: 170px;
	margin-right: 15px;
}
.mainColumn .photoArea .livephotoArea .livephotoLinks li a {
	display: block;
	color: #333333;
}
.mainColumn .photoArea .livephotoArea .livephotoLinks li a .new {
	padding-right: 35px;
	background: url(/src/imgs/home/icon-new.gif) no-repeat right top;
}


/* ------------------------------
sideColumn
------------------------------ */
.sideColumn {
	width: 355px;
}

/* ----- sideArea ----- */
.sideColumn .sideArea {
	text-align: center;
	margin-bottom: 5px;
}
.sideColumn .sideArea a {
	display: block;
	padding: 5px 0 27px;
}
.sideColumn .sideArea .pic {
	margin-bottom: 29px;
}
.sideColumn .sideArea a .pic img {
	zoom: 1;
}
.sideColumn .sideArea a:hover .pic img {
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
}
.sideColumn .sideArea .areaTitle {
	margin-bottom: 19px;
}
.sideColumn .sideArea .btDetail {
	margin: 29px auto 0;
	width: 108px;
	height: 28px;
	text-indent: -9999px;
	overflow: hidden;
}
.sideColumn .sideArea a:hover .btDetail {
	background-position: left bottom;
}
/* foodArea */
.sideColumn .foodArea {
	background: #fae3d6;
}
.sideColumn .foodArea .btDetail {
	background-image: url(/src/imgs/home/bt-food.gif);
}
/* partyArea */
.sideColumn .partyArea {
	background: #d9cce7;
}
.sideColumn .partyArea .btDetail {
	background-image: url(/src/imgs/home/bt-party.gif);
}

/* balconyBnr */
.sideColumn .balconyBnr {
	margin-bottom: 5px;
}
/*
.sideColumn .balconyBnr img {
	border: 5px solid #5c4437;
}
*/
/* otherbnrArea */
.sideColumn .otherbnrArea {
	background: #727272;
	padding: 5px 5px 0;
}
.sideColumn .otherbnrArea li {
	padding-bottom: 5px;
}
.sideColumn .otherbnrArea li img {
	vertical-align: top;
}








/* for test */
dt {
	padding: 10px;
	font-weight: bold;
}
dd {
	padding: 0 30px 20px;
}