/* visual */
.visual{
	margin:0 auto;
	width:1036px;
	position:relative;
	font-family: PFSquareSansProRegular;
}

.visual .note {
	position:absolute;
	bottom:70px;
	width:153px;
	border:1px solid #9c9c9c;
	background:url(../../../upload/images/home/visual/bubble_bg.png);
	color:#fff;
	display:none;
	font-size:0.875em;
	text-align:left;
	padding:10px;
	margin:-10px 0 10px 21px;
	box-shadow: 0 0 5px -1px #595959;
}

.visual .note .tail {
	position:absolute;
	overflow: auto;
	bottom:-16px;
	left:35px;
	display:block;
	width:20px;
	height:16px;
	background:url(../../../upload/images/home/visual/bubble.png) 0 0 no-repeat;
	z-index:3;
}
.visual .note .tail:after{
	content:"";
	height: 1%;
	float:left;
}
.visual img{vertical-align:top;}
.visual .area{
	position:absolute;
	top:173px;
	left:221px;
	z-index:1;
}
.visual .area:hover{z-index:2;}
.visual .style02{
	top:43px;
	left:324px;
}
.visual .style03{
	top:30px;
	left:424px;
}
.visual .style04{
	top:142px;
	left:410px;
}
.visual .style05{
	top:120px;
	left:645px;
}
.visual .style06{
	top:145px;
	left:830px;
}
.visual .style07{
	top:130px;
	left:485px;
}
.visual .label{
	display:block;
	width:59px;
	height:74px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../../../upload/images/home/visual/labels.png) no-repeat;
}
.visual .style02 .label{background-position:-59px 0;}
.visual .style03 .label{background-position:-118px 0;}
.visual .style04 .label{background-position:-177px 0;}
.visual .style05 .label{background-position:-236px 0;}
.visual .style06 .label{background-position:-295px 0;}
.visual .style07 .label{background-position:-354px 0;}
.visual .style02 .note{margin:131px 0 -131px 21px;}
.visual .style02 .note .tail{
	background-image:url(../../../upload/images/home/visual/bubble04.png);
	bottom:auto;
	top:-10px;
}
.visual .style03 .note{margin:114px 0 -114px 22px;}
.visual .style03 .note .tail{
	background-image:url(../../../upload/images/home/visual/bubble04.png);
	bottom:auto;
	top:-10px;
}
.visual .style06 .note{margin:-10px 155px 10px -155px;}
.visual .style06 .note .tail{
	background-image:url(../../../upload/images/home/visual/bubble02.png);
	right:30px;
	left:auto;
}
.visual-popup {
	width:627px;
	display:none;
	padding:30px 30px 30px 101px;
	position:absolute;
	background:url(../../../upload/images/home/visual/bubble_bg.png);
	color:#fff;
	font:14px/16px PFSquareSansProRegular;
	border-radius:20px;
	-webkit-border-radius:20px;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.5);
}

.visual-popup .decor{
	width:59px;
	height:74px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:27px;
	left:29px;
	background:url(../../../upload/images/home/visual/labels.png) no-repeat;
}
.visual-popup.violet .decor  {background-position:-59px 0;}
.visual-popup.orange .decor {background-position:-118px 0;}
.visual-popup.blue .decor {background-position:-177px 0;}
.visual-popup.green .decor  {background-position:-236px 0;}
.visual-popup.violet-right .decor {background-position:-295px 0;}
.visual-popup.magenta .decor {background-position:-354px 0;}
.visual-popup h2{
	margin:0 0 11px;
	color:#fff;
	text-transform:uppercase;
	font:36px/36px pf_square_sans_pro_lightRg;
}
.visual-popup .close{
	position:absolute;
	top:17px;
	right:17px;
	background:url(../../../upload/images/home/visual/close-popup.png) no-repeat;
	width:16px;
	height:16px;
	overflow:hidden;
	text-indent:-9999px;
}

.visual-popup .popup-holder{
	overflow:hidden;
	width:100%;
}
.visual-popup .column{
	float:left;
	width:179px;
	margin:0 28px 0 0;
}
.visual-popup .column-box{
	background:#fff;
	position: relative;
	padding:3px;
	margin:0 0 3px;
	border-radius:4px;
	-webkit-border-radius:4px;
}
.visual-popup .column img{
	display:block;
	vertical-align:top;
}
.visual-popup .text-section{overflow:hidden;}
.visual-popup p{margin:0 0 14px;}
.visual-popup a{
	color:#fff;
	text-decoration:underline;
}
.visual-popup a:hover, .visual-popup a:visited, .visual-popup a:visited:hover {text-decoration:none;color:#fff;}
.visual-popup .link-about,
.visual-popup .link-company{
	padding:0 0 0 30px;
	font-size:16px;
	line-height:20px;
	display:inline-block;
	vertical-align:top;
}
.visual-popup .link-about{background:url(../../../upload/images/home/visual/link-about.png) no-repeat;}
.visual-popup .link-company{background:url(../../../upload/images/home/visual/link-company.png) no-repeat;}