@charset "shift_jis";

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

/*=============================================
　index layout
===============================================*/
div#spc0905_idx_title {
	width: 930px; height: 392px;
	background: url( ../images/idx/spc0905_idx_bg_title.gif) no-repeat left top;
	position: relative;
}
div#spc0905_idx_adv {
	width: 930px; height: 209px;
	background: url( ../images/idx/spc0905_idx_bg_adv.gif) no-repeat left top;
	position: relative;
}
div#spc0905_idx_type {
	width: 930px; height: 219px;
	background: url( ../images/idx/spc0905_idx_bg_type.gif) no-repeat left top;
	position: relative;
}
div#spc0905_idx_navi {
	width: 930px; height: 385px;
	background: url( ../images/idx/spc0905_idx_bg_ptn.gif) repeat left top;
	position: relative;
}

/*=============================================
　title
===============================================*/
div#spc0905_idx_title h2 {
	width: 500px; height: 0;
	padding: 170px 0 0 0;
	background: url( ../images/idx/spc0905_idx_title.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 29px; top: 57px;
}
div#spc0905_idx_title p {
	width: 300px; height: 0;
	padding: 200px 0 0 0;
	background: url( ../images/idx/spc0905_idx_lead.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 563px; top: 146px;
}

/*=============================================
　アドバイス協力
===============================================*/
div#spc0905_idx_adv p.adv_title{
	width: 100px; height: 0;
	padding: 50px 0 0 0;
	background: url( ../images/idx/spc0905_idx_adv_title.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 549px; top: 0px;
}
div#spc0905_idx_adv p.adv_name{
	width: 130px; height: 0;
	padding: 40px 0 0 0;
	background: url( ../images/idx/spc0905_idx_adv_name.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 657px; top: 44px;
}
div#spc0905_idx_adv img {
	position: absolute;
	left: 566px; top: 50px;
}
div#spc0905_idx_adv p.adv_txt {
	font-size: 11px;
	color: #fff;
	position: absolute;
	left: 657px; top: 96px;
	text-align: left;
}
div#spc0905_idx_adv p.adv_txt a {
	color: #fff;
	text-decoration: underline;
}

/*=============================================
　あなたの毛穴はどのタイプ？
===============================================*/
div#spc0905_idx_type h3 {
	width: 400px; height: 0;
	padding: 80px 0 0 0;
	background: url( ../images/idx/spc0905_idx_type_title.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 44px; top: 0px;
}
div#spc0905_idx_type p {
	width: 420px; height: 0;
	padding: 100px 0 0 0;
	background: url( ../images/idx/spc0905_idx_type_txt.gif) no-repeat left top;
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	left: 44px; top: 80px;
}
div#spc0905_idx_type ul {
	list-style-type: none;
}
div#spc0905_idx_type ul li {
	overflow: hidden;
	font-size: 5px;
	position: absolute;
	display: block;
}
div#spc0905_idx_type ul li.type_hrk {
	width: 135px; height: 0;
	padding: 140px 0 0 0;
	background: url( ../images/idx/spc0905_idx_type_hrk.gif) no-repeat left top;
	left: 480px; top: 31px;
}
div#spc0905_idx_type ul li.type_kzm {
	width: 140px; height: 0;
	padding: 140px 0 0 0;
	background: url( ../images/idx/spc0905_idx_type_kzm.gif) no-repeat left top;
	left: 615px; top: 31px;
}
div#spc0905_idx_type ul li.type_trm {
	width: 135px; height: 0;
	padding: 140px 0 0 0;
	background: url( ../images/idx/spc0905_idx_type_trm.gif) no-repeat left top;
	left: 755px; top: 31px;
}


/*=============================================
　ナビゲーション
===============================================*/
div#spc0905_idx_navi {
	height: 400px;
}
div#spc0905_idx_navi ul {
	list-style-type: none;
	margin: 0 0 0 14px;
}
div#spc0905_idx_navi ul li,
div#spc0905_idx_navi ul a {
	overflow: hidden;
	font-size: 5px;
	display: block;
	float: left;
}
div#spc0905_idx_navi ul li a.navi_01 {
	width: 300px; height: 0;
	padding: 400px 0 0 0;
	background: url( ../images/idx/spc0905_idx_navi_01.gif) no-repeat left top;
}
div#spc0905_idx_navi ul li a.navi_02 {
	width: 298px; height: 0;
	padding: 400px 0 0 0;
	background: url( ../images/idx/spc0905_idx_navi_02.gif) no-repeat left top;
}
div#spc0905_idx_navi ul li a.navi_03 {
	width: 298px; height: 0;
	padding: 400px 0 0 0;
	background: url( ../images/idx/spc0905_idx_navi_03.gif) no-repeat left top;
}

/*=============================================
　突撃！となりのポーチ事情
===============================================*/
div#spc0905_idx_pch {
	width: 930px;
	background: url( ../images/idx/spc0905_idx_bg_ptn.gif) repeat left -3px;
}
div#spc0905_idx_pch img {
	margin: 40px 0 30px 20px;
}