@charset "UTF-8";
/* CSS Document */

#popup{
color:#505055;
background:#f9f9f9;
border:3px solid #909090;
height:214px;
padding:0 7px;
width:386px;
font-size:16px;
}

#popup.pop2{
height:164px !important;
}

#popup.pop3{
height:180px !important;
}

#fontname{
font-size:16px;
}

#popup p{
padding:0;
margin:0;
}

#popup p span{
border-top:1px solid #d3d3d3;
display:block;
font-size:12px;
padding:15px 0 0 10px;
}

#popup img{
border:none;
}

#popup .popup-inner{
margin-left:20px;
padding-top:31px;
width:350px;
}

#popup .popup-l-btn,
#popup .popup-r-btn{
height:30px;
position:relative;
overflow:hidden;
margin:40px 0 20px 0;
width:170px;
}

#popup .popup-l-btn a:hover img,
#popup .popup-r-btn a:hover img{
position:relative;
top:-30px;
}

#popup .popup-l-btn{
float:left;
overflow:hidden;
}

#popup .popup-r-btn{
float:right;
overflow:hidden;
}

#popup .popup-close-btn{
height:19px;
position:relative;
left:368px;
top:5px;
overflow:hidden;
width:19px;
}
#popup .popup-close-btn a{
background:url("../img/popup/close-pu.gif") no-repeat 0 0;
display:block;
height:19px;
text-indent:-9999px;
width:19px;
}

#popup .popup-close-btn a:hover{
background-position:0 100%;
}


#popup .clear{
clear:both;
}

/*IE6 hover*/
*html #popup .popup-l-btn a img,
*html #popup .popup-r-btn a img,
*html #popup .popup-close-btn a img{
behavior: expression(
(function(el) {
if(typeof(behavior_onMouseEnter) == 'undefined') {
behavior_onMouseEnter = function() {
	this.className += '';
};
behavior_onMouseLeave = function() {
	this.className = this.className.replace('');
};
}
el.runtimeStyle.behavior = 'none';
el.onmouseenter = behavior_onMouseEnter;
el.onmouseleave = behavior_onMouseLeave;
})(this));
}
/*/IE6 hover*/