@charset "utf-8";
/* CSS Document */

/* index
-----------------------------------------------*/
.index #mv{
	margin-bottom:30px;
}
.index h1{
	margin:0 0 15px;
}
.index h2{
	position:relative;
	height:61px;
	margin-bottom:8px !important;
}
.index h2 a img{
	position:absolute;
	top: 17px;
	right: 20px;
}
.index #news{
	margin:0 0 40px;
}
.index #news ul{
	margin:0 0 35px;
}
.index #news ul li{
	margin:0 0 8px 3px;
	background:url(../images/index/icon_news.gif) left 6px no-repeat;
	padding:0 0 0 10px;
}
.index #news ul li a{
	text-decoration:underline;
}
.index #news ul li a:hover{
	text-decoration:none;
}
.index #campaign{
	margin:0 0 40px;
}
.index #campaign dl{
	border-bottom:1px dotted #dbdbdb;
	margin:0 0 5px;
}
.index #campaign dl dt{
	width:120px;
	float:left;
	padding:8px 0 12px;
	letter-spacing:0.07em;
}
.index #campaign dl dd{
	width:480px;
	float:left;
	padding: 8px 0 12px 65px;
}
.index #campaign dl dd.new{
	background:url(../images/index/btn_cat01.gif) left 9px no-repeat;
}
.index #campaign dl dd.push{
	background:url(../images/index/btn_cat02.gif) left 9px no-repeat;
}
.index #campaign dl dd.little{
	background:url(../images/index/btn_cat03.gif) left 9px no-repeat;
}
.index #campaign dl dd.end{
	background:url(../images/index/btn_cat04.gif) left 9px no-repeat;
}
.index #eticketWrap{
	width:671px;
	position:relative;
	padding-top:47px;
	margin:0 auto 30px auto;
	background:url(../images/index/bg_eticket.jpg) repeat-y top left;
}
.index #eticketBottom{
	width:671px;
	background:url(../images/index/bg_eticket_bottom.jpg) no-repeat bottom left;
	margin-bottom: 40px;
}

.index #eticketBottom #recommended{
	margin:0 10px;
}
.index #eticketBottom #recommended ul li{
	padding:15px 10px;
	border-bottom:1px dotted #dbdbdb;
}
.index #eticketBottom #recommended ul li span.date{
	display:block;
	width:110px;
	float:left;
}
.index #eticketBottom #recommended ul li span.title{
	display:block;
	width:490px;
	float:left;
}
.index #eticketBottom #recommended ul li a{
	color:#cd662d;
	font-weight:bold;
}
.index #eticketWrap p.list{
	position:absolute;
	top:15px;
	right:15px;
}
.index #eticketTitle2{
	margin:15px 10px;
	background-color:#f4ead0;
}
.index #eticketTitle2 .title{
	float:left;
	width:214px;
}
.index #eticketTitle2 .txt{
	float:left;
	width:184px;
	font-size:100%;
	line-height:110%;
	border-left:2px solid #FFF;
	margin:10px 0 10px 0;
	padding:0 0 0 10px;
}
.index #eticketTitle2 .btn{
	float:right;
	margin:7px 20px 0 0;
}
.index #eticketTitle{
	position:absolute;
	top:0px;
}
.index #eticketPrev{
	position:absolute;
	top:50%;
	left:1px;
	cursor:pointer;
}
.index #eticketNext{
	position:absolute;
	top:50%;
	right:1px;
	cursor:pointer;
}
.index #eticket{
	width:621px;
	margin:0 auto;
	overflow:hidden;
}
.index #eticketHeight{
	position:relative;
}
.index #eticketInner .eticketColumn{
	width:621px;
	float:left;
	padding-bottom:20px;
}
.index #eticketInner .eticketColumn dl{
	float:left;
	width:170px;
	overflow:hidden;
	margin-left:27px;
}
.index #eticketInner .eticketColumn dl.first{
	border:none;
}
.index #eticketInner .eticketColumn dl dt{
	width:170px;
	height:120px;
	text-align:center;
	padding-top:10px;
}
.index #eticketInner .eticketColumn dl dt img{
	text-align:center;
}
.index #eticketInner .eticketColumn dl dd{
		width:170px;
		margin:0 auto;
		overflow:hidden;
}
.index #eticketInner .eticketColumn dl dd p{
	line-height:1.2;
}
.index #eticketInner .eticketColumn dl dd p a{
	color:#000;
}