@import "./../../css/common.css";

/* ---------------------- スタッフ紹介 ----------------------- */
#side-area{
	float:right;
	width:750px;
}

/* clear hack */
#side-area{zoom:1;}
#side-area:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#staff *{margin:0;padding:0;}

#staff{
	float:left;
	width:550px;
}

/* h2 */
#staff h2{margin:0 0 25px 0;}

#staff .intro{
	width:530px;
	margin:0 auto 20px;
}

#staff .middle .staff-pic{
	float:left;
	width:190px;
}

#staff .middle .staff-text{
	float:right;
	width:300px;
}

#staff .intro .middle{
	padding:16px 16px 0 10px;
	background:url("../image/middle.gif") no-repeat 0 0 #fffcec;
}

/* clear hack */
.middle{zoom:1;}
.middle:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

#staff .middle dl{
	margin:0 0 10px;
	padding:0 0 3px;
	border-bottom:1px dotted #ccc;
}

/* clear hack */
#staff .middle dl{zoom:1;}
#staff .middle dl:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */


#staff .middle dl dt{
	width:90px;
	float:left;
	color:#a40000;
}

#staff .middle dl dd{
	width:210px;
	float:right;
}

/* h3 */
#staff h3{
	margin:0 0 14px;
	padding:0 0 3px;
	font-size:16px;
	color:#421b04;
	border-bottom:1px solid #421b04;
}

/* h4 */
#staff h4{
	margin:0 0 5px;
	font-size:12px;
	color:#421b04;
	font-weight:normal;
	text-align:right;
}

#staff .staff-text p{margin:0 0 12px;}

#staff dl.staff-list{
	width:480px;
	margin:0 auto 1.4em;
	padding:0 0 16px;
	line-height:1.8;
	border-bottom:1px dotted #ccc;
}

#staff .staff-list dt{color:#a40000;}
#staff .staff-list dd{margin:0 0 0 4px;}

#staff dl.staff-list dd ul{}
#staff dl.staff-list dd ul li{
	margin:0 10px 0 0;
	padding:0 0 0 12px;
	list-style:none;
	display:inline;
	background:url("../image/dot-mark.gif") no-repeat left center;
}


/* ---------------------------------------------------------- */