@charset "utf-8";

/* ------------------------------------------------
INDEX 
------------------------------------------------ */

#top_news { width: 320px; float: left; 
}
#top_news h3.title {
	background-image: url(../images/common/title_news.gif);
	height: 38px;
	width: 320px;
	padding-bottom: 10px;
}
#top_news #newsBox {
	width: 300px;
	height: 490px;
	padding-right: 20px;
	overflow: auto;
	border-top: 3px solid #EAEAEA;
}

#top_news .newsList {
	width: 300px;
	background-image: url(../images/common/line_dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 10px;
	padding-bottom: 10px;
}
#top_news .newsList .date {
	font-weight: bold;
	line-height: 1.5em;
	font-size: 12px;
	background-repeat: no-repeat;
}
#top_news .newsList .text {
	font-size: 12px;
	line-height: 1.6em;
}
#top_movie {
	width: 300px;
	float: left;
	padding-left: 20px;
}
#top_movie h3.title {
	height: 38px;
	width: 300px;
	background-image: url(../images/common/title_movie.gif);
	padding-bottom: 10px;
}
#top_movie .movieBox {
	width: 280px;
	border: 1px solid #E0E0E0;
	padding: 9px;
	margin-bottom: 10px;
}
#top_infomation {
	width: 640px;
	clear: both;
	padding-top: 20px;
}
#top_infomation h3.title {
	height: 38px;
	width: 640px;
	background-image: url(../images/common/title_infomation.gif);
	padding-bottom: 20px;
}

#top_infomation dl {
	float: left;
	width: 320px;
	padding-right: 20px;
}

#top_infomation dt {
	line-height: 1.6em;
	font-weight: bold;
}
#top_infomation dd {
	line-height: 1.6em;
	padding-bottom: 1.6em;
}
#top_infomation .flyer {
	float: left;
	width: 300px;
}





/* ------------------------------------------------
ARTIST 
------------------------------------------------ */

#artist {
	width: 640px;
}
#artist h3.title {
	height: 30px;
	width: 640px;
	background-image: url(../images/artist/artist_title01.gif);
	padding-bottom: 30px;
}

#artist dt {
	line-height: 1.6em;
	font-weight: bolder;
	color: #007D7D;
	font-size: 20px;
	padding-bottom: 10px;
}
#artist dd {
	line-height: 1.6em;
	padding-bottom: 1.6em;
}


/* ------------------------------------------------
TICKET 
------------------------------------------------ */

#ticket {
	width: 640px;
}
#ticket h3.title {
	height: 30px;
	width: 640px;
	background-image: url(../images/ticket/ticket_title01.gif);
	padding-bottom: 30px;
}


#ticket .title {
	padding-bottom: 30px;
}


#ticket .ctitle { font-weight: bold; font-weight: bold; font-size: 16px; line-height: 1.6em; color: #1F404E; padding-bottom: 8px; }

#ticket table {
	background-image: url(../images/common/bg_grid_01.gif);
	background-repeat: repeat;
}

#ticket  th {
	line-height: 1.6em;
	vertical-align: top;
	font-weight: normal;
	width: 210px;
	padding: 5px;
	background-color: #EAEAEA;
}

#ticket  td {
	line-height: 1.6em;
	width: auto;
	vertical-align: top;
	font-weight: normal;
	padding: 5px;
	background-color: #FFF;
}


#ticket h5 {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.6em;
	padding-bottom: 6px;
}




/* ------------------------------------------------
ATTENTION 
------------------------------------------------ */

#attention {
	width: 640px;
}
#attention h3.title {
	height: 30px;
	width: 640px;
	background-image: url(../images/attention/attention_title01.gif);
	padding-bottom: 30px;
}


#attention li {
	line-height: 1.6em;
	padding-bottom: 15px;
}



/* ------------------------------------------------
HISTORY
------------------------------------------------ */

#history {
	width: 640px;
}
#history h3.title {
	height: 30px;
	width: 640px;
	background-image: url(../images/history/history_title01.gif);
	padding-bottom: 30px;
}
#history .btnSet {
	height: 20px;
	width: 500px;
	padding-bottom: 20px;
}



#history li {
	line-height: 1.6em;
}


#history dt {
	line-height: 1.6em;
	font-weight: bold;
	color: #007D7D;
}
#history dd {
	line-height: 1.6em;
	padding-bottom: 1.6em;
}
#history .his_set .his_box {
	float: left;
	width: 310px;
}
#history .movieBox {
	width: 290px;
	padding: 9px;
	height: 220px;
	border: 1px solid #E4E4E4;
}
#history .movieSet {
	float: left;
	width: 310px;
}




/* ------------------------------------------------
QA
------------------------------------------------ */

#qa {
	width: 640px;
}


#qa h3.title {
	height: 30px;
	width: 640px;
	background-image: url(../images/qa/qa_title01.gif);
	padding-bottom: 30px;
}
#qa .qaTb {
	width: 640px;
}
#qa .qaTb th {
	line-height: 1.6em;
	font-weight: normal;
	vertical-align: top;
	color:#007D7D;
}
#qa .qaTb  td {
	line-height: 1.6em;
	padding-bottom: 1.6em;
	vertical-align: top;
}

#qa .qaTb2 th {
	line-height: 1.6em;
	font-weight: bold;
	vertical-align: top;
}
#qa .qaTb2  td {
	line-height: 1.6em;
	padding-bottom: 1.6em;
	vertical-align: top;
}


#qa  .innerTb {
	background-image: url(../images/common/bg_grid_01.gif);
	background-repeat: repeat;
}

#qa  .innerTb  th {
	line-height: 1.6em;
	vertical-align: top;
	font-weight: normal;
	width: 210px;
	padding: 5px;
	background-color: #EAEAEA;
	color:#333;
}

#qa  .innerTb  td {
	line-height: 1.6em;
	width: auto;
	vertical-align: top;
	font-weight: normal;
	padding: 5px;
	background-color: #FFF;
}



/* ------------------------------------------------
HISTORY
------------------------------------------------ */

#access {
	width: 640px;
}


#access h3.title {
	height: 30px;
	width: 640px;
	background-image: url(../images/access/access_title01.gif);
	padding-bottom: 30px;
}


/* ------------------------------------------------
CONTACT
------------------------------------------------ */

#contact {
	width: 640px;
}


#contact h3.title {
	height: 30px;
	width: 640px;
	background-image: url(../images/contact/contact_title01.gif);
	padding-bottom: 30px;
}


/* ------------------------------------------------
STAFF
------------------------------------------------ */

#staff {
	width: 640px;
}


#staff h3.title {
	height: 30px;
	width: 640px;
	background-image: url(../images/staff/staff_title01.gif);
	padding-bottom: 30px;
}

#staff h4.lead {
	height: 20px;
	width: 640px;
	background-image: url(../images/staff/staff_lead.gif);
	background-repeat: no-repeat;
	padding-bottom: 20px;
	text-indent: -9999px;
}

#staff .ctitle { font-weight: bold; font-weight: bold; font-size: 16px; line-height: 1.6em; color: #1F404E; padding-bottom: 8px; }

/* ------------------------------------------------
PHOTO
------------------------------------------------ */

#photo {
	width: 640px;
}


#photo h3.title {
	height: 30px;
	width: 640px;
	background-image: url(../images/report/photo_title01.gif);
	padding-bottom: 30px;
}

#photo .thumbBox {
	float: left;
	padding:0px 10px 10px 0px;
}

#photo .nopd {
	padding:0px 0px 10px 0px;
}


#photo .thumbBox  a:link img, #photo .thumbBox   a:visited img {
	padding:1px;
	background-color:transparent;
	text-decoration:none;
	border-color:#F3F3F3;
	border-style:solid;
	border-width:3px;
}
#photo .thumbBox  a:hover img, #photo .thumbBox   a:active img {
	padding:1px;
	background-color:transparent;
	text-decoration:none;
	border-color:#009999;
	border-style:solid;
	border-width:3px;
}
#photo .cap {
	line-height: 1.2em;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 10px;
}
#photo .floatl {
	width: 310px;
}
.pop {
	width: 500px;
	padding: 30px;
	background-color: #FFF;
}
.pop h3 { font-size: 14px; line-height: 1.2em; padding-bottom: 10px; font-weight: bold; }

.popTitle { font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: -0.8px; padding-bottom: 20px; 
}