/* header
---------------------------------------------------*/
#header {
	background: url(../image/header.jpg) no-repeat;
	width: 811px;
	height: 242px;
}

#header h1 {
	width: 200px;
	height: 65px;
	padding: 42px 0 0 16px;
}

#header h1 a {
	display: block;
	outline: none;
	width: 200px;
	height: 65px;
}

#header ul {
	clear: both;
	float: right;
	width: 383px;
	padding-top: 50px;
}

#header ul li {
	height: 26px;
	padding: 0;
}

#header ul li#hmenu01 {
	background: url(../image/menu01.jpg) no-repeat;
	width: 91px;
}

#header ul li#hmenu02 {
	background: url(../image/menu02.jpg) no-repeat;
	width: 69px;
}

#header ul li#hmenu03 {
	background: url(../image/menu03.jpg) no-repeat;
	width: 132px;
}

#header ul li#hmenu04 {
	background: url(../image/menu04.jpg) no-repeat;
	width: 82px;
}

#header ul li a {
	text-indent: -9999px;
	display: block;
	outline: none;
	height: 26px;
	margin-right: 0;
	padding-right: 0;
}

#header ul li#hmenu01 a:hover {
	background: url(../image/menu01_on.jpg) no-repeat;
	width: 91px;
}

#header ul li#hmenu02 a:hover {
	background: url(../image/menu02_on.jpg) no-repeat;
	width: 69px;
}

#header ul li#hmenu03 a:hover {
	background: url(../image/menu03_on.jpg) no-repeat;
	width: 132px;
}

#header ul li#hmenu04 a:hover {
	background: url(../image/menu04_on.jpg) no-repeat;
	width: 82px;
}

/* main
---------------------------------------------------*/
#container {
	position: relative;
}

#titleBox {
	background: url(../image/img01.jpg) no-repeat;
	width: 559px;
	height: 238px;
	position: absolute;
	left: 258px;
	top: 207px;
}

#titleBox ul {
	position: absolute;
	width: 293px;
	left: 42px;
	top: 169px;
}

#titleBox ul li {
	float: none;
	text-align: left;
}

#titleBox ul li#eventInfo {
	padding-top: 13px;
}

#main {
	padding-top: 186px;
}

#main #bannerBox img {
	margin-bottom: 10px;
}

#main h3 {
	text-indent: -9999px;
}

#leftBox {
	float: left;
}

html>/**/body #leftBox,
html>/**/body #rightBox {
	margin-bottom: 20px;
}

#rightBox {
	float: right;
}

#leftSide {
	width: 267px;
	height: 400px;
	overflow: auto;
	border: 1px solid #E2E2E2;
}

#rightSide {
	width: 267px;
	height: 400px;
	border: 1px solid #E2E2E2;
}

.qr {
	clear: both;
	margin: 10px 0px;
	padding: 5px;
	font-weight: normal;
	font-size: 12px;
	line-height: 140%;
	text-align: left;
	background-color: #f0f0f0;
	border: 1px solid #E2E2E2;
}

.qr p.title {
	margin-bottom: 5px;
	padding-left: 5px;
	border-left: solid 2px #219b52;
	font-weight: bold;
	font-size: 12px;
	line-height: 140%;
	text-align: left;
}

.qr img {
	float: left;
	margin-right: 5px;
}

#leftBox h3 {
	background: url(../image/event_header.jpg) no-repeat;
	width: 267px;
	height: 58px;
	margin-top: 10px;
}

#rightBox h3 {
	background: url(../image/update_header.jpg) no-repeat;
	width: 267px;
	height: 58px;
	margin-top: 10px;
}

#leftBox dl,
#rightBox dl {
	width: 221px;
	padding-left: 10px;
}

#leftBox dl dt,
#rightBox dl dt {
	width: 221px;
	background: url(../image/icon.gif) no-repeat left center;
	padding-left: 16px;
}

#leftBox dl dd,
#rightBox dl dd {
	width: 221px;
	background: url(../image/border.gif) no-repeat left bottom;
	padding-left: 16px;
}

#leftBox dl dd,
#rightBox dl dd {
	width: 221px;
	background: url(../image/border.gif) no-repeat left bottom;
	padding-left: 16px;
}

#leftBox dl dd.place {
	background: none;
}