@charset "shift_jis";

/***********************************************
　2010年3月特集　なりたい春顔はどれ？
　#01　CSS
　					      --- create 2010/03/02
　					      --- update 2010/03/02
************************************************/

/*=============================================
　背 景
===============================================*/
#spc1003_01 {
	clear: both;
	background: #fff;
	border: 1px solid #cdb89c;
	padding: 1px;
}
/* IE7 only */
*:first-child+html #spc1003_01 {
	padding-top: 0px;
}

#spc1003_01_bg {
	background: url(../images/01/spc0903_01_bg.gif) repeat left top;
	padding: 20px 38px 15px 38px;
}
#spc1003_01_top {
	background: url(../images/01/spc1003_01_inner_top.gif) repeat left top;
	width: 870px;
	height: 44px;
}
#spc1003_01_in {
	background-color: #fbf7ec;
	position: relative;
}

/*=============================================
　タイトル＆リード
===============================================*/
#spc1003_01_in h3 {
	width: 261px; height: 0;
	padding: 73px 0 0 0;
	overflow: hidden;
	background: url(../images/01/spc1003_01_title.gif) no-repeat left top;
	float: left;
}
#spc1003_01_in p.lead {
	width: 609px; height: 0;
	padding: 73px 0 0 0;
	overflow: hidden;
	background: url(../images/01/spc1003_01_lead.gif) no-repeat left top;
	float: left;
}
#spc1003_01_in img.main_illust {
	margin: 0 9px 10px 20px;
}

/*=============================================
　アイシャドウ
===============================================*/
#spc1003_01_in div.howto_eye {
	width: 480px;
	position: absolute;
	left: 370px; top: 73px;
}
#spc1003_01_in div.howto_eye h4 {
	width: 350px; height: 0;
	padding: 40px 0 0 0;
	overflow: hidden;
	background: url(../images/01/spc1003_01_eye_head.gif) no-repeat left top;
}

/* 共通 */
#spc1003_01_in div p.lecture {
	font-size: 12px;
	color: #853;
}
#spc1003_01_in div p.lecture img {
	float: left;
}
#spc1003_01_in div div {
	position: absolute;
}
#spc1003_01_in div div img.item_img {
	border: 1px solid #a89a8a;
	position: absolute;
}
#spc1003_01_in div div img.item_no,
#spc1003_01_in div div p.item_spec {
	color: #aa9966;
	position: absolute;
}
#spc1003_01_in div div p.item_komi {
	color: #865;
	position: absolute;
}

/* アイシャドウ内共通 */
#spc1003_01_in div.howto_eye p.item_komi {
	width: 204px;
	height: 88px;
	padding: 16px 10px 0 10px;
	background: url(../images/01/spc1003_01_eye_item1_komi.gif) no-repeat left top;
}

/* item1 */
#spc1003_01_in div.howto_eye div.item1 {
	width: 245px;
	height: 260px;
}
#spc1003_01_in div.howto_eye div.item1 img.item_img {
	left: 18px; top: 43px;
}
#spc1003_01_in div.howto_eye div.item1 img.item_no {
	left: 143px; top: 73px;
}
#spc1003_01_in div.howto_eye div.item1 p.item_spec {
	left: 145px; top: 101px;
}
#spc1003_01_in div.howto_eye div.item1 p.item_komi {
	left: 14px; top: 165px;
}

/* item2 */
#spc1003_01_in div.howto_eye div.item2 {
	width: 240px;
	height: 260px;
	left: 240px;
}
#spc1003_01_in div.howto_eye div.item2 img.item_img {
	left: 15px; top: 43px;
}
#spc1003_01_in div.howto_eye div.item2 img.item_no {
	left: 141px; top: 73px;
}
#spc1003_01_in div.howto_eye div.item2 p.item_spec {
	left: 143px; top: 101px;
}
#spc1003_01_in div.howto_eye div.item2 p.item_komi {
	left: 14px; top: 165px;
}

/*=============================================
　チーク
===============================================*/
#spc1003_01_in div.howto_cheek {
	width: 425px;
	height: 497px;
	margin-left: 11px;
	background: url(../images/01/spc1003_01_item_line.gif) no-repeat right top;
}
#spc1003_01_in div.howto_cheek h4 {
	width: 425px; height: 0;
	padding: 55px 0 0 0;
	overflow: hidden;
	background: url(../images/01/spc1003_01_cheek_head.gif) no-repeat left top;
}
#spc1003_01_in div.howto_cheek div {
	margin-top: 20px;
}
#spc1003_01_in div.howto_cheek p.lecture {
	margin-right: 14px;
	line-height: 1.6;
}
#spc1003_01_in div.howto_cheek p.lecture img {
	margin: 0 10px 0 0;
}

/* チーク内共通 */
#spc1003_01_in div.howto_cheek p.item_komi {
	width: 180px;
	height: 110px;
	padding: 18px 25px 0 8px;
	background: url(../images/01/spc1003_01_cheek_item_komi.gif) no-repeat left top;
}

/* item1 */
#spc1003_01_in div.howto_cheek div.item1 {
	width: 195px;
	height: 213px;
	left: 11px;
}
#spc1003_01_in div.howto_cheek div.item1 h5 {
	margin: 0 0 0 10px;
}
#spc1003_01_in div.howto_cheek div.item1 img.item_img {
	left: 18px; top: 43px;
}
#spc1003_01_in div.howto_cheek div.item1 img.item_no {
	left: 143px; top: 73px;
}
#spc1003_01_in div.howto_cheek div.item1 p.item_spec {
	left: 145px; top: 101px;
}
#spc1003_01_in div.howto_cheek div.item1 p.item_komi {
	left: 14px; top: 165px;
}

/* item2 */
#spc1003_01_in div.howto_cheek div.item2 {
	width: 195px;
	height: 195px;
	left: 216px;
}
#spc1003_01_in div.howto_cheek div.item2 img.item_img {
	left: 15px; top: 43px;
}
#spc1003_01_in div.howto_cheek div.item2 img.item_no {
	left: 141px; top: 73px;
}
#spc1003_01_in div.howto_cheek div.item2 p.item_spec {
	left: 143px; top: 101px;
}
#spc1003_01_in div.howto_cheek div.item2 p.item_komi {
	left: 14px; top: 165px;
}

/*=============================================
　リップ
===============================================*/
#spc1003_01_in div.howto_lip {
	width: 418px;
	height: 497px;
	position: absolute;
	left: 436px; top: 523px;
}
#spc1003_01_in div.howto_lip h4 {
	width: 425px; height: 0;
	padding: 55px 0 0 0;
	overflow: hidden;
	background: url(../images/01/spc1003_01_lip_head.gif) no-repeat left top;
}
#spc1003_01_in div.howto_lip div {
	margin-top: 20px;
}
#spc1003_01_in div.howto_lip p.lecture {
	margin-right: 14px;
	line-height: 1.6;
}
#spc1003_01_in div.howto_lip p.lecture img {
	margin: 0 10px 0 3px;
}

/* リップ内共通 */
#spc1003_01_in div.howto_lip p.item_komi {
	width: 180px;
	height: 110px;
	padding: 18px 25px 0 8px;
	background: url(../images/01/spc1003_01_cheek_item_komi.gif) no-repeat left top;
}

/* item1 */
#spc1003_01_in div.howto_lip div.item1 {
	width: 195px;
	height: 213px;
	left: 0;
}
#spc1003_01_in div.howto_lip div.item1 h5 {
	margin: 0 0 0 10px;
}
#spc1003_01_in div.howto_lip div.item1 img.item_img {
	left: 18px; top: 43px;
}
#spc1003_01_in div.howto_lip div.item1 img.item_no {
	left: 143px; top: 73px;
}
#spc1003_01_in div.howto_lip div.item1 p.item_spec {
	left: 145px; top: 101px;
}
#spc1003_01_in div.howto_lip div.item1 p.item_komi {
	left: 10px; top: 165px;
}

/* item2 */
#spc1003_01_in div.howto_lip div.item2 {
	width: 195px;
	height: 195px;
	left: 216px;
}
#spc1003_01_in div.howto_lip div.item2 img.item_img {
	left: 10px; top: 43px;
}
#spc1003_01_in div.howto_lip div.item2 img.item_no {
	left: 136px; top: 73px;
}
#spc1003_01_in div.howto_lip div.item2 p.item_spec {
	left: 137px; top: 101px;
}
#spc1003_01_in div.howto_lip div.item2 p.item_komi {
	left: 0; top: 165px;
}


/*=============================================
　ポイント
===============================================*/
#spc1003_01_in div.howto_point {
	width: 870px;
	height: 130px;
	background: url(../images/01/spc1003_01_point_bg.gif) no-repeat left top;
}
#spc1003_01_in div.howto_point p {
	font-size: 12px;
	line-height: 1.8;
	color: #865;
	padding: 25px 0 0 50px;
	width: 775px;
}
#spc1003_01_in div.howto_point p img {
	float: left;
}

/*=============================================
　ベースメイク
===============================================*/
#spc1003_01_in div.howto_base {
}
#spc1003_01_in div.howto_base h4 {
	width: 870px; height: 0;
	padding: 80px 0 0 0;
	overflow: hidden;
	background: url(../images/01/spc1003_01_base_title.gif) no-repeat left top;
}
#spc1003_01_in div.howto_base p.lead {
	width: 870px; height: 0;
	padding: 40px 0 0 0;
	margin-bottom: 15px;
	overflow: hidden;
	background: url(../images/01/spc1003_01_base_lead.gif) no-repeat left top;
	float: left;
}

/* 共通 */
#spc1003_01_in div.howto_base div {
	width: 198px;
	height: 285px;
	margin-left: 6px;
	position: relative;
	float: left;
}
#spc1003_01_in div.howto_base div p.item_spec {
	left: 138px; top: 85px;
}
#spc1003_01_in div.howto_base div p.item_komi {
	left: 14px; top: 172px;
	padding-top: 14px;
	background: url(../images/01/spc1003_01_base_item_line.gif) no-repeat left top;
}
#spc1003_01_in div.howto_base div img.item_img {
	left: 10px; top: 43px;
}
#spc1003_01_in div.howto_base div img.item_no {
	left: 143px; top: 73px;
}

/* 個別 */
#spc1003_01_in div.howto_base div.item1 {
	margin-left: 14px;
	_margin-left: 10px;
}


/*=============================================
　pagetop
===============================================*/
a.pagetop {
	margin: 0 0 0 760px;
}
a.pagetop img {
	margin: 5px 0 0 0;
}