@charset "Shift_JIS";

@import url("css/cosme.css");
@import url("/root/css/index.css");

/* ----------------------------------------
	index?pcss
---------------------------------------- */

/* 1 : contents
======================================== */


h3#h-newbrand{
	margin: 10px auto;
	width: 660px; height: 30px;
	background: url("../images/h_newbrand.jpg") no-repeat;
	text-indent: -9999px;
}
/* box-banner2y */
div.box-banner2y,
div.box-banner3y{
	margin: 10px auto;
	width: 660px;
}
	div.box-banner2y ul,
	div.box-banner3y ul{
		overflow: hidden;
	}
	div.box-banner2y ul li,
	div.box-banner3y ul li{
		float: left;
		margin-right: 10px;
		width: 324px;
		background: #e0dbec;
	}
	div.box-banner2y ul li.li-end,
	div.box-banner3y ul li.li-end{
		margin-right: 0;
	}
	div.box-banner2y ul li img,
	div.box-banner3y ul li img{
		boder: 1px solid #d9d9d9;
	}
	div.box-banner2y ul li a.pt-arrow,
	div.box-banner3y ul li a.pt-arrow{
		display: block;
		padding: 3px 0 3px 18px;
		background: url("../images/pt_arrow.gif") no-repeat left center;
	}

/* box-banner3y */
div.box-banner3y{
}
	div.box-banner3y ul li{
		width: 212px;
	}

/* box-nextpg */
div.box-nextpg{
	clear: both;
	margin: 10px auto;
	text-align: right;
}
	div.box-nextpg a.pt-arrow{
		padding: 3px 0 3px 18px;
		background: url("../images/pt_arrow.gif") no-repeat left center;
	}

/* box-info */
div.box-info{
	clear: both;
	margin: 10px auto;
	width: 660px;
	overflow: hidden;
}
	div.box-info h3{
		margin-bottom: 10px;
		width: 660px; height: 26px;
		background: no-repeat;
		text-indent: -9999px;
	}
	h3#h-information{
		background-image: url("../images/h_information.gif");
	}
	h3#h-recommendlimitkit{
		background-image: url("../images/h_recommendlimitkit.gif");
	}
	h3#h-newgoodspicup{
		background-image: url("../images/h_newgoodspicup.gif");
	}

	dl.dl-point{
		clear: both;
		line-height: 1.5;
		overflow: hidden;
	}
		dl.dl-point dt{
			float: left;
			width: 75px;
			padding-left: 18px;
			background: url("../images/pt_arrow.gif") no-repeat left center;
		}
		dl.dl-point dd{
			float: left;
			width: 560px;
		}

	div.box-info ul.li-goods{
		overflow: hidden;
		margin: 5px 0 0 0;
	}
	div.box-info ul.li-goods li{
		float: left;
		width: 124px;
		margin-right:20px; padding: 0;
		line-height:1.2em;
		width: 116px;
		overflow: hidden;
	}

	div.box-info ul.li-goods li{
		width: 116px;
		overflow: hidden;
		margin-right: 20px; padding: 0;
	}
	div.box-info ul.li-goods li a.p-box{
		width: 116px; height: 120px;
		background: url("../../../images/cms/main/p_box_m.gif") no-repeat;
	}
		div.box-info ul.li-goods li a.p-box img{
			padding: 1px;
		}
	div.box-info ul.li-goods li a.p-box img{
		border: 1px solid #d2d2d2;
	}
	div.box-info ul.li-goods li.li-end{
		margin-right: 0px;
	}
	
	
	ul.area-banner-1y{
	margin: 10px auto;
	width: 660px;
}

/* 20091027 add propaties
======================================== */

#cosmeIndexContents{
	margin : 10px;
	width:660px;
}

#cosmeIndexContents a{
	color : #636 ;
}

#cosmeIndexContents #contentsBlock{
	width:480px ;
	float:right;
}

#cosmeIndexContents #contentsBlock #swfArea{
	margin : 0 0 10px 0 ;
}

#cosmeIndexContents #contentsBlock ul{
	margin : 0 ;
}

#cosmeIndexContents #contentsBlock ul{
	margin:10px 0 0 0 ;
}

#cosmeIndexContents #contentsBlock ul li{
	display : block;
	width : 235px ;
	float : left;
}

#cosmeIndexContents #contentsBlock ul li.end{
	float : right ;
}

#cosmeIndexContents #contentsBlock ul li a{
	display:block;
}

#cosmeIndexContents #contentsBlock ul li a.txt{
	margin:3px 0 0 0 ;
}

#cosmeIndexContents #contentsBlock a.bnr{
	display:block;
	margin:10px 0 0 0 ;
}

#cosmeIndexContents #menuBlock{
	width:170px;
	float:left;
}

#cosmeIndexContents #menuBlock dl#bnrArea{
	width:170px;
	margin:0 0 10px 0 ;
}

#cosmeIndexContents #menuBlock dl#newItemArea{
	width:170px;
	margin:0 0 10px 0 ;
	background : #f6f0f6 ;
}

#cosmeIndexContents #menuBlock dl#newItemArea dt,
#cosmeIndexContents #menuBlock dl#newItemArea dd{
	display:block;
	margin : 0;
}

#cosmeIndexContents #menuBlock dl#newItemArea dd{
	padding-bottom : 1px ;
	background:url(/root/cosme/cosme091027_dt_catpickup_bg.gif) no-repeat bottom center ;
}

#cosmeIndexContents #menuBlock dl#newItemArea dd dl{
	padding : 7px ;
}

#cosmeIndexContents #menuBlock dl#newItemArea dd dl dt{
	width:163px;
	_width:153px;
	margin-bottom : 8px ;
}

#cosmeIndexContents #menuBlock dl#newItemArea dd dl dd{
	width : 157px ;
	background : none ;
}

#cosmeIndexContents #menuBlock dl#newItemArea dd dl dt a{
	padding-left : 10px ;
	background : url(/root/cosme/cosme091027_a_ico.gif) no-repeat center left ;
	font-weight : 800 ;
}

#cosmeIndexContents #menuBlock dl#catPickupArea{
	width:170px;
	margin:0 0 10px 0 ;
}

#cosmeIndexContents #menuBlock dl#catPickupArea dt{
	display:block;
	margin:0 ;
}

#cosmeIndexContents #menuBlock dl#catPickupArea dd{
	display : block ;
	margin:0;
	padding:8px 0;
	background:url(/root/cosme/cosme091027_dt_catpickup_bg.gif) no-repeat bottom center ;

}

#cosmeIndexContents #menuBlock dl#catPickupArea dd a{
	display:block;
	margin-left:6px;
	padding-left:10px;
	background:url(/root/cosme/cosme091027_a_ico.gif) no-repeat center left ;
}


#cosmeIndexContents #menuBlock dl#catLinkSite{
	width:170px;
	margin:0 0 10px 0 ;
	padding:0 0 10px 0 ;
	background : #f6f0f6 ;
}

#cosmeIndexContents #menuBlock dl#catLinkSite dt{
	display:block;
	margin:0 ;
}

#cosmeIndexContents #menuBlock dl#catLinkSite dd{
	display : block ;
	margin:0;
	padding:10px 14px 0 14px;

}

.area-information h3{
	margin:0 0 5px 0;
}

.area-information a{
	color : #636 ;
}

.area-information .pt-arrow{
	background:url(/root/cosme/cosme091027_a_ico.gif) no-repeat 5px center !important;
}

#box-recommend{
	margin-bottom:30px !important;
}

#box-recommend a{
	color : #636 ;
}

.area-search-bar{
	margin : 0 0 10px 0 ;
	height : 31px !important;
	background:none !important;
}

.area-search-bar a{
	display:none;
}

h3#h-search-brand{
	margin:0 0 10px 0 !important;
	width:660px !important;
	height:31px !important;
	background : url("/root/cosme/cosme091027_rec_brand.gif") no-repeat !important;
}

h3#h-search-item{
	margin:0 0 10px 0 !important;
	width:660px !important;
	height:31px !important;
	background : url("/root/cosme/cosme091027_rec_item.gif") no-repeat !important;
}