@charset "Shift_JIS";

/* index

	- wrapper
	- global (category)
	- category
	- breadcrumb
	- side (Right)
	- contents
		* tabs
		* headline
		* contents list
		* sub contents

----------------------------------------------- */


/* wrapper
----------------------------------------------- */
#wrapper {
	margin: 0 auto;
	padding: 0px 0px 0px 1px;
	width: 982px;
	background: url(../images/category_bg.gif) repeat-y;
	text-align: left;
}


/* global (category)
----------------------------------------------- */
#globalNavigation li.beauty a {
	background: url(../images/category_global.gif) no-repeat -268px -62px;
}

#globalNavigation li.beauty a:hover {
	background: url(../images/category_global.gif) no-repeat -268px -62px;
}


/* category
----------------------------------------------- */
#categoryTitle h2 {
	background: url(../images/category_title_beauty.gif) no-repeat;
}


/* breadcrumb
----------------------------------------------- */
#breadcrumb {
	background-color: #ff6666;
}

#breadcrumb li.toolbar a {
	background: url(../images/icon_toolbar_beauty.gif) no-repeat;
}

#breadcrumb li.rss a {
	background: url(../images/icon_rss_beauty.gif) no-repeat;
}


/* side (Right)
----------------------------------------------- */
#containerRanking h5 {
	margin: 5px 0px 0px 15px;
	padding: 2px 5px 3px 5px;
	width: 279px;
	background-color: #ff6666;
	color: #ffffff;
	clear: both;
}

/* Mozilla & IE7 */
html>body #containerRanking h5 {
	margin: 5px 0px 0px 15px;
	padding: 4px 5px 3px 5px;
	width: 269px;
	background-color: #ff6666;
	color: #ffffff;
	clear: both;
}

#containerRanking table {
	margin: 0px 0px 0px 15px;
	padding: 0;
	width: 279px;
	border: none;
	border-collapse: collapse;
	background-color: #ffffff;
	clear: both;
}

#containerRanking ul {
	margin: 0;
	padding: 5px 15px 0px 0px;
	list-style: none;
	text-indent: 0;
	text-align: left;
	float: right;
}

#containerRanking li {
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent: -9999px;
}

/* Mozilla */
:root #containerRanking li a {
	overflow: hidden;
}

#containerRanking li a {
	display: block;
	margin: 0;
	width: 120px;
	height: 17px;
	background: url(../images/side_rank_beauty.gif) no-repeat 0px 0px;
}

#containerRanking li a:hover {
	background: url(../images/side_rank_beauty.gif) no-repeat -120px 0px;
}


#containerShopping table td a {
	color: #ff6666;
}


/* tabs
----------------------------------------------- */
#containerTab ul {
	margin: 0;
	padding: 0;
	width: 630px;
	list-style: none;
	text-indent: 0;
	text-align: left;
	clear: both;
}

#tabsContent1,
#tabsContent2,
#tabsContent3,
#tabsContent4,
#tabsContent5 {
	margin: 0;
	padding: 5px 0px 0px 10px;
	width: 620px;
	clear: both;
}


/* headline
----------------------------------------------- */
#containerHeadline dl dd h3 {
	margin: 0 0 5px 0;
	padding: 0;
	color: #ff6666;
	clear: both;
	font-size:13px;
}



/* contents list
----------------------------------------------- */
#containerContentsList h3 {
	text-indent: -9999px;
	margin: 0;
	padding: 0px 0px 5px 0px;
	width: 275px;	
	height: 23px;
	background: url(../images/contents_beauty_title.gif) no-repeat;
	clear: both;
}

/*
.containerContentsListLeft h4,
.containerContentsListRight h4 {
	margin: 0;
	padding: 0px 0px 0px 18px;
	width: 310px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	background: url(../images/subcategory_beauty_title.gif) no-repeat;
	background-color: #999999;
	color: #ffffff;
	float: left;
}

Mozilla & IE7 

html>body .containerContentsListLeft h4,
html>body .containerContentsListRight h4 {
	margin: 0;
	padding: 0px 0px 0px 18px;
	width: 292px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	background: url(../images/subcategory_beauty_title.gif) no-repeat;
	background-color: #999999;
	color: #ffffff;
	float: left;
}

.containerContentsListLeft h4.new,
.containerContentsListRight h4.new {
	margin: 0;
	padding: 0px 0px 0px 18px;
	width: 310px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	background: url(../images/subcategory_beauty_title.gif) no-repeat -310px 0px;
	background-color: #999999;
	color: #ffffff;
	float: left;
}

 Mozilla & IE7
html>body .containerContentsListLeft h4.new,
html>body .containerContentsListRight h4.new {
	margin: 0;
	padding: 0px 0px 0px 18px;
	width: 292px;
	min-height: 20px;
	height: auto !important;
	height: 20px;
	background: url(../images/subcategory_beauty_title.gif) no-repeat -310px 0px;
	background-color: #999999;
	color: #ffffff;
	float: left;
}

.containerContentsListLeft dl dd p.date,
.containerContentsListRight dl dd p.date {
	margin: 0;
	padding: 5px 0px 0px 0px;
	color: #ff6666;
	float: right;
}*/


/* sub contents
----------------------------------------------- */
#containerSubContents .containerContentsBbsList h4 {
	margin: 0;
	padding: 4px 5px 3px 5px;
	float: left;
}

#containerSubContents .containerContentsBbsList h4 a {
	color: #ff6666;
}

#containerSubContents .containerContentsBbsList li a {
	margin: 0px 0px 5px 10px;
	padding: 0px 0px 0px 13px;
	background: url(../images/arrow_category_beauty.gif) no-repeat 0 0.15em;
	float: left;
}