@charset "UTF-8";

@import url("structure.css");

/* ======================================

 index.html

======================================= */

/* ======================================

 ##### OVERRIDE #####

======================================= */



/* ======================================

 main

======================================= */

#main
{
	overflow: hidden;
	width: 880px;
}

/* ----- showcase ----- */

#showcase
{
	width: 100%;
	
	background: url(../img/index/bg_showcase.gif) repeat-x left top;
}
#showcase .wrapper
{
	width: 1000px;
	margin: 0 auto;
	background: url(../img/index/bg_showcase_2.jpg) no-repeat left top;
}
#showcase .flash
{
	width: 640px;
	margin: 0 auto;
	padding: 0 0 23px;
}

/* ----- global navigation ----- */

#global
{
	overflow: hidden;
	position: relative;
	z-index: 9;
	width: 882px;
	margin: -26px auto;
	padding: 0 0 32px;
}
#global li
{
	float: left;
}

/* ----- information ----- */

#information
{
	float: left;
	width: 500px;
	margin: 20px 0 0;
	padding: 0 0 20px;
}

/* ----- schedule ----- */

#schedule
{
	float: left;
	width: 240px;
	margin: 0 0 20px;
}
#schedule h2
{
	margin: 0 0 10px;
}

/* ----- temporary ----- */

#temporary
{
	float: right;
	width: 240px;
	margin: 0 0 20px;
}
#temporary h2
{
	margin: 0 0 10px;
}

/* ----- news ----- */

#topics
{
	position: relative;
	clear: both;
	width: 500px;
	margin: 0 0 20px;
}
#topics h2
{
	margin: 0 0 5px;
}
#topics .backnumber
{
	position: absolute;
	right: 0;
	top: 0;
	padding: 0.5em 1em;
	font-size: 75%;
}
#topics .backnumber a
{
	padding-left: 8px;
	background: url(../img/com/arrow_r_06C.gif) no-repeat left 0.3em;
}
#topics .list
{
	font-size: 75%;
}
#topics .list dt
{
	float: left;
	width: 6em;
	padding: 0.2em;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#topics .list dd
{
	padding: 0.2em;
	padding-left: 7em;
	background :url(../img/com/dotted_line_666.jpg) repeat-x left bottom;
}

/* ----- myu ----- */

#myu
{
	float: right;
	width: 340px;
	padding: 0 0 20px;
}
#myu h2
{
	margin: 0 0 10px;	
}
#myu .list
{
	margin: 0 0 10px;	
}
#myu .entry
{
	width: 340px;
	margin: 0 0 5px;
	padding: 0;
	background: url(../img/index/bg_baloon_body.gif) repeat-y left top;
}
#myu .entry h3
{
	width: 250px;
	height: 35px;
	padding: 15px 75px 0 15px;
	background: url(../img/index/bg_baloon_top.gif) no-repeat left top;
	font-size: 87.5%;
	line-height: 120%;
}
#myu .entry .date
{
	width: 250px;
	padding: 0 75px 10px 15px;
	background: url(../img/index/bg_baloon_bottom.gif) no-repeat left bottom;
	font-size: 75%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	text-align: right;
}