@charset "utf-8";

body {
	font-size: 0.9em;
}

p {
	text-indent: 0px;
}

#main_visual {
	position: relative;
	width: 619px;
	height: 180px;
	float: left;
	#float: none;
}
#main_visual h2,
#main_visual div {
	position: absolute;
	text-indent: -9999px;
}


#main_flash {
/* background: url(../images/top_base.jpg) no-repeat; */
	width: 619px;
	height: 180px;
	float: left;
}
.go_product_btn {
	display: inline;
	margin-left: 450px;
	margin-top: 140px;
	float: left;
	width: 169px;
	height: 40px;
}
.go_product_btn a {
	display: block;
	width: 169px;
	height: 40px;
	background: url(../images/go_product_btn.gif) no-repeat;
	text-indent: -9999px;
}

#main_flash a {
	text-indent: -9999px;
}

#top_whitening a {
	float: left;
	background: url(../images/top_whitening.jpg) no-repeat;
	width: 619px;
	height: 180px;
}
#top_whitening a:hover {
	background: url(../images/top_whitening.jpg) no-repeat 0px -180px;
}
#top_base a:active {
	outline: none;
}


/*
#main_visual h2 {
	position: absolute;
	background: url(../images/main_visual.jpg) no-repeat;
	width: 619px;
	height: 178px;
	text-indent: -9999px;
	display: block;
}
#main_visual p {
	text-indent: -9999px;
}
#main_visual a {
	position: absolute;
	width: 179px;
	height: 60px;
	text-indent: -9999px;
	display: block;
	left: 439px;
	top: 14px;
	outline-style: none;
}
#main_visual dl {
	text-indent: -9999px;
}
*/




#campaign {
	float: left;
	margin-bottom: 15px;
	margin-top: 20px;
}

#campaign h3 a {
	background: url(../images/campaign_h.gif) no-repeat;
	width: 619px;
	height: 26px;
	display: block;
	text-indent: -9999px;
}
#campaign dl {
	padding-top: 8px;
	text-indent: -9999px;
	position: relative;	
}
#campaign dd {
	position: absolute;
}

#camp_1 {
	float: left;
	background: url(../images/campaign_1.gif) no-repeat;
	width: 413px;
	height: 70px;
}
#camp_1 a {
	width: 413px;
	height: 70px;
	display: block;
	outline-style: none;
}
#camp_1 a:hover {
	background: url(../images/campaign_1_ro.gif) no-repeat;
}

#trialset {
	float: left;
	background: url(../images/campaign_trial.gif) no-repeat;
	width: 206px;
	height: 70px;
}
#trialset a {
	width: 206px;
	height: 70px;
	display: block;
	outline-style: none;
	text-indent: -9999px;
}
#trialset a:hover {
	background: url(../images/campaign_trial_ro.gif) no-repeat;
}

#campaign p {
	width: 413px;
	font-size: 0.9em;
	text-align: right;
}
#campaign p a {
	text-decoration: none;
}

#line_up {
	float: left;
	margin-top: 20px;
}

#line_up h3 a {
	background: url(../images/lineup_h.gif) no-repeat;
	width: 619px;
	height: 34px;
	text-indent: -9999px;
	display: block;
}

#line_up dd {
	text-indent: -9999px;
	position: absolute;
}


#soap,
#skincare,
#bodycare,
#haircare,
#base,
#body,
#goods {
	float: left;
	width: 206px;
	height: 72px;
}

#soap a,
#skincare a,
#bodycare a,
#haircare a,
#base a,
#body a,
#goods a {
	width: 206px;
	height: 72px;
	display: block;
	text-indent: -9999px;
	outline-style: none;
}



#soap {
	background: url(../images/line_soap.jpg) no-repeat;
}
#skincare {
	background: url(../images/line_skincare.jpg) no-repeat;
}
#bodycare {
	background: url(../images/line_bodycare.jpg) no-repeat;
}
#haircare {
	background: url(../images/line_haircare.jpg) no-repeat;
}
#base {
	background: url(../images/line_base.jpg) no-repeat;
}
#body {
	background: url(../images/line_body.jpg) no-repeat;
}
#goods {
	background: url(../images/line_goods.jpg) no-repeat;
}



#soap a:hover {
	background: url(../images/line_soap_ro.jpg) no-repeat;
}
#skincare a:hover {
	background: url(../images/line_skincare_ro.jpg) no-repeat;
}
#bodycare a:hover {
	background: url(../images/line_bodycare_ro.jpg) no-repeat;
}
#haircare a:hover {
	background: url(../images/line_haircare_ro.jpg) no-repeat;
}
#base a:hover {
	background: url(../images/line_base_ro.jpg) no-repeat;
}
#body a:hover {
	background: url(../images/line_body_ro.jpg) no-repeat;
}
#goods a:hover {
	background: url(../images/line_goods_ro.jpg) no-repeat;
}


#topics {
	clear: left;
	float: left;
	margin-top: 30px;
	font-size: 1em;
}
*:first-child+html #topics {
	width: 619px;
}

#topics h3 {
	background: url(../images/topics_h.gif) no-repeat;
	width: 619px;
	height: 20px;
	display: block;
	text-indent: -9999px;
}

#topics dl {
	line-height: 1.4em;
	height: 320px;
	overflow: scroll;
	overflow-x: hidden;
	padding-top: 10px;
	padding-left: 5px;
}
#topics dt {
	float: left;
	clear: left;
	width: 90px;
	padding-bottom: 8px;
}
#topics dd {
	float: left;
	width: 505px;
	padding-bottom: 8px;
}



#sp_campaign {
	overflow: hidden;
}
#sp_campaign img {
	margin-top: 10px;
	margin-bottom: -10px;
}


/*
--------------------------------------------
2008年12月8日～11日のみの臨時
--------------------------------------------
*/
#osirase {
	width: 619px;
	float: left;
	margin-bottom: 20px;
}


#maintenance {
	background: url(../images/maintenance.gif) no-repeat;
	width: 619px;
	height: 196px;
	margin-bottom: 10px;
}
#maintenance p {
	text-indent: -9999px;
}