@charset "utf-8";

/* -----------------------------------------------
CSS file
FileName:eyebrow.css
Author:ecco
UpdatedBy:who-when
----------------------------------------------- */

/* --------------
MODULE IMPORT
-------------- */

@import "module/default.css";

#eyebrowBox{
	width: 640px;
	overflow: hidden;
}
#eyebrowBox .leftBox{
	float: left;
	width: 362px;
	overflow: hidden;
}
#eyebrowBox .leftBox p{
	letter-spacing: 0;
	margin-bottom: 30px;
}


#eyebrowBox .leftBox table{
	float: left;
	width: 362px;
	overflow: hidden;
}
#eyebrowBox .leftBox table th{
	float: left;
	background: url(../images/index_dot_bg.gif) repeat-x left bottom;
	font-size: 100%;
	line-height: 1.5em;
	text-align: left;
	white-space: nowrap;
	padding: 0 10px 0.8em 10px;
}
#eyebrowBox .leftBox table td{
	float: right;
	background: url(../images/index_dot_bg.gif) repeat-x left bottom;
	font-size: 100%;
	line-height: 1.5em;
	text-align: right;
	padding: 0 0 0.8em 10px;
	margin-bottom: 10px;
}

#eyebrowBox .leftBox h3.finishing{
	margin:125px 0 0 0;
}

#eyebrowBox .rightBox{
	float: right;
	width: 263px;
	overflow: hidden;
}
#eyebrowBox .rightBox ul li{
	margin-bottom: 10px;
}
#eyebrowBox .rightBox ul li.icon{
	background: url(../../eyelash/images/eyelash_icon.jpg) no-repeat center bottom;
	padding-bottom: 40px;
}

#eyebrowBox .rightBox ul li.arrow{
	margin:0 0 5px 120px;
	display: block;
	width: 22px;
	height: 12px;
	background: url(../../eyebrow/images/arrowicon.gif) no-repeat
}