@charset "shift_jis";

/***********************************************
　アットコスメ2009年3月特集
　“春の色ってむずかしい！？”
　					      --- create 2009/02/26
　					      --- update 2009/03/23
************************************************/

/*=============================================
　index layout
===============================================*/
#spc0903_cts div#spc0903_bg_title {
	width: 930px; height: 275px;
	background: url( ../images/index/spc0903_index_bg_title.gif) no-repeat left top;
}
#spc0903_cts div#spc0903_bg_01 {
	width: 930px; height: 165px;
	background: url( ../images/index/spc0903_index_bg_01.gif) no-repeat left top;
}
#spc0903_cts div#spc0903_bg_02 {
	width: 930px; height: 150px;
	background: url( ../images/index/spc0903_index_bg_02.gif) no-repeat left top;
}
#spc0903_cts div#spc0903_bg_03 {
	width: 930px; height: 150px;
	background: url( ../images/index/spc0903_index_bg_03.jpg) no-repeat left top;
}
#spc0903_cts div#spc0903_bg_04 {
	width: 930px; height: 264px;
	background: url( ../images/index/spc0903_index_bg_04.jpg) no-repeat left top;
}

/*=============================================
　title
===============================================*/
#spc0903_cts div#spc0903_bg_title p.catch {
	width: 560px; height: 0;
	padding: 30px 0 0 0;
	background: url( ../images/index/spc0903_index_catch.gif) no-repeat left top;
	overflow: hidden;

	position: absolute;
	left: 298px; top: 67px;
}
#spc0903_cts div#spc0903_bg_title h2 {
	width: 560px; height: 0;
	padding: 80px 0 0 0;
	background: url( ../images/index/spc0903_index_title.gif) no-repeat left top;
	overflow: hidden;
	
	position: absolute;
	left: 298px; top: 97px;
}
#spc0903_cts div#spc0903_bg_title p.lead {
	width: 540px;
	font-size: 14px;
	position: absolute;
	left: 305px; top: 185px;
	line-height: 165%;
}

/*=============================================
　vol.01
===============================================*/
#spc0903_cts div#spc0903_bg_01 h3 a {
	display: block;
	width: 412px; height: 0;
	padding: 80px 0 0 0;
	background: url( ../images/index/spc0903_index_lnk_01.gif) no-repeat 0 0;
	overflow: hidden;

	position: absolute;
	left: 89px; top: 321px;
}
#spc0903_cts div#spc0903_bg_01 h3 a:hover {
	background-position: 0 -80px;
}
#spc0903_cts div#spc0903_bg_01 p {
	width: 300px;
	position: absolute;
	left: 192px; top: 405px;
}

/*=============================================
　vol.02
===============================================*/
#spc0903_cts div#spc0903_bg_02 h3 a {
	display: block;
	width: 430px; height: 0;
	padding: 105px 0 0 0;
	background: url( ../images/index/spc0903_index_lnk_02.gif) no-repeat 0 0;
	overflow: hidden;

	position: absolute;
	left: 443px; top: 440px;
}
#spc0903_cts div#spc0903_bg_02 h3 a:hover {
	background-position: 0 -105px;
}
#spc0903_cts div#spc0903_bg_02 p {
	width: 335px;
	position: absolute;
	left: 530px; top: 553px;
}

/*=============================================
　vol.03
===============================================*/
#spc0903_cts div#spc0903_bg_03 h3 a {
	display: block;
	width: 450px; height: 0;
	padding: 90px 0 0 0;
	background: url( ../images/index/spc0903_index_lnk_03.gif) no-repeat 0 0;
	overflow: hidden;

	position: absolute;
	left: 52px; top: 590px;
}
#spc0903_cts div#spc0903_bg_03 h3 a:hover {
	background-position: 0 -90px;
}
#spc0903_cts div#spc0903_bg_03 p {
	width: 335px;
	position: absolute;
	left: 140px; top: 690px;
}
#spc0903_cts div#spc0903_bg_03 p.new {
	width: 80px; height: 0;
	padding: 40px 0 0 0;
	background: url( ../images/index/spc0903_index_new_03.gif) no-repeat 0 0;
	overflow: hidden;

	position: absolute;
	left: 238px; top: 567px;
}


/*=============================================
　vol.04
===============================================*/
#spc0903_cts div#spc0903_bg_04 h3 a {
	display: block;
	width: 430px; height: 0;
	padding: 72px 0 0 0;
	background: url( ../images/index/spc0903_index_lnk_04.gif) no-repeat 0 0;
	overflow: hidden;

	position: absolute;
	left: 385px; top: 740px;
}
#spc0903_cts div#spc0903_bg_04 h3 a:hover {
	background-position: 0 -72px;
}
#spc0903_cts div#spc0903_bg_04 p {
	width: 335px;
	position: absolute;
	left: 475px; top: 812px;
}
#spc0903_cts div#spc0903_bg_04 p.new {
	width: 70px; height: 0;
	padding: 40px 0 0 0;
	background: url( ../images/index/spc0903_index_new_04.gif) no-repeat 0 0;
	overflow: hidden;

	position: absolute;
	left: 678px; top: 721px;
}