/* CSS Document */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.clear{
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.duration{
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	transition-duration: 1s;
}

/* --------------------------- swatches --------------------------- */
.cafe		{ color:#754B27; }
.cafemilk	{ color:#6F5436; }
.deepgery	{ color:#424242; }
.geryall	{ color:#737369; }

.menugery	{ color:#919186; }
.lightgery	{ color:#B3ADA0; }
.red		{ color:#BA2636; }
.plum		{ color:#B47157; }

/* --------------------------- font size & lineheight --------------------------- */
.font11		{ font-size: 11px; line-height: 160%x; }
.font12		{ font-size: 12px; line-height: 160%x; }
.font13		{ font-size: 13px; line-height: 160%x; }
.font14		{ font-size: 14px; line-height: 160%x; }
.font15		{ font-size: 15px; line-height: 160%x; }
.font16		{ font-size: 16px; line-height: 180%x; }

.lh30		{ line-height:30px; }
.lh160		{ line-height:160%; }


/* --------------------------- margin --------------------------- */
.noborder	{ border:none; }
.nomargin	{ margin:0; }
.nopadding	{ padding:0; }
.nolist		{ list-style:none; }

.mt02	{ margin-top:2px; }
.mt03	{ margin-top:3px; }
.mt05	{ margin-top:5px; }
.mt10	{ margin-top:10px; }
.mt15	{ margin-top:15px; }
.mt20	{ margin-top:20px; }

.mr03	{ margin-right:3px; }
.mr05	{ margin-right:5px; }
.mr10	{ margin-right:10px; }
.mr15	{ margin-right:15px; }
.mr24	{ margin-right:24px; }
.mr28	{ margin-right:28px; }
.mr32	{ margin-right:32px; }

.mb05	{ margin-bottom:5px; }
.mb10	{ margin-bottom:10px; }
.mb15	{ margin-bottom:15px; }
.mb20	{ margin-bottom:20px; }
.mb25	{ margin-bottom:25px; }
.mb30 	{ margin-bottom:30px; }
.mb45 	{ margin-bottom:45px; }

.pt03	{ padding-top:3px; }
.pt05	{ padding-top:5px; }
.pt20	{ padding-top:20px; }

.pl15	{ padding-left:15px; }
.pl20	{ padding-left:20px; }

.pr120	{ padding-right:120px; }


.db		{ display:block; }
.left	{ float:left; }
.right	{ float:right; }

.kkk { background-color:#069; }

/* --------------------------- width and Height --------------------------- */
.inputall{
	font-size:15px;
	border:1px solid #D2CDBE;
	padding-left:8px;
	height:30px;
}

.W040	{ width:40px; }
.W065	{ width:65px; }
.W070	{ width:70px; }
.W075	{ width:75px; }
.W100	{ width:100px; }
.W120	{ width:120px; }
.W175	{ width:175px; }

.W200	{ width:200px; }
.W210	{ width:210px; }
.W240	{ width:240px; }
.W304	{ width:304px; }
.W360	{ width:360px; }
.W520	{ width:520px; }
.W560	{ width:560px; }

.h15	{ height:15px; }
.H19	{ height:19px; }
.H25	{ height:25px; }
.H30	{ height:30px; }