@import url(reset.css);
/*html{ background:url(/img/bg.png) repeat-x #fff; }*/
html{ background:url(/img/bg.png) repeat-x #0075c1; }
body{
    text-align:center;
    background: url(/img/background.png) repeat-y center;
/*    background: url(/img/background.jpg) repeat-y center;*/
    line-height:1.4;
}
/*h1{
    font-size: 2em;
}
h2{
    font-size: 1.6em;
}
*/
#message h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#message p{
font-size:12px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
h2.title{
	margin-top:20px;
	font-size: 1.4em;
	text-align:center;
}
.center{
    text-align:center;
}
.clear{
    clear:both;
}
span.small{
    font-size:.8em;
}
div#wrapper{
    width: 900px;
    margin:0 auto;
    text-align:left;
}

div#header{
    width:900px;
    height:148px;
    background: url(/img/headerimage.png) no-repeat;
    border-bottom:5px solid #13007C;
}
a.gotoTop{
	width:300px;
	height:100px;
	display:block;
	position:relative;
	top:30px;
	left:20px;
	text-indent: -3000px;
}

div#content{
	clear:both;
    padding:20px 10px;
}

ul#menu{
}
ul#menu li{
	float:left;	
	height:58px;
}
ul#menu li a{
	display:block;
	background-image:url(/img/menu.png);
	background-repeat: no-repeat;
	height:58px;
	text-indent: -3000px;
}
li.menu_timetable a{
	width:145px;
	background-position:0 0;
}
li.menu_timetable a:hover, li.menu_timetable a.active{ background-position: 0 -58px;}
li.menu_information a{
	width:160px;
	background-position:-145px 0px;
}
li.menu_information a:hover, li.menu_information a.active{ background-position: -145px -58px; }
li.menu_dj a{
	width:125px;
	background-position:-305px 0px;
}
li.menu_dj a:hover,li.menu_dj a.active{ background-position: -305px -58px; }
li.menu_request a{
	width:190px;
	background-position:-430px 0px;
}
li.menu_request a:hover,li.menu_request a.active{ background-position: -430px -58px; }
li.menu_blog a{
	width:130px;
	background-position:-620px 0px;
}
li.menu_blog a:hover,li.menu_blog a.active{ background-position: -620px -58px; }
li.menu_sponser a{
	width:150px;
	background-position:-750px 0px;
}
li.menu_sponser a:hover,li.menu_sponser a.active{ background-position: -750px -58px; }

div#footer{
	clear:both;
    width: 900px;
    height: 159px;
    background: url(/img/bg_footer.png) no-repeat;
    font-size: 10px;
}

ul#breadcrumbs{
	clear:both;
/*	border:1px solid #dedede;*/
/*  border:1px solid #ececec;*/
	border-bottom:1px solid #13007C;
	height:2.3em;
	font-size:.8em;
	margin-left:1px;
	margin-bottom:10px;
}
ul#breadcrumbs li {
	float:left;
	line-height:2.3em;
/*  padding-left:.75em;*/
	padding-left:1.25em;
	color:#333;
}
ul#breadcrumbs li a{
	display:block;
	padding:0 15px 0 0;
	background:url(/img/crumbs.png) no-repeat right center;
}
ul#breadcrumbs li a:link, #breadcrumbs li a:visited{
	text-decoration:none;
	color:#333;
}
ul#breadcrumbs li a:hover, #breadcrumbs li a:focus{
	color:#dd2c0d;
}

div#sitemap{
	width:500px;
	float:left;
	padding-top:30px;
	padding-left:30px;
}
div#sitemap ul{
	width:200px;
	float:left;
}
div#sitemap ul li a{
	color:white;
	text-decoration:none;
}
div#sitemap ul li a:hover{ text-decoration: underline; }

div#copy{
    line-height:1.4;
    margin-left:720px;
    padding-top:100px;
}

ul li.col3{
    text-align: justify;
    text-justify:inter-ideograph;
    display:block;
    width:255px;
    float:left;
    padding:15px;
}
ul li.col3 strong{
    font-size:1.1em;
}
.note{
    font-size:.95em;
    color: #666;
}
li.colseparater{
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
}


#message .require{
	color:#BE26B1;
	font-size:11px;
	padding-left:5px;
}

span.red{
font-weight: bold;
color:red;
}

div.notice{
    margin-top:10px;
    padding:20px;
    background: #F6CFFE;
    border: 3px solid #E26CFB;
}

table.info_tbl{
    width: 468px;
    margin-top:10px;
    margin-left:110px;
    margin-bottom:5px;
    background: #eee;
    border:1px solid #ccc;
}
table.info_tbl th{
    border:1px solid #ccc;
/*     border:1px dotted #ccc; */
}
table.info_tbl td{
/*    border:1px dotted #ccc;*/
    border:1px solid #ccc;
}
.info_tbl td,.info_tbl th{
    font-size:.85em;
    padding:3px;
}

.tbl{
    width: 800px;
    margin-top:10px;
    margin-left:30px;
    margin-bottom:5px;
    font-size:.85em;
}
.tbl th{
	background: url(/img/timetable_grad.png) repeat-x center center;
	background-position: right bottom
/*     background: #ccc; */
}
.tbl td{
    width:660px;
}
.tbl td, .tbl th{
    border:1px dotted #ccc;
    padding:5px;
}