@charset "shift_jis";

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

/*=============================================
　background
===============================================*/
#spc0903_cts div {
	position: relative;
}
#spc0903_cts p {
	line-height: 1.6;
}
#spc0903_cts div#spc0903_grp_title {
	width: 930px; height: 190px;
	background: url( ../images/01/spc0903_01_bg_01.gif) no-repeat left top;
}
#spc0903_cts div#spc0903_grp1 {
	width: 930px; height: 655px;
	background: url( ../images/01/spc0903_01_bg_02.gif) no-repeat left top;
	line-height: 140%;
}
#spc0903_cts div#spc0903_grp2 {
	width: 930px;  height: 150px;
	background: url( ../images/01/spc0903_01_bg_03.gif) no-repeat left top;
	line-height: 140%;
}
#spc0903_cts div#spc0903_grp3 {
	width: 930px; height: 661px;
	background: url( ../images/01/spc0903_01_bg_04.gif) no-repeat left top;
}
#spc0903_cts div#spc0903_grp4 {
	width: 930px; height: 276px;
	background: url( ../images/01/spc0903_01_bg_05.gif) no-repeat left top;
}
#spc0903_cts div p {
	font-size: 11px;
}


/*=============================================
　title
===============================================*/
#spc0903_cts #spc0903_grp_title h3 {
	width: 650px; height: 0;
	padding: 80px 0 0 0;
	background: url( ../images/01/spc0903_01_title.gif) no-repeat left top;
	overflow: hidden;
	
	position: absolute;
	left: 55px; top: 11px;
}
#spc0903_cts #spc0903_grp_title p {
	width: 615px;
	font-size: 14px;
	line-height: 160%;
	position: absolute;
	left: 70px; top: 110px;
}
#spc0903_cts #spc0903_grp_title p span.total {
	font-size: 12px;
}


/*=============================================
　春のメイクテクニックについて
===============================================*/
#spc0903_cts #spc0903_grp1 h4 {
	width: 410px; height: 0;
	padding: 70px 0 0 0;
	background: url( ../images/01/spc0903_01_grp1_01.gif) no-repeat left top;
	overflow: hidden;
	
	position: absolute;
	left: 50px; top: 9px;
}
#spc0903_cts #spc0903_grp1 h5 {
	width: 315px; height: 0;
	padding: 50px 0 0 0;
	background: url( ../images/01/spc0903_01_grp1_02.gif) no-repeat left top;
	overflow: hidden;
	
	position: absolute;
	left: 570px; top: 54px;
}
/*--------------------------------------*/
#spc0903_cts #spc0903_grp1 p.comment {
	width: 215px;
	font-size: 12px;
	line-height: 180%;
	position: absolute;
	left: 76px; top: 120px;
}
/*--------------------------------------*/
#spc0903_cts #spc0903_grp1 p.grp1_03 {
	width: 300px; height: 0;
	padding: 38px 0 0 0;
	background: url( ../images/01/spc0903_01_grp1_03.gif) no-repeat left top;
	overflow: hidden;
	
	position: absolute;
	left: 585px; top: 104px;
}
#spc0903_cts #spc0903_grp1 p.grp1_03_a {
	width: 260px;
	position: absolute;
	left: 605px; top: 157px;
	letter-spacing: 0.04em;
}
#spc0903_cts #spc0903_grp1 p.grp1_03_b {
	width: 260px;
	position: absolute;
	left: 605px; top: 268px;
}
#spc0903_cts #spc0903_grp1 p.grp1_03_c {
	width: 260px;
	position: absolute;
	left: 605px; top: 402px;
}
/*--------------------------------------*/
#spc0903_cts #spc0903_grp1 p.grp1_04 {
	width: 250px; height: 0;
	padding: 45px 0 0 0;
	background: url( ../images/01/spc0903_01_grp1_04.gif) no-repeat left top;
	overflow: hidden;
	
	position: absolute;
	left: 60px; top: 267px;
}
#spc0903_cts #spc0903_grp1 p.grp1_04_a {
	width: 235px;
	position: absolute;
	left: 73px; top: 328px;
}
#spc0903_cts #spc0903_grp1 p.grp1_04_b {
	width: 242px;
	position: absolute;
	left: 73px; top: 447px;
}
#spc0903_cts #spc0903_grp1 p.grp1_04_c {
	width: 235px;
	position: absolute;
	left: 73px; top: 552px;
}
#spc0903_cts #spc0903_grp1 p.grp1_04_a span,
#spc0903_cts #spc0903_grp1 p.grp1_04_b span,
#spc0903_cts #spc0903_grp1 p.grp1_04_c span {
	color: #448800;
}
/*--------------------------------------*/
#spc0903_cts #spc0903_grp1 p.grp1_05 {
	width: 175px; height: 0;
	padding: 50px 0 0 0;
	background: url( ../images/01/spc0903_01_grp1_05.gif) no-repeat left top;
	overflow: hidden;
	
	position: absolute;
	left: 330px; top: 376px;
}
#spc0903_cts #spc0903_grp1 p.grp1_05_a {
	width: 217px;
	position: absolute;
	left: 345px; top: 446px;
}
#spc0903_cts #spc0903_grp1 p.grp1_05_b {
	width: 217px;
	position: absolute;
	left: 345px; top: 548px;
}
#spc0903_cts #spc0903_grp1 p.grp1_05_c {
	width: 260px;
	position: absolute;
	left: 595px; top: 486px;
}
#spc0903_cts #spc0903_grp1 p.grp1_05_a span,
#spc0903_cts #spc0903_grp1 p.grp1_05_b span,
#spc0903_cts #spc0903_grp1 p.grp1_05_c span {
	color: #ff6633;
}


/*=============================================
　コミュニティ
===============================================*/
#spc0903_cts div#spc0903_grp2 h5 {
	width: 608px; height: 0;
	padding: 23px 0 0 0;
	background: url( ../images/01/spc0903_01_grp2_title.gif) no-repeat left top;
	overflow: hidden;
	
	position: absolute;
	left: 60px; top: 0px;
}
#spc0903_cts div#spc0903_grp2 a {
	display: block;
	overflow: hidden;
	
}
#spc0903_cts div#spc0903_grp2 a.cmy01 {
	width: 375px; height: 0;
	padding: 22px 0 0 0;
	background: url( ../images/01/spc0903_01_grp2_01.gif) no-repeat 0 -22px;
	position: absolute;
	left: 76px; top: 35px;
}
#spc0903_cts div#spc0903_grp2 a.cmy02 {
	width: 105px; height: 0;
	padding: 13px 0 0 0;
	background: url( ../images/01/spc0903_01_grp2_02.gif) no-repeat 0 -13px;
	position: absolute;
	left: 473px; top: 44px;
}
#spc0903_cts div#spc0903_grp2 a.cmy03 {
	width: 252px; height: 0;
	padding: 15px 0 0 0;
	background: url( ../images/01/spc0903_01_grp2_03.gif) no-repeat 0 -15px;
	position: absolute;
	left: 600px; top: 42px;
}
#spc0903_cts div#spc0903_grp2 a.cmy04 {
	width: 136px; height: 0;
	padding: 16px 0 0 0;
	background: url( ../images/01/spc0903_01_grp2_04.gif) no-repeat 0 -16px;
	position: absolute;
	left: 76px; top: 69px;
}
#spc0903_cts div#spc0903_grp2 a.cmy05 {
	width: 175px; height: 0;
	padding: 14px 0 0 0;
	background: url( ../images/01/spc0903_01_grp2_05.gif) no-repeat 0 -14px;
	position: absolute;
	left: 237px; top: 71px;
}
#spc0903_cts div#spc0903_grp2 a.cmy06 {
	width: 125px; height: 0;
	padding: 14px 0 0 0;
	background: url( ../images/01/spc0903_01_grp2_06.gif) no-repeat 0 -14px;
	position: absolute;
	left: 437px; top: 71px;
}
#spc0903_cts div#spc0903_grp2 a.cmy07 {
	width: 145px; height: 0;
	padding: 20px 0 0 0;
	background: url( ../images/01/spc0903_01_grp2_07.gif) no-repeat 0 -20px;
	position: absolute;
	left: 587px; top: 65px;
}
#spc0903_cts div#spc0903_grp2 a:hover {
	background-position: 0 0;
}

/*--------------------------------------*/
#spc0903_cts div#spc0903_grp2 a.pagetop {
	top: 122px;
}
#spc0903_cts div#spc0903_grp2 a.pagetop:hover {
	background-position: 0 -18px;
}


/*=============================================
　春メイクの重点
===============================================*/
#spc0903_cts #spc0903_grp3 h4 {
	width: 475px; height: 0;
	padding: 75px 0 0 0;
	background: url( ../images/01/spc0903_01_grp3_01.gif) no-repeat left top;
	overflow: hidden;
	
	position: absolute;
	left: 410px; top: 0px;
}
#spc0903_cts #spc0903_grp3 h5 {
	width: 280px; height: 0;
	padding: 95px 0 0 0;
	background: url( ../images/01/spc0903_01_grp3_02.gif) no-repeat left top;
	overflow: hidden;
	
	position: absolute;
	left: 45px; top: 47px;
}
/*--------------------------------------*/
#spc0903_cts #spc0903_grp3 p.comment {
	width: 220px;
	font-size: 12px;
	line-height: 180%;
	position: absolute;
	left: 633px; top: 108px;
}
/*--------------------------------------*/
#spc0903_cts #spc0903_grp3 p.grp3_03 {
	width: 300px; height: 0;
	padding: 38px 0 0 0;
	background: url( ../images/01/spc0903_01_grp3_03.gif) no-repeat left top;
	overflow: hidden;
	
	position: absolute;
	left: 60px; top: 155px;
}
#spc0903_cts #spc0903_grp3 p.grp3_03_a {
	width: 230px;
	position: absolute;
	left: 76px; top: 200px;
}
#spc0903_cts #spc0903_grp3 p.grp3_03_b {
	width: 230px;
	position: absolute;
	left: 76px; top: 307px;
}
#spc0903_cts #spc0903_grp3 p.grp3_03_c {
	width: 230px;
	line-height: 160%;
	position: absolute;
	left: 76px; top: 423px;
}
/*--------------------------------------*/
#spc0903_cts #spc0903_grp3 p.grp3_04 {
	width: 180px; height: 0;
	padding: 22px 0 0 0;
	background: url( ../images/01/spc0903_01_grp3_04.gif) no-repeat left top;
	overflow: hidden;
	
	position: absolute;
	left: 339px; top: 363px;
}
#spc0903_cts #spc0903_grp3 p.grp3_04_a {
	width: 235px;
	line-height: 155%;
	position: absolute;
	left: 353px; top: 400px;
}
#spc0903_cts #spc0903_grp3 p.grp3_04_b {
	width: 235px;
	line-height: 150%;
	position: absolute;
	left: 353px; top: 528px;
}
#spc0903_cts #spc0903_grp3 p.grp3_04_c {
	width: 245px;
	position: absolute;
	left: 76px; top: 550px;
}
#spc0903_cts #spc0903_grp3 p.grp3_04_a span,
#spc0903_cts #spc0903_grp3 p.grp3_04_b span,
#spc0903_cts #spc0903_grp3 p.grp3_04_c span {
	color: #448800;
}
/*--------------------------------------*/
#spc0903_cts #spc0903_grp3 p.grp3_05 {
	width: 223px; height: 0;
	padding: 24px 0 0 0;
	background: url( ../images/01/spc0903_01_grp3_05.gif) no-repeat left top;
	overflow: hidden;
	
	position: absolute;
	left: 615px; top: 251px;
}
#spc0903_cts #spc0903_grp3 p.grp3_05_a {
	width: 230px;
	line-height: 160%;
	position: absolute;
	left: 627px; top: 286px;
}
#spc0903_cts #spc0903_grp3 p.grp3_05_b {
	width: 230px;
	line-height: 150%;
	position: absolute;
	left: 627px; top: 420px;
}
#spc0903_cts #spc0903_grp3 p.grp3_05_c {
	width: 230px;
	position: absolute;
	left: 627px; top: 546px;
}
#spc0903_cts #spc0903_grp3 p.grp3_05_a span,
#spc0903_cts #spc0903_grp3 p.grp3_05_b span,
#spc0903_cts #spc0903_grp3 p.grp3_05_c span {
	color: #ff6633;
}

/*=============================================
　結論
===============================================*/
#spc0903_cts div#spc0903_grp4 h4 {
	width: 106px; height: 0;
	padding: 63px 0 0 0;
	background: url( ../images/01/spc0903_01_grp4_smr.gif) no-repeat left top;
	overflow: hidden;
	
	position: absolute;
	left: 55px; top: 1px;
}
#spc0903_cts div#spc0903_grp4 p {
	width: 435px;
	font-size: 14px;
	line-height: 190%;
	position: absolute;
	left: 70px; top: 45px;
	text-indent: 5.5em;
}
#spc0903_cts div#spc0903_grp4 h5 {
	width: 317px; height: 0;
	padding: 26px 0 0 0;
	background: url( ../images/01/spc0903_01_grp4_member.gif) no-repeat left top;
	overflow: hidden;
	
	position: absolute;
	left: 526px; top: 22px;
}
#spc0903_cts div#spc0903_grp4 img {
	position: absolute;
	left: 526px; top: 53px;
}
#spc0903_cts div#spc0903_grp4 a.pagetop {
	top: 223px;
}