@charset "utf-8";

/*===================================================
 Tooltip Element CSS
=================================================== */

.tooltip {
position: relative;
}

.tooltip.active .balloon.hide {
left:-9999px!important;
}

/* Type Normal (Right) */
.tooltip.active .balloon {
position: absolute;
top:-62px;
left:-235px;
width:238px;
padding-bottom:20px;
background: url(/common/images/frame/tooltip01_bg_02.png) no-repeat left bottom;
zoom:1;
}
* html .tooltip.active .balloon {
padding-bottom:19px;
}
.tooltip.active .balloon .balloonInner {
padding:20px 31px 0 20px;
background: url(/common/images/frame/tooltip01_bg_01.png) no-repeat left top;
zoom:1;
}


/* Type Icon */
.tooltip.active .balloon.balloonIcon {
position: absolute;
top:auto;
bottom:30px;
left:-65px;
text-align: center;
width:200px;
padding-bottom:25px;
background: url(/common/images/frame/tooltip02_bg_02.png) no-repeat left bottom;
zoom:1;
}
* html .tooltip.active .balloon.balloonIcon {
padding-bottom:24px;
bottom:32px;
}
.tooltip.active .balloon.balloonIcon .balloonInner {
padding:20px 20px 0 20px;
background: url(/common/images/frame/tooltip02_bg_01.png) no-repeat left top;
zoom:1;
}