@charset "shift_jis";

/***********************************************
　アットコスメ2009年3月特集
　はびこる毛穴をねらい撃ち！
　ひきしめ戦隊ポアレンジャー
　					      --- create 2009/04/28
　					      --- update 2009/05/12
************************************************/

/*===========================================================================================
　ひらき毛穴
=============================================================================================*/
/*---------------------------------------------
　タイトル＆リード
-----------------------------------------------*/
div#spc0905_02_hrk_title {
	width: 930px; height: 143px;
	background: url(../images/cmn/spc0905_cmn_hrk_bg_title.gif) no-repeat left top;
	position: relative;
}
div#spc0905_02_hrk_title h1 {
	width: 350px;
	height: 0;
	padding: 90px 0 0 0;
	background: url( ../images/cmn/spc0905_cmn_in_hrk_head.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 1px;
	top: 21px;
}
div#spc0905_02_hrk_title p {
	width: 509px;
	position: absolute;
	left: 377px; top: 42px;
	color: #841;
	line-height: 150%;
}


/*---------------------------------------------
　メインコンテンツ
-----------------------------------------------*/
div#spc0905_02_hrk_main {
	width: 930px; height: 531px;
	background: url(../images/02/spc0905_02_hrk_bg_main.gif) no-repeat left top;
	position: relative;
	color: #841;
	line-height: 170%;
}

/* 先生アドバイス */
div#spc0905_02_hrk_main div.hrk_adv {
	width: 340px;
	position: absolute;
	left: 57px; top: 0px;
}
div#spc0905_02_hrk_main div.hrk_adv h2 {
	width: 340px; height: 0;
	padding: 30px 0 0 0;
	background: url(../images/cmn/spc0905_cmn_hrk_care.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
}
div#spc0905_02_hrk_main div.hrk_adv p {
	padding: 13px 0 18px 14px;
}
div#spc0905_02_hrk_main div.hrk_adv p img {
	float: left;
}
div#spc0905_02_hrk_main div.hrk_adv a {
	width: 205px; height: 0;
	padding-top: 25px;
	background: url( ../images/cmn/spc0905_cmn_in_jtnbtn_hrk1.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	float: left;
}

/* 補足 */
div#spc0905_02_hrk_main h4.hsk {
	clear: both;
	width: 340px; height: 0;
	padding: 45px 0 0 0;
	background: url( ../images/cmn/spc0905_cmn_in_hsk_hrk.gif) no-repeat left 5px;
	overflow: hidden;
	font-size: 5px;
	margin-top: 5px;
}
div#spc0905_02_hrk_main p.hsk {
	width: 240px;
	padding: 10px 0 22px 12px;
	font-size: 11px;
	line-height: 170%;
}

/* アイテム */
div#spc0905_02_hrk_main h3 {
	width: 450px; height: 0;
	padding: 32px 0 0 0;
	background: url( ../images/cmn/spc0905_cmn_in_krk.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 444px; top: 0px;	
}

/* アイテム item1 */
div#spc0905_02_hrk_main p.item1_cmt {
	width: 260px; height: 0;
	padding: 58px 0 0 0;
	background: url(../images/02/spc0905_02_hrk_item1_cmt.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 592px; top: 41px;
}
div#spc0905_02_hrk_main h4.item1_name a {
	display: block;
	width: 220px; height: 0;
	padding: 14px 0 0 0;
	background: url(../images/02/spc0905_02_hrk_item1_name.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 568px; top: 192px;
	z-index: 2;
}
div#spc0905_02_hrk_main p.item1_spec {
	width: 300px;
	font-size: 11px;
	line-height: 140%;
	position: absolute;
	left: 570px; top: 212px;
	z-index: 2;
}
div#spc0905_02_hrk_main p.item1_komi {
	width: 280px;
	font-size: 11px;
	line-height: 135%;
	position: absolute;
	left: 592px; top: 109px;
	z-index: 2;
}
div#spc0905_02_hrk_main img.item1_photo {
	position: absolute;
	left: 450px; top: 41px;
	z-index: 1;
}
div#spc0905_02_hrk_main a.item1_more {
	width: 77px; height: 0;
	padding-top: 62px;
	background: url( ../images/cmn/spc0905_cmn_in_btn_hrk1.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 783px; top: 140px;
}

/* アイテム item2 */
div#spc0905_02_hrk_main p.item2_cmt {
	width: 315px; height: 0;
	padding: 53px 0 0 0;
	background: url(../images/02/spc0905_02_hrk_item2_cmt.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 467px; top: 281px;
}
div#spc0905_02_hrk_main h4.item2_name a {
	display: block;
	width: 210px; height: 0;
	padding: 16px 0 0 0;
	background: url(../images/02/spc0905_02_hrk_item2_name.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 555px; top: 422px;
	z-index: 2;
}
div#spc0905_02_hrk_main p.item2_spec {
	width: 225px;
	font-size: 11px;
	line-height: 140%;
	position: absolute;
	left: 555px; top: 443px;
	z-index: 2;
}
div#spc0905_02_hrk_main p.item2_komi {
	width: 305px;
	font-size: 11px;
	line-height: 160%;
	position: absolute;
	left: 470px; top: 337px;
	z-index: 2;
}
div#spc0905_02_hrk_main img.item2_photo {
	position: absolute;
	left: 791px; top: 285px;
	z-index: 1;
}
div#spc0905_02_hrk_main a.item2_more {
	width: 70px; height: 0;
	padding-top: 70px;
	background: url( ../images/cmn/spc0905_cmn_in_btn_hrk2.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 465px; top: 412px;
}


/*===========================================================================================
　黒ずみ毛穴
=============================================================================================*/
/*---------------------------------------------
　タイトル＆リード
-----------------------------------------------*/
div#spc0905_02_kzm_title {
	width: 930px; height: 143px;
	background: url(../images/cmn/spc0905_cmn_kzm_bg_title.gif) no-repeat left top;
	position: relative;
}
div#spc0905_02_kzm_title h1 {
	width: 350px; height: 0;
	padding: 90px 0 0 0;
	background: url( ../images/cmn/spc0905_cmn_in_kzm_head.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 0px; top: 21px;
}
div#spc0905_02_kzm_title p {
	width: 500px;
	position: absolute;
	left: 380px; top: 42px;
	color: #841;
	line-height: 150%;
}


/*---------------------------------------------
　メインコンテンツ
-----------------------------------------------*/
div#spc0905_02_kzm_main {
	width: 930px; height: 531px;
	background: url(../images/02/spc0905_02_kzm_bg_main.gif) no-repeat left top;
	position: relative;
	color: #841;
	line-height: 170%;
}

/* 先生アドバイス */
div#spc0905_02_kzm_main div.kzm_adv {
	width: 340px;
	position: absolute;
	left: 57px; top: 0px;
}
div#spc0905_02_kzm_main div.kzm_adv h2 {
	width: 340px; height: 0;
	padding: 30px 0 0 0;
	background: url(../images/cmn/spc0905_cmn_kzm_care.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
}
div#spc0905_02_kzm_main div.kzm_adv p {
	padding: 13px 0 14px 14px;
}
div#spc0905_02_kzm_main div.kzm_adv p img {
	float: left;
}
div#spc0905_02_kzm_main div.kzm_adv a {
	width: 205px; height: 0;
	padding-top: 25px;
	background: url( ../images/cmn/spc0905_cmn_in_jtnbtn_kzm1.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	float: left;
}

/* 補足 */
div#spc0905_02_kzm_main h4.hsk {
	clear: both;
	width: 340px; height: 0;
	padding: 50px 0 0 0;
	background: url( ../images/cmn/spc0905_cmn_in_hsk_kzm.gif) no-repeat left 10px;
	overflow: hidden;
	font-size: 5px;
	margin-top: 5px;
}
div#spc0905_02_kzm_main p.hsk {
	width: 230px;
	padding: 10px 0 22px 12px;
	font-size: 11px;
	line-height: 170%;
}

/* アイテム */
div#spc0905_02_kzm_main h3 {
	width: 450px; height: 0;
	padding: 32px 0 0 0;
	background: url( ../images/cmn/spc0905_cmn_in_krk.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 444px; top: 0px;	
}

/* アイテム item1 */
div#spc0905_02_kzm_main p.item1_cmt {
	width: 270px; height: 0;
	padding: 55px 0 0 0;
	background: url(../images/02/spc0905_02_kzm_item1_cmt.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 579px; top: 46px;
}
div#spc0905_02_kzm_main h4.item1_name a {
	display: block;
	width: 180px; height: 0;
	padding: 14px 0 0 0;
	background: url(../images/02/spc0905_02_kzm_item1_name.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 573px; top: 200px;
	z-index: 2;
}
div#spc0905_02_kzm_main p.item1_spec {
	width: 220px;
	font-size: 11px;
	line-height: 140%;
	position: absolute;
	left: 578px; top: 220px;
	z-index: 2;
}
div#spc0905_02_kzm_main p.item1_komi {
	width: 285px;
	font-size: 11px;
	line-height: 145%;
	position: absolute;
	left: 579px; top: 110px;
	z-index: 2;
}
div#spc0905_02_kzm_main img.item1_photo {
	position: absolute;
	left: 443px; top: 45px;
	z-index: 1;
}
div#spc0905_02_kzm_main a.item1_more {
	width: 76px; height: 0;
	padding-top: 62px;
	background: url( ../images/cmn/spc0905_cmn_in_btn_kzm1.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 770px; top: 147px;
}

/* アイテム item2 */
div#spc0905_02_kzm_main p.item2_cmt {
	width: 275px; height: 0;
	padding: 50px 0 0 0;
	background: url(../images/02/spc0905_02_kzm_item2_cmt.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 482px; top: 285px;
}
div#spc0905_02_kzm_main h4.item2_name a {
	display: block;
	width: 205px; height: 0;
	padding: 16px 0 0 0;
	background: url(../images/02/spc0905_02_kzm_item2_name.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 540px; top: 424px;
	z-index: 2;
}
div#spc0905_02_kzm_main p.item2_spec {
	width: 220px;
	font-size: 11px;
	line-height: 140%;
	position: absolute;
	left: 542px; top: 445px;
	z-index: 2;
}
div#spc0905_02_kzm_main p.item2_komi {
	width: 270px;
	font-size: 11px;
	line-height: 160%;
	position: absolute;
	left: 484px; top: 339px;
	z-index: 2;
}
div#spc0905_02_kzm_main img.item2_photo {
	position: absolute;
	left: 763px; top: 285px;
	z-index: 1;
}
div#spc0905_02_kzm_main a.item2_more {
	width: 70px; height: 0;
	padding-top: 68px;
	background: url( ../images/cmn/spc0905_cmn_in_btn_kzm2.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 450px; top: 415px;
}
div#spc0905_02_kzm_main p.item1_kome {
	width: 111px; height: 0;
	padding-top: 8px;
	background: url(../images/02/spc0905_02_kzm_item1_kome.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 785px; top: 258px;
}


/*===========================================================================================
　たるみ毛穴
=============================================================================================*/
/*---------------------------------------------
　タイトル＆リード
-----------------------------------------------*/
div#spc0905_02_trm_title {
	width: 930px; height: 143px;
	background: url(../images/cmn/spc0905_cmn_trm_bg_title.gif) no-repeat left top;
	position: relative;
}
div#spc0905_02_trm_title h1 {
	width: 350px; height: 0;
	padding: 90px 0 0 0;
	background: url( ../images/cmn/spc0905_cmn_in_trm_head.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 0px; top: 21px;
}
div#spc0905_02_trm_title p {
	width: 490px;
	position: absolute;
	left: 385px; top: 38px;
	color: #841;
	line-height: 150%;
}


/*---------------------------------------------
　メインコンテンツ
-----------------------------------------------*/
div#spc0905_02_trm_main {
	width: 930px; height: 531px;
	background: url(../images/02/spc0905_02_trm_bg_main.gif) no-repeat left top;
	position: relative;
	color: #841;
	line-height: 170%;
}

/* 先生アドバイス */
div#spc0905_02_trm_main div.trm_adv {
	width: 340px;
	position: absolute;
	left: 57px; top: 0px;
}
div#spc0905_02_trm_main div.trm_adv h2 {
	width: 340px; height: 0;
	padding: 30px 0 0 0;
	background: url(../images/cmn/spc0905_cmn_trm_care.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
}
div#spc0905_02_trm_main div.trm_adv p {
	padding: 13px 0 14px 14px;
}
div#spc0905_02_trm_main div.trm_adv p img {
	float: left;
}
div#spc0905_02_trm_main div.trm_adv a {
	width: 205px; height: 0;
	padding-top: 25px;
	background: url( ../images/cmn/spc0905_cmn_in_jtnbtn_trm1.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	float: left;
}

/* 補足 */
div#spc0905_02_trm_main h4.hsk {
	clear: both;
	width: 340px; height: 0;
	padding: 37px 0 0 0;
	background: url( ../images/cmn/spc0905_cmn_in_hsk_trm.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	margin-top: 5px;
}
div#spc0905_02_trm_main p.hsk {
	width: 230px;
	padding: 5px 0 22px 12px;
	font-size: 11px;
	line-height: 170%;
}

/* アイテム */
div#spc0905_02_trm_main h3 {
	width: 450px; height: 0;
	padding: 32px 0 0 0;
	background: url( ../images/cmn/spc0905_cmn_in_krk.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 444px; top: 0px;	
}

/* アイテム item1 */
div#spc0905_02_trm_main p.item1_cmt {
	width: 275px; height: 0;
	padding: 55px 0 0 0;
	background: url(../images/02/spc0905_02_trm_item1_cmt.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 608px; top: 45px;
}
div#spc0905_02_trm_main h4.item1_name a {
	display: block;
	width: 200px; height: 0;
	padding: 14px 0 0 0;
	background: url(../images/02/spc0905_02_trm_item1_name.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 600px; top: 186px;
	z-index: 2;
}
div#spc0905_02_trm_main p.item1_spec {
	width: 300px;
	font-size: 11px;
	line-height: 140%;
	position: absolute;
	left: 603px; top: 205px;
	z-index: 2;
}
div#spc0905_02_trm_main p.item1_komi {
	width: 285px;
	font-size: 11px;
	line-height: 145%;
	position: absolute;
	left: 608px; top: 108px;
	z-index: 2;
}
div#spc0905_02_trm_main img.item1_photo {
	position: absolute;
	left: 440px; top: 41px;
	z-index: 1;
}
div#spc0905_02_trm_main a.item1_more {
	width: 76px; height: 0;
	padding-top: 62px;
	background: url( ../images/cmn/spc0905_cmn_in_btn_trm1.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 813px; top: 145px;
}


/* アイテム item2 */
div#spc0905_02_trm_main p.item2_cmt {
	width: 290px; height: 0;
	padding: 55px 0 0 0;
	background: url(../images/02/spc0905_02_trm_item2_cmt.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 474px; top: 257px;
}
div#spc0905_02_trm_main h4.item2_name a {
	display: block;
	width: 170px; height: 0;
	padding: 33px 0 0 0;
	background: url(../images/02/spc0905_02_trm_item2_name.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 548px; top: 398px;
	z-index: 2;
}
div#spc0905_02_trm_main p.item2_spec {
	width: 250px;
	font-size: 11px;
	line-height: 140%;
	position: absolute;
	left: 548px; top: 439px;
	z-index: 2;
}
div#spc0905_02_trm_main p.item2_komi {
	width: 295px;
	font-size: 11px;
	line-height: 155%;
	position: absolute;
	left: 474px; top: 315px;
	z-index: 2;
}
div#spc0905_02_trm_main img.item2_photo {
	position: absolute;
	left: 775px; top: 270px;
	z-index: 1;
}
div#spc0905_02_trm_main a.item2_more {
	width: 70px; height: 0;
	padding-top: 66px;
	background: url( ../images/cmn/spc0905_cmn_in_btn_trm2.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 455px; top: 390px;
}

/*===========================================================================================
　共通 - 使用感には個人差があります
=============================================================================================*/
div#spc0905_02_hrk_main p.attention,
div#spc0905_02_kzm_main p.attention,
div#spc0905_02_trm_main p.attention {
	width: 255px; height: 0;
	padding: 10px 0 0 0;
	background: url( ../images/cmn/spc0905_cmn_in_attention.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 627px; top: 505px;
}

/*===========================================================================================
　共通 - 下ナビゲーション
=============================================================================================*/
div#spc0905_02_hrk_main ul,
div#spc0905_02_kzm_main ul,
div#spc0905_02_trm_main ul {
	list-style-type: none;
	position: absolute;
	left: 40px; top: 467px;
}
div#spc0905_02_hrk_main ul li,
div#spc0905_02_kzm_main ul li,
div#spc0905_02_trm_main ul li {
	float: left;
	width: 193px;
}
div#spc0905_02_hrk_main ul li a,
div#spc0905_02_kzm_main ul li a,
div#spc0905_02_trm_main ul li a {
	display: block;
	height: 0;
	padding: 64px 0 0 0;
	font-size: 5px;
	overflow: hidden;
}

div#spc0905_02_kzm_main ul li a.type_hrk,
div#spc0905_02_trm_main ul li a.type_hrk {
	width: 193px;
	background: url( ../images/cmn/spc0905_cmn_in_btm_hrk.gif) no-repeat left top;
}
div#spc0905_02_hrk_main ul li a.type_kzm,
div#spc0905_02_trm_main ul li a.type_kzm {
	width: 185px;
	height: 0;
	background: url( ../images/cmn/spc0905_cmn_in_btm_kzm.gif) no-repeat left top;
}
div#spc0905_02_hrk_main ul li a.type_trm,
div#spc0905_02_kzm_main ul li a.type_trm {
	width: 186px;
	background: url( ../images/cmn/spc0905_cmn_in_btm_trm.gif) no-repeat left top;
}
