/*-- 

	About Us Ele
	/about_us/

====================================================== --*/
/*-- top --*/
/*-- ------------------------------------------------- --*/
#AboutusIndex{
	background:#e7e7e7;
}

#AboutusIndex .main *{
	color:#000;
}
#AboutusIndex .main h1 img{
	margin:5px 0px 0px;
}
#AboutusIndex .contentsList{
	margin:-306px auto 0px;
	width:993px;
	position:relative;
	z-index:10;
}
#AboutusIndex .contentsList02{
	margin:0px auto 0px;
	height:249px;
	width:993px;
	position:relative;
	z-index:10;
	clear:both;
}
#AboutusIndex .contentsList li{
	float:left;
	width:321px;
	margin:0px 15px 90px 0px;
}
#AboutusIndex .contentsList li:nth-of-type(3){
	margin:0px;
}
#AboutusIndex .contentsList02 li{
	float:left;
	width:237px;
	margin:0px 15px 90px 0px;
}
#AboutusIndex .contentsList02 li:nth-of-type(4){
	margin:0px;
}
#AboutusIndex .contentsList02 li a,
#AboutusIndex .contentsList li a{
	display:block;
	color:#333;
	text-decoration:none;
	font-size:17px;
	line-height:1.2em;
}

#AboutusIndex .contentsList02 li a[target="_blank"] span,
#AboutusIndex .contentsList li a[target="_blank"] span{

	background:url(../img/mark_blank.png) no-repeat right center;
	padding-right:18px;
}

#AboutusIndex .contentsList02 li a img,
#AboutusIndex .contentsList li a img{
	transition:opacity 300ms ease;
	margin:0px 0px 19px;
	display:block;
}
#AboutusIndex .contentsList02 li a:hover,
#AboutusIndex .contentsList li a:hover{
	text-decoration:underline;
}
#AboutusIndex .contentsList02 li a:hover img,
#AboutusIndex .contentsList li a:hover img{
	opacity:0.75;
}

/*-- info,lorealGroup,message --*/
/*-- ------------------------------------------------- --*/
#Aboutus .lorealGroup,
#Aboutus .info{
	padding:0px 0px 0px;
	width:909px;
	margin:-267px auto 0px;
	position:relative;
}
#Aboutus .lorealGroup > img,
#Aboutus .info > img{
	margin:0px 0px 0px -42px;
}

#Aboutus .outline{
	width:829px;
	margin:33px auto 60px;
	background:#f3f3f3;
	padding:30px 40px;
}
#Aboutus .outline h2{
	font-size:17px;
	line-height:24px;
	font-weight:normal;
	margin:0px 0px 35px;
	color:#000;
}
#Aboutus .outline dt{
	font-size:13px;
	line-height:24px;
	font-weight:normal;
	color:#000;
}
#Aboutus .outline dd{
	font-size:13px;
	line-height:24px;
	padding:0px 0px 10px 170px;
	margin:-24px 0px 10px;
	border-bottom:1px dotted #000;
	color:#000;
}
#Aboutus .outline dd:last-child{
	margin-bottom:0px;
	padding-bottom:0px;
	border:none;
}
#Aboutus .outline dd a{
	color:#000;
}
#Aboutus .outline dd a[target=_blank]{
	background:url(../img/mark_blank.png) no-repeat right center;
	padding-right:20px;
}
#Aboutus .info > h2{
	font-size:18px;
	clear:both;
	padding:0px 0px 20px;
	margin:40px 0px 29px;
	font-weight:normal;
	line-height:1.5em;
	border-bottom:1px solid #000000;
}

#Aboutus .info .map{
	float:right;
	width:447px;
	margin:6px 0px 65px;
}
#Aboutus .info > ul{
	width:405px;
	margin:0px 0px 30px;
}
#Aboutus .info > ul li{
	border-bottom:1px dotted #000;
	font-size:13px;
	line-height:24px;
	padding:0px 0px 7px;
	margin:0px 0px 7px;
}
#Aboutus .info > ul li:last-child{
	margin-bottom:0px;
	padding-bottom:0px;
	border:none;
}
#Aboutus .info .mapBtn{
	width:403px;
	margin:0px 0px 65px;
}
#Aboutus .info .mapBtn a{
	background-image:url(../img/mark_blank.png) ;
	background-position:280px center;
	text-align:center;
	padding-left:0px;
	padding-right:20px;
}
#Aboutus .info .mapBtn a:hover{
	background-image:url(../img/mark_blank_hover.png) ;
}
	/*
#Aboutus .info .btn a,
#Aboutus .info .mapBtn a{
	display:block;
	position:relative;
	z-index:50;
	width:383px;
	text-align:center;
	height:15px;
	background:url(../img/mark_blank.png) no-repeat 280px center;
	border:1px solid #ccc;
	border-radius:20px;
	font-size:13px;
	line-height:15px;
	padding:9px 20px 9px 0px;
	overflow:hidden;
	color:#666;
	text-decoration:none;
}
#Aboutus .info .btn a:hover,
#Aboutus .info .mapBtn a:hover{
	text-decoration:underline;
}
#Aboutus .info .btn a{
	background:url(../img/mark_more.png) no-repeat 240px center;
}
*/

#Aboutus .vision .btn,
#Aboutus .message .btn,
#Aboutus .info .btn{
	margin:0px auto 30px;
	clear:both;
	width:403px;
}
#Aboutus .vision .btn a,
#Aboutus .message .btn a,
#Aboutus .info .btn a{
	background-position:230px center;
	padding-left:0px;
	padding-right:20px;
	text-align:center;
}


/*-- message --*/
/*-- ------------------------------------------------- --*/
#Aboutus .messageTitle h1{
	color:#000;
}
#Aboutus .message{
	width:993px;
	margin:-267px auto 0px;
	position:relative;
	padding:60px 0px 0px;
}
#Aboutus .message img{
	float:left;
	margin-top:-60px;
}
#Aboutus .message p{
	margin:0px 40px 24px 380px;
	font-size:13px;
	line-height:24px;
}
#Aboutus .message p.name{
	margin:55px 0px 50px 785px;
}
#Aboutus .message p.name strong{
	font-weight:normal;
	font-size:17px;
}
#Aboutus .message .btn a{
	background-position:260px center;
}

/*-- vision --*/
/*-- ------------------------------------------------- --*/
#Aboutus .vision{
	width:993px;
	margin:-266px auto 0px;
	position:relative;
	padding:0px 0px 0px;
}
#Aboutus .vision .concept{
	background:rgba(255,255,255,0.6);
	border:2px solid #b39e62;
	text-align:center;
	padding:59px 0px 69px;
	margin:0px 0px 97px;
}

#Aboutus .vision h2{
	text-align:center;
	font-size:13px;
	line-height:20px;
	margin:0px 0px 7px 0px;
	color:#b39e62;
	font-weight:normal;
}
#Aboutus .vision h2 img{
	display:block;
	margin:6px auto 0px;
}

#Aboutus .vision h2 + p{
	font-size:17px;
	line-height:20px;
	text-align:center;
	color:#b39e62;
	margin:0px 0px 32px;
	padding:0px 0px 12px;
	border-bottom:20px solid #b39e62;
}

#Aboutus .vision .copy{
	font-weight:bold;
	line-height:33px;
	font-size:17px;
	text-align:center;
	margin:0px 0px 21px;
}

#Aboutus .vision .copy:first-line{
	font-size:25px;
}

#Aboutus .vision dl{
	margin:0px 0px 100px;
}
#Aboutus .vision dl dt{
	font-weight:bold;
	line-height:24px;
	font-size:13px;
}
#Aboutus .vision dl dd{
	line-height:24px;
	font-size:13px;
	margin:0px 0px 24px;
}

#Aboutus .vision .block{
	float:left;
	width:462px;
}
#Aboutus .vision .block h2 + p,
#Aboutus .vision .block h2{
	text-align:left;
}
#Aboutus .vision .block h2 + p{
	border-bottom:10px solid #b39e62;
	padding:0px 0px 8px;
	font-size:12px;
}
#Aboutus .vision .block h2 img{
	margin:6px auto 0px 0px;
}
#Aboutus .vision .block + div{
	float:right;
}

#Aboutus .vision nav{
	clear:both;
}
#Aboutus .vision .btn a{
}

/*-- saiwaiFactory --*/
/*-- ------------------------------------------------- --*/
#Aboutus .saiwaiFactory{
	position:relative;
	width:993px;
	margin:-268px auto 30px;
	padding:48px 0px 0px;
	background: url(../../images/about_us/saiwai_bg.jpg) no-repeat center 40px white;
}
#Aboutus .saiwaiFactory > dl{
	position:relative;
	z-index:5;
}
#Aboutus .saiwaiFactory > dl.text01{
	margin:0px 0px 343px 40px;
	width:535px;
}
#Aboutus .saiwaiFactory > dl.text02{
	margin:0px 0px 200px 420px;
	width:535px;
}
#Aboutus .saiwaiFactory h2,
#Aboutus .saiwaiFactory > dl dt{
	font-size:25px;
	line-height:36px;
	color:#ff7a05;
	margin:0px 0px 21px;
	font-weight:normal;
}
#Aboutus .saiwaiFactory dl dd,
#Aboutus .saiwaiFactory p{
	font-size:13px;
	margin:10px 0px 0px;
	line-height:24px;
}
#Aboutus .saiwaiFactory .img01{
	position:absolute;
	right:0px;
	top:55px;
	z-index:1;
}
#Aboutus .saiwaiFactory .img02{
	position:absolute;
	left:27px;
	top:265px;
	z-index:1;
}
#Aboutus .saiwaiFactory .outline{
	border:15px solid #fff7e0;
	background:white;
	width:829px;
	margin:0px auto;
	position:relative;
	overflow:hidden;
	padding:25px 40px 18px;
}
#Aboutus .saiwaiFactory .outline img{
	position:absolute;
	right:27px;
	top:33px;
	padding:14px;
	border:1px dashed #ffd4ae;
}
#Aboutus .saiwaiFactory .outline h2{
	margin-bottom:7px;
}
#Aboutus .saiwaiFactory .outline p{
	margin:0px 0px 32px;
}
#Aboutus .saiwaiFactory .outline dt{
	font-size:13px;
	line-height:24px;
}
#Aboutus .saiwaiFactory .outline dl{
	width:573px;
	margin:21px 0px 0px 0px;
}
#Aboutus .saiwaiFactory .outline dd{
	margin-top:-24px;
	padding-left:125px; 
	margin-bottom:9px;
}


/*-- history --*/
/*-- ------------------------------------------------- --*/
#Aboutus .history h1{
	color:#000;
}
#Aboutus .lorealHistoryWrap{
	background:#f6f6f6;
	margin-bottom:-50px;
}
#Aboutus .lorealHistory{
	position:relative;
	width:993px;
	margin:-245px auto 0px;
	padding:0px 0px 0px;
}


#Aboutus .lorealHistory .history{
	text-align:center;
	width:989px;
	border:2px solid #b39e62;
	margin:0px auto 0px;
	background:rgba(255,255,255,0.7);
	padding:31px 0px 44px;
}
#Aboutus .lorealHistory .history dt{
	margin:0px 0px 25px;
	color:#b39e62;
	font-size:39px;
	line-height:40px;
	font-weight:normal;
}
#Aboutus .lorealHistory .history dd{
	font-size:17px;
	line-height:28px;
}

#Aboutus .lorealHistory > div{
	background:url(../../images/about_us/history_bg.gif) no-repeat center top;
	height:3376px;
	width:993px;
	position:relative;
}

#Aboutus .lorealHistory > div .factory{
	position:absolute;
	right:45px;
	top:33px;
	background:white;
	width:407px;
	text-align:center;
	font-size:11px;
	line-height:24px;
}

#Aboutus .lorealHistory > div .show{
	position:absolute;
	right:45px;
	top:264px;
	background:white;
	width:155px;
	text-align:center;
	font-size:11px;
	line-height:24px;
}

#Aboutus .lorealHistory > div dl{
	position:absolute;
}
#Aboutus .lorealHistory > div dl dt{
	height:32px;
}
#Aboutus .lorealHistory > div dl dd img{
	display:block;
	margin:5px 0px 5px;
}
#Aboutus .lorealHistory > div dl dd p{
	font-size:13px;
	line-height:24px;
	margin:0px;
}
#Aboutus .lorealHistory > div dl dd p + p{
	margin-top:10px;
}

#Aboutus .lorealHistory > div dl.left{
	left:3px;
	width:401px;
}
#Aboutus .lorealHistory > div dl.left dt{
	text-align:right;
	margin:0px 3px 0px 0px;
}
#Aboutus .lorealHistory > div dl.left dd img{
	margin-left:auto;
}
#Aboutus .lorealHistory > div dl.left dd p{
	text-align:right;
}

#Aboutus .lorealHistory > div dl.right{
	right:2px;
	width:407px;
}
#Aboutus .lorealHistory > div dl.right dt{
	margin:0px 0px 0px 2px;
}


#Aboutus .lorealHistory > div dl.y1963{
	top:103px;
}
#Aboutus .lorealHistory > div dl.y1963 dd p{
	text-align:left;
}
#Aboutus .lorealHistory > div dl.y1969{
	top:345px;
}

#Aboutus .lorealHistory > div dl.y1976{
	top:623px;
}
#Aboutus .lorealHistory > div dl.y1978{
	top:707px;
}

#Aboutus .lorealHistory > div dl.y1983{
	top:904px;
}
#Aboutus .lorealHistory > div dl.y1985{
	top:982px;
}

#Aboutus .lorealHistory > div dl.y1990{
	top:1257px;
}
#Aboutus .lorealHistory > div dl.y1991{
	top:1363px;
}

#Aboutus .lorealHistory > div dl.y1996{
	top:1427px;
}
#Aboutus .lorealHistory > div dl.y1999{
	top:1546px;
}
#Aboutus .lorealHistory > div dl.y2002{
	top:1667px;
}
#Aboutus .lorealHistory > div dl.y2003{
	top:1744px;
}
#Aboutus .lorealHistory > div dl.y2004{
	top:1825px;
}
#Aboutus .lorealHistory > div dl.y2005{
	top:1929px;
}
#Aboutus .lorealHistory > div dl.y2006{
	top:2006px;
}
#Aboutus .lorealHistory > div dl.y2007{
	top:2241px;
}
#Aboutus .lorealHistory > div dl.y2008{
	top:2283px;
}
#Aboutus .lorealHistory > div dl.y2009{
	top:2319px;
}
#Aboutus .lorealHistory > div dl.y2011{
	top:2609px;
}
#Aboutus .lorealHistory > div dl.y2012{
	top:2771px;
}
#Aboutus .lorealHistory > div dl.y2013{
	top:2849px;
}
#Aboutus .lorealHistory > div dl.y2014{
	top:2936px;
}

/*-- research --*/
/*-- ------------------------------------------------- --*/
#Aboutus .research{
	position:relative;
	margin:-520px auto 0px;
	padding:250px 0px 0px;
	/*
	background:url(../../images/about_us/research_bg.png) no-repeat center top, url(../../images/about_us/research_bg.jpg) no-repeat center 511px;
	*/
}

#Aboutus .research .center{
	text-align:center;
	width:989px;
	border:2px solid #b39e62;
	margin:0px auto 50px;
	background:rgba(255,255,255,0.7);
	padding:31px 0px 44px;
}
#Aboutus .research .center h2{
	border:none;
	margin-bottom:10px;
}
#Aboutus .research .center p{
	text-align:left;
	margin:0px 40px;
}
#Aboutus .lorealHistory .history dd{
	font-size:17px;
	line-height:28px;
}


#Aboutus .research > *{
	width:993px;
}
#Aboutus .research .img{
	margin:0px auto 30px;
}
#Aboutus .research .img + h2{
	border-bottom:none;
	padding-bottom:0px;
	margin:0px auto 23px;
}
#Aboutus .research h2{
	font-size:25px;
	line-height:28px;
	margin:0px auto 55px;
	color:#b39e62;
	border-bottom:1px solid #b39e62;
	padding:0px 0px 20px;
	font-weight:normal;
	text-align:center;
}
#Aboutus .research p{
	font-size:13px;
	line-height:24px;
	margin:0px;
}
#Aboutus .research > p{
	margin:0px auto 91px;
}


#Aboutus .research dl{
	margin:0px auto 66px;
	position:relative;
	min-height:277px;
}
#Aboutus .research dl dd img{
	position:absolute;
	right:0px;
	top:0px;
}
#Aboutus .research dl dt{
	font-size:25px;
	line-height:25px;
	color:#b39e62;
	font-weight:normal;
	margin:0px 455px 15px 0px;
}
#Aboutus .research dl dd{
	margin-right:455px;
}
#Aboutus .research dl:nth-of-type(2n) dd,
#Aboutus .research dl:nth-of-type(2n) dt{
	margin-right:0px;
	margin-left:455px;
}
#Aboutus .research dl:nth-of-type(2n) dd img{
	left:0px;
}
#Aboutus .research dl:last-of-type{
	min-height:172px;
	margin-bottom:0px;
}
#Aboutus .research ul{
	height:145px;
	margin:0px auto;
}
#Aboutus .research ul li{
	float:left;
	width:489px;
}
#Aboutus .research ul li + li{
	float:right;
}
#Aboutus .research ul li a{
	text-align:center;
	padding-right:30px;
	padding-left:0px;
	background-color:white;
	background-position:293px 50%;
}
#Aboutus .research ul li a:hover{
	background-color:#000;
}
#Aboutus .research ul li + li a{
	background-position:352px 50%;
}

/*-- added 2018/03/09 --*/
#Aboutus .main02 p { color:#000; }