@charset "utf-8";
@import "../../css/common.css";
/*-----------------------------------------------------*/
/* 相続アドバイザー紹介(staff.html) style css */
/*-----------------------------------------------------*/
#staff *{margin:0;padding:0;}
#staff{margin:0 auto;}

/* h1：タイトル */
#staff h1{margin:0 auto 0.6em;}

/* リード文 */
#staff p.read{
	width:630px;
	margin:0 auto 1.2em;
}

/* staff-nav */
#staff-nav{
	margin:0 auto 1em;
	font-size:1.2em;
	text-align:center;
}

/* イラスト図 */
#staff p.zu{
	margin:0 0 2em;
	text-align:center;
}

/* h2 */
#staff h2{
	width:630px;
	margin:0 auto 1.6em;
	padding:3px 0 2px 10px;
	color:#3d2505;
	font-size:1.4em;
	background:url('./../image/h2_back.gif') repeat 0 0;
	border-left:7px solid #bcb499;
}

/*-------------------------------------------*/
/* 社内スタッフ */
/*-------------------------------------------*/
/* h3 */
#staff .inside-area h3{
	font-size:1.2em;
	color:#fff;
	padding:14px 0 0 30px;
}

/* staff-block */
#staff .inside-area .staff-block{
	width:620px;
	margin:0 auto 2em;
}

#staff .inside-area .staff-block .top{
	background:url('./../image/staff_top.gif') no-repeat 0 0 #fefdfd;
	height:53px;
}

#staff .inside-area .staff-block .middle{
	padding:10px 20px 0;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background:url('./../image/staff_middle.gif') no-repeat 0 0 #fffffe;
}

#staff .inside-area .staff-block .photo-area{margin:0 0 0.6em;}

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

/* left */
#staff .inside-area .staff-block .photo-area .left{
	width:145px;
	float:left;
}

/* right */
#staff .inside-area .staff-block .photo-area .right{
	width:415px;
	float:right;
}

#staff .inside-area .staff-block .photo-area .left img{border:1px solid #ccc;}

/* h4 */
#staff .inside-area .staff-block h4{
	font-size:1em;
	margin:0 0 0.8em;
	background:url('./../image/h3_back.gif') repeat-x 0 0;
}

#staff .inside-area .staff-block h4 span{
	display:block;
	padding:4px 0 4px 26px;
	background:url('./../image/ic_heart.gif') no-repeat 5px 5px;
}

#staff .inside-area .staff-block p.text{
	margin:0 0 0 10px;
	padding:0 0 16px;
}

/* リスト */
#staff .inside-area .staff-block ul{
	margin:0 0 0 24px;
	padding:0 0 10px 0;
}

/* ページトップ */
#staff .pagetop02{margin-bottom:2em;}

/*-------------------------------------------*/
/* 外部ブレーン */
/*-------------------------------------------*/
/* outside-area */
#staff .outside-area{
	width:630px;
	margin:0 auto 2em;
}

/* outside-block */
#staff .outside-block{
	width:550px;
	margin:0 auto 2em;
	padding:10px 0 5px;
	border:1px solid #ccc;
	background:url('./../image/outside_staff_back.gif') repeat-x 0 0;
}

/* outside-photo-area */
#staff dl.outside-photo-area{
	width:520px;
	margin:0 auto 0.6em;
}

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


/* left */
#staff dl.outside-photo-area dt{
	float:left;
	width:120px;
}

#staff dl.outside-photo-area dt img{border:1px solid #ccc;}

/* right */
#staff dl.outside-photo-area dd{
	float:right;
	width:390px;
}

/* h3 */
#staff dl.outside-photo-area dd h3{
	font-size:1.2em;
	border-bottom:1px solid #333;
	margin:0 0 0.3em;
	padding:0 0 2px 22px;
	background:url('./../image/ic_heart02.gif') no-repeat 0 3px;
}

/* h4 */
#staff .outside-block h4{
	font-size:1em;
	margin:0 0 0.6em;
	padding:2px 0 2px 5px;
	border:1px solid #ccc;
	background-color:#fff;
}

#staff dl.outside-photo-area dd ul{margin:0 0 0 20px;}

#staff .bottom-area{
	width:520px;
	margin:0 auto;
}

/* リスト */
#staff .bottom-area ul{margin:0 0 0 20px;}
#staff .bottom-area ul li{margin:0 0 0.2em;}

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