@charset "shift_jis";

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

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


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

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

/* アイテム */
div#spc0905_03_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_03_hrk_main p.item1_cmt {
	width: 285px; height: 0;
	padding: 60px 0 0 0;
	background: url(../images/03/spc0905_03_hrk_item1_cmt.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 575px; top: 41px;
}
div#spc0905_03_hrk_main h4.item1_name a {
	display: block;
	width: 230px; height: 0;
	padding: 14px 0 0 0;
	background: url(../images/03/spc0905_03_hrk_item1_name.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 573px; top: 188px;
	z-index: 2;
}
div#spc0905_03_hrk_main p.item1_spec {
	width: 300px;
	font-size: 11px;
	line-height: 140%;
	position: absolute;
	left: 578px; top: 208px;
	z-index: 2;
}
div#spc0905_03_hrk_main p.item1_komi {
	width: 290px;
	font-size: 11px;
	line-height: 135%;
	position: absolute;
	left: 585px; top: 106px;
	z-index: 2;
}
div#spc0905_03_hrk_main img.item1_photo {
	position: absolute;
	left: 444px; top: 41px;
	z-index: 1;
}
div#spc0905_03_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: 810px; top: 142px;
}

/* アイテム item2 */
div#spc0905_03_hrk_main p.item2_cmt {
	width: 285px; height: 0;
	padding: 54px 0 0 0;
	background: url(../images/03/spc0905_03_hrk_item2_cmt.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 464px; top: 272px;
}
div#spc0905_03_hrk_main h4.item2_name a {
	display: block;
	width: 165px; height: 0;
	padding: 32px 0 0 0;
	background: url(../images/03/spc0905_03_hrk_item2_name.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 555px; top: 408px;
	z-index: 2;
}
div#spc0905_03_hrk_main p.item2_spec {
	width: 225px;
	font-size: 11px;
	line-height: 140%;
	position: absolute;
	left: 555px; top: 443px;
	z-index: 2;
}
div#spc0905_03_hrk_main p.item2_komi {
	width: 285px;
	font-size: 11px;
	line-height: 160%;
	position: absolute;
	left: 470px; top: 329px;
	z-index: 2;
}
div#spc0905_03_hrk_main img.item2_photo {
	position: absolute;
	left: 764px; top: 291px;
	z-index: 1;
}
div#spc0905_03_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: 460px; top: 408px;
}


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


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

/* 先生アドバイス */
div#spc0905_03_kzm_main div.kzm_adv {
	width: 340px;
	position: absolute;
	left: 57px; top: 0px;
}
div#spc0905_03_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_03_kzm_main div.kzm_adv p {
	line-height: 160%;
	padding: 13px 0 14px 14px;
}
div#spc0905_03_kzm_main div.kzm_adv p img {
	float: left;
}
div#spc0905_03_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_03_kzm_main h4.hsk {
	clear: both;
	width: 340px; height: 0;
	padding: 45px 0 0 0;
	background: url( ../images/cmn/spc0905_cmn_in_hsk_kzm.gif) no-repeat left 5px;
	overflow: hidden;
	font-size: 5px;
	margin-top: 5px;
}
div#spc0905_03_kzm_main p.hsk {
	width: 230px;
	padding: 10px 0 22px 12px;
	font-size: 11px;
	line-height: 170%;
}

/* アイテム */
div#spc0905_03_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_03_kzm_main p.item1_cmt {
	width: 325px; height: 0;
	padding: 55px 0 0 0;
	background: url(../images/03/spc0905_03_kzm_item1_cmt.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 578px; top: 43px;
}
div#spc0905_03_kzm_main h4.item1_name a {
	display: block;
	width: 215px; height: 0;
	padding: 14px 0 0 0;
	background: url(../images/03/spc0905_03_kzm_item1_name.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 578px; top: 192px;
	z-index: 2;
}
div#spc0905_03_kzm_main p.item1_spec {
	width: 220px;
	font-size: 11px;
	line-height: 140%;
	position: absolute;
	left: 582px; top: 210px;
	z-index: 2;
}
div#spc0905_03_kzm_main p.item1_komi {
	width: 310px;
	font-size: 11px;
	line-height: 145%;
	position: absolute;
	left: 579px; top: 108px;
	z-index: 2;
}
div#spc0905_03_kzm_main img.item1_photo {
	position: absolute;
	left: 442px; top: 43px;
	z-index: 1;
}
div#spc0905_03_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: 808px; top: 160px;
}

/* アイテム item2 */
div#spc0905_03_kzm_main p.item2_cmt {
	width: 280px; height: 0;
	padding: 55px 0 0 0;
	background: url(../images/03/spc0905_03_kzm_item2_cmt.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 456px; top: 266px;
	z-index: 2;
}
div#spc0905_03_kzm_main h4.item2_name a {
	display: block;
	width: 285px; height: 0;
	padding: 16px 0 0 0;
	background: url(../images/03/spc0905_03_kzm_item2_name.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 540px; top: 424px;
	z-index: 2;
}
div#spc0905_03_kzm_main p.item2_spec {
	width: 220px;
	font-size: 11px;
	line-height: 140%;
	position: absolute;
	left: 542px; top: 445px;
	z-index: 2;
}
div#spc0905_03_kzm_main p.item2_komi {
	width: 250px;
	font-size: 11px;
	line-height: 160%;
	position: absolute;
	left: 464px; top: 330px;
	z-index: 2;
}
div#spc0905_03_kzm_main img.item2_photo {
	position: absolute;
	left: 723px; top: 266px;
	z-index: 1;
}
div#spc0905_03_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: 445px; top: 415px;
}
div#spc0905_03_kzm_main p.item1_kome {
	width: 111px; height: 0;
	padding-top: 8px;
	background: url(../images/03/spc0905_03_kzm_item1_kome.gif) no-repeat left top;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 785px; top: 258px;
}


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


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

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

/* アイテム */
div#spc0905_03_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_03_trm_main p.item1_cmt {
	width: 305px; height: 0;
	padding: 55px 0 0 0;
	background: url(../images/03/spc0905_03_trm_item1_cmt.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 568px; top: 40px;
}
div#spc0905_03_trm_main h4.item1_name a {
	display: block;
	width: 200px; height: 0;
	padding: 14px 0 0 0;
	background: url(../images/03/spc0905_03_trm_item1_name.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 582px; top: 188px;
	z-index: 2;
}
div#spc0905_03_trm_main p.item1_spec {
	width: 300px;
	font-size: 11px;
	line-height: 140%;
	position: absolute;
	left: 582px; top: 205px;
	z-index: 2;
}
div#spc0905_03_trm_main p.item1_komi {
	width: 318px;
	font-size: 11px;
	line-height: 145%;
	position: absolute;
	left: 568px; top: 104px;
	z-index: 2;
}
div#spc0905_03_trm_main img.item1_photo {
	position: absolute;
	left: 450px; top: 40px;
	z-index: 1;
}
div#spc0905_03_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: 780px; top: 150px;
}


/* アイテム item2 */
div#spc0905_03_trm_main p.item2_cmt {
	width: 284px; height: 0;
	padding: 56px 0 0 0;
	background: url(../images/03/spc0905_03_trm_item2_cmt.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 454px; top: 266px;
}
div#spc0905_03_trm_main h4.item2_name a {
	display: block;
	width: 260px; height: 0;
	padding: 14px 0 0 0;
	background: url(../images/03/spc0905_03_trm_item2_name.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 527px; top: 414px;
	z-index: 2;
}
div#spc0905_03_trm_main p.item2_spec {
	width: 250px;
	font-size: 11px;
	line-height: 140%;
	position: absolute;
	left: 528px; top: 432px;
	z-index: 2;
}
div#spc0905_03_trm_main p.item2_komi {
	width: 270px;
	font-size: 11px;
	line-height: 155%;
	position: absolute;
	left: 454px; top: 328px;
	z-index: 2;
}
div#spc0905_03_trm_main img.item2_photo {
	position: absolute;
	left: 735px; top: 266px;
	z-index: 1;
}
div#spc0905_03_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: 438px; top: 406px;
}

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

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