@charset "UTF-8";

/* ===================================
	File Name   : event.css
	Discription : Event Page Layout CSS
	Editors     : Taz Sakurai
	Last Editor : Taz Sakurai
	Last Update : 2010/07/19
====================================== */

/*========== Style Contents ==========

	1. Page Redefinition
	2. Event Introduction
	3. Event Detail Common Setting
	4. Event Detail
		- 001 Event Theater Introduction
		- 004 Book Introduction
		- 011 On Visit Actors Introduction

====================================== */



/*===== ■1. Page Redefinition =====*/
#Contents {clear: both;} /* For DreamWeaver View */

/* Global Navigation  */
ul#GlobalNavi a#BtnEvent {background-position: -770px -45px;}

/* Footer Navigation  */
#Footer a#TextNaviEvent {
	color: #339999;
}

/* Back Top Event Top Button */
#BtnEventTop {
	width: 148px;
	margin: 0px auto 30px;
}

#BtnEventTop a {
	display: block;
	background: url(../../event/img/btn_event-top.jpg) no-repeat;
	width: 148px;
	height: 13px;
}

#BtnEventTop a:hover {background-position: 0px -13px;}






/*===== ■2. Event Introduction =====*/
#EventIntro h2 {
	margin-bottom: 35px;
}

#EventIntro ul {
	position: relative;
	width: 700px;
	margin: 0px auto 40px;
}

#EventIntro ul li {
	padding: 0px 15px 10px;
	background: url(../img/line_doted-blue.jpg) repeat-x bottom;
	margin: 0px 0px 10px;
	font-size: 85%;
}

#EventIntro ul li em {
	display: block;
	float: left;
	background: url(../img/mark_circle.jpg) no-repeat left 4px;
	padding: 0px 0px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	width: 70px;
}

#EventIntro ul li span {
	display: block;
	float: left;
	width: 590px;
}

/* Clear Release  */
#EventIntro ul li:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#EventIntro ul li {
	display: inline-block;
}

/* Hides from IE-mac ￥*/
*html #EventIntro ul li {
	height: 1%;
}

#EventIntro ul li {
	display: block;
}





/*===== ■3. Event Detail Common Setting =====*/
body#EventDetail h3 {
	background: url(../img/mark_circle.jpg) no-repeat 30px 6px;
	padding: 0px 0px 15px 40px;
	font-size: 108%;
	font-weight: bold;
}

body#EventDetail .Section p {
	padding-left: 30px;
}

/* 004 Book Introduction */
body#EventDetail .Section p span {
	float: left;
	padding: 0px 20px 10px 10px;
}




/*===== ■4. Event Detail =====*/
/* 001 Event Theater Introduction */
body#EventDetail #EventTheaterIntro h3 {
	background: none;
	padding: 0px 0px 0px 20px;
	font-size: 100%;
	font-weight: normal;
}

#EventTheaterIntro h4,
#EventTheaterIntro h5,
#EventTheaterIntro p {
	padding-left: 20px;
}

#EventTheaterIntro ul {
	border: 1px solid #EBEBEB;
	padding: 10px 10px 5px;
	margin-bottom: 30px;
}

#EventTheaterIntro ul li {
	font-size: 85%;
	background: url(../img/mark_arrow-right.jpg) no-repeat left 5px;
	padding: 0px 0px 5px 10px;
}

/* 004 Book Introduction */
#Event004BookIntro p span {
	float: left;
	padding: 0px 20px 10px 10px;
}

#Event004BookIntro p a {
	display: block;
	float: left;
	background: url(../img/mark_arrow-right.jpg) no-repeat left 3px;
	padding: 0px 0px 0px 10px;
	line-height: 1;
}

#Event004BookIntro p span a {
	display: inline;
	float: none;
	background: none;
	padding: 0px;
}

/* 011 On Visit Actors Introduction */
#Event011OnVisit p span em {
	display: block;
	background: url(../img/mark_arrow-up.jpg) no-repeat 3px 9px;
	padding: 5px 0px 30px 15px;
	font-size: 85%;
}

#Event011OnVisit dl {
	clear: both;
	margin: 0px 0px 20px 43px;
}

#Event011OnVisit dl dt {
	background: #FFFFFF url(../img/mark_circle.jpg) no-repeat left 6px;
	padding: 0px 5px 10px 12px;
	font-weight: bold;
	color: #0F425C;	
}

#Event011OnVisit dl dd {
	clear: both;
}

#Event011OnVisit dl dd li {
	float: left;
	padding: 0px 0px 15px 10px;
}

#Event011OnVisit dl dd li span {
	display: block;
	background: url(../img/mark_arrow-up.jpg) no-repeat left 7px;
	padding: 3px 0px 0px 12px;
	line-height: 1.3;
	font-size: 85%;
}