@charset "UTF-8";

/* ===================================
	File Name   : goods.css
	Description : Goods Page Layout CSS
	Editors     : Taz Sakurai
	Create Date : 2014/06/23

	Update Description :
		2014/06/23 Append - Value Styles [Taz Sakurai]
		2014/06/23 File Create
====================================== */

/*========== Style Contents ==========

	1. Individual Redefinition
	2. Frizzy Hair Goods
	3. Color Hair Goods
	4. Permanent Hair Goods
	5. Aging Goods
	*. Clear Release
	
====================================== */





/*===== ■1. Individual Redefinition =====*/
/* Global Navigation */
ul#GlobalNavi li#BtnGoods a,
ul#GlobalNavi li#BtnGoods a:hover {background-position: -860px -270px;}

/* Title Setting */
h1 span {
	background: url(img/img_main-goods.jpg) no-repeat center 0px;
}

h2 {
	padding: 0px 0px 15px;
}

/* Goods Page Common Setting */
.Section ul li {
	position: relative;
	display: inline;
	float: left;
	margin: 0px 18px 0px 0px;
	padding: 0px 0px 90px;
	width: 200px;
}

.Section ul li span {
	display: block;
	border: 10px solid #EDEDF8;
	padding: 2px 0px 0px 2px;
	width: 178px;
	height: 208px;
}

.Section ul li span strong {
	display: block;
	padding: 3px 0px 0px;
	text-align: center;
	line-height: 1.1;
}

.Section ul li span strong em {
	padding: 0px 3px;
	font-size: 153.9%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #5951B8;
}

.Section ul li p {
	position: absolute;
	top: 240px;
	left: -10px;
	width: 220px;
	text-align: center;
	font-size: 85%;
}



/*===== ■2. Frizzy Hair Goods =====*/
#FrizzyHairGoods {
	padding: 100px 0px 0px;
	margin: 0px 0px 80px;
}





/*===== ■3. Color Hair Goods =====*/
#ColorHairGoods ul li span {
	border: 10px solid #F2E4E0;
}

#ColorHairGoods ul li span strong em {
	color: #CA3A59;
}





/*===== ■4. Permanent Hair Goods =====*/
#PermanentHairGoods ul li span {
	border: 10px solid #D6EFF4;
}

#PermanentHairGoods ul li span strong em {
	color: #00B8DF;
}





/*===== ■5. Aging Goods =====*/
#AgingGoods ul li span {
	border: 10px solid #F6F2EA;
}

#AgingGoods ul li span strong em {
	color: #87523F;
}





/*===== ■*.Clear Release  =====*/
#*************** {
	/zoom: 1;
}

#***************:after {
	content: '';
	display: block;
	clear: both;
}