@charset "utf-8";

/*
======== table of content. =================================

File name: css/staff.css
Summary: 教員紹介用CSSファイル

============================================================
*/

/*-------------------------------------
faculty_tab
---------------------------------------*/
ul.faculty_tab{
	width:709px;
	height:30px;
	margin:20px 0 0 0;
	padding:0 0 0 21px;
}
ul.faculty_tab.act01{
	background:url("../images/staff/bg_tab01_atc.jpg") no-repeat 0 100%;
}
ul.faculty_tab.act02{
	background:url("../images/staff/bg_tab02_atc.jpg") no-repeat 0 100%;
}
ul.faculty_tab.act03{
	background:url("../images/staff/bg_tab03_atc.jpg") no-repeat 0 100%;
}
ul.faculty_tab li{
	height:30px;
	float:left;
	position:relative;
	margin:0 0 0 -1px;
	text-align:center;
}
ul.faculty_tab li.tab01{
	background:url("../images/staff/bg_btn_tab01.gif") no-repeat 0 100%;
}
ul.faculty_tab li.tab02{
	background:url("../images/staff/bg_btn_tab02.gif") no-repeat 0 100%;
}
ul.faculty_tab li.tab03{
	background:url("../images/staff/bg_btn_tab03.gif") no-repeat 0 100%;
}

ul.faculty_tab li:hover{
	z-index:3;
}
ul.faculty_tab.act01 li.tab01{
	background-image:url("../images/staff/bg_btn_tab01_on.jpg");
}
ul.faculty_tab.act02 li.tab02{
	background-image:url("../images/staff/bg_btn_tab02_on.jpg");
}
ul.faculty_tab.act03 li.tab03{
	background-image:url("../images/staff/bg_btn_tab03_on.jpg");
}

ul.faculty_tab li a{
	height:30px;
	display:block;
	line-height:30px;
	background:url("../images/staff/ico_tab.gif") no-repeat 0 0;
}
ul.faculty_tab li.tab01 a{
	width:140px;
	background-position:20px 12px;
}
ul.faculty_tab li.tab02 a{
	width:142px;
	background-position:40px 12px;
}
ul.faculty_tab li.tab03 a{
	width:131px;
	background-position:30px 12px;
}
ul.faculty_tab li.atc a{
	padding:2px 0 0 0;
	color:#333;
	font-weight:bold;
	background-image:url("../images/staff/ico_tab_on.gif");
}


/*-------------------------------------
SECTION
---------------------------------------*/

#mainLeft div.section .staff-line-wrapper {
	overflow:hidden;
}
/* profile
----------------------------*/
#mainLeft div.section div.profile{
	width:355px;
	float:left;
	display:inline;
	margin:20px 20px 0 0;
}
/* inside */
#mainLeft div.section div.profile div.inside{
	margin:0 0 20px 0;
	padding:15px 10px 5px 10px;
	background:#F1F1D1;
}
#mainLeft div.section div.profile div.inside p.photo{
	width:100px;
	height:100px;
	padding:0 0 10px 0;
	float:left;
}
#mainLeft div.section div.profile div.inside dl{
	width:220px;
	float:right;
}
#mainLeft div.section div.profile div.inside dl dt{
	font-size:84%;
	border-bottom:1px solid #CCCC99;
}
#mainLeft div.section div.profile div.inside dl dd{
	padding:0 0 10px 0;
	font-size:84%;
	border-top:1px solid #FFF;
}
#mainLeft div.section div.profile div.inside dl dd strong{
	display:block;
	font-size:149%;
	font-weight:bold;
}
#mainLeft div.section div.profile div.inside dl dd span{
	display:block;
	line-height:0;
}

/* detail */
#mainLeft div.section div.profile dl.detail{
	width:100%;
}
#mainLeft div.section div.profile dl.detail dt{
	padding:0 0 10px 0;
}
#mainLeft div.section div.profile dl.detail dd{
	width:345px;
	margin:0 auto 20px auto;
}