@charset "utf-8";

/* =================================================================================
パチ&スロ攻略ナビ運営スタッフ
================================================================================= */

/* -------------------------------------------------------
 Title 
------------------------------------------------------- */
.titleXL .official {
    background: url("../../../free/images/css/official/bg_official_1.png") no-repeat scroll 0 0 transparent;
}

/* -------------------------------------------------------
 staffListArea 
------------------------------------------------------- */
.staffListArea{
	padding-left:1px;
}

.staffListArea .introduction{
	background: url("../../../free/images/css/official/bg_official_1.png") no-repeat scroll 0 -60px transparent;
	width:180px;
	padding:10px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	text-align:left;
	margin:5px 3px 0 2px;
}

.staffListArea .avatar{
	width:120px;
	height:92px;
	margin:0 auto;
	border:3px solid #e4e4e4;
	position:relative;
	overflow:hidden;
}

.staffListArea .avatar img{
	position:absolute;
	top:-5px;
}

.staffListArea .name{
	padding:3px 3px 5px 20px;
	background: url("../../../free/images/css/official/bg_official_1.png") no-repeat scroll -220px -60px transparent;
	font-size:14px;
	line-height:14px;
	border-bottom:1px solid #CCCCCC;
}

.staffListArea .selfInt,
.staffListArea .role{
	color:#ff7070;
}

.connectLinkArea{
	padding-left:3px;
	height:100%;
}

.connectLinkArea li{
	float:left;
	width:52px;
	padding:3px 5px 3px 22px;
	border-bottom:1px dashed #CCCCCC;
	font-size:10px;
	margin:0 7px 5px 0;
}

.connectLinkArea .pLog{
	background: url("../../../free/images/css/official/bg_official_1.png") no-repeat scroll -220px -85px transparent;
}

.connectLinkArea .expense{
	background: url("../../../free/images/css/official/bg_official_1.png") no-repeat scroll -400px -55px transparent;
}

.connectLinkArea .tweet{
	background: url("../../../free/images/css/official/bg_official_1.png") no-repeat scroll -400px -85px transparent;
}

.staffListArea .btnArea {
    background: none repeat scroll 0 0 #FFE3E3;
    border: 1px solid #FF9C9C;
    border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
    display:inline-block;
	/display:inline;
	/zoom:1;
	height:100%;
}

.staffListArea .btnArea a {
    background: url("../../../free/images/css/official/icon_linkarrow_1.gif") no-repeat scroll 8px center #FFE3E3;
    border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
    color: #FF0101;
    display: block;
    padding: 4px 10px 4px 20px;
	text-align:left;
}
.staffListArea .btnArea a:hover {
    background: url("../../../free/images/css/official/icon_linkarrow_1.gif") no-repeat scroll 8px center #FFBABA;
    border-radius: 3px 3px 3px 3px;
    color: #FF0101;
    display: block;
	text-decoration:none;
}

/* -------------------------------------------------------
 clearfix
------------------------------------------------------- */
.connectLinkArea:after{
	content:"";
	display:block;
	clear:both;
	height:0;
}

/* EOF */