/* ----------------------------------------------------
	Base
---------------------------------------------------- */

/* ClearFix -------------------------------------- */
#headline,
#mainArea {  
	zoom: 100%;  
}  
#headline:after,
#mainArea:after {  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
} 


/* ----------------------------------------------------
	Headline
---------------------------------------------------- */
#headline {
	width: 740px;
	margin: 6px auto 2px auto;
	padding: 0;
}
#headline h3 {
	width: 107px;
	margin: 0;
	padding: 0;
	float: left;
}
#headline ul {
	width: 633px;
	height: 38px;
	margin: 0;
	padding: 0;
	float: right;
	background: url(../images/news_bg.jpg) top left no-repeat;
}
#headline ul li {
	margin-top: 14px;
	list-style-type: none;
	font-size: 80%;
	color: #666;
	margin-right: 10px;
	line-height: 1.0;
}


/* ----------------------------------------------------
	dMenu
---------------------------------------------------- */
#dMenu {
	width: 740px;
	min-height: 180px;
	height: 180px; /* forWinIE6*/
	margin: 0 auto;
	padding: 0;
	clear: both;
	position: relative;
}
#dMenu h3 {
	margin: 0 0 1px 0;
	padding: 0;
}
#dMenu div {
	width: 184px;
}
#dMenu div#schoolLife {
	width: 197px;
}
#dMenu ul {
	width: 174px;
	height: 103px;
	margin: 0;
	padding: 5px 5px 4px;
	font-size: 12px;
}
#dMenu ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}
#dMenu ul li a {
	display: block;
	width: 160px;
	height: 18px;
	margin: 0;
	padding: 7px 0 1px 14px;
	color: #666;
}
#dMenu ul li a:hover,
#dMenu ul li a.bottom:hover {
	background-position: 0 -26px;
	color: #333;
}

#dMenu span.small { font-size: 10px; }

/**/
#whatsNew {
	position: absolute;
	top: 0px;
	left: 0px;
}
#whatsNew ul { background: url(../images/dmenu_news_bg.gif) bottom; }
#whatsNew ul li a { background: url(../images/dmenu_news_menu_bg.gif) top left no-repeat; }
#whatsNew ul li a.bottom { background: url(../images/dmenu_news_menu_bg_b.gif) top left no-repeat; }

/**/
#admissions {
	position: absolute;
	top: 0px;
	left: 185px;
}
#admissions ul { background: url(../images/dmenu_admi_bg.gif) bottom; }
#admissions ul li a { background: url(../images/dmenu_admi_menu_bg.gif) top left no-repeat; }
#admissions ul li a.bottom { background: url(../images/dmenu_admi_menu_bg_b.gif) top left no-repeat; }

/**/
#schoolInfo {
	position: absolute;
	top: 0px;
	left: 370px;
}
#schoolInfo ul { background: url(../images/dmenu_si_bg.gif) bottom; }
#schoolInfo ul li a { background: url(../images/dmenu_si_menu_bg.gif) top left no-repeat; }
#schoolInfo ul li a.bottom { background: url(../images/dmenu_si_menu_bg_b.gif) top left no-repeat; }

/**/
#schoolLife {
	position: absolute;
	top: 0px;
	left: 555px;
}
#schoolLife ul { width: 175px; background: url(../images/dmenu_sl_bg.gif) bottom; }
#schoolLife ul li a { background: url(../images/dmenu_sl_menu_bg.gif) top left no-repeat; }
#schoolLife ul li a.bottom { background: url(../images/dmenu_sl_menu_bg_b.gif) top left no-repeat; }


/* ----------------------------------------------------
	mainArea
---------------------------------------------------- */
#mainArea {
	width: 740px;
	margin: 0 auto 14px auto;
	padding: 0;
	background: url(../images/main_bg.gif) top left repeat-y;
}
#mainArea h3 {
	margin: 0;
	padding: 0;
}


/* nfoArea */
#infoArea {
	width: 512px;
	margin: 0;
	padding: 0;
	float: left;
}

h3.sLife { border-bottom: 4px solid #9BE03F; }
h3.topics { border-bottom: 4px solid #6CF; }
h3.imInfo { border-bottom: 4px solid #FF7373; }

.free {
	background: url(../images/main_free_bg.gif);
	margin-bottom: 13px;
	padding: 12px 10px 1px;
	font-size: 75%;
}
.free p {
	margin: 0;
	padding: 0 0 8px 0;
	color: #666;
	line-height: 1.4;
}

.groupBody {
	background: url(../images/main_group_bg.gif);
	padding-bottom: 6px;
}
.groupBody p {
	margin: 0 0 0 10px;
	padding: 0;
}
.groupBody p img {
	vertical-align: top;
	margin: 0 4px 4px 0;
	padding: 0;
}


/* bnrArea */
#bnrArea {
	width: 212px;
	margin: 0;
	padding: 0;
	background: url(../images/bnrArea_bg.gif) top left no-repeat;
	float: right;
}
#bnrArea ul.bunners {
	margin: 9px 0 0 13px;
	padding: 0;
	font-size: 80%;
	list-style-type: none;
}
#bnrArea ul.bunners li {
	margin: 0 0 4px 0;
	padding: 0;
}
#bnrArea ul.bunners li img { vertical-align: top; }

#bnrArea ul.others {
	width: 197px;
	margin: 9px 0 0 9px;
	padding: 0;
	font-size: 80%;
	list-style-type: none;
	background: url(../images/border_dot.gif) top left repeat-x;
}
#bnrArea ul.others li {
	margin: 0;
	padding: 10px 0;
	background: url(../images/border_dot.gif) bottom left repeat-x;
}
#bnrArea ul.others li a {
	display: block;
	margin: 0 0 0 6px;
	padding: 0 0 0 14px;
	color: #F00;
	text-decoration: none;
}
#bnrArea ul.others li a.doc { background: url(../images/icon_doc.gif) 0px 1px no-repeat; }
#bnrArea ul.others li a.info { background: url(../images/icon_info.gif) 0px 1px no-repeat; }
#bnrArea ul.others li a.mobile { background: url(../images/icon_mobile.gif) 0px 1px no-repeat; }

#bnrArea ul.others li a:hover { text-decoration: underline; }


/***/
.sLifeFrame {
	width: 512px;
	height: 148px;
	margin: 1px 0 10px 0;
	padding: 0;
}
/*
.sTopiFrame {
	width: 512px;
	height: 68px;
	margin: 1px 0 10px 0;
	padding: 0;
}
.sImFrame {
	width: 512px;
	height: 68px;
	margin: 1px 0 10px 0;
	padding: 0;
}
*/

div.topicsBody {
	width: 492px;
	margin: 1px 0 10px 0;
	padding: 12px 10px 2px;
	background: url(../images/main_topics_bg.gif);
	font-size: 75%;
}
div.imInfoBody {
	width: 492px;
	margin: 1px 0 10px 0;
	padding: 10px 10px 2px;
	background: url(../images/main_imInfo_bg.gif);
	font-size: 75%;
}

div.topicsBody ul,
div.imInfoBody ul,
div.free ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div.topicsBody ul li,
div.imInfoBody ul li,
div.free ul li {
	color: #666;
	padding-left: 8px;
	line-height: 1.2;
	margin-bottom: 10px;
	background: url(../bbs/img-cgi/arrow_add.gif) 0px 1px no-repeat;
}

div.imInfoBody a,
div.topicsBody a,
div.free a { color: #EE4B7C; text-decoration: none; }
div.imInfoBody a:hover,
div.topicsBody a:hover,
div.free a:hover { text-decoration: underline; }