@charset "utf-8";

/*===========================
/*gloNavi
===========================*/
#gloNavi li#gloNaviIdx4400 a,
#gloNavi li#gloNaviIdx4400 a:visited {
	height: 30px;
	background: url(../../img/navi/ClimitedBTN_f2.gif) no-repeat;
}


/*Clearfix
===========================*/
div.detail:after,
div#eyeshadow div.example:after,
p.txtRight:after{
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

div.detail,div#eyeshadow div.example,p.txtRight {
	display: inline-block;
}

/* Hide from Mac IE \*/

div.detail,div#eyeshadow div.example,p.txtRight {
	*height: 1%;
	display: block;
}
/* Hide from Mac IE */

/*Default
===========================*/
* { margin: 0; padding: 0; }
body { line-height: 0 }
ul { list-style: none; }
#contents a { font-size: 10px; }

/*Gnav_Limited
===========================*/
html ul#gloNavi li#gloNaviIdx4400 a,
html ul#gloNavi li#gloNaviIdx4400 a:visited{
	height:30px;
	background-image:url(../../img/navi/ClimitedBTN_f2.gif);
}

/*Common
===========================*/
#contents {
	margin: 0 0 0 10px;
	padding: 0;
	width: 659px;
}

p.footerImg { margin: 1em 0 0 10px; }

/*===========================
/*Feature
===========================*/
body#popUp div#wrapper { border: none; }
.feature_howto { 	padding: 20px 0 10px 0; }
.feature_howto_txt { 	padding-bottom: 30px; }
.feature_attention { 	padding-bottom: 10px; }
.feature_attention_txt { 	padding-bottom: 10px; }

/*===========================
/*Round �� Round Face Powder
===========================*/
p.detailImg {
	float: left;
}

dl.point {
	margin-left: 333px;
	height: 210px;
}

	dl.point dt {
	}
	
	dl.point dd {
		margin: 10px 0 0 10px;
	}
	
		dl.point dd a {
			display: block;
			margin-top: 10px;
			width: 150px;
			height: 18px;
		}


/*Head
===========================*/
div#head {
}

	div#head h2 {
		margin: 0;
		padding: 0;
	}
	
/*Shopping Bag
===========================*/
div#head div.shopping {
}

/* playful */
div#head div.shopping div.head_playful {
	float: left;
}

	div#head div.shopping div.head_playful dl {
	}

	div#head div.shopping div.head_playful dl.shop_black {
		float: left;
		margin-left: 20px;
	}

	div#head div.shopping div.head_playful dl.shop_white {
		margin-left: 205px;
	}

		div#head div.shopping div.head_playful dl.shop_black dt {
		}

		div#head div.shopping div.head_playful dl dt {
			margin-top: 10px;
		}

		div#head div.shopping div.head_playful dl dd {
			margin-top: 10px;
			width: 185px;
		}
		
		*html div#head div.shopping div.head_playful dl dd { /* IE6 only */
			margin-top: 0;
		}
		*:first-child+html div#head div.shopping div.head_playful dl dd { /* IE7 only */
			margin-top: 0;
		}
		*+html:first-child div#head div.shopping div.head_playful dl dd { /* Opera only */
			margin-top: 0;
		}

		div#head div.shopping label.flotLeft {
			float: left;
		}


/* round */
div#head div.shopping div.head_round {
	margin-left: 410px;
}

	div#head div.shopping div.head_round div.round_shop {
		margin: 11px 0 0 33px;
	}



/*Gloval Navigation Playful
===========================*/
ul#gNav {
	clear: both;
	width: 650px;
	height: 102px;
}

div.playful ul#gNav {
	background: url(../../shopping/img/winter_collection2009/playful/gnav_bg.jpg) no-repeat top;
}

div.round ul#gNav {
	background: url(../../shopping/img/winter_collection2009/round/gnav_bg.jpg) no-repeat top;
}

	ul#gNav li {
		float: left;
		height: 102px;
	}

/*ContentsMain
===========================*/
div#contMain {
}

*html  div#contMain { /* IE6 only */
	margin-top: 0;
}

	div#contMain dl {
	}

		div#contMain dl dt {
		}

		div#contMain dl dd {
		}

			div#contMain dl dd ul {
				margin-left: 15px;
				width: 618px;
				height: 99px;
				background: url(../../shopping/img/winter_collection2009/playful/link_bg.jpg) no-repeat;
			}

				div#contMain dl dd ul li {
					float: left;
					width: 103px;
					height: 99px;
				}



/*Section
===========================*/
div.section {
	clear: both;
	margin-top: 1em;
}

	div.section h4 {
	}

	div.section p.description {
		margin: .5em 0;
	}

	div.section div {
		margin-top: .5em;
	}

	div.section p.pagetop {
		clear: both;
		text-align: right;
	}

		div.section div p.leftImg {
			float: left;
			width: 140px;
		}
		
		div.section div div.detail {
			margin-left: 150px;
		}

			div.section div div.detail dl.black {
				float: left;
				width: 250px;
				background: url(../../shopping/img/winter_collection2009/playful/dotted.jpg) repeat-y top right;
			}

			div.section div div.detail dl.white {
				margin-left: 260px;
			}

				div.section div div.detail dl.black dt,
				div.section div div.detail dl.white dt,
				div.section div div.detail dl.black dd,
				div.section div div.detail dl.white dd {
					padding-bottom: 8px;
				}

				*html div.section div div.detail dl.black dt,
				*html div.section div div.detail dl.white dt,
				*html div.section div div.detail dl.black dd,
				*html div.section div div.detail dl.white dd { /* IE6 only */
					padding-bottom: 0;
				}

				*:first-child+html div.section div div.detail dl.black dt,
				*:first-child+html div.section div div.detail dl.white dt,
				*:first-child+html div.section div div.detail dl.black dd,
				*:first-child+html div.section div div.detail dl.white dd { /* IE7 only */
					padding-bottom: 0;
				}

				div.section div div.detail dl dd.imgLeft {
					float: left;
					width: 90px;
				}
			
			div.section div div.detail h5 {
				margin: .5em 0;
			}
			
			div.section div div.detail p.howto {
				margin-top: 1em;
			}


/* eyeshadow */
div#eyeshadow {
}

	div#eyeshadow div div.detail div.example h6 {
		margin: .5em 0;
	}

	div#eyeshadow div div.detail div.example ul.leftList {
		float: left;
		width: 250px;
		background: url(../../shopping/img/winter_collection2009/playful/dotted.jpg) repeat-y top right;
	}

		div#eyeshadow div div.detail div.example ul.leftList li {
			float: left;
			padding-right: 30px;
		}

	div#eyeshadow div div.detail div.example ul.rightList {
		margin-left: 260px;
	}

	*html div#eyeshadow div div.detail div.example ul.rightList { /* IE6 only */
		margin-left: 255px;
	}

		div#eyeshadow div div.detail div.example ul.rightList li {
			float: left;
			margin-right: 15px;
		}

/* gloss */
div#gloss {
}

	div#gloss div.example {
	}

		div#gloss div.example p.imgLeft {
			float: left;
			width: 110px;
			height: 70px;
		}

		div#gloss div.example p.txtRight {
			padding-top: 20px;
			height: 50px;
		}
		
		div#gloss div.example p.colorTxt {
			margin: .5em;
		}
		
/* multi */
div#multi {
}

	div#multi div p.leftImg {
		float: left;
		width: 183px;
	}

		div#multi div p.leftImg span {
			display: block;
			text-align: center;
		}

	div#multi div div.detail {
		margin-left: 220px;
	}

		div#multi div div.detail dl.black {
			float: left;
			width: 195px;
			background: url(../../shopping/img/winter_collection2009/playful/dotted.jpg) repeat-y top right;
		}

		div#multi div div.detail dl.white {
			margin-left: 225px;
		}

		div#multi div div.detail p {
			margin: .5em 0;
		}

	div#multi div dl.leftDetail {
		float: left;
		margin-left: 20px;
		width: 375px;
	}
	
	*html div#multi div dl.leftDetail { /* IE6 only */
		margin-left: 10px;
	}

		div#multi div dl.leftDetail dt {
			float: left;
			width: 199px;
		}

		div#multi div dl.leftDetail dd {
			padding-top: 20px;
		}

		div#multi div dl.rightDetail dt {
			float: left;
			width: 100px;
		}

		div#multi div dl.rightDetail dd {
			padding-top: 20px;
		}