@charset "utf-8";

/* ============================================
 *
 * Last UpDate : 2010/05/19
 *
============================================ */

/* --------------------------------------------
	lNavi active -  bodyのclassがXXXのとき、該当するナビをアクティブ
-------------------------------------------- */
body.vision #lNavi li.vision a,
body.history #lNavi li.history a,
body.staff   #lNavi li.staff   a,
body.company #lNavi li.company a,
body.media   #lNavi li.media   a {
	background: #f0f0f0 url(/common/img/sub/sub_bg_lnavi.gif) no-repeat left top;
	color: #999999;
}
	body.vision #lNavi li.vision a span,
	body.history #lNavi li.history a span,
	body.company #lNavi li.company a span,
	body.staff   #lNavi li.staff   a span,
	body.media   #lNavi li.media   a span {
		background: url(/common/img/ico/ico_arrowR_09.png) no-repeat left center;
		border-left: 5px solid #999999;
	}


/* --------------------------------------------
	lNavi active -  bodyのclassがXXXのとき、該当するナビをアクティブ
-------------------------------------------- */
body.tokyo  #lNavi li.media a,
body.media #lNavi li.media a {
	background: #f0f0f0 url(/common/img/sub/sub_bg_lnavi.gif) no-repeat left top;
	color: #999999;
}
	body.tokyo  #lNavi li.media a span,
	body.media #lNavi li.media a span {
		background: url(/common/img/ico/ico_arrowR_09.png) no-repeat left center;
		border-left: 5px solid #999999;
	}

		body.tokyo  #lNavi li ul li.tokyo  a span,
		body.media #lNavi li ul li.webdesigning a span {
			background-image: url(/common/img/sub/sub_bg_lnavi_03.gif);
			color: #999999;
		}


/* ============================================
	会社紹介
	/staff/
============================================ */
body.company {
}


/* ============================================
	スタッフ紹介
	/staff/staff.html
============================================ */
body.staff {
}

.memberMapWrap {
	position: relative;
	margin: 0 19px;
	width: 670px;
	height: 344px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e2e2e2;
}
.memberMapTxt li{
	position: absolute;
	height: 30px;
	line-height: 1.8;
	width: 10em;
}
	.memberMapTxt li p {
		float: left;
		background: url(/staff/img/staff_bg_comments.png) no-repeat left top;
		padding-left: 20px;
		padding-top: 6px;
		padding-right: 10px;
	}
	.memberMapTxt li span {
		overflow: hidden;
		float: left;
		display: block;
		background: url(/staff/img/staff_bg_comments.png) no-repeat right top;
		width: 5px;
		padding-top: 6px;
	}
	.memberMapTxt li a{
		display: block;
		color: #000;
		font-weight: bold;
	}
	.memberMapTxt li#map1{ top: 140px; left: 100px;}
	.memberMapTxt li#map2{ top: 80px; left: 530px;}
	.memberMapTxt li#map3{ top: 80px; left: 115px;}
	.memberMapTxt li#map4{ top: 85px; left: 165px;}
	.memberMapTxt li#map5{ top: 80px; left: 215px;}
	.memberMapTxt li#map6{ top: 85px; left: 280px;}
	.memberMapTxt li#map7{ top: 90px; left: 335px;}
	.memberMapTxt li#map8{ top: 85px; left: 400px;}
	.memberMapTxt li#map9{ top: 90px; left: 450px;}
	.memberMapTxt li#map10{ top: 160px; left: 180px;}
	.memberMapTxt li#map11{ top: 165px; left: 250px;}
	.memberMapTxt li#map12{ top: 170px; left: 310px;}
	.memberMapTxt li#map13{ top: 165px; left: 380px;}
	.memberMapTxt li#map14{ top: 220px; left: 480px;}
	.memberMapTxt li#map15{ top: 210px; left: 550px;}
	.memberMapTxt li#map16{ top: 260px; left: 445px;}
	.memberMapTxt li#map17{ top: 245px; left: 335px;}
	.memberMapTxt li#map18{ top: 250px; left: 240px;}
	.memberMapTxt li#map19{ top: 240px; left: 150px;}
	.memberMapTxt li#map20{ top: 245px; left: 75px;}

.ul_staff {
	margin: 0 19px;
}
	.ul_staff li {
		position: relative;
		margin-top: 20px;
		border-bottom: 1px solid #e2e2e2;
		padding-bottom: 15px;
		overflow: hidden;
		zoom: 1;
	}
		.ul_staff li.last {
			border-bottom: none;
		}
		.ul_staff li .fltImg  {
			position: relative;
		}
		.ul_staff li .fltImg .txt {
			position: absolute;
			bottom: 0;
			padding: 5px 10px 0;
			color: #fff;
			width: 150px;
			height: 40px;
		}
		* html .ul_staff li .fltImg .txt {
			bottom: -1px;
			width: 170px;
			height: 45px;
		}
			.ul_staff li .fltImg .bg_01 { background: url(/staff/img/staff_bg_member_01.png) no-repeat left bottom;}
			.ul_staff li .fltImg .bg_02 { background: url(/staff/img/staff_bg_member_02.png) no-repeat left bottom;}
			.ul_staff li .fltImg .bg_03 { background: url(/staff/img/staff_bg_member_03.png) no-repeat left bottom;}
			.ul_staff li .fltImg .bg_04 { background: url(/staff/img/staff_bg_member_04.png) no-repeat left bottom;}
			.ul_staff li .fltImg .txt span{
				font-size: 85%;
			}
	.ul_staff li dl {
		margin-top: 15px;
	}
		.ul_staff li dl dt {
			font-size: 130%;
			color: #000;
		}
		.ul_staff li dl dd {
			margin-top: 10px;
			margin-left: 10px;
		}
.link_top {
	position: absolute;
	background: url(/staff/img/staff_arrow_top.gif) no-repeat right center;
	padding-right: 10px;
	bottom: 10px;
	right: 0;
}