/* ===== 1: ALL RESET =========================== */

* {
	margin:0;
	padding:0;
}
/* ===== 2: BASE SETTING =========================== */

body {
	margin:0;
	padding:0;
	text-align:center;
	color:#333;
	font-size:75%;
	background:#e2f5ff;
}
h1, h2, h3, h4, h5, h6, div, p, pre, ul, ol, dl, dt, dd, address, form, blockquote {
	margin:0;
	padding:0;
	line-height:1.4;
	text-align:left;
	display:block;
	font-weight:normal;
}
img {
	border:none;
	vertical-align:top;
}
ol, ul, li {
	list-style:none;
}
address, caption, em, strong, th {
	font-style:normal;
	font-weight:normal;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}
caption, th {
	text-align:left;
}
object, embed {
	vertical-align:top;
}
p, dd {
	line-height:1.5em;
}
/* ===== 3: LINK SETTING =========================== */

a {
	color:#36c;
	text-decoration:underline;
	outline:none;
}
a:hover {
	text-decoration:none;
}
/* ===== 4: LAYOUT =========================== */

#hdNav {
	background:url(../img/hdnav_bg.gif) repeat-x;
	height:30px;
}
#hdNav ul {
	width:940px;
	margin:0 auto;
	padding:8px 0 0;
}
#hdNav ul li.first {
	float:left;
}
#hdNav ul li.second {
	float:right;
}
#hd {
	clear:both;
	background:url(../img/header.png) no-repeat center top;
	height:590px;
}
#hd-in {
	width:970px;
	margin:0 auto;
}
/* tweet */

dl#tweet {
	padding:10px 15px;
}
dl#tweet dt {
	width:105px;
	float:left;
}
dl#tweet dd {
	background:url(../img/dd_tweet.png) no-repeat;
	width:835px;
	height:33px;
	float:right;
}
dl#tweet dd div#twTicker {
	padding:2px;
	width:800px;
	position:relative;
	top:5px;
	left:10px;
}
.twTicker {
	position:relative;
	overflow:hidden;
	text-align: center;
}
.twTicker .twTickerWrapper {
	position:relative;
	width:99999px;
	text-align:left;
}
.twTicker .twTickerInner {
	float:left;
}
.twTicker .tweet {
	display:inline;
	margin:0 30px 0 0;
}
#main {
	clear:both;
	padding:5px 0;
	overflow:hidden;
	height:100%;
	margin:0 0 90px;
}
#visual {
	width:625px;
	float:left;
}
#visual ul	{
	padding:0 10px;
}
#visual ul li	{
	display:inline;
}
#visual ul li#tw	{
}
#visual ul li#fb	{
	position:relative;
	top:12px;
}
#latest {
	width:345px;
	float:right;
}
#latestNews {
	overflow:hidden;
	background:url(../img/bg_latest.png) no-repeat left bottom;
	height:415px;
	padding:0 30px 0 20px;
}
#latestNews dl {
	display:block;
	overflow:hidden;
	width:285px;
	margin:5px 0 0;
	padding:0 0 10px;
	border-bottom:1px dotted #ecb40d;
}
#latestNews dl dt {
	width:160px;
	float:right;
	font-weight:700;
	padding:5px 5px 5px 0;
	color:#36c;
}
#latestNews dl dd.img {
	width:108px;
	float:left;
	text-align:right;
	padding:5px 0 0;
}
#latestNews dl dd.txt {
	width:160px;
	float:right;
	padding:5px 5px 0;
	font-size:82%;
}
.ticketBtn {
	clear:both;
	text-align:center;
	padding:0 0 40px;
}
.box01 {
	width:940px;
	margin:0 auto 50px;
	background:url(../img/box_btm.png) no-repeat center bottom;
	padding:0 0 135px;
}
.boxCts {
	background:url(../img/box_bg.gif) no-repeat center top;
	padding:40px 45px 30px;
}
#about h3	{
	font-size:156%;
	font-weight:700;
	color:#03C;
	text-align:center;
	margin:0 0 2.5em;
}
#about p {
	font-size:112%;
	line-height:2.5em;
	padding:0 20px 0 0;
	margin:0 0 1.5em;
}
#cast01 {
	padding:25px 0 60px;
	overflow:hidden;
	height:100%;
}
#cast01 ul {
	width:420px;
	float:left;
}
#cast01 ul li, #cast02 ul li {
	background:url(../img/ico01.gif) no-repeat 0 3px;
	padding:0 0 0 15px;
	margin:0 0 10px 20px;
}
#cast02 {
	padding:25px 0 20px;
	overflow:hidden;
	height:100%;
}
#credit {
	background:#fff;
	border:5px solid #c4e2ff;
	overflow:hidden;
	height:100%;
	padding:30px 35px 20px;
}
#credit dl {
	width:380px;
	float:left;
}
#credit dl dt {
	width:90px;
	float:left;
}
#credit dl dd {
	padding:0 0 0 100px;
}
#credit dl dd ul li {
	margin:0 0 10px;
}
#date {
	padding:25px 0 50px
}
#date p {
	padding:0 0 0 20px;
}
#date ul li {
	background:url(../img/ico01.gif) no-repeat 0 3px;
	padding:0 0 0 15px;
	margin:0 0 10px 20px;
}
#ticketInfo {
	padding:30px 0 20px 20px;
}
#ticketInfo dl {
	margin:0 0 30px;
}
#ticketInfo dl dt {
	color:#2680d7;
	font-weight:700;
	padding:0 0 10px;
}
#ticketInfo ul.ticketList li {
	background:url(../img/ico01.gif) no-repeat 0 3px;
	padding:0 0 0 15px;
	margin:0 0 10px;
}
p.txtCenter {
	text-align:center;
}
.storyScroll {
	height:300px;
	padding:20px 0;
}
.storyScroll p {
	font-size:112%;
	line-height:2.5em;
	padding:0 20px 0 0
}
dl#mobage {
	width:940px;
	margin:0 auto;
}
dl#mobage dt {
	text-align:center;
	padding:0 0 50px;
}
dl#mobage dd {
	text-align:left;
	padding:0 0 20px;
}
#copyright {
	clear:both;
	background:#494949;
	text-align:center;
	padding:10px;
}

/* 20120823 add */

dl#premiumCard	{
	width:400px;
	float:left;
	margin:0 0 20px;
}

dl#eventCard	{
	width:380px;
	float:right;
	margin:0 0 20px;
}

dl#premiumCard dt,
dl#eventCard dt	{
	padding:0 0 20px;
}

dl#premiumCard dd,
dl#eventCard dd	{
	text-align:center;
}

dl#premiumCard dd p,
dl#eventCard dd p	{
	margin:0 0 1.8em;
	font-size:112%;
}

p.plus	{
	clear:both;
	margin:0 0 -20px;
	font-size:88%;
}