@charset "shift_jis";

/***********************************************
　鉄板ベースメイクガイド！
　トップページCSS
　					      --- create 2010/12/22
************************************************/


/*=============================================
　main
===============================================*/
#tpb0106_cts #ct_main {
	width: 635px;
	height:649px;
	position: relative;
	background: url(../images/top/bg.jpg) no-repeat center top;
	padding: 0;
	margin-bottom:18px;
	overflow: hidden;
}

#tpb0106_cts #ct_main .t01 {
	overflow: hidden;
	position: absolute;
	top: 13px; left: 198px;
	}
	
#tpb0106_cts #ct_main .t02 {
	overflow: hidden;
	position: absolute;
	top: 42px; left: 16px;
	}
	
#tpb0106_cts #ct_main .m01 {
	overflow: hidden;
	position: absolute;
	top: 152px; left: 24px;
	}
	
#tpb0106_cts #ct_main .pr {
	overflow: hidden;
	position: absolute;
	top: 141px; left: 380px;
	}
	
#tpb0106_cts #ct_main .pr_tx {
	overflow: hidden;
	position: absolute;
	top: 222px; left: 380px;
	font-size:10px;
	}
	
#tpb0106_cts #ct_main .present_btn {
	width: 94px; height: 13px;
	position: relative;
    float: left;
	text-indent:-9999px;
	}

#tpb0106_cts #ct_main .present_btn a {
	width: 94px; height: 0;
	background: url(../images/top/pr_btn.png) no-repeat left top;
	padding: 13px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 461px; top: 187px;
	}
#tpb0106_cts #ct_main .present_btn a:hover {
	background-position: 0 -13px;
}


/*=============================================
　化粧下地
===============================================*/
#tpb0106_cts #ct_main .makeup {
	width: 311px; height: 203px;
	}

#tpb0106_cts #ct_main .makeup a {
	width: 311px; height: 0;
	background: url(../images/top/makeup.jpg) no-repeat left top;
	padding: 203px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 0px; top: 240px;
	}
#tpb0106_cts #ct_main .makeup a:hover {
	background-position: 0 -203px;
}

/*=============================================
　パウダーファンデ
===============================================*/
#tpb0106_cts #ct_main .powder {
	width: 324px; height: 203px;
	}

#tpb0106_cts #ct_main .powder a {
	width: 324px; height: 0;
	background: url(../images/top/powder.jpg) no-repeat left top;
	padding: 203px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 311px; top: 240px;
	}
#tpb0106_cts #ct_main .powder a:hover {
	background-position: 0 -203px;
}

#tpb0106_cts #ct_main .powder_no {
	width: 324px; height: 203px;
	position: absolute;
	overflow: hidden;
	left: 311px; top: 240px;
	}

/*=============================================
　リキッド・クリームファンデ
===============================================*/
#tpb0106_cts #ct_main .liquid {
	width: 321px; height: 207px;
	}

#tpb0106_cts #ct_main .liquid a {
	width: 321px; height: 0;
	background: url(../images/top/liquid.jpg) no-repeat left top;
	padding: 207px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 0px; top: 443px;
	}
	
#tpb0106_cts #ct_main .liquid a:hover {
	background-position: 0 -207px;
}

#tpb0106_cts #ct_main .liquid_no {
	width: 321px; height: 207px;
	overflow: hidden;
	position: absolute;
	left: 0px; top: 443px;
	}

/*=============================================
　BBクリーム
===============================================*/
#tpb0106_cts #ct_main .bbc {
	width: 315px; height: 207px;
	}

#tpb0106_cts #ct_main .bbc a {
	width: 315px; height: 0;
	background: url(../images/top/bbc.jpg) no-repeat left top;
	padding: 207px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 321px; top: 443px;
	}
	
#tpb0106_cts #ct_main .bbc a:hover {
	background-position: 0 -207px;
}

#tpb0106_cts #ct_main .bbc_no {
	width: 315px; height: 207px;
	overflow: hidden;
	position: absolute;
	left: 321px; top: 443px;
	}