@charset "utf-8";

/*
**************************************
*Since: 2007-5-14
**************************************
*/


/*==========================================================
mainContent
==========================================================*/


/*=====================================
title
=====================================*/
#mainContent .title{
	width:570px;
	height:115px;
	padding:0px 0px 0px 13px;
	margin:0px auto;
	background:url(../images/title_main.jpg) no-repeat;	
}

#mainContent .title img{
    width:132px;
	height:30px;
	padding:0px;
	margin:77px 5px 0px 0px;
}


/*=====================================
explain
=====================================*/
#mainContent .explain{
	width:546px;
	height:180px;
	margin:15px 12px 0px 12px;	
}

#mainContent .explain h1{
	float:right;
	width:260px;
	margin:0px 0px 0px 7px !important;
	margin:0px 0px 0px 3px;
}

#mainContent .explain h2{
	float:right;
	width:279px;
	margin:0px auto;
}

#mainContent .explain p{
	float:right;
	width:279px;
	margin:0px 0px 0px 0px;
}


/*=====================================
school
=====================================*/
#school{
    float:left;
	width:570px;
	margin:15px 0px 0px 0px;
}

#school h1{
	width:570px;
	height:16px;
	padding:7px 0px 7px 25px;
	margin:0px 0px 10px 0px !important;
	margin:0px 0px 5px 0px;
	font-size:16px;
	color:#FFFFFF;
	background:url(../../common/title_sub00.gif) no-repeat;
}

#school h2{
	float:left;
	width:261px;
	height:227px;
	margin:0px 12px 0px 6px !important;
	margin:0px 6px 0px 3px;
}

#school h3{
	float:left;
	width:120px;
	height:25px;
	margin:5px 0px 0px 6px;
}

#school table{
	float:left;
    font-size:12px;
	width:279px;
	margin:0px 0px 20px 7px;

}
#school th{
	padding:1px;
}

#school td{
    padding:5px 7px;
}

#school  .tdleft{
    text-align:center;
	width:80px;
	background-color:#FFCC00;
}

#school  .tdright{
	width:196px;
	line-height:12px;
}

#school  .tdunder{
	line-height:16px;
}


/*=====================================
staff
=====================================*/
#staff{
	width:570px;
	margin:15px 0px 0px 0px;
	clear:both;
}

#staff h1{
	width:570px;
	height:16px;
	padding:7px 0px 7px 25px;
	margin:0px 0px 10px 0px;
	font-size:16px;
	color:#FFFFFF;
	background:url(../../common/title_sub00.gif) no-repeat;
}

#staff h1 em{
	font-style:normal;
	font-weight:normal;
	font-size:70%;
	float:right;
	display:block;
	padding:2px 30px 0px 0px !important;
	padding:2px 10px 0px 0px;
}

#staff .staffNo{
	width:570px;
	height:120px;
	margin:15px 0px 0px 0px;
}


#staff .staffNo h2{
	float:left;
	margin:0px 16px 0px 11px;
	width:120px;
	height:90px;
}

#staff .staffNo h2 a{
	width:120px;
	height:90px;
	display:block;
	background-repeat:no-repeat;
	background-position:top;
	text-indent:-9999px;
}

#staff .staffNo h2 a:hover{
	background-position:bottom;
}

#staff .staffNo h2.owner a{background-image:url(../images/ownner.jpg)}
#staff .staffNo h2.staff00 a{background-image:url(../images/staff00.jpg)}
#staff .staffNo h2.staff01 a{background-image:url(../images/staff01.jpg)}
#staff .staffNo h2.staff02 a{background-image:url(../images/staff02.jpg)}
#staff .staffNo h2.staff03 a{background-image:url(../images/staff03.jpg)}
#staff .staffNo h2.staff04 a{background-image:url(../images/staff04.jpg)}
#staff .staffNo h2.staff05 a{background-image:url(../images/staff05.jpg)}

#staff .staffNo p{
	width:140px;
	height:30px;
	margin:0px 0px -30px 270px;
}

#staff table{
	float:left;
	width:412px;

}

#staff small{
	font-size:12px;
	margin:0px 12px 0px 20px;
}

#staff .name{
	font-size:14px;
	padding:0px;
	border-bottom-style:dotted;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
}

#staff .type{
    float:left;
	width:200px;
	font-size:12px;
	padding:0px 0px 5px 0px;
}

#staff .comment{
	font-size:12px;
	line-height:14px;
	padding:5px 0px 0px 0px;
}
