@charset "utf-8";
@import url('common.css');
/* CSS Document */

 .floating{position:absolute; }
.couponPreview{ border:1px solid #CCC; margin:10px; padding:5px;  width:335px; background:#FFF;}
.couponPreview .x-discount > div{ text-align:right;background:#B1E2B4; margin-bottom:-6px; padding:3px;}
.couponPreview .x-slogan { padding:10px; background:#B1E2B4; text-align:center; font-size:170%; font-weight:bold;}
.couponPreview .x-slogan span.{ font-size: 10px; width: 50px;border: 1px dotted #FBC4C5;margin: 0 5px; display:inline-block; padding:0 3px ;}


.couponPreview .x-title {   font-size:130%; font-weight:bold; margin:5px 0   }

.couponPreview > div { margin-top:3px;} 
.couponPreview  div.x-description{ margin:10px 0; font-size:120%; min-height:50px; border:1px solid #F8F8F8; padding:5px;}
.couponPreview .x-img img{ border:1px solid #CCC; padding:2px;}
.couponPreview .x-hotel{ font-weight:bold; margin-top:10px;}
.couponPreview .x-address{ } 

.legend-2{
	background:#B3DEFF;
	/*color:#FFF;*/
	font-size: 16px; 
	font-weight: bold;
	padding: 5px 0 2px 10px;
	margin: 0 0 15px 0;
	clear: both;  
}
  
.legend-3{
	text-align:left;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 0px 2px 10px;
	margin: 0 0px 15px 0;
	clear: both;
}

.button_upload{	
	background:url('http://icons.iconarchive.com/icons/dryicons/aesthetica-2/16/image-add-icon.png') no-repeat left;
}

 .absolute_bar{opacity: 0.8;height: 40px;position: fixed;bottom: 0px;left: 0px;right: 0px;background-color: #C00000 /*#006599*/;z-index: 1000;color: white;padding: 20px 0; }