*	{
	margin: 0;
	padding: 0;
}

h2	{
	margin: 0 0 10px 0;
}

h3	{
	margin-bottom: 2px;
}
p,ul,dl	{
	margin-bottom: 0.85em;
	line-height: 140%;
}
a:link	{
	}

a:hover	{
	color: #CC0000;
	text-decoration: none;
	}

a img	{
	border: 0;
}

.fl	{
	float: left;
	margin-right:6px;
}
.fr	{
	float: right;
	margin-left:8px;
}

.red	{
	color: #CC0000;
}
.blue	{
	color: #000066;
}
.green	{
	color: #003300;
}

.txt_center, .center	{
	text-align: center;
}

.clear	{
	clear: both;
}

/*#################### common ####################*/
body	{
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0 auto;
	background: url(common/back.jpg) repeat-x #210E0E;
	color: #333;
	}

/*-- header --*/
#header	{
	width: 890px;
	height: 143px;
	margin: 0 auto;
	text-align: left;
	background: url(common/header.jpg) no-repeat;
}
#rock_navi	{
	width: 890px;
	height: 27px;
	background: url(common/header_navi.jpg) no-repeat;
	margin: 0 auto;
	}


/*-- navigation --*/
.header_navi {margin-left:8px; list-style:none; height:27px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; font-size: 12px; background: url(common/navi_line.gif) no-repeat left 50%;}

.header_navi li.top {display:block; float: left; height:27px;  line-height: 27px; background: url(common/navi_line.gif) no-repeat right 50%;}
.header_navi li a {display:block; float:left; padding: 0 8px; height:27px; line-height: 27px; color: #fff; text-decoration: none;}

.header_navi table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.header_navi a:hover {visibility:visible; position:relative; z-index:200; color: #ccc; text-decoration: underline;}
.header_navi li:hover {position:relative; z-index:200;}

.header_navi li a.top_link:hover {background:transparent;} 
.header_navi li:hover > a.top_link {background:transparent;} 

/* keep the 'next' level invisible by placing it off screen. */
.header_navi ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.header_navi :hover ul {left:0; top:27px; background-color:#F8F5E7; padding:0; white-space:nowrap; height:auto; z-index:300;}
.header_navi :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto; border-bottom: solid 1px #C6BD99;}
.header_navi :hover ul li a {display:block; font-size:12px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#241111; background:transparent; text-decoration:none;}
.header_navi :hover ul li a:hover {text-decoration:underline;}

	.header_navi :hover ul.guide	{width: 130px;}
	.header_navi :hover ul.program	{width: 190px;}
	.header_navi :hover ul.school	{width: 140px;}
	.header_navi :hover ul.facilities	{width: 210px;}

#container	{
	width: 898px;
	margin: 0 auto;
	text-align: center;
	padding: 6px 0;
	clear: left;
}
#c1	{
	width: 898px;
	height: 25px;
	background: url(common/c1.jpg) no-repeat;
}
#main	{
	width: 898px;
	height: auto;
	overflow: visible;
	margin: 0 auto;
	background: url(common/c2.jpg) repeat-y;
}
#contents	{
	width: 610px;
	float: left;
	text-align: left;
	padding: 0 0 0 21px;
}
	#contents div.text_area	{
		padding: 15px 10px;
	}
		.text_area p.oe	{
			margin-top: 60px;
		}
		.text_area ul	{
			padding-left: 20px;
			margin-bottom: 2em;
		}
		.text_area li	{
			margin-bottom: 0.6em;
		}
	.text_area ol	{
		padding-left: 24px;
		padding-right: 15px;
	}


	div.c_title	{
		background: url(common/ct1.gif) no-repeat;
	}
		div.c_title h1	{
			padding: 18px 0 6px 30px;
			color: #E4E4E4;
		}
		div.ct_b	{
			height: 16px;
			width: auto;
			background: url(common/ct2.gif) no-repeat;
		}
	.text_area h2	{
		background: url(common/ct1.gif) no-repeat left -10px;
		padding: 10px 0 10px 30px;
		margin-top: 2em;
		color: #E4E4E4;
	}
		.text_area h2 a	{color: #E4E4E4;}

	.text_area h3	{
		background: url(common/sth.gif) no-repeat;
		padding: 6px 0 10px 26px;
		margin: 2em 0 0 0;
		color: #E4E4E4;
	}
		.more_entries	{
			background-color: #F8F5E7;
			border: solid 1px #C6BD99;
			padding: 6px 6px 0 6px;
		}
	.text_area p	{
		padding-left: 15px;
		padding-right: 15px;
	}


	.text_area table	{
		width: 95%;
		margin: 1.5em auto;
		border-collapse: collapse;
		line-height: 135%;
		border: solid 1px #C6BD99;
	}
		.text_area table th	{
			background: url(common/sth.gif) repeat -24px top;
			text-align: center;
			color: #E4E4E4;
			padding: 6px 10px;
			white-space: nowrap;
			border: solid 1px #C6BD99;
		}
		.text_area table td	{
			padding: 6px;
			background-color: #F8F5E7;
			border: solid 1px #C6BD99;
		}

	.loc	{
		background: url(common/list_ct.gif) no-repeat left;
		padding: 3px 15px;
		border-bottom: dotted 1px #E6E2D1;
	}
	.loc_l2	{
		background: url(common/list_ct2.gif) no-repeat left;
		padding: 3px 15px;
		margin-left: 15px;
		border-bottom: dotted 1px #E6E2D1;
	}
		.site_comment	{
			padding: 3px 15px;
			margin-left: 15px;
		}

/*-- top page --*/
#top_image	{
	width: 898px;
	height: 283px;
	background: url(images/top_main.jpg) no-repeat;
	margin-bottom: 6px;
}
	#main_image	{
		width: 595px;
		height:242px;
		float: left;
		padding: 22px 0 0 28px;
	}
	#catch	{
		float: right;
		width: 240px;
		height: 161px;
		padding: 60px 16px 0 0;
	}

	#program,#school	{
		width: 602px;
		height: 127px;
		padding: 38px 0 0 8px;
		margin-bottom: 8px;
	}
		#program	{
			background: url(images/index_contents.jpg) no-repeat 0 0;
		}
		#school	{
			background: url(images/index_contents.jpg) no-repeat 0 -168px;
		}
			.item	{
				float: left;
			}
	#topics	{
		width: 602px;
		height: 130px;
		padding: 34px 0 0 8px;
		margin-bottom: 8px;
		background: url(images/index_contents.jpg) no-repeat 0 -336px;
	}
		#topics div.top_info	{
			width: 272px;
			height: 110px;
			overflow: auto;
				scrollbar-face-color: #C6BD99;
				scrollbar-track-color: #E2DABA;
				scrollbar-arrow-color:#330000; 
				scrollbar-highlight-color:#E2DABA; 
				scrollbar-shadow-color:#C6BD99; 
				scrollbar-3dlight-color:#E2DABA; 
				scrollbar-darkshadow-color:#C6BD99;
			padding: 0 5px 0 11px;
		}
				#nt	{
					float: left;
					margin-right: 8px;
				}
			#topics div.top_info ul	{
				list-style-type: none;
			}
			#topics div.top_info li	{
				border-bottom: dotted 1px #C6BD99;
				padding-bottom: 2px;
				margin-bottom: 2px;
			}

/*-- shopping --*/
div.item_list	{
	width: 125px; height: 255px; margin: 0 8px 8px 0; padding: 4px; float: left; border: solid 1px #ccc;
}
table.item_details	{
	width: 330px;
}

.color	{padding: 3px 5px; margin: 3px; border: solid 1px #ccc;}
	.bg_gray	{background-color: #C0C0C0;}
	.bg_blue	{background-color: #3399CC; color: #fff;}
	.bg_red		{background-color: #FF3333; color: #fff;}
	.bg_yellow	{background-color: #FFFF00;}
	.bg_green	{background-color: #339966; color: #fff;}
	.bg_siena	{background-color: #FFCC99;}
	.bg_purple	{background-color: #9933CC; color: #fff;}

.multiple-pages	{clear: both;}
	.multiple-pages b	{padding: 3px; border: solid 1px #C6BD99;}
	.multiple-pages a	{padding: 3px; border: solid 1px #ccc; background-color: #F8F5E7;}


/*-- right_column --*/
#right_column	{
	width: 210px;
	float: right;
	padding: 0 29px 0 0;
	font-size: 12px;
	text-align: center;
}
	#right_column h3	{
		font-size: 14px;
	}
	#right_column h4	{
		font-size: 12px;
	}
	#right_column p	{
		font-size: 12px;
		line-height: 118%;
		margin-bottom: 0.6em;
	}

.right_box	{
	width: 208px;
	border: solid 1px #241111;
	background-color: #F7F1DA;
	margin-bottom: 10px;
}
	.right_box h3	{
		background-image: url(common/sidemenu_back.jpg);
		color: #fff;
		padding: 3px 0;
	}
		.right_box h3 span	{
			font-size: 12px;
		}
	.right_box div.inner	{
		padding: 5px 3px 5px 3px;
	}

	.right_box ul	{
		text-align: left;
		list-style-type: none;
		margin-left: 6px;
	}
		.right_box ul li	{
			background: url(common/list_ct2.gif) no-repeat left 4px;
			padding-left: 10px;
		}




.calendar	{
	border-top: solid 1px #241111;
	padding: 6px 3px 3px 3px;
	margin: 0 3px;
}

	/*-- fontsize --*/
	#fontsize	{
		width: 146px; height: 24px; background: url(common/fontsize.gif) no-repeat; margin: 15px auto;
	}
		#fontsize div.inner	{
			text-align: right; padding: 2px 10px 0 0;
		}
		#fontsize div.inner img	{
			margin-left: 3px;
		}


/*-- footer --*/
#footer	{
	clear: both;
	width: 898px;
	height: 60px;
	font-size: 12px;
	background: url(common/c3.jpg) no-repeat;
	margin: 0 auto;
	text-align: left;
	padding: 26px 0 0 0;
}
	#footer ul	{
		list-style-type: none;
		display: inline;
		background: url(common/navi_line.gif) no-repeat left 50%;
		margin-left: 20px;
		font-size: 12px;
	}
	#footer ul li	{
		display: inline;
		background: url(common/navi_line.gif) no-repeat right 50%;
		padding: 0 5px;
		line-height: 27px;
	}
		#footer li a	{
			text-decoration: none;
			color: #fff;
		}
		#footer li a:hover	{
			text-decoration: underline;
			color: #ccc;
		}


dt span.required	{color: #CC0000;}