@charset "UTF-8";

/********************************************

 機能紹介 トップ（business）

********************************************/
#biztop {
	
}


/* wholesale */
#biztop #wholesale {
	
}
#biztop #wholesale .label {
	font-size: 160%;
	margin: 0 0 20px;
}
#biztop #wholesale .text {
	margin: 0 0 40px;
}
#biztop #wholesale .image {
	position: relative;
	width: 720px;
	height: 680px;
	/*background-color: rgba(255,0,0,0.1);*/
}
#biztop #wholesale .image .img {
	position: absolute;
	left: 0;
	top: 0;
}


#biztop #wholesale .image .pop {
	position: absolute;
	left: 0;
	top: 0;
	width: 500px;
	height: 215px;
	padding: 10px 10px;
	background: #fff;
	border-radius: 6px;
	
	pointer-events: none;
	
	box-shadow:2px 2px 4px 2px #999;
	-moz-box-shadow:2px 2px 4px 2px #999;
	-webkit-box-shadow:2px 2px 4px 2px #999;
}

#biztop #wholesale .image .pop .box_img {
	float: left;
	width: 240px;
	height: 215px;
}

#biztop #wholesale .image .pop .box_txt {
	
}
#biztop #wholesale .image .pop .box_txt .title {
	color: #0039a6;
	font-size: 120%;
	margin: 0 0 10px;
}
#biztop #wholesale .image .pop .box_txt .detail {
	color: #0039a6;
	/*font-size: 86%;*/
	font-size: 13px;
	line-height: 1.4;
}


#biztop #wholesale .image .pop.arrow_top:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255,255,255,0);
	border-bottom-color: #ffffff;
	border-width: 16px;
	margin-left: -16px;
}
#biztop #wholesale .image .pop.arrow_btm:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255,255,255,0);
	border-top-color: #ffffff;
	border-width: 16px;
	margin-left: -16px;
}


#biztop #wholesale .image #pop01 {
	display: none;
	left: 10px;
	top: 220px;
}
#biztop #wholesale .image #pop01:after {
	left: 45%;
}

#biztop #wholesale .image #pop02 {
	display: none;
	left: 20px;
	top: 400px;
}
#biztop #wholesale .image #pop02:after {
	left: 27%;
}

#biztop #wholesale .image #pop03 {
	display: none;
	left: 30px;
	top: 200px;
}
#biztop #wholesale .image #pop03:after {
	left: 43%;
}

#biztop #wholesale .image #pop04 {
	display: none;
	left: 190px;
	top: 220px;
}
#biztop #wholesale .image #pop04:after {
	left: 54%;
}

#biztop #wholesale .image #pop05 {
	display: none;
	left: 190px;
	top: 420px;
}
#biztop #wholesale .image #pop05:after {
	left: 71%;
}

#biztop #wholesale .image #pop06 {
	display: none;
	left: 100px;
	top: 200px;
}
#biztop #wholesale .image #pop06:after {
	left: 71%;
}


#biztop #wholesale .image .hover {
	position: absolute;
	left: 0;
	top: 0;
}

#biztop #wholesale .image #hover01 {
	display: none;
	left: 107px;
	top: 12px;
}
#biztop #wholesale .image #hover02 {
	display: none;
	left: 27px;
	top: 194px;
}
#biztop #wholesale .image #hover03 {
	display: none;
	left: 108px;
	top: 382px;
}
#biztop #wholesale .image #hover04 {
	display: none;
	left: 327px;
	top: 11px;
}
#biztop #wholesale .image #hover05 {
	display: none;
	left: 408px;
	top: 194px;
}
#biztop #wholesale .image #hover06 {
	display: none;
	left: 327px;
	top: 381px;
}