@charset "UTF-8";
@import "staffbasic.css";

div#CONTENT {
	width:800px;
}

/***************************************************
# balloon
***************************************************/

div#BALLOON {
	display:none;
	width:250px;
	position:absolute;
}

div#BALLOON-HEAD {
	background: url(../images/staff/balloon_head.png) no-repeat;
	height: 15px;
	overflow: hidden;
}

div#BALLOON-BODY {
	background: url(../images/staff/balloon_body.png) repeat-y;
	width:250px;
}
div#BALLOON-BODY p {
	padding: 0px 15px;
}
div#BALLOON-FOOT {
	background: url(../images/staff/balloon_foot.png) no-repeat;
	height: 30px;
}

/***************************************************
#MENBER  staff
***************************************************/

div#CONTENT div#STAFF-CONTENT {
	width:600px;
	float:left;
}

div#CONTENT div div#MEMBER{
	width:565px;
	margin-left: 45px;
	block:inline;
}

div#CONTENT div div#MEMBER div.staff {
	padding-bottom: 20px;
	width:195px;
	float:left;
}

div#CONTENT div div#MEMBER div p {
	margin: 0px;
	padding: 0px;
}

div#CONTENT div div#MEMBER div.third {
	width:170px;
}

div#CONTENT div#MEMBER div.staff div {
	float:none;
	width:170px;
	text-align: center;
}

div#CONTENT div div#MEMBER span {
	font-size: 80%;
	padding: 0px;
	margin: 0px;
}

div#CONTENT div div#MEMBER strong {
	display:block;
	font-size: 120%;
	padding: 0px;
	margin: 0px;
	height:1.5em;
}

div#CONTENT div#MEMBER div div p.name,
div#CONTENT div div#MEMBER div div.third p.name {
	color: #000000;
}


div#CONTENT div div#MEMBER div div p strong,
div#CONTENT div div#MEMBER div div.third span,
div#CONTENT div div#MEMBER div div p.name,
div#CONTENT div div#MEMBER div div.third p.name,
div#CONTENT div div#MEMBER div div p.bloodtype,
div#CONTENT div div#MEMBER div div third p.bloodtype,
div#CONTENT div div#MEMBER div div p strong {
	text-align: center;
}


/***************************************************
STAFF-SUBTITLE
***************************************************/

div#CONTENT div#STAFF-SUBTITLE {
	height: 40px;
	margin: 25px 0px 15px 45px;
}


/***************************************************
Group Colors
***************************************************/


div#CONTENT div#MEMBER p.name {
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
	font-size:85%;
}

div#CONTENT div#MEMBER p.bloodtype {
	border-bottom:1px solid #000000;
	font-size:85%;
}

div#CONTENT div#TO-GROUPBLOG a {
	display:block;
	width: 150px;
	height: 20px;
	margin-left: 45px;
}
div#CONTENT div#TO-GROUPBLOG a.backgrouplist {
	background: url(../images/staff/button-toblog.gif) no-repeat left top;
}
/*
div#CONTENT div#TO-GROUPBLOG a.backgrouplist-group1 {
	background: url(../images/staff/staff-group1.gif) no-repeat left top;
}
div#CONTENT div#TO-GROUPBLOG a.backgrouplist-group2 {
	background: url(../images/staff/staff-group2.gif) no-repeat left top;
}
div#CONTENT div#TO-GROUPBLOG a.backgrouplist-group3 {
	background: url(../images/staff/staff-group3.gif) no-repeat left top;
}
div#CONTENT div#TO-GROUPBLOG a.backgrouplist-group4 {
	background: url(../images/staff/staff-group4.gif) no-repeat left top;
}
div#CONTENT div#TO-GROUPBLOG a.backgrouplist-group5 {
	background: url(../images/staff/staff-group5.gif) no-repeat left top;
}
div#CONTENT div#TO-GROUPBLOG a.backgrouplist-group6 {
	background: url(../images/staff/staff-group6.gif) no-repeat left top;
}
div#CONTENT div#TO-GROUPBLOG a.backgrouplist-groupoffice {
	background: url(../images/staff/staff-group7.gif) no-repeat left top;
}
div#CONTENT div#TO-GROUPBLOG a.backgrouplist-groupother {
	background: url(../images/staff/staff-group8.gif) no-repeat left top;
}
*/
div#CONTENT div#TO-GROUPBLOG a:hover{
	background-position:0px -20px;
}

div#CONTENT div#MEMBER.group1 p.name { background: #C61628; }
div#CONTENT div#MEMBER.group1 p.bloodtype { background: #F1C5C9; }

div#CONTENT div#MEMBER.group2 p.name { background: #397DBF; }
div#CONTENT div#MEMBER.group2 p.bloodtype { background: #CDDEEF; }

div#CONTENT div#MEMBER.group3 p.name { background: #FABE00; }
div#CONTENT div#MEMBER.group3 p.bloodtype { background: #FEEFBF; }

div#CONTENT div#MEMBER.group4 p.name { background: #00A67B; }
div#CONTENT div#MEMBER.group4 p.bloodtype { background: #D2EADD; }

div#CONTENT div#MEMBER.group5 p.name { background: #54C3F1; }
div#CONTENT div#MEMBER.group5 p.bloodtype { background: #D4F0FB; }

div#CONTENT div#MEMBER.group6 p.name { background: #FF6C6C; }
div#CONTENT div#MEMBER.group6 p.bloodtype { background: #FFDADA; }

div#CONTENT div#MEMBER.groupoffice p.name { background: #FE6617; }
div#CONTENT div#MEMBER.groupoffice p.bloodtype { background: #FFD9C5; }

div#CONTENT div#MEMBER.groupother p.name { background: #898989; }
div#CONTENT div#MEMBER.groupother p.bloodtype { background: #E6E6E6; }

/***************************************************
Subtitle Colors
***************************************************/

div.fourwheel div#CONTENT div#STAFF-SUBTITLE {
	background: transparent url(../images/staff/subtitle.fourwheel.gif) no-repeat left top;
}

div.twowheel div#CONTENT div#STAFF-SUBTITLE {
	background: transparent url(../images/staff/subtitle.twowheel.gif) no-repeat left top;
}

div.others div#WRAPPER div#CONTENT div#STAFF-SUBTITLE {
	background: transparent url(../images/staff/subtitle.others.gif) no-repeat left top;
}

div.students div#WRAPPER div#CONTENT div#STAFF-SUBTITLE {
	background: transparent url(../images/staff/subtitle.students.gif) no-repeat left top;
}