@charset "UTF-8";
.esydsgn-width-200px-always{
	width: 200px;
}
.esydsgn-width-228px-always{
	width: 228px;
}
.esydsgn-width-220px-always{
	width: 220px;
}
.esydsgn-width-10per-always{
	width: 10%;
}
.esydsgn-width-20per-always{
	width: 20%;
}
.esydsgn-width-25per-always{
	width: 25%;
}
.esydsgn-width-30per-always{
	width: 30%;
}
.esydsgn-width-33per-always{
	width: 33.3333%;
}
.esydsgn-width-38per-always{
	width: 38%;
}
.esydsgn-width-40per-always{
	width: 40%;
}
.esydsgn-width-50-always,.esydsgn-width-harf-always{
	width: 50%;
}
.esydsgn-width-60per-always{
	width: 60%;
}
.esydsgn-width-62per-always{
	width: 62%;
}
.esydsgn-width-65per-always{
	width: 65%;
}
.esydsgn-width-70per-always{
	width: 70%;
}
.esydsgn-width-80per-always{
	width: 80%;
}
.esydsgn-width-88per-always{
	width: 88%;
}
.esydsgn-width-90per-always{
	width: 90%;
}
.esydsgn-width-100per-always,.esydsgn-width-full-always{
	width: 100%;
}

.esydsgn-width-10per-always-important{
	width: 10% !important;
}
.esydsgn-width-11per-always-important{
	width: 11% !important;
}
.esydsgn-width-12harf-per-always-important{
	width: 12% !important;
}
.esydsgn-width-14per-always-important{
	width: 14% !important;
}
.esydsgn-width-16per-always-important{
	width: 16% !important;
}
.esydsgn-width-20per-always-important{
	width: 20% !important;
}
.esydsgn-width-25per-always-important{
	width: 25% !important;
}
.esydsgn-width-30per-always-important{
	width: 30% !important;
}
.esydsgn-width-33per-always-important{
	width: 33% !important;
}
.esydsgn-width-38per-always-important{
	width: 38% !important;
}
.esydsgn-width-40per-always-important{
	width: 40% !important;
}
.esydsgn-width-50per-always-important,.esydsgn-width-harf-always-important{
	width: 50% !important;
}
.esydsgn-width-60per-always-important{
	width: 60% !important;
}
.esydsgn-width-62per-always-important{
	width: 62% !important;
}
.esydsgn-width-65per-always-important{
	width: 65% !important;
}
.esydsgn-width-70per-always-important{
	width: 70% !important;
}
.esydsgn-width-80per-always-important{
	width: 80% !important;
}
.esydsgn-width-88per-always-important{
	width: 88% !important;
}
.esydsgn-width-90per-always-important{
	width: 90% !important;
}
.esydsgn-width-100per-always-important,.esydsgn-width-full-always-important{
	width: 100% !important;
}

.esydsgn-float-none-always{
	float: none;
}

.esydsgn-float-left-always{
	float: none;
}

.esydsgn-float-right-always{
	float: right;
}

.esydsgn-padding-top-20px-always{
	padding-top: 20px;
}

.esydsgn-padding-left-right-near-5px-always{
	padding-left:4.9249px;
	padding-right:4.9249px;
}

.esydsgn-padding-left-right-5px-always{
	padding-left: 5px;
	padding-right: 5px;
}

.esydsgn-padding-left-5px-always{
	padding-left: 5px;
}

.esydsgn-margin-left-10px-always{
	margin-left: 10px !important;
}

.esydsgn-margin-top-3px-always{
	margin-top: 3px !important;
}

.esydsgn-margin-top-4px-always{
	margin-top: 4px !important;
}

.esydsgn-margin-top-6px-always{
	margin-top: 6px !important;
}

.esydsgn-margin-top-10px-always{
	margin-top: 10px;
}

.esydsgn-margin-top-2px-always-important{
	margin-top: 2px! important;
}

.esydsgn-margin-top-10px-always-important{
	margin-top: 10px !important;
}

.esydsgn-margin-top-5px-always-important{
	margin-left: 5px !important;
}

.esydsgn-margin-top-m4px-always-important{
	margin-top: -4px!important;
}

.esydsgn-margin-top-m4px-always-important{
	margin-top: -4px!important;
}

.esydsgn-margin-top-m4px-always-important:hover{
	margin-righ: 0;
}

.esydsgn-margin-bottom-m100px-always-important{
	margin-bottom: -100px !important;
}

.esydsgn-margin-0-auto-always{
	margin: 0 auto;
}

.esydsgn-overflow-hidden{
	overflow: hidden;
}

.esydsgn-overflow-hidden-important{
	overflow:hidden !important;
}

.esydsgn-clear-both-always{
	clear: both;
}

.esydsgn-text-align-center{
	text-align: center;
}

.esydsgn-text-align-left{
	text-align: left;
}

.esydsgn-text-align-right{
	text-align: right;
}

.esydsgn-vertical-align-middle{
	vertical-align: middle;
}

.esydsgn-display-none{
	display: none;
}

.esydsgn-display-none-important{
	visibility: hidden;
	height: 0;
}

.esydsgn-display-block{
	display: block;
}

.esydsgn-display-block-important{
	display: block !important;
}

.esydsgn-font-weight-bold{
	font-weight: 700;
}

.esydsgn-image-slider{
	margin-top: 5px;
}

.esydsgn-font-size-16px{
	font-size: 16px;
}

input.esydsgn-font-size-16px[type=number]{
	font-size: 16px;
}

select.esydsgn-font-size-16px{
	font-size: 16px !important;
}

img.image-thumb-width{
	max-width	: 68px;
	max-height	: 50px;
}

div#esydsgn-image-slider-drag-and-drop-area{
	width: 87%;
	float: right;
	text-align: center;
	padding-top: 25px;
	margin-top: 5px;
	height: 60px;
	background-color: #FFF;
	border: dashed 2px #999;
	border-radius: 6px;
	display: table-cell;
	vertical-align: middle;
}

div#esydsgn-image-slider-detail-area{
	width: 260px;
	float: left;
	overflow: hidden;
	background-color: #ffefd5;
	border-radius: 10px;
	padding: 12px;
}

div#esydsgn-image-slider-preview-area{
	margin-left: 293px;
}

table#esydsgn-image-slider-edit-selecter-table{
	border-collapse: collapse;
	margin: 0 auto;
}

table#esydsgn-image-slider-edit-selecter-table tr>td{
	border: 1px solid #000;
	text-align: center
}

table#esydsgn-image-slider-edit-selecter-table th{
	border: 1px solid #000;
	text-align: center
}

div#esydsgn-image-slider-name-div{
	padding: 5 10px;
}

.esydsgn-padding-0-10px{
	padding: 0 10px;
}

.esydsgn-image-slider-accordion-header-detail{
	display: none! important;
}

div.esydsgn-image-slider-accordion-detail-element{
	border: 1px solid #000!important;
	border-radius: 8px!important;
	background-color: #FFF;
}

div.esydsgn-image-slider-dual-line-set-area{
	width: 100%;
	height: 50%;
}

.esydsgn-image-slider-thumb-size{
	width: 86px;
	height: 60px;
	display: table-cell;
	vertical-align: middle;
}

.esydsgn-image-slider-thumb-size-max-limit{
	max-width:80px;
	max-height:60px;
}

div#esydsgn-image-slider-dual-set{
	height: 60px;
}
input.esydsgn-image-slider-image-caption-txt{
	width: 205px;
	width: 193px\9;
}
input.esydsgn-image-slider-image-alternate-txt{
	width: 205px;
	width: 193px\9;
}
input.esydsgn-image-slider-link-anchor-txt{
	width: 342px;
	width: 220px\9;
}
.esydsgn-image-slider-frame{
	background-color: #DDD;
	border-radius: 8px;
	padding: 5px;
	margin-bottom: 5px;
}
a.image-slider-over-zindex{
	z-index:100000 !important;
}

input.esydsgn-image-slider-file-click{
	display: none\9;
}
input.esydsgn-image-slider-uploader{
	display: inline\9;
}

@media screen and (min-width:0\0){
	input.esydsgn-image-slider-uploader{
		display:inline;
	}
	
	input.esydsgn-image-slider-file-click{
		display:none;
	}

	input.esydsgn-image-slider-link-anchor-txt{
		width:220px;
	}
	
	input.esydsgn-image-slider-image-caption-txt{
		width:193px;
	}
	
	input.esydsgn-image-slider-image-alternate-txt{
		width:193px;
	}
}

.esydsgn-slider-accordion-detail-element{
	border:　1px solid #000　!important;
	border-radius: 4px;
	margin-top: 10px;
}

.esydsgn-image-slider-thumbnail-padding{
	padding:0 2px;
}

.esydsgn-image-slider-placeholder-area{
	height			: 70px;
	background-color: #FFC;
	border			: 2px dashed #003;
	border-radius	: 4px;
}

div#esydsgn-image-slider-frame-area {
	background-color: #EFE;
	border-radius	: 4px;
	margin			: 5px 0;
	padding			: 12px;
}

.esydsgn-visibility-hidden{
	visibility: hidden;
}

.esydsgn-position-relative{
	position: relative;
}

.item.layout_width .item_image_block{
	margin: 0 7px 0 0;
	width: 70px;
	height:auto;
	float:left;
}

div.esydsgn-image-slider-sortable-area{
	cursor:move;
}

.item.layout_width .item_pane {
	height:100px;
	overflow:hidden;
}

div.esydsgn-image-slider-sortable-area:hover{
	cursor:move;
	opacity:0.8;
	-webkit-filter:brightness(1.05);
	filter:brightness(1.05);
}