@charset "UTF-8";

html,body {
	background-color:#eeeeee;
	margin:0px;
}



/*------------------------------
	container
------------------------------*/
#container {
	background-image:url(img/container.gif);
	background-repeat:repeat-y;
	width:800px;
	height:100%;
	margin:auto;
	
	font-size:small;
	line-height:18px;
	font-family:sans-serif,Arial, Helvetica;
}

a:link {
	text-decoration:none;
	color:#3366FF;
}
a:visited {
	text-decoration:none;
	color:#CC66FF;
}
a:hover {
	text-decoration:underline;
	color:#FF0000;
}
img{
	border:none;
	margin:10px 0px 0px 0px;
}
.att {
	font-size:large;
	font-weight:bold;
	color:#ff0000;
}
.red {
	color:#FF0000;
	font-weight:bold;
}



/*------------------------------
	header
------------------------------*/
#header {
	background-image:url(img/header.gif);
	background-repeat:no-repeat;
	width:800px;
	height:100px;
	margin:0px;
}



/*------------------------------
	contain
------------------------------*/
#contain {
	background-image:url(img/container.gif);
	background-repeat:repeat-y;
	width:800px;
	height:100%;
	margin:0px;
}


/*     menu     */
#menu {
	width:200px;
	height:100%;
	margin:0px;
	float:left;
}

.mcon {
	width:180px;
	margin:10px 10px 20px 10px;
}

.mt {
	background-image:url(img/menu_title.gif);
	background-repeat:no-repeat;
	width:160px;
	height:30px;
	padding:0px 10px 0px 10px;
	
	line-height:30px;
	vertical-align:middle;
	color:#ffffff;
	font-size:large;
	font-weight:bold;
}

.mc {
	background-image:url(img/menu_content.gif);
	background-repeat:repeat-y;
	width:160px;
	padding:10px;
}

.mb {
	background-image:url(img/menu_bottom.gif);
	background-repeat:no-repeat;
	width:160px;
	height:20px;
	padding:0px 10px 0px 10px;
	
	line-height:20px;
	vertical-align:middle;
	color:#333333;
	font-size:x-small;
	font-weight:bold;
}

/*     main     */
#main {
	width:600px;
	height:100%;
	margin:0px;
	float:right;
}

.container {
	width:580px;
	margin:10px 10px 20px 10px;
}

.title {
	background-image:url(img/main_title.gif);
	background-repeat:no-repeat;
	width:560px;
	height:30px;
	padding:0px 10px 0px 10px;
	
	line-height:30px;
	vertical-align:middle;
	color:#FFFFFF;
	font-size:large;
	font-weight:bold;
}

.title a:hover {
	text-decoration:none;
	color:#ffffff;
}

.content {
	background-image:url(img/main_content.gif);
	background-repeat:repeat-y;
	width:560px;
	padding:10px;
}

.day {
	background-image:url(img/main_day.gif);
	background-repeat:no-repeat;
	width:560px;
	height:20px;
	padding:0px 10px 0px 10px;
	
	line-height:20px;
	vertical-align:middle;
	color:#333333;
	font-size:x-small;
	font-weight:bold;
}



/*------------------------------
	footer
------------------------------*/
#footer {
	clear:both;
	background-image:url(img/footer.gif);
	background-repeat:no-repeat;
	width:800px;
	height:20px;
	text-align:center;
	font-size:x-small;
	color:#FFFFFF;
	vertical-align:middle;
	line-height:20px;
}