@charset "UTF-8";

/* eventCSS Document */

/*■■■■layout■■■*/

div#contents_info div.event_contents h1{
	width: 612px;
	height:30px;
	margin:0px auto;
	background: url(/event/images/title.gif);
}

div#contents_info div.event_contents div.online{
	width: 160px;
	margin:0px auto 5px;
}

div#contents_info div.event_contents div.ticket{
	width: 200px;
	margin:0px auto 0px;
	border-top: 1px dotted #333333;
}


/*-----eventlist-----*/
div#contents_info div.eventlist{
	width: 610px;
	margin:5px auto;
	padding-bottom:5px;
	background:#fff url(/info_images/bg_bottom.jpg) no-repeat left bottom;
}
div#contents_info div.eventlist div.event{
	width: 610px;
	background: url(/info_images/bg_top.jpg) no-repeat left top;
}
div#contents_info div.eventlist h2{
	padding:10px 20px 0px;
}
div#contents_info div.eventlist p.day{
	padding:0px 20px 10px;
}
div#contents_info div.eventlist div.left{
	width: 160px;
	float:left;
}
div#contents_info div.eventlist div.left p.img{
	width: 140px;
	margin:0px auto;
	padding-bottom:5px;
}
div#contents_info div.eventlist div.left p.img img{
	border: 5px solid #ddd;
}
div#contents_info div.eventlist div.left p.img a:hover img{
	border: 5px solid #fff;
}
div#contents_info div.eventlist div.left p.link{
	width: 130px;
	margin:0px auto;
	padding:5px;
}
div#contents_info div.eventlist div.left p.link a{
	background: url(/info_images/btn_os.gif) no-repeat 0px 0px;
	display: block;
	height: 19px;
	width: 129px;
}
div#contents_info div.eventlist div.left p.link a:hover{
	background: url(/info_images/btn_os.gif) no-repeat 0px -19px;
}

div#contents_info div.eventlist div.right{
	width: 435px;
	float:right;
	padding-right:10px;
}
div#contents_info div.eventlist div.right h3{
	padding:2px 10px;
	background:#dcdcdc;
}
div#contents_info div.eventlist div.right p{
	padding:5px 5px 10px;
}


/*-----eventlist2-----*/
div#contents_info div.eventlist2{
	width: 610px;
	margin:5px auto;
	padding-bottom:5px;
	background:#fff url(/info_images/bg_bottom.jpg) no-repeat left bottom;
}
div#contents_info div.eventlist2 div.event{
	width: 610px;
	background: url(/info_images/bg_top.jpg) no-repeat left top;
}
div#contents_info div.eventlist2 h2{
	padding:10px 20px 0px;
}
div#contents_info div.eventlist2 p.day{
	padding:0px 20px 10px;
}
div#contents_info div.eventlist2 div.left{
	width: 230px;
	float:left;
}
div#contents_info div.eventlist2 div.left p.img{
	width: 210px;
	margin:0px auto;
	padding-bottom:5px;
}
div#contents_info div.eventlist2 div.left p.img img{
	border: 5px solid #ddd;
}
div#contents_info div.eventlist2 div.left p.img a:hover img{
	border: 5px solid #fff;
}
div#contents_info div.eventlist2 div.left p.link{
	width: 200px;
	margin:0px auto;
	padding:5px;
}
div#contents_info div.eventlist2 div.left p.link a{
	background: url(/info_images/btn_os.gif) no-repeat 0px 0px;
	display: block;
	height: 19px;
	width: 129px;
}
div#contents_info div.eventlist2 div.left p.link a:hover{
	background: url(/info_images/btn_os.gif) no-repeat 0px -19px;
}

div#contents_info div.eventlist2 div.right{
	width: 365px;
	float:right;
	padding-right:10px;
}
div#contents_info div.eventlist2 div.right h3{
	padding:2px 10px;
	background:#dcdcdc;
}
div#contents_info div.eventlist2 div.right p{
	padding:5px 5px 10px;
}
div#contents_info div.eventlist2 div.back{
	clear:both;
}
div#contents_info div.eventlist2 div.back p{
	text-align:center;
	padding:5px 5px 10px;
}

/*■■■■font■■■*/
div#contents_info div.eventlist h2,
div#contents_info div.eventlist2 h2{
	font-size:16px;
	font-weight:bold;
	color:#990000;
}
div#contents_info div.eventlist h3,
div#contents_info div.eventlist2 h3{
	font-size:80%;
}
div#contents_info div.eventlist p.day,
div#contents_info div.eventlist2 p.day{
	font-size:11px;
	color:#666;
}