/* ================================================================== */
/*                                                                    */
/* ! About ATELIER MADE by shu uemura */
/*                                                                    */
/* ------------------------------------------------------------------
*
*    2. Salon Menu
*       2.1. Makeup Menu
*       2.2. Skincare Menu
*       2.3. Pro Depsea Menu
*
*    3. Side Area
*
* =================================================================== */


#main {
	position: relative;
}

#contentsContainer {
}


/* ================================================================== */
/*                                                                    */
/* ! 2. Salon Menu */
/*                                                                    */
/* ================================================================== */

#salonMenu {
	width: 632px;
}

#salonMenu ul.menu {
	width: 632px;
	padding-bottom: 24px;
	background: #FAFCFD;
}

#salonMenu .menu li {
	width: 632px;
}

#salonMenu .thumb {
	float: left;
	margin: 24px 0 0 16px;
}

#salonMenu .contR {
	position: relative;
	float: right;
	width: 410px;
	margin: 24px 16px 0 0;
}

#salonMenu h3 {
	height: 16px;
	margin-bottom: 24px;
	background-repeat: no-repeat;
}

#salonMenu p {
	margin: 0 0 12px 0;
}


/* ------------------------------------------------------------------ */
/*                                                                    */
/* ! 2.1. Makeup Menu */
/*                                                                    */
/* ------------------------------------------------------------------ */

#menu-makeup h2 {
	height: 20px;
	background: url(/about/salonmenu/images/makeup_ttl.gif) no-repeat;
}

#makeup1 h3 { background-image: url(/about/salonmenu/images/makeup_ttl1.gif); }
#makeup2 h3 { background-image: url(/about/salonmenu/images/makeup_ttl2.gif); }
#makeup3 h3 { background-image: url(/about/salonmenu/images/makeup_ttl3.gif); }
#makeup4 h3 { background-image: url(/about/salonmenu/images/makeup_ttl4.gif); }


/* ------------------------------------------------------------------ */
/*                                                                    */
/* ! 2.2. Skincare Menu */
/*                                                                    */
/* ------------------------------------------------------------------ */

#menu-skincare {
	border-top: 1px solid #CCCCCC;
}

#menu-skincare h2 {
	height: 20px;
	background: url(/about/salonmenu/images/skincare_ttl.gif) no-repeat;
}

#skincare1 h3 { background-image: url(/about/salonmenu/images/skincare_ttl1.gif); }
#skincare2 h3 { background-image: url(/about/salonmenu/images/skincare_ttl2.gif); }
#skincare3 h3 { height: 33px; background-image: url(/about/salonmenu/images/skincare_ttl3.gif); }
#skincare4 h3 { height: 33px; background-image: url(/about/salonmenu/images/skincare_ttl4.gif); }


/* ------------------------------------------------------------------ */
/*                                                                    */
/* ! 2.3. Pro Depsea Menu */
/*                                                                    */
/* ------------------------------------------------------------------ */

#menu-prodepsea {
	border-top: 1px solid #CCCCCC;
}

#menu-prodepsea h2 {
	height: 20px;
	background: url(/about/salonmenu/images/spa_ttl.gif) no-repeat;
}

#prodepsea1 h3 { background-image: url(/about/salonmenu/images/spa_ttl1.gif); }


/* ================================================================== */
/*                                                                    */
/* ! 3. Side Area */
/*                                                                    */
/* ================================================================== */

aside { position: relative; }

#floatMenu {
	position: absolute;
	top: 0;
	left: 0;
	width: 272px;
	margin: 316px 0 0 0;
}

ul.lcMenu {
	width: 272px;
	margin: 24px 27px 21px 16px;
	padding: 24px 0 24px 0;
	border-top: #666666 3px solid;
	border-bottom: #444444 3px solid;
}

.lcMenu a:link    { color: #999999 !important; text-decoration: none; }
.lcMenu a:visited { color: #999999 !important; text-decoration: none; }
.lcMenu a:hover   { color: #CCCCCC !important; text-decoration: underline; }
.lcMenu a:active  { color: #CCCCCC !important; text-decoration: underline; }

.lcMenu li h5 {
	font-weight: bold;
	color: #FBFBFB;
}

.lcMenu li h6 {
	padding-top: 16px;
	padding-bottom: 8px;
	font-weight: bold;
}

.lcMenu li h6.noTopPadding { padding-top: 0; }


.lcMenu li h5 a:link    { color: #FBFBFB !important; text-decoration: none; }
.lcMenu li h5 a:visited { color: #FBFBFB !important; text-decoration: none; }

.lcMenu li h6 a:link    { color: #FBFBFB !important; text-decoration: none; }
.lcMenu li h6 a:visited { color: #FBFBFB !important; text-decoration: none; }

	.lcMenu li.individual h5 a:link    { color: #999999 !important; text-decoration: none; }
	.lcMenu li.individual h5 a:visited { color: #999999 !important; text-decoration: none; }

	.lcMenu li.individual h6 a:link    { color: #999999 !important; text-decoration: none; }
	.lcMenu li.individual h6 a:visited { color: #999999 !important; text-decoration: none; }

.lcMenu li.firstlayer {
	font-weight: bold;
	color: #FBFBFB;
}

	.lcMenu li.active {
		margin-top: 12px;
		padding-top: 16px;
		background: url(/common/images/bdr_666666_dot_1px.gif) repeat-x;
	}

	.lcMenu li.individual {
		margin-top: 8px;
		padding-top: 17px;
		background: url(/common/images/bdr_666666_dot_1px.gif) repeat-x;
	}

.lcMenu li.secondlayer {
	margin-left: 16px;
}

.lcMenu ul.secondlayer li {
	padding-left: 16px;
	padding-bottom: 4px;
	background: url(/common/images/li_arrow.gif) 2px 0 no-repeat;
	line-height: 150%;
	font-weight: normal;
}

.bigbnr img {
	margin-bottom: 20px;
}