@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	font-weight: normal;
	border: none;
	list-style-type: none;
}

body {
	font-family:"Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #774601;
	font-size: 12px;
	letter-spacing: .2em;
	margin: 0;
	padding: 0;
}

body#top {
	background: url(../images/bg.jpg) repeat;
	line-height: 1.8em;
}

div#container {
	background: #FFF;
	width: 880px;
	margin: 0 auto 20px auto;
	padding: 15px 60px;
}

#ticket span {
	font-size: 20px;
}

mark, #ticket span {
	color: #774601;
	background-color: #FFFF00;
}

h1 {
	margin-bottom: 24px;
	width: 400px;
	height: 15px;
	padding: 0;
	float: left;
}

#share {
	float: right;
	width: 210px;
}

#tw_like {
	float: right;
	width: 100px;
	margin: 0;
}
#fb_like {
	float: left;
	width: 100px;
	margin: 0;
}

h2 {
	margin-bottom: 22px;
	margin-top: 32px;
}

#line h2 {
	margin-top: 24px;
	margin-bottom: 20px;
}

h3 {
	margin-top: 24px;
	margin-bottom: 22px;
}

#ticket p {
	margin-bottom: 28px;
}

#copyright {
	margin: 28px auto;
	text-align: center;
}

/* Layout */

#slideshow {
	float: left;
	width: 595px;
	height: 487px;
	margin: 0;
	padding: 0;
}

#tweet {
	float: right;
	width: 250px;
}

#contents {
	clear: both;
	margin: 0;
	padding: 0;
}

.left {
	width: 595px;
	float: left;
}

.right {
	width: 250px;
	float: right;
	padding-top: 23px;
}

#line li.l1 {
	width: 181px;
	float: left;
	margin-right: 26px;
	margin-bottom: 32px;
}

#line li.l2 {
	width: 181px;
	float: right;
}

#line li.l3 {
	width: 181px;
	clear: both;
	float: left;
	margin-right: 26px;
}

.fb-like-box {
	margin: 20px 0 20px 0;
}

iframe { margin-bottom: 18px;}

/* etc */
.clear {
	clear: both;
	height: 0;
	line-height: 0;
}

a:link, a:visited { color: #774601;}
a:hover { color: #cdcdcd;}

/* Line Up */

#lineUp {
	width: 515px;
	margin: 30px auto;
}

#lineUp h1 {
	font-size: 18px;
}

#lineUp img {
	width: 250px;
	display: block;
	float: left;
}

#lineUp p {
	width: 250px;
	float: right;
}

#lineUp p span {
	font-size: 15px;
	background-color: #FFFF00;
	line-height: 25px;
}

#lineUp .member {
	margin-bottom: 18px;
}

/* slide show */
#slideshow {
    position:relative;
    height:487px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}