@charset "utf-8";

/* File Status
================================
Author:			Tifana.com 
LastModified:	2010/1/4
================================ */

/* Property Order
======================
01) background
02) border
03) border-bottom
04) border-collapse
05) border-color
06) border-left
07) border-right
08) border-top
09) clear
10) color
11) display
12) float
13) font-family
14) font-size
15) font-style
16) font-weight
17) height
18) left
19) line-height
20) list-style
21) margin
22) overflow
23) padding
24) position
25) right
26) text-align
27) text-indent
28) top
29) vertical-align
30) visibility
31) white-space
32) width
33) z-index
====================== */

/* --------------------------------------------------
Top CSS
----------------------------------------------------- */

/* ========== flash ========== */
div#flash {
	/*background:url(/material/img/top/flash_img_010.jpg) no-repeat;*/
	height:327px;
	padding:0 0 10px 0;
	width:946px;
}


/* ========== notice ========== */
div#notice {
	background:url(/material/img/top/notice_bg_010.gif);
	height:30px;
	line-height:27px;
	margin:0 0 17px 0;
	padding:0 0 0 120px;
	width:826px;
}


/* ========== textbook ========== */
div#textbook {
	clear:both;
}
div#textbook dl, dt, dd {
	float:left;
}
div#textbook dl {
	margin:0 10px 0 0;
}
* html div#textbook dl {
	margin:0 8px 0 0;
}
div#textbook dt {
	margin:0 8px 0 0;
}
div#textbook dd {
	margin:0 4px 0 0;
}
div#textbook dl.elementary {
	border-right:solid 1px #bcbcbc;
	height:98px;
	width:378px;
}
div#textbook dl.junior {
	border-right:solid 1px #bcbcbc;
	height:98px;
	width:296px;
}
div#textbook dl.high {
	border-right:solid 1px #bcbcbc;
	height:98px;
	width:144px;
}
div#textbook dl.magnify {
	height:98px;
	width:73px;
}
div#textbook dl.magnify dd {
	margin:0;
}


/* ========== interview ========== */
div#main {
	clear:both;
	padding:30px 0 0 0;
	width:946px;
}
div#main div#mainLeft {
	float:left;
	width:679px;
}
div#main div#mainLeft div#interview {
	height:186px;
	margin:0 0 20px 0;
	position:relative;
	width:679px;
}
div#main div#mainLeft div#interview div#tab {
	height:42px;
	width:108px;
	position:absolute;
	left:548px;
}
div#main div#mainLeft div#interview div#tab li {
	float:left;
}
div#main div#mainLeft div#interview div#tab a {
	display:block;
	height:42px;
	width:36px;
}
div#main div#mainLeft div#interview div#page1 {
	clear:both;
	background:url(/material/img/top/interview_bg_010.gif) no-repeat;
	height:189px;
	width:679px;
}
div#main div#mainLeft div#interview div#page2 {
	clear:both;
	background:url(/material/img/top/interview_bg_020.gif) no-repeat;
	height:189px;
	width:679px;
}
div#main div#mainLeft div#interview div#page3 {
	clear:both;
	background:url(/material/img/top/interview_bg_030.gif) no-repeat;
	height:189px;
	width:679px;
}
div#main div#mainLeft div#interview div.left {
	float:left;
	margin:0 20px 0 0;
	width:308px;
}
div#main div#mainLeft div#interview div.left div.list {
	float:left;
	height:71px;
	margin:75px 40px 0 38px;
	width:126px;
}
* html div#main div#mainLeft div#interview div.left div.list {
	float:left;
	height:71px;
	margin:75px 40px 0 15px;
	width:126px;
}
div#main div#mainLeft div#interview div.left div.photo {
	float:right;
	height:125px;
	margin:52px 0 0 0;
	width:104px;
}
div#main div#mainLeft div#interview div.right {
	float:right;
	width:351px;
}
div#main div#mainLeft div#interview div.right div.title {
	clear:both;
	height:53px;
	margin:60px 0 15px 0;
}
div#main div#mainLeft div#interview div.right p.text {
	width:340px;
}


/* ========== middle ========== */
div#main div#mainLeft div#middle {
	/*background:url(/material/img/top/middle_line_020.gif) repeat-x bottom;
	height:120px;*/
	float:left;
	margin:0px 0px 10px 0px;
	width:679px;
}
div#main div#mainLeft div#middle dl {
	background:url(/material/img/top/middle_line_010.gif) repeat-y right;
	float:left;
	padding:0 4px;
}
div#main div#mainLeft div#middle dl.end {
	background:none;
	float:left;
	padding:0 4px;
}
div#main div#mainLeft div#middle dt {
	padding:0 0 10px 0;
}
div#main div#mainLeft div#middle dd {
	clear:both;
	font-size:0.8em;
	/*height:40px;*/
	padding:0 0 0 3px;
	width:123px;
}
div#main div#mainLeft div#middle_line {
	float:left;
	margin:0px 0px 20px 0px;
}



/* ========== bottom ========== */
div#main div#mainLeft div#bottom {
	/*height:218px;*/
	float:left;
	/*background:url(/material/img/top/bottom_line_010.gif) repeat-y;*/
}
div#main div#mainLeft div#bottom div.boxLeft {
	float:left;
	margin:0 20px 5px 0;
	width:329px;
}
div#main div#mainLeft div#bottom div.boxRight {
	float:left;
	margin:0 0 5px 0;
	width:329px;
}
div#main div#mainLeft div#bottom div.photo {
	float:left;
	/*height:60px;*/
	margin:0 15px 0 0;
	width:60px;
}
div#main div#mainLeft div#bottom div.right {
	float:left;
	width:240px;
}
div#main div#mainLeft div#bottom div.right div.title {
	margin:0 0 10px 0;
}
div#main div#mainRight {
	float:right;
	width:224px;
}
div#main div#mainLeft div#bottom_line {
	float:left;
	margin: 0px 0px 5px 0px;
}

/* ========== bana ========== */
div#main div#mainRight div#bana {
	margin:0 0 40px 0;
}
div#main div#mainRight div#bana div {
	margin-bottom: 10px;
}

/* ========== news ========== */
div#main div#mainLeft div#news {
	margin:0px 0px 10px 4px;
	padding:10px 5px 10px 10px;
	width:657px;
	height:110px;
	background-color:#ffffff;
	border:solid 1px #efefef;
	/*border:dashed 2px #f08537;*/
	/*background:url(/material/img/top/news_back.gif) no-repeat;*/

}
div#main div#mainLeft div#news div.title {
	background:url(/material/img/top/news_title_010.gif) no-repeat;
	color:#7b6923;
	height:15px;
	margin:0 0 15px 0;
	padding:0 0 0 45px;
	width:657px;
}
div#main div#mainLeft div#news dt, div#main div#mainRight div#news dd {
	clear:both;
}
div#main div#mainLeft div#news dl {
	background-color:#ffffff;
	overflow-y:scroll;
	height:110px;
	scrollbar-track-color:#efefef;
	scrollbar-base-color:#999999;
	scrollbar-face-color:#ffffff;
}
div#main div#mainLeft div#news dt {
	color:#660000;
	width:100px;
}
div#main div#mainLeft div#news dd {
	margin:0 0 7px 0;
	width:519px;
}