﻿@charset "utf-8";
/* CSS Document */

/* Side */
#head_quick {
	height: 58px;
	text-indent: -30000px;
	background: url(../images/musical/head_quick.png) no-repeat;
}

#easy_step {
	margin: 10px 0 0 0;
}

#easy_step h3 {
	height: 25px;
	text-indent: -30000px;
	background: url(../images/musical/head_step.png) no-repeat;
}

#easy_step_block {
	margin: 0 0 10px 0;
	border-left: 1px solid #c6c6c6;
	border-right: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
	padding: 5px 5px 0px 5px;
}

#step1 {
	height: 40px;
	text-indent: -30000px;
	background: url(../images/musical/step1.png) no-repeat;
}

#step2 {
	height: 40px;
	text-indent: -30000px;
	background: url(../images/musical/step2.png) no-repeat;
}

#step3 {
	height: 40px;
	text-indent: -30000px;
	background: url(../images/musical/step3.png) no-repeat;
}

#step4 {
	height: 40px;
	text-indent: -30000px;
	background: url(../images/musical/step4.png) no-repeat;
}

.step {
	font-size: 11px;
	padding: 3px 0 5px 0;
}

.side_des {
	font-size: 11px;
	padding: 5px 0;
}

.side_des span {
	font-weight: bolder;
	color: #fc0009;
}


#head_musical {
	position: relative;
	width: 745px;
	height: 507px;
	background: url(../images/musical/head_musical.jpg) no-repeat;
}

#head_musical_des,
#head_show_des {
	position: absolute;
	top: 218px;
	left: 22px;
	line-height: 1.4;
}

#head_musical_des h3,
#head_show_des h3 {
	font-weight: bolder;
	font-size: 18px;
	color: #FFF;
}

#head_musical_des h4,
#head_show_des h4 {
	font-weight: bolder;
	font-size: 14px;
	padding: 5px 0;
	color: #ffb812;
	text-shadow: 0 0 0.7em #0000ca, 0 0 0.7em #0000ca;
}

#head_musical_des p.head_description,
#head_show_des p.head_description {
	color: #FFF;
	text-shadow: 0 0 0.7em #0000ca, 0 0 0.7em #0000ca;
}

#head_musical_des p.notation,
#head_show_des p.notation {
	color: #FFF;
	padding: 5px 0 0 0;
	font-size: 11px;
	text-shadow: 0 0 0.7em #0000ca, 0 0 0.7em #0000ca;
}

#head_show {
	position: relative;
	width: 745px;
	height: 507px;
	background: url(../images/musical/head_show.jpg) no-repeat;
}

#head_musical .btn_more {
	position: absolute;
	left: 511px;
	top: 467px;
}

#head_show .btn_more {
	position: absolute;
	left: 541px;
	top: 466px;
}

.musical_title {
	text-align: center;
	padding: 3px 0;
	font-weight: bolder;
}

.musical_des {
	text-align: center;
	padding: 3px 0;
	font-size: 11px;
}

.musical_price {
	text-align: center;
	padding: 5px 0;
	font-weight: bolder;
	color: #2960c5;
}

.musical_for {
	text-align: center;
	font-size: 11px;
	color: #ff0604;
}

.musical_for b {
	font-size: 11px;
	color: #ff0604;
}


.musical_top .jcarousel-skin-tango2 .jcarousel-next-horizontal {
    height: 417px;
    background: transparent url(../images/musical/btnright.png) no-repeat 0 0;
}

.musical_top .jcarousel-skin-tango2 .jcarousel-prev-horizontal {
    height: 417px;
    background: transparent url(../images/musical/btnleft.png) no-repeat 0 0;
}

.musical_top .jcarousel-skin-tango2 .jcarousel-item {
				height:auto;
				width:165px;
}
.musical_top .jcarousel-skin-tango2 .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.musical_top .jcarousel-container {
    background: url(../images/musical/bg_carousel.jpg) repeat-x 0 0;
}



/**
 *  List
 */
 
 .search_again {
 	padding: 5px 0 10px 0;
 	font-weight: bolder;
	color: #ff0604;
 }

.search_head {
	margin: 0 0 5px 0;
	background: #ebebeb;
}

.search_head td {
	padding: 3px 0;
	text-align: center;
	font-weight: bolder;
}

.search_head td.search_head01 {
	width: 245px;
}

.search_head td.search_head02 {
	width: 55px;
}

.search_head td.search_head03 {
	width: 70px;
}

.search_head td.search_head04 {
	width: 160px;
}

.search_head td.search_head05 {
	width: 95px;
}

.musical_list_block {
	border-top: 1px solid #8c8c8c;
	margin: 0;
}

.musical_list_img {
	float: left;
	display: inline;
	width: 95px;
	margin: 10px 0 10px 5px;
}

.musical_list_img img {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.80);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.80);
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.80);
}

.musical_list_title {
	float: left;
	display: inline;
	margin: 10px 0 0 0;
	width: 155px;
}

.musical_list_title h4 {
	padding: 0 0 5px 0;
	font-size: 14px;
	font-weight: bolder;
}

.musical_list_title h4 a {
	text-decoration: underline;
}

.musical_list_title p {
	font-size: 11px;
}

.musical_list_title p a {
	color: #ff0202;
	text-decoration: underline;
}

.musical_list_des {
	float: left;
	display: inline;
	width: 493px;
}

.musical_list_des table td {
	padding: 5px 0;
	vertical-align: middle;
	font-weight: bolder;
	border-bottom: 1px solid #dcdcdc;
}

.musical_list_des01 {
	width: 55px;
}

.musical_list_des02 {
	width: 70px;
}

.musical_list_des03 {
	width: 160px;
}

.musical_list_des04 {
	width: 95px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ff0604;
	text-align: center;
}

.musical_list_des05 {
	text-align: center;
}


.musical_list_last {
	border-top: 1px solid #8c8c8c;
	margin: 0;
}



/**
 *  Detail
 */

#musical_detail_des_block {
	float: left;
	display: inline;
	width: 465px;
	padding: 0 25px 0 0;
}

#musical_detail_des_block h4 {
	font-size: 18px;
	font-weight: bolder;
	color: #2c5299;
}

#musical_detail_des_block p {
	padding: 0 0 15px 5px;
}

#musical_detail_img_block {
	float: left;
	display: inline;
	width: 250px;
}


#musical_detail_img_block img {
	margin: 0 0 10px 0;
}

#musical_detail_venue01 {
	float: left;
	display: inline;
	width: 260px;
}

#musical_detail_venue01 p {
	padding: 5px 0 0 5px;
}

#musical_detail_schedule table {
	margin: 10px 0 25px 0;
	border-top: 1px solid #c4c6c5;
	border-left: 1px solid #c4c6c5;
}

#musical_detail_schedule table td {
	padding: 7px 0;
	width: 12.5%;
	text-align: center;
	border-right: 1px solid #c4c6c5;
	border-bottom: 1px solid #c4c6c5;
}

#musical_detail_schedule table thead td {
	background: #cfeafb;
}

#movie01 {
	float: left;
	display: inline;
	width: 377px;
	padding: 0 0 0 8px;
}

#movie02 {
	float: left;
	display: inline;
	width: 358px;
}

#movie01 h4,
#movie02 h4 {
	font-weight: bolder;
	font-size: 16px;
	padding: 0 0 5px 0;
}

.btn_ticket02 {
	padding: 30px 0;
	text-align: center;
}

.resvBtn {
    width:116px;
    height:37px;
    border: none;
    background: url('/Contents/images/musical/btn_reservation.png') no-repeat top left;
}
.resvBtn:hover {
cursor: pointer;
cursor: hand;
}