/* info */
/* official */
/* events */

div#info, div#official, div#event {
	margin-left: 10px;
}

div#info h2, div#official h2 {
	background: url("/img/info_bar.gif") no-repeat left top;
	height: 30px;
	width: 700px;
	margin: 10px 0;
	text-indent: -9999px;
}

div#info div, div#official div {
	width: 688px;
	margin-left: 5px;
	padding-bottom: 5px;
	*padding-bottom: 10px;
	background: url("/img/info_bottom_bg.png") no-repeat left bottom;
}

div#info div h3, div#official div h3 {
	background: url("/img/info_top_bg.png") no-repeat left top;
	height: 30px;
	width: 688px;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	text-indent: 40px;
}

div#official div h3 {
	background-image:  url("/img/official_top_bg.png");
}

div#info div dl, div#official div dl {
	width: 688px;
	background: url("/img/info_center_bg.png") repeat-y left top;
}

div#info div dl dt, div#official div dl dt {
	color: #FF6600;
	line-height: 24px;
	margin-left: 8px !important;
	margin-left: 4px;
	padding-right: 1em;
	text-indent: 28px;
	background: #E9F3FF url("/img/icom_cursor.png") no-repeat 12px center;
	float: left;
}

div#info div dl dt a, div#official div dl dt a {
	color: #FF6600;
	line-height: 24px;
	text-decoration: none;
}

div#info div dl dt a:hover, div#official div dl dt a:hover {
	text-decoration: underline;
}

div#info div dl dd.sub, div#official div dl dd.sub {
	line-height: 24px;
	margin: 0 8px;
	background: #E9F3FF;
}

div#info div dl dd.cont, div#official div dl dd.cont {
	background: url("/img/line7.png") repeat-x left bottom;
	margin: 0 10px 5px 10px;
	padding: 5px 10px;;
}

div#info div dl dd.cont a, div#info div dl dd.cont a:link, 
div#official div dl dd.cont a, div#official div dl dd.cont a:link {
	color: inherit;
	text-decoration: none;
}

div#info div dl dd.cont a:hover, div#official div dl dd.cont a:hover {
	color: #FF0099;
	text-decoration: underline;
}

/* official */

div#official h2 {
	background-image:  url("/img/official_bar.gif");
}

div#official div dl dt, div#official div dl dd.sub {
	background-color:#FFE9E9;
}


/* event */
h2#eventtop {
	background: url("/img/event_rogo.png") no-repeat center top;
	text-indent: -9999px;
	height: 44px;
	width: 700px;
	margin-top: 10px;
}

div#event h3 {
	font-size: 16px;
	width: 320px;
	height: 20px;
	font-weight: bold;
	color: #333333;
	float: left;
}

div#event ul {
	float: left;
	height: 20px;
}

div#event ul li{
	text-indent: 20px;
	margin-right: 20px;
	line-height: 20px;
	float: left;
}

div#event ul li.shop {
	background: url("/img/icom_shop.gif") no-repeat left center;
}

div#event ul li.shop-update {
	background: url("/img/icom_update.gif") no-repeat left center;
}

div#event ul li.official-hp {
	text-indent: 44px;
	background: url("/img/icon_hp.png") no-repeat left center;
}

div#event div.event-box {
	background-color: #F1F1F1;
	width: 690px;
	border: 1px solid #A3A3A3;
	padding: 5px 0;
	margin-bottom: 15px;
	clear: both;
}

div#event div.event-box h4.blue {
	background: url("/img/event_bar_blue.png") no-repeat left bottom;
	height: 22px;
	width: 650px;
	font-size: 14px;
	font-weight: bold;
	text-indent: 40px;
	margin-left: 15px;
	clear: both;
}

div#event div.event-box h4.pink {
	background: url("/img/event_bar_pink.png") no-repeat left bottom;
	width: 650px;
	height: 22px;
	font-size: 14px;
	font-weight: bold;
	text-indent: 40px;
	margin: 5px 0 0 15px;
	clear: both;
}

div#event div.event-box dl{
	margin: 5px 0 0 20px;
}

div#event div.event-box dl dt, div#event div.event-box dl dd{
	background: url("/img/line7.png") repeat-x left bottom;
	height: 20px;
	line-height: 20px;
	float: left;
	white-space: nowrap;
	overflow: hidden;
}

div#event dl dt {
	color: #FF6000;
	width: 240px;
	clear: both;
}

div#event dl dd.time {
	width: 105px;
	text-indent: 1em;
}

div#event dl dd.contents {
	width: 300px;
	text-indent: 1em;
}