@charset "shift_jis";

/*=============================================
　インデックス
===============================================*/


/*--------------------------------------
ヘッダ
----------------------------------------*/	
#spc0611_ctn #idx_ttl {
	width: 930px; height: 264px;
	background: url( ../images/index_ttl.gif) no-repeat left top;
}

#spc0611_ctn #idx_ttl h2 {
	width: 930px; height: 0px;
	padding: 264px 0 0 0;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
}

#spc0611_ctn #idx_ttl h3 {
	width: 500px; 
	position: absolute;
	left: 35px; top: 203px;
}


/*--------------------------------------
コンテンツ
----------------------------------------*/	
#spc0611_ctn #idx_bk {
	width: 930px; height: 1011px;
	background: url( ../images/index_bk.gif) no-repeat left top;
}


/*--- スキンケア編 --------------------*/

#spc0611_ctn #idx_skin {
	width: 420px; height: 300px;
	left: 60px; top: 100px;
	position: absolute;
}

#spc0611_ctn #idx_skin_ttl {
	width: 149px; height: 0px;
	padding: 24px 0 0 0;
	overflow: hidden;

	position: absolute;
	background: url( ../images/index_sttl_skin.gif) no-repeat left top;
	left: 150px; top: 0px;
}

#spc0611_ctn #idx_skin ul {
	list-style-type: none;
}


#spc0611_ctn #idx_skin ul li a.q1 {
	width: 420px; height: 0;
	padding: 60px 0 0 0;
	overflow: hidden;

	position: absolute;
	background: url( ../images/index_skin_q1.gif) no-repeat left top;
	left: 0px; top: 75px;
}


#spc0611_ctn #idx_skin ul li a.q2 {
	width: 420px; height: 0;
	padding: 60px 0 0 0;
	overflow: hidden;

	position: absolute;
	background: url( ../images/index_skin_q2.gif) no-repeat left top;
	left: 0px; top: 150px;
}

#spc0611_ctn #idx_skin ul li a.q3 {
	width: 420px; height: 0;
	padding: 60px 0 0 0;
	overflow: hidden;

	position: absolute;
	background: url( ../images/index_skin_q3.gif) no-repeat left top;
	left: 0px; top: 230px;
}


#spc0611_ctn #idx_skin ul li a:hover {
	background-position: left 2px;
}


/*--- ヘアケア編 --------------------*/

#spc0611_ctn #idx_hair {
	width: 420px; height: 320px;
	left: 480px; top: 170px;
	position: absolute;
}

#spc0611_ctn #idx_hair_ttl {
	width: 128px; height: 0px;
	padding: 24px 0 0 0;
	overflow: hidden;

	position: absolute;
	background: url( ../images/index_sttl_hair.gif) no-repeat left top;
	left: 150px; top: 0px;
}

#spc0611_ctn #idx_hair ul {
	list-style-type: none;
}

#spc0611_ctn #idx_hair ul li a.q1 {
	width: 420px; height: 0;
	padding: 60px 0 0 0;
	overflow: hidden;

	position: absolute;
	background: url( ../images/index_hair_q1.gif) no-repeat left top;
	left: 0px; top: 95px;
}

#spc0611_ctn #idx_hair ul li a.q2 {
	width: 420px; height: 0;
	padding: 60px 0 0 0;
	overflow: hidden;

	position: absolute;
	background: url( ../images/index_hair_q2.gif) no-repeat left top;
	left: 0px; top: 180px;
}

#spc0611_ctn #idx_hair ul li a.q3 {
	width: 420px; height: 0;
	padding: 60px 0 0 0;
	overflow: hidden;

	position: absolute;
	background: url( ../images/index_hair_q3.gif) no-repeat left top;
	left: 0px; top: 260px;
}


#spc0611_ctn #idx_hair ul li p {
	display: block;
	overflow: hidden;
	font-size: 1px;
	position: absolute;
}


#spc0611_ctn #idx_hair ul li a:hover {
	background-position: left 2px;
}


/*--- メイク編 --------------------*/

#spc0611_ctn #idx_make {
	width: 450px; height: 320px;
	left: 160px; top: 530px;
	position: absolute;
}

#spc0611_ctn #idx_make_ttl {
	width: 128px; height: 0px;
	padding: 24px 0 0 0;
	overflow: hidden;

	position: absolute;
	background: url( ../images/index_sttl_make.gif) no-repeat left top;
	left: 160px; top: -2px;
}

#spc0611_ctn #idx_make ul {
	list-style-type: none;
}

#spc0611_ctn #idx_make ul li a.q1 {
	width: 450px; height: 0;
	padding: 60px 0 0 0;
	overflow: hidden;
	position: absolute;
	background: url( ../images/index_make_q1.gif) no-repeat left top;
	left: 0px; top: 95px;
}

#spc0611_ctn #idx_make ul li a.q2 {
	width: 450px; height: 0;
	padding: 60px 0 0 0;
	overflow: hidden;
	position: absolute;
	background: url( ../images/index_make_q2.gif) no-repeat left top;
	left: 0px; top: 180px;
}

#spc0611_ctn #idx_make ul li a.q3 {
	width: 450px; height: 0;
	padding: 60px 0 0 0;
	overflow: hidden;

	position: absolute;
	background: url( ../images/index_make_q3.gif) no-repeat left top;
	left: 0px; top: 260px;
}


#spc0611_ctn #idx_make ul li p {
	display: block;
	overflow: hidden;
	font-size: 1px;
	position: absolute;
}


#spc0611_ctn #idx_make ul li a:hover {
	background-position: left 2px;
}