@charset "utf-8";



#article * {
    font-family: helvetica, arial, "hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
}




/* ----------------------------------------------------------------------------------------
　共通
----------------------------------------------------------------------------------------*/
#customer,
#staff,
.list div {
	overflow: hidden;
	height: 100%;
}


/* ----------------------------------------------------------------------------------------
　
----------------------------------------------------------------------------------------*/
#customer,
#staff {
	clear: both;
    margin: 0 auto 10px;
    padding: 0 15px;
	overflow:hidden;
    width: 920px;
}
#customer .section,
#staff .section {
	margin-bottom: 40px;
}

#customer h2,
#staff h2 {
    margin: 0 0 5px;
    padding: 10px 15px;
	font-size:20px;
	font-weight:bold;
	border-top: solid 2px #FFCC00;
	background: #fff5cc;
}
.list {
    overflow: hidden;
    padding: 12px;
	width:200px;
	float:left;
}

.list:hover {
	background:#F5F5F5;
	cursor:pointer;
}

.list dt {
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 2px 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.list .pht {
	background: url("/images/search/bg_mobilettl.jpg") repeat scroll 0 0;
	width:200px;
	height:156px;
	float: left;
	padding: 2px 0 0;
	overflow: hidden;
}

.list .main {
	background: url("/images/bg_spot_phtBak.jpg") repeat scroll;
	border:1px solid #eee;
	display: table-cell;
    height: 153px;
    text-align: center;
    vertical-align: middle;
    width: 200px;
}

.list .click {
	background: url("/images/bg_customerArw2.jpg") no-repeat scroll left center;
	clear:both;
	float: right;
    padding: 0 0 0 15px;
}



/* スライダー */
#conts .bx-wrapper {
    clear: both;
    max-width: 903px!important;
    width: 903px!important;
}
#conts .bx-wrapper .bx-controls-direction a {
    width: 15px;
    height: 50px;
}
#conts .bx-prev {
	background: url(../images/bt_prev.gif) no-repeat 0 0;
    left: -21px;
}
#conts .bx-next {
	background: url(../images/bt_next.gif) no-repeat 0 0;
    right: -21px;
}

/**/
#customer-info li{
    width: 168px!important;
    height: 186px;
    margin-right: 10px;
    border: solid 2px #daa520;
    background: #fff;
    position: relative;
}

#staff-info li {
    width: 168px!important;
    height: 236px;
    margin-right: 10px;
    border: solid 2px #daa520;
    background: #fff;
    position: relative;
}
#customer-info .stf-cmt,
#staff-info .stf-cmt {
	height: 40px;
	padding: 4px 8px 6px;
	font-size: 15px;
	font-weight: bold;
}
/**/
#staff-info .stf-cmt:after {
    content: "";
    top: 50px;
    bottom: 0;
    left: 135px;
    right: 0;
    position: absolute;
    background: url(/images/img_fkds.png) no-repeat;
    z-index: 1;
}


#customer-info .main-img {
	width: 168px;
	height: 128px;
	background: #fff;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}

#staff-info .main-img {
	width: 168px;
	height: 108px;
	background: #fff;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}
#customer-info li .main-img:hover,
#staff-info li .main-img:hover {
	opacity: 0.7;
	transition: opacity 0.1s linear 0s;
}

#customer-info .stf-data,
#staff-info .stf-data {
    padding: 13px 8px;
}
#customer-info .stf-data dt,
#staff-info .stf-data dt {
    margin: 0 4px 0 0;
    padding: 0 10px 0 0;
    background: url(/images/bg_info_arw.jpg) no-repeat right center;
    float: left;
    clear: both;
}