@charset "UTF-8";

/*////////////////////////////////////////////////////////

products

////////////////////////////////////////////////////////*/

.productsTitle1 {
	width:564px;
	height:41px;
	margin:0px 0px 25px 0px;
	background:url(../images/products/top/h1_tit.jpg) no-repeat left top;
}

.secTitle {
	width:170px;
	height:16px;
	margin-bottom:12px;
	background-position:left top;
	background-repeat:no-repeat;
}

#secFace {
	background-image:url(../images/products/top/tit_link_face.gif);
}

#secEyes {
	background-image:url(../images/products/top/tit_link_eyes.gif);
}

#secLips {
	background-image:url(../images/products/top/tit_link_lips.gif);
}

#secCheeks {
	background-image:url(../images/products/top/tit_link_cheeks.gif);
}

#secKit {
	background-image:url(../images/products/top/tit_link_kit.gif);
}

#secTool {
	background-image:url(../images/products/top/tit_link_tool.gif);
}

.itemListBox {
	width:554px;
	padding:10px 0 0 10px;
	*padding:10px 0 10px 10px;
	background-color:#000000;
	position:relative;
	overflow:hidden;
}

.itemList li {
	float:left;
	width:267px;
	height:365px;
	margin:0 10px 10px 0;
	background-color:#FFFFFF;
	/*background:url(../images/products/top/entry_block_top.gif) no-repeat left top;*/
	font-size:80%;
}

.itemTitle {
	padding: 10px 15px 10px 10px;
}

.itemTitle strong {
	font-size:14px;
	line-height: 1.1;
}

.itemText {
	font-size:10px;
	padding: 0px 15px 10px 10px;
}

.spec {
	padding: 0px 15px 3px 10px;
}

.price {
	color:#FF0000;
	font-size:18px;
	font-weight:bold;
}

.itemDetail {
	text-align:right;
	padding:10px 15px 10px 10px;
}

.itemDetail a {
	text-align:right;
	font-size:14px;
	color:#DF529A;
}


/* left navigation
------------------------------------------------------- */

#recoNavi01 a {
	height:22px;
	background-image:url(../images/products/detail/lnavi_01.gif);
}

#recoNavi02 a {
	height:22px;
	background-image:url(../images/products/detail/lnavi_02.gif);
}

#recoNavi03 a {
	height:22px;
	background-image:url(../images/products/detail/lnavi_03.gif);
}

#recoNavi04 a {
	height:22px;
	background-image:url(../images/products/detail/lnavi_04.gif);
}

#recoNavi05 a {
	height:22px;
	background-image:url(../images/products/detail/lnavi_05.gif);
}

#recoNavi06 a {
	height:22px;
	background-image:url(../images/products/detail/lnavi_06.gif);
}

#recoNavi01 a:hover,
#recoNavi02 a:hover ,
#recoNavi03 a:hover ,
#recoNavi04 a:hover ,
#recoNavi05 a:hover ,
#recoNavi06 a:hover {
	background-position: right top;
}


/* recommend
------------------------------------------------------- */

.recoTitle1 {
	width:567px;
	height:57px;
	background:url(../images/products/recommend/h1_tit.jpg) no-repeat left top;
}

.recoTitle2 {
	width:567px;
	height:57px;
	margin:7px 0;
	background:url(../images/products/recommend/tit_whatshot.gif) no-repeat center top;
}

.recoText {
	padding:0 15px 31px 5px;
}

#howtoBox {
	width:300px;
	margin-top:30px;
	margin-left:130px;
	text-align:center;
}

#howtoBox ol {
	margin-bottom:20px;
}

#howtoBox ol li {
	width:300px;
	height:165px;
	position:relative;
	overflow:hidden;
}

.stepImage {
	width:142px;
	float:left;
}

.stepText {
	width:150px;
	text-align:left;
	float:right;
}

.stepText img {
	margin-bottom:15px;
}

.btnToDetail a {
	display:block;
	width:185px;
	height:32px;
	margin:20px auto 25px;
	background:url(../images/products/recommend/btn_detail.gif) no-repeat left top;
}


/*////////////////////////////////////////////////////////

products detail

////////////////////////////////////////////////////////*/

#ProductsTitle {
	width:557px;
	margin:0 0 17px 0;
	padding:2px 0 4px 8px;
	background:url(../images/products/detail/h1_back.gif) no-repeat right center;
	background-color:#000000;
	line-height:1.3;
	letter-spacing:1px;
	font-size:80%;
	font-weight:normal;
	color:#FFFFFF;
}

h1 strong {
	font-size:150%;
	font-weight:bold;
}

#productDetail {
	width:563px;
	border:1px solid #CCCCCC;
	position:relative;
	overflow:hidden;
}


/* product left box
------------------------------------------------------- */

#productDetailImage {
	width:210px;
	height:430px;
	overflow:hidden;
	float:left;
}

#productDetailImage li {
	display:none;
	width: 210px;
}

#productDetailImage li#productDetailImage01 {
	display:block;
}

#productDetailImage li h2 {
	padding:0 25px;
	line-height:1.3;
	letter-spacing:1px;
	font-size:80%;
	font-weight:normal;
}

#productDetailImage li h2 strong {
	letter-spacing:normal;
	font-size:170%;
	font-weight:bold;
}

#productDetailImage li p {
	padding:5px 25px 0 25px;
	line-height:1.3;
	letter-spacing:1px;
	font-size:80%;
}

#productDetailImage li p.colorName {
	padding:3px 25px 0 25px;
	line-height:1.3;
	letter-spacing:1px;
	font-size:100%;
	font-weight: bold;
}


/* product right box
------------------------------------------------------- */

#prodcutDetailType02 {
	width:350px;
	float:left;
}

.lead {
	padding-top:20px;
}

.usage {
	background:url(../images/products/detail/line_component.gif) repeat-x left bottom;
	padding-bottom:5px;
}

.usage h2 {
	width:52px;
	height:12px;
	margin:10px 0 3px 0;
	background:url(../images/products/detail/h2_usage.gif) no-repeat left top;
}

.component {
	padding:5px 0;
	background:url(../images/products/detail/line_component.gif) repeat-x left bottom;
}

.cart {
	padding-top:10px;
}

.productSelect {
	width:158px;
	margin:0 4px 4px 0;
	border:1px solid #CCCCCC;
	position:relative;
	float:left;
}

.figure {
	position:absolute;
	top:30px;
	left:70px;
	line-height:1.2;
	font-size:12px;
}

.figure select option {
	padding:0 5px 0 0;
}



.figure.withcolor {
	top:15px;
}

.figure.withcolor2 {
	top:5px;
}

.figure select option {
	padding:0 5px 0 0;
}

#itemList {
	position:relative;
	overflow:hidden;
}

.btnCart {
	margin:2px 0 17px 0;
	padding:20px 0 15px 0;
	background-color:#EBEBEB;
	text-align:center;
}


/* related products
------------------------------------------------------- */

#relatedProduct {
	width:100%;
	margin-top:15px;
}

#relatedProduct h2 {
	width:56px;
	height:14px;
	margin:0 0 7px 5px;
	background:url(../images/products/detail/h2_related_product.gif) no-repeat left top;
}

#relatedProduct ul {
	position:relative;
	overflow:hidden;
}

#relatedProduct ul li {
	width:124px;
	margin-right:10px;
	float:left;
}

#relatedProduct ul li img {
	border:1px solid #cccccc;
}

#relatedProduct ul li a {
	color:#333333;
	font-weight:bold;
	font-size:80%;
}


/* left navi
------------------------------------------------------- */

#leftNavi li {
	display:inline;
}

#leftNavi li a {
	width:145px;
	height:22px;
	background-repeat:no-repeat;
	background-position:left top;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

#productsDetail01.title a {
	background:url(../images/products/detail/tit_lnavi_01.gif) no-repeat;
}

#productsDetail02.title a {
	background:url(../images/products/detail/tit_lnavi_02.gif) no-repeat;
}

#productsDetail03.title a {
	background:url(../images/products/detail/tit_lnavi_03.gif) no-repeat;
}

#productsDetail04.title a {
	background:url(../images/products/detail/tit_lnavi_04.gif) no-repeat;
}

#productsDetail05.title a {
	background:url(../images/products/detail/tit_lnavi_05.gif) no-repeat;
}

#productsDetail06.title a {
	background:url(../images/products/detail/tit_lnavi_06.gif) no-repeat;
}

#productsDetail01 a {
	background:url(../images/products/detail/lnavi_01.gif) no-repeat;
}

#productsDetail02 a {
	background:url(../images/products/detail/lnavi_02.gif) no-repeat;
}

#productsDetail03 a {
	background:url(../images/products/detail/lnavi_03.gif) no-repeat;
}

#productsDetail04 a {
	background:url(../images/products/detail/lnavi_04.gif) no-repeat;
}

#productsDetail05 a {
	background:url(../images/products/detail/lnavi_05.gif) no-repeat;
}

#productsDetail06 a {
	background:url(../images/products/detail/lnavi_06.gif) no-repeat;
}