@charset "shift_jis";

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

/*===========================================================================================
　ひらき毛穴
=============================================================================================*/
/*---------------------------------------------
　タイトル＆リード
-----------------------------------------------*/
div#spc0905_01_hrk_title {
	width: 930px; height: 143px;
	background: url( ../images/cmn/spc0905_cmn_hrk_bg_title.gif) no-repeat left top;
	position: relative;
}
div#spc0905_01_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: 0px; top: 21px;
}
div#spc0905_01_hrk_title p {
	width: 509px;
	position: absolute;
	left: 377px; top: 42px;
	color: #841;
	line-height: 150%;
}


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

/* 先生アドバイス */
div#spc0905_01_hrk_main div.hrk_adv {
	width: 340px;
	position: absolute;
	left: 57px; top: 0px;
}
div#spc0905_01_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_01_hrk_main div.hrk_adv p {
	padding: 13px 0 22px 14px;
}
div#spc0905_01_hrk_main div.hrk_adv p img {
	float: left;
}
div#spc0905_01_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_01_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_01_hrk_main p.hsk {
	width: 245px;
	padding: 10px 0 22px 12px;
	font-size: 11px;
	line-height: 170%;
}

/* アイテム */
div#spc0905_01_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_01_hrk_main p.item1_cmt {
	width: 280px; height: 0;
	padding: 50px 0 0 0;
	background: url( ../images/01/spc0905_01_hrk_item1_cmt.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 584px; top: 49px;
}
div#spc0905_01_hrk_main h4.item1_name a {
	display: block;
	width: 235px; height: 0;
	padding: 14px 0 0 0;
	background: url( ../images/01/spc0905_01_hrk_item1_name.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 557px; top: 192px;
	z-index: 2;
}
div#spc0905_01_hrk_main p.item1_spec {
	width: 300px;
	font-size: 11px;
	line-height: 140%;
	position: absolute;
	left: 560px; top: 212px;
	z-index: 2;
}
div#spc0905_01_hrk_main p.item1_komi {
	width: 300px;
	font-size: 11px;
	line-height: 135%;
	position: absolute;
	left: 595px; top: 108px;
	z-index: 2;
}
div#spc0905_01_hrk_main img.item1_photo {
	position: absolute;
	left: 444px; top: 49px;
	z-index: 1;
}
div#spc0905_01_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: 138px;
}

/* アイテム item2 */
div#spc0905_01_hrk_main p.item2_cmt {
	width: 315px; height: 0;
	padding: 53px 0 0 0;
	background: url( ../images/01/spc0905_01_hrk_item2_cmt.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 467px; top: 281px;
}
div#spc0905_01_hrk_main h4.item2_name a {
	display: block;
	width: 238px; height: 0;
	padding: 16px 0 0 0;
	background: url( ../images/01/spc0905_01_hrk_item2_name.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 538px; top: 422px;
	z-index: 2;
}
div#spc0905_01_hrk_main p.item2_spec {
	width: 250px;
	font-size: 11px;
	line-height: 140%;
	position: absolute;
	left: 542px; top: 443px;
	z-index: 2;
}
div#spc0905_01_hrk_main p.item2_komi {
	width: 308px;
	font-size: 11px;
	line-height: 160%;
	position: absolute;
	left: 470px; top: 340px;
	z-index: 2;
}
div#spc0905_01_hrk_main img.item2_photo {
	position: absolute;
	left: 788px; top: 281px;
	z-index: 1;
}
div#spc0905_01_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: 450px; top: 405px;
}


/*===========================================================================================
　黒ずみ毛穴
=============================================================================================*/
/*---------------------------------------------
　タイトル＆リード
-----------------------------------------------*/
div#spc0905_01_kzm_title {
	width: 930px; height: 143px;
	background: url( ../images/cmn/spc0905_cmn_kzm_bg_title.gif) no-repeat left top;
	position: relative;
}
div#spc0905_01_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_01_kzm_title p {
	width: 500px;
	position: absolute;
	left: 380px; top: 42px;
	color: #841;
	line-height: 150%;
}


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

/* 先生アドバイス */
div#spc0905_01_kzm_main div.kzm_adv {
	width: 340px;
	position: absolute;
	left: 57px; top: 0px;
}
div#spc0905_01_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_01_kzm_main div.kzm_adv p {
	padding: 13px 0 22px 14px;
}
div#spc0905_01_kzm_main div.kzm_adv p img {
	float: left;
}
div#spc0905_01_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_01_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_01_kzm_main p.hsk {
	width: 230px;
	padding: 10px 0 22px 12px;
	font-size: 11px;
	line-height: 170%;
}

/* アイテム */
div#spc0905_01_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_01_kzm_main p.item1_cmt {
	width: 270px; height: 0;
	padding: 54px 0 0 0;
	background: url( ../images/01/spc0905_01_kzm_item1_cmt.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 584px; top: 46px;
}
div#spc0905_01_kzm_main h4.item1_name a {
	display: block;
	width: 190px; height: 0;
	padding: 14px 0 0 0;
	background: url( ../images/01/spc0905_01_kzm_item1_name.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 573px; top: 208px;
	z-index: 2;
}
div#spc0905_01_kzm_main p.item1_spec {
	width: 300px;
	font-size: 11px;
	line-height: 140%;
	position: absolute;
	left: 576px; top: 228px;
	z-index: 2;
}
div#spc0905_01_kzm_main p.item1_komi {
	width: 280px;
	font-size: 11px;
	line-height: 145%;
	position: absolute;
	left: 595px; top: 105px;
	z-index: 2;
}
div#spc0905_01_kzm_main img.item1_photo {
	position: absolute;
	left: 444px; top: 49px;
	z-index: 1;
}
div#spc0905_01_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: 771px; top: 157px;
}

/* アイテム item2 */
div#spc0905_01_kzm_main p.item2_cmt {
	width: 275px; height: 0;
	padding: 50px 0 0 0;
	background: url( ../images/01/spc0905_01_kzm_item2_cmt.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 488px; top: 283px;
}
div#spc0905_01_kzm_main h4.item2_name a {
	display: block;
	width: 205px; height: 0;
	padding: 16px 0 0 0;
	background: url( ../images/01/spc0905_01_kzm_item2_name.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 542px; top: 422px;
	z-index: 2;
}
div#spc0905_01_kzm_main p.item2_spec {
	width: 250px;
	font-size: 11px;
	line-height: 140%;
	position: absolute;
	left: 546px; top: 443px;
	z-index: 2;
}
div#spc0905_01_kzm_main p.item2_komi {
	width: 270px;
	font-size: 11px;
	line-height: 160%;
	position: absolute;
	left: 495px; top: 335px;
	z-index: 2;
}
div#spc0905_01_kzm_main img.item2_photo {
	position: absolute;
	left: 774px; top: 283px;
	z-index: 1;
}
div#spc0905_01_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: 454px; top: 410px;
}
div#spc0905_01_kzm_main p.item1_kome {
	width: 111px; height: 0;
	padding-top: 8px;
	background: url( ../images/01/spc0905_01_kzm_item1_kome.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 785px; top: 258px;
}


/*===========================================================================================
　たるみ毛穴
=============================================================================================*/
/*---------------------------------------------
　タイトル＆リード
-----------------------------------------------*/
div#spc0905_01_trm_title {
	width: 930px; height: 143px;
	background: url( ../images/cmn/spc0905_cmn_trm_bg_title.gif) no-repeat left top;
	position: relative;
}
div#spc0905_01_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_01_trm_title p {
	width: 490px;
	position: absolute;
	left: 385px; top: 38px;
	color: #841;
	line-height: 150%;
}


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

/* 先生アドバイス */
div#spc0905_01_trm_main div.trm_adv {
	width: 340px;
	position: absolute;
	left: 57px; top: 0px;
}
div#spc0905_01_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_01_trm_main div.trm_adv p {
	padding: 13px 0 10px 14px;
}
div#spc0905_01_trm_main div.trm_adv p img {
	float: left;
}
div#spc0905_01_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_01_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_01_trm_main p.hsk {
	width: 230px;
	padding: 5px 0 22px 12px;
	font-size: 11px;
	line-height: 170%;
}

/* アイテム */
div#spc0905_01_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_01_trm_main p.item1_cmt {
	width: 265px; height: 0;
	padding: 54px 0 0 0;
	background: url( ../images/01/spc0905_01_trm_item1_cmt.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 608px; top: 44px;
}
div#spc0905_01_trm_main h4.item1_name a {
	display: block;
	width: 240px; height: 0;
	padding: 14px 0 0 0;
	background: url( ../images/01/spc0905_01_trm_item1_name.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 534px; top: 192px;
	z-index: 2;
}
div#spc0905_01_trm_main p.item1_spec {
	width: 300px;
	font-size: 11px;
	line-height: 140%;
	position: absolute;
	left: 537px; top: 209px;
	z-index: 2;
}
div#spc0905_01_trm_main p.item1_komi {
	width: 285px;
	font-size: 11px;
	line-height: 145%;
	position: absolute;
	left: 610px; top: 105px;
	z-index: 2;
}
div#spc0905_01_trm_main img.item1_photo {
	position: absolute;
	left: 443px; top: 43px;
	z-index: 1;
}
div#spc0905_01_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: 786px; top: 147px;
}


/* アイテム item2 */
div#spc0905_01_trm_main p.item2_cmt {
	width: 285px; height: 0;
	padding: 50px 0 0 0;
	background: url( ../images/01/spc0905_01_trm_item2_cmt.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 470px; top: 273px;
}
div#spc0905_01_trm_main h4.item2_name a {
	display: block;
	width: 230px; height: 0;
	padding: 33px 0 0 0;
	background: url( ../images/01/spc0905_01_trm_item2_name.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 534px; top: 412px;
	z-index: 2;
}
div#spc0905_01_trm_main p.item2_spec {
	width: 250px;
	font-size: 11px;
	line-height: 140%;
	position: absolute;
	left: 536px; top: 450px;
	z-index: 2;
}
div#spc0905_01_trm_main p.item2_komi {
	width: 295px;
	font-size: 11px;
	line-height: 155%;
	position: absolute;
	left: 471px; top: 325px;
	z-index: 2;
}
div#spc0905_01_trm_main img.item2_photo {
	position: absolute;
	left: 776px; top: 270px;
	z-index: 1;
}
div#spc0905_01_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: 446px; top: 403px;
}















/*===========================================================================================
　共通 - 使用感には個人差があります
=============================================================================================*/
div#spc0905_01_hrk_main p.attention,
div#spc0905_01_kzm_main p.attention,
div#spc0905_01_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_01_hrk_main ul,
div#spc0905_01_kzm_main ul,
div#spc0905_01_trm_main ul {
	list-style-type: none;
	position: absolute;
	left: 40px; top: 467px;
}
div#spc0905_01_hrk_main ul li,
div#spc0905_01_kzm_main ul li,
div#spc0905_01_trm_main ul li {
	float: left;
	width: 193px;
}
div#spc0905_01_hrk_main ul li a,
div#spc0905_01_kzm_main ul li a,
div#spc0905_01_trm_main ul li a {
	display: block;
	height: 0;
	padding: 64px 0 0 0;
	font-size: 5px;
	overflow: hidden;
}

div#spc0905_01_kzm_main ul li a.type_hrk,
div#spc0905_01_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_01_hrk_main ul li a.type_kzm,
div#spc0905_01_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_01_hrk_main ul li a.type_trm,
div#spc0905_01_kzm_main ul li a.type_trm {
	width: 186px;
	background: url( ../images/cmn/spc0905_cmn_in_btm_trm.gif) no-repeat left top;
}
