@charset "UTF-8";



/*/////////////////////////////////////////////////////////

file name: contents.css

description: for contents style

///////////////////////////////////////////////////////// */



/* ALTERNATE STYLE

============================================================*/

body#index {

	background-color:#171717;

	background-image:none;

}



body#index div#container {

	position:absolute;

	width:330px;

	background:none;

	left:50%;

	top:200px;

	margin-left:-165px;

}



body#index div#container h1 {

	margin:0 0 25px 0;

}



body#index div#container p {

	color:#999999;

	font-size:12px;

	text-align:left;

	line-height:170%;

	margin:0 0 15px 0;

}



/* MAIN STYLE

============================================================*/



/* MAIN BANNER */

body.main div#banner {
	width:860px;
	height:260px;
	/*background:url(images/main_banner.jpg) no-repeat 0 0;*/
	position:relative;
	margin:0 0 5px 0;

}
body.main div#banner2 {
	width:860px;
	height:260px;
	background:url(images/anyware.png) no-repeat 0 0;
	position:relative;
	margin:0 0 5px 0;

}



body.main div#banner p {
	width:202px;
	height:42px;
	position:absolute;
	top:26px;
	left:52px;

}



body.main div#banner p a {

	display:block;

	width:202px;

	height:42px;

	font-size:0;

	text-indent:-9999px;

	text-decoration:none;

	background:url(images/main_banner_btn.jpg) no-repeat 0 0;

}



body.main div#banner p a:hover {

	background:url(images/main_banner_btn.jpg) no-repeat 0 -42px;

}



/* MAIN BANNER LINK */

body.main div.bannerLink {

	width:860px;

	height:132px;

	overflow:hidden;

	background:url(images/main_bannerlink_bg.jpg) no-repeat 0 0;

	margin:0 0 3px 0;

}



body.main div.bannerLink ul {

	width:870px;

	height:130px;

}



body.main div.bannerLink ul li {

	width:211px;

	height:130px;

	overflow:hidden;

	margin:0 5px 0 0;

	float:left;	

}



body.main div.bannerLink ul li.bannerFirst {

	width:212px;

}



body.main div.bannerLink ul li a:hover img {

	filter:alpha(opacity=60);

	opacity:0.6;

}



/* MAIN CONTENT */

body.main div#content {

	color:#999999;
}



body.main div#content h3 {

	width:644px;

	height:29px;

	font-size:0;

	text-indent:-9999px;

	background:url(images/monitor_campaign_title.jpg) no-repeat 0 0;

}




/* MAIN NEWS */

body.main div#content ol.mainNews {

	list-style:none;

	line-height:100%;

}



div#content ol.mainNews li {

	padding:10px;

	background:#303030 url(images/main_content_bg.jpg) no-repeat 0 0;

	margin:0 0 1px 0;

}



div#content ol.mainNews li div.mainNewsThumb {

	width:120px;

	height:80px;

	background:#ffffff;

	overflow:hidden;

	float:left;

}



div#content ol.mainNews li div.mainNewsThumb a:hover img {

	filter:alpha(opacity=60);

	opacity:0.6;

}



div#content ol.mainNews li dl {

	margin:0 0 0 130px;

}



div#content ol.mainNews li dl dt {

	font-size:80%;

	color:#cccccc;

	border-bottom:1px solid #656565;

	padding:0 0 5px 0;

	margin:0 0 10px 0;

}



div#content ol.mainNews li dl dt a {

	color:#cccccc;

}



div#content ol.mainNews li dl dt a:hover {

	color:#999999;

}



div#content ol.mainNews li dl dd {

	font-size:12px;

	line-height:180%;

	color:#999999;

}





/* PRIVACY STYLE

============================================================*/



/* PRIVACY BANNER */

body.privacyPolicy div#banner {

	width:860px;

	height:158px;

	background:url(images/privacy_banner.jpg) no-repeat 0 0;

	position:relative;

	margin:0 0 5px 0;

}



body.privacyPolicy div#content div.assetHeader {

	width:644px;

	height:29px;

	background:url(images/privacy_content_title.jpg) no-repeat 0 0;

}



body.privacyPolicy div#content ol li {

	list-style:none;

	font-size:80%;

	line-height:180%;

}



body.privacyPolicy div#content ol li div.asset {

	padding:20px;

}



body.privacyPolicy div#content h4 {

	height:24px;

	font-size:0;

	text-indent:-9999px;

	margin:0 0 10px 0;

}



body.privacyPolicy div#content div.privacyList1 h4 {

	background:url(images/privacy_list01_title.jpg) no-repeat 0 0;

}



body.privacyPolicy div#content div.privacyList2 h4 {

	background:url(images/privacy_list02_title.jpg) no-repeat 0 0;

}



body.privacyPolicy div#content div.privacyList3 h4 {

	background:url(images/privacy_list03_title.jpg) no-repeat 0 0;

}



body.privacyPolicy div#content div.privacyList4 h4 {

	background:url(images/privacy_list04_title.jpg) no-repeat 0 0;

}



body.privacyPolicy div#content div.privacyList5 h4 {

	background:url(images/privacy_list05_title.jpg) no-repeat 0 0;

}



/* COPYRIGHT LINK */

body.privacyPolicy div#content span.websitePolicyLink {

	display:block;

	width:137px;

	padding:10px 0;

}



body.privacyPolicy div#content span.websitePolicyLink a {

	display:block;

	width:137px;

	height:30px;

	font-size:0;

	text-indent:-9999px;

	background:url(images/website_policy_btn.jpg) no-repeat 0 0;

}



body.privacyPolicy div#content span.websitePolicyLink a:hover {

	background:url(images/website_policy_btn.jpg) no-repeat 0 -30px;

}



/* COPYRIGHT STYLE

============================================================*/



/* COPYRIGHT BANNER */

body.copyright div#banner {

	width:860px;

	height:158px;

	background:url(images/copyright_banner.jpg) no-repeat 0 0;

	position:relative;

	margin:0 0 5px 0;

}



body.copyright div#content div.assetHeader {

	width:644px;

	height:29px;

	background:url(images/copyright_content_title.jpg) no-repeat 0 0;

}



body.copyright div#content ol li {

	list-style:none;

	font-size:80%;

	line-height:180%;

}



body.copyright div#content ol li div.asset {

	padding:20px;

}



body.copyright div#content h4 {

	height:24px;

	font-size:0;

	text-indent:-9999px;

	margin:0 0 10px 0;

}



body.copyright div#content div.copyrightList1 h4 {

	background:url(images/copyright_list01_title.jpg) no-repeat 0 0;

}



body.copyright div#content div.copyrightList2 h4 {

	background:url(images/copyright_list02_title.jpg) no-repeat 0 0;

}



body.copyright div#content div.copyrightList3 h4 {

	background:url(images/copyright_list03_title.jpg) no-repeat 0 0;

}



body.copyright div#content div.copyrightList4 h4 {

	background:url(images/copyright_list04_title.jpg) no-repeat 0 0;

}



body.copyright div#content div.copyrightList5 h4 {

	background:url(images/copyright_list05_title.jpg) no-repeat 0 0;

}



body.copyright div#content div.copyrightList6 h4 {

	background:url(images/copyright_list06_title.jpg) no-repeat 0 0;

}



body.copyright div#content div.copyrightList7 h4 {

	background:url(images/copyright_list07_title.jpg) no-repeat 0 0;

}



body.copyright div#content div.copyrightList8 h4 {

	background:url(images/copyright_list08_title.jpg) no-repeat 0 0;

}



body.copyright div#content div.copyrightList9 h4 {

	background:url(images/copyright_list09_title.jpg) no-repeat 0 0;

}



body.copyright div#content div.copyrightList10 h4 {

	background:url(images/copyright_list10_title.jpg) no-repeat 0 0;

}



body.copyright div#content div.copyrightList11 h4 {

	background:url(images/copyright_list11_title.jpg) no-repeat 0 0;

}



/* PRIVACY LINK */

body.copyright div#content span.privacyPolicyLink {

	display:block;

	width:158px;

	padding:10px 0;

}



body.copyright div#content span.privacyPolicyLink a {

	display:block;

	width:158px;

	height:30px;

	font-size:0;

	text-indent:-9999px;

	background:url(images/privacy_policy_btn.jpg) no-repeat 0 0;

}



body.copyright div#content span.privacyPolicyLink a:hover {

	background:url(images/privacy_policy_btn.jpg) no-repeat 0 -30px;

}



/* FOR BEAUTY STYLE

============================================================*/

/* FOR BEAUTY BANNER */

body.forBeauty div#banner {

	width:860px;

	height:298px;

	background:url(images/beauty_banner.jpg) no-repeat 0 0;

	position:relative;

	margin:0 0 5px 0;

}



body.forBeauty div#content div.assetHeader {

	height:29px;

}



body.forBeauty div#content div.beauty {

	background:url(images/beauty_content_title.jpg) no-repeat 0 0;

}



body.forBeauty div#content div.laboratory {

	background:url(images/beauty_laboratory_title.jpg) no-repeat 0 0;

}



body.forBeauty div#content div.technology {

	background:url(images/beauty_technology_title.jpg) no-repeat 0 0;

}



body.forBeauty div#content div.history {

	background:url(images/beauty_history_title.jpg) no-repeat 0 0;

}



body.forBeauty div#content h4.beautyTitle {

	height:14px;

	font-size:0;

	text-indent:-9999px;

	background:url(images/beauty_title.jpg) no-repeat 0 0;

	margin:0 0 20px 0;

}



body.forBeauty div#content ul.beautyNavi {

	list-style:none;

	margin:0 0 15px 0;

}



body.forBeauty div#content ul.beautyNavi li {

	width:153px;

	height:30px;

	float:left;

	font-size:0;

	text-indent:-9999px;

	margin:0 25px 0 0;

}



body.forBeauty div#content ul.beautyNavi li a {

	display:block;

	width:153px;

	height:30px;

}



body.forBeauty div#content ul.beautyNavi li.linkLaboratory a {

	background:url(images/beauty_navi.jpg) no-repeat 0 0;

}



body.forBeauty div#content ul.beautyNavi li.linkLaboratory a:hover {

	background:url(images/beauty_navi.jpg) no-repeat 0 -30px;

}



body.forBeauty div#content ul.beautyNavi li.linkTechnology a {

	background:url(images/beauty_navi.jpg) no-repeat -170px 0;

}



body.forBeauty div#content ul.beautyNavi li.linkTechnology a:hover {

	background:url(images/beauty_navi.jpg) no-repeat -170px -30px;

}



body.forBeauty div#content ul.beautyNavi li.linkHistory a {

	background:url(images/beauty_navi.jpg) no-repeat -340px 0;

}



body.forBeauty div#content ul.beautyNavi li.linkHistory a:hover {

	background:url(images/beauty_navi.jpg) no-repeat -340px -30px;

}





/* PHILOSOPHY STYLE

============================================================*/

/* PHILOSOPHY BANNER */

body.philosophy div#banner {
	width:860px;
	height:260px;
	background:url(images/philosophy_banner.jpg) no-repeat 0 0;
	position:relative;
	margin:0 0 5px 0;
	background-image: url(images/main_banner.jpg);

}



body.philosophy div#content div.assetHeader {

	height:29px;

	background: url(images/product_title.jpg) no-repeat 0 0;

}



body.philosophy div#content ul.pageTop {

	height:110px;

}



/* FRENCH BEAUTY STYLE

============================================================*/

a#historyBack {

	z-index:10000;

	display:block;

	width:150px;

	height:15px;

	position:absolute;

	top:20px;

	right:20px;

	font-size:0;

	text-indent:-9999px;

	text-align:left;

	text-decoration:none;

	background:url(images/history_back_btn.gif) no-repeat 0 0;

}



a:hover#historyBack {

	filter:alpha(opacity=60);

	opacity:0.6;

}



/* ONLINE SHOPPING STYLE

============================================================*/

/* ONLINE SHOPPING BANNER */

body.onlineShopping div#banner {

	width:860px;

	height:298px;

	background:url(../../onlineshop/img/onlineshop_banner.jpg) no-repeat 0 0;

	position:relative;

	margin:0 0 5px 0;

}



body.onlineShopping div#content div.assetHeader {

	height:29px;

	background:url(../../onlineshop/img/onlineshop_content_title.jpg) no-repeat 0 0;

}



body.onlineShopping div#content p.onlineLink {

	list-style:none;

	float:right;

}



body.onlineShopping div#content p.onlineLink a {

	display:block;

	width:143px;

	height:30px;

	text-align:left;

	font-size:1px;

	text-indent:-9999px;

	background:url(../../onlineshop/img/onlineshop_btn.jpg) no-repeat 0 0;

}



body.onlineShopping div#content p.onlineLink a:hover {

	background:url(../../onlineshop/img/onlineshop_btn_on.jpg) no-repeat 0 0;

}



/* STORE STYLE

============================================================*/

/* STORE BANNER */

body.store div#banner {

	width:860px;

	height:298px;

	background:url(../../stores/img/store_banner.jpg) no-repeat 0 0;

	position:relative;

	margin:0 0 5px 0;

}



body.store div#content div.assetHeader {

	height:29px;

	background:url(../../stores/img/store_shopguide_title.jpg) no-repeat 0 0;

}



/* AREA LIST STYLES */

body.store div#content div.storeList {

	width:600px;

	overflow:hidden;

	margin:0 0 15px 0;

}



body.store div#content div.storeListInner {

	width:700px;

}



body.store div#content dl.areaList {

	width:188px;

	height:18em;

	float:left;

	margin:0 20px 0 0;

}



body.store div#content dl.areaList dt {

	width:188px;

	height:26px;

	font-size:0;

	text-indent:-9999px;

	margin:0 0 12px 0;

}



body.store div#content dl.hokkaido-tohoku dt {

	background:url(../../stores/img/store_hokkaido_tohoku_title.jpg) no-repeat 0 0;

}



body.store div#content dl.hokuriku-koshinetsu dt {

	background:url(../../stores/img/store_hokuriku_koshinetsu_title.jpg) no-repeat 0 0;

}



body.store div#content dl.kanto dt {

	background:url(../../stores/img/store_kanto_title.jpg) no-repeat 0 0;

}



body.store div#content dl.tokai dt {

	background:url(../../stores/img/store_tokai_title.jpg) no-repeat 0 0;

}



body.store div#content dl.kinki dt {

	background:url(../../stores/img/store_kinki_title.jpg) no-repeat 0 0;

}



body.store div#content dl.chugoku dt {

	background:url(../../stores/img/store_chugoku_title.jpg) no-repeat 0 0;

}



body.store div#content dl.shikoku dt {

	background:url(../../stores/img/store_shikoku_title.jpg) no-repeat 0 0;

}



body.store div#content dl.kyushu-okinawa dt {

	background:url(../../stores/img/store_kyushu_okinawa_title.jpg) no-repeat 0 0;

}



body.store div#content dl.areaList dd {

	font-size:90%;

	margin:0 0 10px 0;

}



body.store div#content dl.areaList dd a {

	padding:0 0 0 18px;

	background:url(../../stores/img/store_link_icon.jpg) no-repeat 0 0.25em;

}



body.store div#content dl.areaList dd span {

	padding:0 0 0 18px;

	background:url(../../stores/img/store_nolink_icon.jpg) no-repeat 0 0.25em;

}



/* STORE LIST STYLES */

body.store div#content div.storeHeader {

	color:#666666;

	padding:20px 20px 8px 20px;

	background:#f5f5f5 url(../../stores/img/store_title_bg.jpg) no-repeat 50% 100%;

}



body.store div#content div.storeHeader h4 {

	color:#aa8848;

	font-size:90%;

	padding:0 0 8px 0;

	float:left;

}



body.store div#content div.areaData dl {

	margin:0 0 25px 0;

}



body.store div#content div.areaData dl dt {

	width:70%;

	font-size:80%;

	background:url(../../stores/img/store_list_icon.jpg) no-repeat 0 0.25em;

	padding:0 0 0 18px;

	margin:0 0 5px 0;

}



body.store div#content div.areaData dl dd {

	font-size:80%;

}



body.store div#content div.areaData address {

	float:left;

	width:70%;

	line-height:140%;

	font-style:normal;

	color:#999999;

}



body.store div#content dd span.storeTel {

	text-align:right;

	float:right;

	color:#999999;

	background:url(../../stores/img/tel_icon.jpg) no-repeat 0 0.25em;

	padding:0 0 0 24px;

}



/* GO BACK STYLES */

body.store div#content ul.goBackList {

	list-style:none;

	padding:5px 0 0 0;

	margin:0 0 15px 0;

	text-align:right;

}



body.store div#content ul.goBackList li {

	display:inline;

	font-size:80%;

	background:url(../../stores/img/goback_icon.jpg) no-repeat 0 0.4em;

	padding:0 0 0 10px;

}



/* HEADER GO BACK STYLES */

body.store div#content div.storeHeader ul.goBackList {

	list-style:none;

	padding:0;

	margin:0;

	text-align:right;

}



body.store div#content div.storeHeader ul.goBackList li {

	display:inline;

	font-size:80%;

	background:url(../../stores/img/goback_icon.jpg) no-repeat 0 0.4em;

	padding:0 0 0 10px;

}



/* HAIR COLOR STYLE

============================================================*/

/* HAIR COLOR BANNER */

body.hairColor div#banner {

	width:860px;

	height:298px;

	background:url(../../hair_color/img/hair_color_banner.jpg) no-repeat 0 0;

	position:relative;

	margin:0 0 5px 0;

}



div#banner a#hairColorMonitor {

	z-index:10000;

	display:block;

	width:202px;

	height:42px;

	position:absolute;

	top:220px;

	right:105px;

	font-size:0;

	text-indent:-9999px;

	text-align:left;

	text-decoration:none;

	background:url(../../hair_color/img/hair_color_monitor.jpg) no-repeat 0 0;

}



div#banner a:hover#hairColorMonitor {

	background:url(../../hair_color/img/hair_color_monitor.jpg) no-repeat 0 -42px;

}



body.hairColor div#content div.assetHeader {

	height:29px;

}



body.hairColor div#content div.hairColorTitle {

	background:url(../../hair_color/img/hair_color_title.jpg) no-repeat 0 0;

}



body.hairColor div#content div.castingTitle {

	background:url(../../hair_color/img/hair_casting_title.jpg) no-repeat 0 0;

}



body.hairColor div#content div.manicureTitle {

	background:url(../../hair_color/img/hair_manicure_title.jpg) no-repeat 0 0;

}



body.hairColor div#content div.threeDTitle {

	background:url(../../hair_color/img/hair_3dcolor_title.jpg) no-repeat 0 0;

}



body.hairColor div#content div.hairColorIntro h4 {

	height:14px;

	font-size:0;

	text-align:left;

	text-indent:-9999px;

	background:url(../../hair_color/img/hair_color_intro_title.jpg) no-repeat 0 0;

}



/* HAIR COLOR NAVIGATION STYLE */

div.hairColorNavi {

	width:604px;

	overflow:hidden;

}



div.hairColorNavi ul {

	width:700px;

	list-style:none;

}



div.hairColorNavi ul li {

	width:290px;

	height:58px;

	overflow:hidden;

	margin:0 24px 20px 0;

	background:#ffffff;

	float:left;

}



div.hairColorNavi ul li a:hover img {

	filter:alpha(opacity=60);

	opacity:0.6;

}



/* CASTING CREME GLOSS STYLE

============================================================*/

/* CASTING CREME GLOSS BANNER */

body.itemCcg div#banner {

	width:860px;

	height:298px;

	background:url(../../hair_color/casting_creme_gloss/img/ccg_banner.jpg) no-repeat 0 0;

	position:relative;

	margin:0 0 5px 0;

}



body.itemCcg div#content div.assetHeader {

	height:29px;

}



body.itemCcg div#content div.ccgSpecTitle {

	background:url(../../hair_color/casting_creme_gloss/img/ccg_title.jpg) no-repeat 0 0;

}



body.itemCcg div#content div.technologyTitle {

	background:url(../../hair_color/casting_creme_gloss/img/technology_title.jpg) no-repeat 0 0;

}



body.itemCcg div#content div.colorChartTitle {

	background:url(../../hair_color/casting_creme_gloss/img/colorchart_title.jpg) no-repeat 0 0;

}



body.itemCcg div#content div.productTitle {

	background:url(../../hair_color/casting_creme_gloss/img/product_title.jpg) no-repeat 0 0;

}



/* ITEM LINK */

body.itemCcg div#colorChart {

	position:relative;

}



body.itemCcg div#colorChart a.itemLink {

	display:block;

	font-size:0;

	text-align:left;

	text-indent:-9999px;

	width:44px;

	height:44px;

	position:absolute;

	background:#ffffff;

	filter:alpha(opacity=0);

	opacity:0;

}



body.itemCcg div#colorChart a:hover.itemLink {

	filter:alpha(opacity=40);

	opacity:0.4;

}



body.itemCcg div#colorChart a.item7r {

	top:140px;

	left:100px;

}



body.itemCcg div#colorChart a.item7wb {

	top:164px;

	left:227px;

}



body.itemCcg div#colorChart a.item6wb {

	top:212px;

	left:227px;

}



body.itemCcg div#colorChart a.item5nb {

	top:272px;

	left:358px;

}



body.itemCcg div#colorChart a.item6ng {

	top:224px;

	left:489px;

}



/* EXCELLENCE STYLE

============================================================*/

/* EXCELLENCE BANNER */

body.itemExcellence div#banner {

	width:860px;

	height:298px;

	background:url(../../hair_color/excellence/img/excellence_banner.jpg) no-repeat 0 0;

	position:relative;

	margin:0 0 5px 0;

}



body.itemExcellence div#content div.assetHeader {

	height:29px;

}



body.itemExcellence div#content div.excellenceTitle {

	background:url(../../hair_color/excellence/img/excellence_title.jpg) no-repeat 0 0;

}



body.itemExcellence div#content div.technologyTitle {

	background:url(../../hair_color/excellence/img/technology_title.jpg) no-repeat 0 0;

}



body.itemExcellence div#content div.colorChartTitle {

	background:url(../../hair_color/excellence/img/colorchart_title.jpg) no-repeat 0 0;

}



body.itemExcellence div#content div.productTitle {

	background:url(../../hair_color/excellence/img/product_title.jpg) no-repeat 0 0;

}



/* ITEM LINK */

body.itemExcellence div#colorChart {

	position:relative;

}



body.itemExcellence div#colorChart a.itemLink {

	display:block;

	font-size:0;

	text-align:left;

	text-indent:-9999px;

	width:40px;

	height:40px;

	position:absolute;

	background:#ffffff;

	filter:alpha(opacity=0);

	opacity:0;

}



body.itemExcellence div#colorChart a:hover.itemLink {

	filter:alpha(opacity=40);

	opacity:0.4;

}



body.itemExcellence div#colorChart a.item7r {

	top:213px;

	left:96px;

}



body.itemExcellence div#colorChart a.item6r {

	top:289px;

	left:96px;

}



body.itemExcellence div#colorChart a.item8wb {

	top:137px;

	left:203px;

}



body.itemExcellence div#colorChart a.item7wb {

	top:213px;

	left:203px;

}



body.itemExcellence div#colorChart a.item6wb {

	top:289px;

	left:203px;

}



body.itemExcellence div#colorChart a.item5wb {

	top:365px;

	left:203px;

}



body.itemExcellence div#colorChart a.item6nb {

	top:289px;

	left:317px;

}



body.itemExcellence div#colorChart a.item8g {

	top:137px;

	left:424px;

}



body.itemExcellence div#colorChart a.item7g {

	top:213px;

	left:422px;

}



body.itemExcellence div#colorChart a.item7ng {

	top:213px;

	left:535px;

}



body.itemExcellence div#colorChart a.item6ng {

	top:289px;

	left:534px;

}



body.itemExcellence div#colorChart a.item5ng {

	top:365px;

	left:533px;

}



body.itemExcellence div.assetText p.textTitle {

	margin:0;

}



body.itemExcellence div.assetImage img.excellenceTechnology1 {

	margin:42px 0 0 0;

}



body.itemExcellence div.assetImage img.excellenceTechnology2 {

	margin:10px 0 0 0;

}



body.itemExcellence div.assetImage img.excellenceTechnology3 {

	margin:10px 0 0 0;

}



/* SI NATURELLE STYLE

============================================================*/

/* SI NATURELLE BANNER */

body.itemSinaturelle div#banner {

	width:860px;

	height:298px;

	background:url(../../hair_color/si_naturelle/img/sinaturelle_banner.jpg) no-repeat 0 0;

	position:relative;

	margin:0 0 5px 0;

}



body.itemSinaturelle div#content div.assetHeader {

	height:29px;

}



body.itemSinaturelle div#content div.sinaturelleTitle {

	background:url(../../hair_color/si_naturelle/img/sinaturelle_title.jpg) no-repeat 0 0;

}



body.itemSinaturelle div#content div.technologyTitle {

	background:url(../../hair_color/si_naturelle/img/technology_title.jpg) no-repeat 0 0;

}



body.itemSinaturelle div.assetBlock img.blockImage {

	margin:0 0 15px 0;

}



body.itemSinaturelle div.assetText p.color4 {

	padding:0 0 0 48px;

	background:url(../../hair_color/si_naturelle/img/color4_icon.jpg) no-repeat 0 0;

}



body.itemSinaturelle div.assetText p.color5 {

	padding:0 0 0 48px;

	background:url(../../hair_color/si_naturelle/img/color5_icon.jpg) no-repeat 0 0;

}



/* FERIA 3D STYLE

============================================================*/

/* FERIA 3D BANNER */

body.itemFeria3d div#banner {

	width:860px;

	height:298px;

	background:url(../../hair_color/feria_3d/img/feria3d_banner.jpg) no-repeat 0 0;

	position:relative;

	margin:0 0 5px 0;

}



body.itemFeria3d div#content div.assetHeader {

	height:29px;

}



body.itemFeria3d div#content div.feria3dSpecTitle {

	background:url(../../hair_color/feria_3d/img/feria3d_title.jpg) no-repeat 0 0;

}



body.itemFeria3d div#content div.technologyTitle {

	background:url(../../hair_color/feria_3d/img/technology_title.jpg) no-repeat 0 0;

}



body.itemFeria3d div#content div.colorChartTitle {

	background:url(../../hair_color/feria_3d/img/colorchart_title.jpg) no-repeat 0 0;

}



body.itemFeria3d div#content div.productTitle {

	background:url(../../hair_color/feria_3d/img/product_title.jpg) no-repeat 0 0;

}





body.itemFeria3d div.assetBlock img.blockImage {

	margin:0 0 15px 0;

}



/* ITEM LINK */

body.itemFeria3d div#colorChart {

	position:relative;

}



body.itemFeria3d div#colorChart a.itemLink {

	display:block;

	font-size:0;

	text-align:left;

	text-indent:-9999px;

	width:40px;

	height:40px;

	position:absolute;

	background:#ffffff;

	filter:alpha(opacity=0);

	opacity:0;

}



body.itemFeria3d div#colorChart a:hover.itemLink {

	filter:alpha(opacity=40);

	opacity:0.4;

}



body.itemFeria3d div#colorChart a.item67 {

	top:185px;

	left:87px;

}



body.itemFeria3d div#colorChart a.item78 {

	top:121px;

	left:179px;

}



body.itemFeria3d div#colorChart a.item62 {

	top:185px;

	left:180px;

}



body.itemFeria3d div#colorChart a.item68 {

	top:327px;

	left:180px;

}



body.itemFeria3d div#colorChart a.item75 {

	top:80px;

	left:314px;

}



body.itemFeria3d div#colorChart a.item74 {

	top:185px;

	left:270px;

}



body.itemFeria3d div#colorChart a.item61 {

	top:273px;

	left:314px;

}



body.itemFeria3d div#colorChart a.item51 {

	top:327px;

	left:269px;

}



body.itemFeria3d div#colorChart a.item85 {

	top:121px;

	left:405px;

}



body.itemFeria3d div#colorChart a.item88 {

	top:185px;

	left:360px;

}



body.itemFeria3d div#colorChart a.item63 {

	top:339px;

	left:360px;

}



body.itemFeria3d div#colorChart a.item72 {

	top:185px;

	left:452px;

}



body.itemFeria3d div#colorChart a.item65 {

	top:339px;

	left:449px;

}



body.itemFeria3d div#colorChart a.item65 {

	top:339px;

	left:449px;

}



body.itemFeria3d div#colorChart a.item50 {

	top:403px;

	left:496px;

}



body.itemFeria3d div#colorChart a.item82 {

	top:121px;

	left:542px;

}



body.itemFeria3d div#colorChart a.item69 {

	top:273px;

	left:544px;

}



body.itemFeria3d div#colorChart a.item02 {

	top:495px;

	left:449px;

}



body.itemFeria3d div#colorChart a.item01 {

	top:495px;

	left:544px;

}





/* HAIR COLOR FAQ STYLE

============================================================*/

/* HAIR COLOR FAQ BANNER */

body.hairColorFaq div#banner {

	width:860px;

	height:298px;

	background:url(../../hair_color/faq/img/faq_banner.jpg) no-repeat 0 0;

	position:relative;

	margin:0 0 5px 0;

}



body.hairColorFaq div#content div.assetHeader {

	height:29px;

}



body.hairColorFaq div#content div.faqTitle {

	background:url(../../hair_color/faq/img/faq_title.jpg) no-repeat 0 0;

}



body.hairColorFaq div.assetBlock ul {

	font-size:75%;

	letter-spacing:0.08em;

	list-style:none;

}



body.hairColorFaq div.assetBlock ul li {

	background:url(../../hair_color/faq/img/faq_list_icon.jpg) no-repeat 0 0.1em;

	color:#999999;

	padding:0 0 0 20px;

	margin:0 0 15px 0;

}



body.hairColorFaq div.assetBlock ul li.faqCurrent {

	background:url(../../hair_color/faq/img/faq_list_icon_nolink.jpg) no-repeat 0 0.1em;

}



body.hairColorFaq div#content div.assetBlock h2 {

	color:#aa8848;

	font-size:90%;

	padding:0 0 8px 0;

	margin:0 0 20px 0;

	background:url(../../hair_color/faq/img/q_title_bg.jpg) no-repeat 0 100%;

}



body.hairColorFaq div#content div.assetBlock h3.stepTitle {

	margin:25px 0 20px 0;

}



/* HAIR CARE STYLE

============================================================*/

/* HAIR CARE BANNER */

body.hairCare div#banner {

	width:860px;

	height:298px;

	background:url(../../hair_care/img/hair_care_banner.jpg) no-repeat 0 0;

	position:relative;

	margin:0 0 5px 0;

}



body.hairCare div#content div.assetHeader {

	height:29px;

}



body.hairCare div#content div.hairCareTitle {

	background:url(../../hair_care/img/hair_care_title.jpg) no-repeat 0 0;

}



body.hairCare div#content div.elseveTitle {

	background:url(../../hair_care/img/elseve_title.jpg) no-repeat 0 0;

}



body.hairCare div#content div.excellenceTitle {

	background:url(../../hair_care/img/excellence_title.jpg) no-repeat 0 0;

}



div#banner a#nightCareCampaign {

	z-index:10000;

	display:block;

	width:233px;

	height:34px;

	position:absolute;

	top:240px;

	right:32px;

	font-size:0;

	text-indent:-9999px;

	text-align:left;

	text-decoration:none;

	background:url(../../hair_care/img/night_care_campaign.jpg) no-repeat 0 0;

}



div#banner a:hover#nightCareCampaign {

	background:url(../../hair_care/img/night_care_campaign.jpg) no-repeat 0 -34px;

}



/* HAIR CARE NAVIGATION STYLE */

div.hairCareNavi ul {

	list-style:none;

	margin:0 0 20px 0;

}



div.hairCareNavi ul li {

	width:290px;

	height:90px;

	overflow:hidden;

	float:left;

}



div.hairCareNavi ul li.naviElseve {

	margin:0 22px 0 0;

}



div.hairCareNavi ul li a {

	display:block;

	width:290px;

	height:90px;

	font-size:0;

	text-indent:-9999px;

}



div.hairCareNavi ul li.naviElseve a {

	margin:0 22px 0 0;

	background:url(../../hair_care/img/head_elseve_navi.jpg) no-repeat 0 0;

}



div.hairCareNavi ul li.naviElseve a:hover {

	background:url(../../hair_care/img/head_elseve_navi.jpg) no-repeat 0 -90px;

}



div.hairCareNavi ul li.naviExcellence a {

	background:url(../../hair_care/img/head_excellence_navi.jpg) no-repeat 0 0;

}



div.hairCareNavi ul li.naviExcellence a:hover {

	background:url(../../hair_care/img/head_excellence_navi.jpg) no-repeat 0 -90px;

}



/* NEW ICON */

div.assetImage span.newIconEX {

	display:block;

	font-size:0;

	text-align:left;

	text-indent:-9999px;

	height:41px;

	width:41px;

	background:url(../img/product_new.gif) no-repeat 0 0;

	z-index:999;

	position:absolute;

	top:25px;

	left:55px;

}



/* DAMAGE CARE EX STYLE

============================================================*/

/* DAMAGE CARE EX  BANNER */

body.itemDamagecareEx div#banner {

	width:860px;

	height:298px;

	background:url(../../hair_care/damage_care_ex/img/elseve_damagecare_banner.jpg) no-repeat 0 0;

	position:relative;

	margin:0 0 5px 0;

}



body.itemDamagecareEx div#content div.assetHeader {

	height:29px;

}



body.itemDamagecareEx div#content div.damagecareExTitle {

	background:url(../../hair_care/damage_care_ex/img/elseve_damagecare_title.jpg) no-repeat 0 0;

}



body.itemDamagecareEx div#content div.technologyTitle {

	background:url(../../hair_care/damage_care_ex/img/technology_title.jpg) no-repeat 0 0;

}



body.itemDamagecareEx div#content div.programTitle {

	background:url(../../hair_care/damage_care_ex/img/program_title.jpg) no-repeat 0 0;

}



body.itemDamagecareEx div#content div.campaignTitle {

	background:url(../../hair_care/damage_care_ex/img/campaign_title.jpg) no-repeat 0 0;

}



span.separateStep {

	display:block;

	height:20px;

	clear:both;

}



div.damagecareCampaign {

	padding:0 200px 0 0;

	background:url(../../hair_care/damage_care_ex/img/campaign_image.jpg) no-repeat 88% 0;

}



div.damagecareCampaign p.caption {

	margin:0 0 70px 0;

}



div.assetCampaignList {

	padding:10px 10px 5px 10px;

	margin:0 0 1px 0;

	background:#f5f5f5;

}



div.assetCampaignList ul {

	list-style:none;

}



div.assetCampaignList ul li {

	width:198px;

	float:left;

	padding:170px 0 0 0;

}



div.assetCampaignList ul li.aPrize,

div.assetCampaignList ul li.bPrize {

	margin:0 10px 0 0;

}



div.assetCampaignList ul li p {

	color:#666666;

	padding:0 0 0 4px;

	background:#f5f5f5;

	line-height:160%;

	font-size:80%;

	margin:0 0 10px 0;

}



div.assetCampaignList ul li.aPrize {

	background:url(../../hair_care/damage_care_ex/img/a_prize_image.jpg) no-repeat 0 0;

}



div.assetCampaignList ul li.bPrize {

	background:url(../../hair_care/damage_care_ex/img/b_prize_image.jpg) no-repeat 0 0;

}



div.assetCampaignList ul li.cPrize {

	background:url(../../hair_care/damage_care_ex/img/c_prize_image.jpg) no-repeat 0 0;

}



body.itemDamagecareEx div.assetBlock {

	width:604px;

	overflow:hidden;

}



dl.elseveNavi {

	width:700px;

	margin:0 0 15px 0;

}



dl.elseveNavi dt {

	margin:0 0 10px 0;

}



dl.elseveNavi dd {

	width:194px;

	margin:0 12px 0 0;

	float:left;

}



dl.elseveNavi dd a:hover img {

	filter:alpha(opacity=60);

	opacity:0.6;

}



/* MAKE UP STYLE

============================================================*/

/* MAKE UP BANNER */

body.makeUp div#banner {

	width:860px;

	height:298px;

	background:url(../../make_up/img/make_up_banner.jpg) no-repeat 0 0;

	position:relative;

	margin:0 0 5px 0;

}



body.makeUp div#content div.assetHeader {

	height:29px;

}



body.makeUp div#content div.makeupTitle {

	background:url(../../make_up/img/make_up_title.jpg) no-repeat 0 0;

}



div#banner a#specialSiteLink {

	z-index:10000;

	display:block;

	width:131px;

	height:30px;

	position:absolute;

	top:220px;

	right:80px;

	font-size:0;

	text-indent:-9999px;

	text-align:left;

	text-decoration:none;

	background:url(../../make_up/img/special_site_btn.jpg) no-repeat 0 0;

}



div#banner a:hover#specialSiteLink {

	background:url(../../make_up/img/special_site_btn.jpg) no-repeat 0 -30px;

}



div.makeupImage {

	width:292px;

	float:left;

	margin:0 0 15px 0;

}



div.makeupText {

	width:295px;

	float:right;

	margin:0 0 15px 0;

}



div.makeupText ul {

	font-size:80%;

	list-style:none;

	margin:0 0 15px 0;

}



div.makeupText ul li {

	margin:0 0 4px 0;

	padding:0 0 0 10px;

	background:url(../img/assettext_list_icon.gif) no-repeat 0 0.5em;

}



/* FACE STYLE

============================================================*/

/* FACE BANNER */

body.face div#banner {

	width:860px;

	height:298px;

	background:url(../../make_up/face/img/face_banner.jpg) no-repeat 0 0;

	position:relative;

	margin:0 0 5px 0;

}



body.face div#content div.assetHeader {

	height:29px;

}



body.face div#content div.powderFoundationTitle {

	background:url(../../make_up/face/img/powder_foundation_title.jpg) no-repeat 0 0;

}



body.face div#content div.liquidFoundationTitle {

	background:url(../../make_up/face/img/liquid_foundation_title.jpg) no-repeat 0 0;

}



body.face div#content div.baseTitle {

	background:url(../../make_up/face/img/base_title.jpg) no-repeat 0 0;

}



body.face div#content div.powderTitle {

	background:url(../../make_up/face/img/powder_title.jpg) no-repeat 0 0;

}



body.face div#content div.concealerTitle {

	background:url(../../make_up/face/img/concealer_title.jpg) no-repeat 0 0;

}



body.face div#content div.concealerTitle {

	background:url(../../make_up/face/img/concealer_title.jpg) no-repeat 0 0;

}



body.face div#content div.teakColorTitle {

	background:url(../../make_up/face/img/teak_color_title.jpg) no-repeat 0 0;

}



/* TRUE MATCH MINERALS STYLE

============================================================*/

/* TRUE MATCH MINERALS BANNER */

body.itemTrueMatchMinerals div#banner {

	width:860px;

	height:298px;

	background:url(../../make_up/face/img/face_banner.jpg) no-repeat 0 0;

	position:relative;

	margin:0 0 5px 0;

}



body.itemTrueMatchMinerals div#content div.assetHeader {

	height:29px;

}



body.itemTrueMatchMinerals div#content div.powderFoundationTitle {

	background:url(../../make_up/face/true_match_minerals/img/powder_foundation_title.jpg) no-repeat 0 0;

}



body.itemTrueMatchMinerals div#content p.specialSiteLink a {

	display:block;

	width:131px;

	height:30px;

	font-size:0;

	text-indent:-9999px;

	text-align:left;

	text-decoration:none;

	background:url(../../make_up/face/true_match_minerals/img/special_site_btn.jpg) no-repeat 0 0;

}



body.itemTrueMatchMinerals div#content p.specialSiteLink a:hover {

	background:url(../../make_up/face/true_match_minerals/img/special_site_btn.jpg) no-repeat 0 -30px;

}





/* TRUE MATCH NATURAL STAY PACT STYLE

============================================================*/

/* TRUE MATCH NATURAL STAY PACT BANNER */

body.itemTrueMatchNaturalStayPact div#banner {

	width:860px;

	height:298px;

	background:url(../../make_up/face/img/face_item_banner.jpg) no-repeat 0 0;

	position:relative;

	margin:0 0 5px 0;

}



body.itemTrueMatchNaturalStayPact div#content div.assetHeader {

	height:29px;

}



body.itemTrueMatchNaturalStayPact div#content div.powderFoundationTitle {

	background:url(../../make_up/face/true_match_natural_stay_pact/img/powder_foundation_title.jpg) no-repeat 0 0;

}



/* TRUE MATCH MOIST POWDER STYLE

============================================================*/

/* TRUE MATCH MOIST POWDER BANNER */

body.itemTrueMatchMoistPowder div#banner {

	width:860px;

	height:298px;

	background:url(../../make_up/face/img/face_item_banner.jpg) no-repeat 0 0;

	position:relative;

	margin:0 0 5px 0;

}



body.itemTrueMatchMoistPowder div#content div.assetHeader {

	height:29px;

}



body.itemTrueMatchMoistPowder div#content div.powderFoundationTitle {

	background:url(../../make_up/face/true_match_moist_powder/img/powder_foundation_title.jpg) no-repeat 0 0;

}



/* TRUE MATCH RESIST LIQUID STYLE

============================================================*/

/* TRUE MATCH RESIST LIQUID BANNER */

body.itemTrueMatchResistLiquid div#banner {

	width:860px;

	height:298px;

	background:url(../../make_up/face/img/face_item_banner.jpg) no-repeat 0 0;

	position:relative;

	margin:0 0 5px 0;

}



body.itemTrueMatchResistLiquid div#content div.assetHeader {

	height:29px;

}



body.itemTrueMatchResistLiquid div#content div.liquidFoundationTitle {

	background:url(../../make_up/face/true_match_resist_liquid/img/liquid_foundation_title.jpg) no-repeat 0 0;

}



body.itemTrueMatchResistLiquid ul.pageTop {

	height:54px;

}





/* TRUE MATCH LIQUID STYLE

============================================================*/

/* TRUE MATCH LIQUID BANNER */

body.itemTrueMatchLiquid div#banner {

	width:860px;

	height:298px;

	background:url(../../make_up/face/img/face_item_banner.jpg) no-repeat 0 0;

	position:relative;

	margin:0 0 5px 0;

}



body.itemTrueMatchLiquid div#content div.assetHeader {

	height:29px;

}



body.itemTrueMatchLiquid div#content div.liquidFoundationTitle {

	background:url(../../make_up/face/true_match_liquid/img/liquid_foundation_title.jpg) no-repeat 0 0;

}





/* TRUE MATCH MAKEUP BASE STYLE

============================================================*/

/* TRUE MATCH MAKEUP BASE BANNER */

body.itemTrueMatchMakeupBase div#banner {

	width:860px;

	height:298px;

	background:url(../../make_up/face/img/face_item_banner.jpg) no-repeat 0 0;

	position:relative;

	margin:0 0 5px 0;

}



body.itemTrueMatchMakeupBase div#content div.assetHeader {

	height:29px;

}



body.itemTrueMatchMakeupBase div#content div.liquidFoundationTitle {

	background:url(../../make_up/face/true_match_make_up_base/img/base_title.jpg) no-repeat 0 0;

}



body.itemTrueMatchMakeupBase div.asset dl.muDescription {

	background:url(../../make_up/face/true_match_make_up_base/img/mu_icon.jpg) no-repeat 0 0;

	padding:0 0 0 70px;

}



body.itemTrueMatchMakeupBase div.asset dl.suDescription {

	background:url(../../make_up/face/true_match_make_up_base/img/su_icon.jpg) no-repeat 0 0;

	padding:0 0 0 70px;

}



body.itemTrueMatchMakeupBase div.asset dl dt {

	margin:0 0 5px 0;

}



body.itemTrueMatchMakeupBase div.asset dl dd {

	color:#666666;

	background:#f5f5f5;

	line-height:140%;

	font-size:80%;

	margin:0 0 15px 0;

}



/* TRUE MATCH COMPACT POWDER STYLE

============================================================*/

/* TRUE MATCH COMPACT POWDER BANNER */

body.itemTrueMatchCompactPowder div#banner {

	width:860px;

	height:298px;

	background:url(../../make_up/face/img/face_item_banner.jpg) no-repeat 0 0;

	position:relative;

	margin:0 0 5px 0;

}



body.itemTrueMatchCompactPowder div#content div.assetHeader {

	height:29px;

}



body.itemTrueMatchCompactPowder div#content div.powderTitle {

	background:url(../../make_up/face/true_match_compact_powder/img/powder_title.jpg) no-repeat 0 0;

}



body.itemTrueMatchCompactPowder ul.pageTop {

	height:234px;

}





/* TOUCHE MAGIQUE STYLE

============================================================*/

/* TOUCHE MAGIQUE BANNER */

body.itemToucheMagique div#banner {

	width:860px;

	height:298px;

	background:url(../../make_up/face/img/face_item_banner.jpg) no-repeat 0 0;

	position:relative;

	margin:0 0 5px 0;

}



body.itemToucheMagique div#content div.assetHeader {

	height:29px;

}



body.itemToucheMagique div#content div.powderTitle {

	background:url(../../make_up/face/touche_magique/img/concealer_title.jpg) no-repeat 0 0;

}



body.itemToucheMagique ul.pageTop {

	height:164px;

}





/* BLUSH DELICE STYLE

============================================================*/

/* BLUSH DELICE BANNER */

body.itemBlushDelice div#banner {

	width:860px;

	height:298px;

	background:url(../../make_up/face/img/face_item_banner.jpg) no-repeat 0 0;

	position:relative;

	margin:0 0 5px 0;

}



body.itemBlushDelice div#content div.assetHeader {

	height:29px;

}



body.itemBlushDelice div#content div.powderTitle {

	background:url(../../make_up/face/blush_delice/img/teak_color_title.jpg) no-repeat 0 0;

}



body.itemBlushDelice ul.pageTop {

	height:64px;

}





/* SKIN CARE STYLE

============================================================*/

/* SKIN CARE BANNER */

body.skinCare div#banner {

	width:860px;

	height:298px;

	background:url(../../skin_care/img/skin_care_banner.jpg) no-repeat 0 0;

	position:relative;

	margin:0 0 5px 0;

}



body.skinCare div#content div.assetHeader {

	height:29px;

}



body.skinCare div#content div.skincareTitle {

	background:url(../../skin_care/img/skin_care_title.jpg) no-repeat 0 0;

}



body.skinCare div#content div.antiAgingTitle {

	background:url(../../skin_care/img/anti_aging_title.jpg) no-repeat 0 0;

}



body.skinCare div#content div.whiteningTitle {

	background:url(../../skin_care/img/whitening_title.jpg) no-repeat 0 0;

}



body.skinCare div#content div.uvCareTitle {

	background:url(../../skin_care/img/uv_care_title.jpg) no-repeat 0 0;

}



body.skinCare div#content div.cleansingTitle {

	background:url(../../skin_care/img/cleansing_title.jpg) no-repeat 0 0;

}



div#banner a#revitaliftLink {

	z-index:10000;

	display:block;

	width:134px;

	height:25px;

	position:absolute;

	top:250px;

	right:190px;

	font-size:0;

	text-indent:-9999px;

	text-align:left;

	text-decoration:none;

	background:url(../../skin_care/img/special_site_btn.jpg) no-repeat 0 0;

}



div#banner a#revitaliftLink:hover {

	background:url(../../skin_care/img/special_site_btn.jpg) no-repeat 0 -25px;

}





/* UV PERFECT STYLE

============================================================*/

/* UV PERFECT BANNER */

body.itemUvPerfect div#banner {

	width:860px;

	height:298px;

	background:url(../../skin_care/uv_perfect/img/uv_perfect_banner.jpg) no-repeat 0 0;

	position:relative;

	margin:0 0 5px 0;

}



body.itemUvPerfect div#content div.assetHeader {

	height:29px;

}



body.itemUvPerfect div#content div.uvcareTitle {

	background:url(../../skin_care/uv_perfect/img/uv_care_title.jpg) no-repeat 0 0;

}



body.itemUvPerfect div#content div.technologyTitle {

	background:url(../../skin_care/uv_perfect/img/technology_title.jpg) no-repeat 0 0;

}



div.uvPerfectImage {

	width:306px;

	float:left;

	margin:0 0 15px 0;

}



div.uvPerfectText {

	width:280px;

	float:right;

	margin:0 0 15px 0;

}



body.itemUvPerfect p.revitaliftLinkBtn {

	padding:16px 0 0 0;

	background:url(../../skin_care/uv_perfect/img/revitalift_link_text.jpg) no-repeat 0 0;

}



body.itemUvPerfect p.agingCheckLinkBtn {

	padding:16px 0 0 0;

	background:url(../../skin_care/uv_perfect/img/aging_skin_check_text.jpg) no-repeat 0 0;

}



body.itemUvPerfect p.revitaliftLinkBtn a:hover,

body.itemUvPerfect p.agingCheckLinkBtn a:hover {

	filter:alpha(opacity=60);

	opacity:0.6;

}
/* new */
.product_title {

	height:29px;

	background: url(images/product_title.jpg) no-repeat 0 0;

}
.home_title {

	height:29px;

	background: url(images/home_title.jpg) no-repeat 0 0;

}

.company_title {

	height:29px;

	background: url(images/company_title.jpg) no-repeat 0 0;

}
.enter_title {

	height:29px;

	background: url(images/entertainment_title.jpg) no-repeat 0 0;

}

.img1 {
	float: left;
	margin: 4px 15px 0px 0px;
	/*border: 5px solid #ABDCEF;*/
}

/**/