@charset "utf-8";
/* CSS Document */

/* original scroll bar only IE */
html, body {
height:100%;
width:100%;

scrollbar-arrow-color: #808080;
scrollbar-face-color: #ffffff;
scrollbar-3dlight-color: #cfcfcf;
scrollbar-darkshadow-color: #cfcfcf;
scrollbar-highlight-color: #eeeeee;
scrollbar-shadow-color: #eeeeee;
}


body {
	font-family: 'Ubuntu Condensed', sans-serif;
	color: #333333;
	font-size:14px;
	line-height:1.8;
	position: relative;
	letter-spacing:0.08em;
	min-width: 940px;  /*中央配置するボックスの横幅*/
	min-height: auto;  /*中央配置するボックス縦幅*/
}
:root body { font-size:12px \0/IE9; } /* IE9 HACK */

body#beauty {
	background-color:#f7f6ee;
}


a {
	text-decoration: none;	
}

.webFont {
		font-family: 'Ubuntu Condensed', sans-serif;
}

hgroup {
	position:relative;
}

h2 {
	font-size:16px;
	color:#ff5a00;
	letter-spacing:0.5em;
	font-weight:normal;
	margin-bottom: 30px;
}
hgroup h3{
	font-size:14px;
	color:#333333;
	letter-spacing:0.3em;
	margin-bottom:15px;
	font-weight: bold;
}
.subTitle {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:12px;
	letter-spacing:0.1em;
	padding-left:0.6em;
	font-weight: normal;
}

.messageHead{
	font-size:	14px;
	letter-spacing:0.1em;
	margin-bottom:50px;
}
.title1 {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-weight:normal;
	font-size:22px;
	letter-spacing:0.1em;
	margin-bottom:30px;
}
:root .title1 { font-size:18px \0/IE9; } /* IE9 HACK */


/* =========================================================
レイアウト
========================================================= */
/**//* section *//**/
/*#wrapper {
	width: 940px;
	margin:60px auto 0px;
	position: relative;
	height: auto;
}
*/
#wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);

  /*
  This doesn't work
  margin-left: -25%;
  margin-top: -25%;
  */

  width: 100%;
	max-width: 960px;
  height: 70%;

  /*padding: 20px;*/
  /*background: red;*/
  background-color: ##f7f6ee;
  /*box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);*/
}
.ie7 #wrapper, .ie8 #wrapper, .ie9 #wrapper {
	width: 960px;
	height: 0;
	margin:120px auto 0px;
	background: #f7f6ee;
	position: relative;
	left: 0;
	top: 0;
	transform: translate(0, 0);
}
#leftCol {
	width: 230px;
	height:100%;
	position:absolute;/*変更*/
	top:0;
	/*padding-top:60px;変更*/
	z-index: 2000;
	background-color:#f7f6ee;
	padding-left: 25px;
	
}

#topimage {
	width: 660px;
	position:absolute;
	top:7px;
	left: 310px;/*変更*/
	height: 570px;
	
}

#mainContents {
	width: 660px;
	position:absolute;
	top:0px;
	left:310px;/*変更*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	height: auto;
	line-height: 2;
}
#mainContents a {
	color:#7db640;
}
#mainContents a:hover {
	text-shadow: 0px 0px 3px #bbe094;
	-moz-text-shadow: 0px 0px 3px#bbe094; /* Firefox用 */  
	-webkit-text-shadow: 0px 0px 3px #bbe094; /* Safari,Google Chrome用 */
	color:#bbe48e;
}

footer {
	margin-bottom: 15px;
	margin-top: 60px;
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:9px;
	color:#999;
}

#topFooter {
	width:660px;
	text-align:center;
	margin-top:530px;	
}

small {
	font-size:9px;	
}




/* =========================================================
左メニュー
========================================================= */
#globalNavi {
	background: url(../images/gNaviVline.gif) no-repeat scroll right bottom;
	margin-top: 30px;
	height:520px;
	
}
#globalNavi a {
	display:block;	
}

#gNavi01, #gNavi02 {
	width: 100%;
	/*background: url(../images/gNaviHline.gif) no-repeat scroll left bottom;*/
}

.gNavi01top, .gNavi01middle, .gNavi01bottom {
	height: 12px;	
	margin-top: 15px;
}

.gNavi01bottom {
	margin-bottom:30px;
}

ul#gNavi02 {
	width:100%;
	margin-bottom: 25px;
	font-size: 12px;
	margin-top: 15px;
}
	ul#gNavi02 li {
		position:relative;
	}
:root #gNavi02 { font-size:10px \0/IE9; } /* IE9 HACK */

.gNavi02top, .gNavi02middle, .gNavi02bottom {
	height: 9px;
}

.gNavi02middle, .gNavi02bottom {
	padding-top: 15px;
}

.gNavi02bottom {
	padding-bottom: 30px;
}

.gNavi2 img, .gNavi2 img, #gNavi01 img, #gNavi02 img {
	vertical-align: top;
}

/* =========================================================
新規採用バナー
========================================================= */
#recruitBtn {
	position:absolute;
	right:-30px;
	bottom:40px;
}


/* =========================================================
新規商品ご提案受付
========================================================= */
#orderBtn {
	position:relative;
}

/* =========================================================
フッター
========================================================= */
#footNavi {
	font-size: 11px;
	margin-top: 25px;
	line-height:1;
}
:root #footNavi { font-size:10px \0/IE9; } /* IE9 HACK */

#footNavi li.fNavi {
	float:left;
	display:inline;
	padding-right:1.5em;
	margin-right:1.5em;
	border-right:1px solid #e0e0e0;
	width:4.8em;
	text-align:right;
}
#footNavi li.fNavi2 {
	float:left;
	display:inline;
	width:8em;
}
#footNavi a {
	display:block;	
}

/* 言語選択 */
#sLanguageNavi {
	font-size: 11px;
	margin-top: 25px;
	line-height:1;
	color:#999999;
	margin-top:15px;
}
:root #sLanguageNavi { font-size:10px \0/IE9; } /* IE9 HACK */

#sLanguageNavi li.jpn {
	float:left;
	display:inline;
	padding-right:1.5em;
	margin-right:1.5em;
	border-right:1px solid #e0e0e0;
	width:4.8em;
	text-align:right;
}
#sLanguageNavi li.eng {
	float:left;
	display:inline;
	width:8em;
}
#sLanguageNavi a {
	display:block;	
}



/* =========================================================
トップコンテンツ
========================================================= */
#divisionNavi li, #languageNavi li {
	float: left;
	display:inline;
	padding-right:1.5em;
	margin-right:1.5em;
	border-right:1px solid #E0E0E0;
}


#divisionNavi {
	font-size:13px;
	line-height:1;
	text-align:center;
	margin:0 auto;
	width:700px;
	background-color:#0033CC;
	margin-left:15px;
}
:root #divisionNavi {
	font-size:11px \0/IE9;
} /* IE9 HACK */

#divisionNavi a {
	display:block;
}


#topContents {
	float: right;
	display:inline;
}

#languageNavi {
	float: right;
	display:inline;
	padding-top: 55px;	
	padding-right: 100px;
}

.lNaviparts {
	padding-left: 95px;
}

#iChange0 {
	position: absolute;
	left:50%;
	margin-left:-180px;
	top:40px;
}
#iChange1, #iChange2, #iChange3, #iChange4, #iChange5, #iChange6 {
	position: absolute;
	filter:alpha(opacity=0);
	opacity:0;
	left:50%;
	margin-left:-180px;
	top:40px;
}

#gChange1, #gChange2, #gChange3, #gChange4, #gChange5, #gChange6, #gChange7, #gChange8, #gChange9, #gChange10, #gChange11, #gChange12, #gChange13, #gChange14, #gChange15 {
	position: absolute;
	filter:alpha(opacity=0);
	opacity:0;
	right:0;
	z-index:11;
	top:0;
}

#gChange1 {
	background-image:url(../images/pop_managemant.gif);
	background-repeat:no-repeat;
	width: 108px;
	height: 41px;
	right: -10px;
}
#gChange2 {
	background-image:url(../images/pop_philosophy.gif);
	background-repeat:no-repeat;
	width: 108px;
	height: 41px;
	right: 10px;
	top:-5px;
}
#gChange3 {
	background-image:url(../images/pop_message.gif);
	background-repeat:no-repeat;
	width: 108px;
	height: 41px;
	right: -15px;
}
#gChange4 {
	background-image:url(../images/pop_info.gif);
	background-repeat:no-repeat;
	width: 108px;
	height: 41px;
	right: -30px;
}
#gChange5 {
	background-image:url(../images/pop_outline.gif);
	background-repeat:no-repeat;
	width: 108px;
	height: 41px;
	right: -5px;
}
#gChange6 {
	background-image:url(../images/pop_access.gif);
	background-repeat:no-repeat;
	width: 108px;
	height: 41px;
	right: 30px;
}
#gChange7 {
	background-image:url(../images/pop_group.gif);
	background-repeat:no-repeat;
	width: 130px;
	height: 41px;
	right: 0px;
}
#gChange8 {
	background-image:url(../images/pop_recruit.gif);
	background-repeat:no-repeat;
	width: 108px;
	height: 41px;
	right: 65px;
}
#gChange9 {
	background-image:url(../images/pop_ir.gif);
	background-repeat:no-repeat;
	width: 108px;
	height: 41px;
	right: 15px;
}
#gChange10 {
	background-image:url(../images/pop_cosme.gif);
	background-repeat:no-repeat;
	width: 159px;
	height: 34px;
	right: -60px;
}
#gChange11 {
	background-image:url(../images/pop_oem.gif);
	background-repeat:no-repeat;
	width:106px;
	height:34px;
	right: 40px;
	top:-5px;
}
#gChange12 {
	background-image:url(../images/pop_oroshi.gif);
	background-repeat:no-repeat;
	width: 106px;
	height: 34px;
	right: 10px;
}
#gChange13 {
	background-image:url(../images/pop_ec.gif);
	background-repeat:no-repeat;
	width: 106px;
	height: 34px;
	right: 40px;
}
#gChange14 {
	background-image:url(../images/pop_import.gif);
	background-repeat:no-repeat;
	width: 135px;
	height: 34px;
}
#gChange15 {
	background-image:url(../images/pop_treatment.gif);
	background-repeat:no-repeat;
	width: 159px;
	height: 34px;
	right: -30px;
}


/* 新規採用バナー */
#gChange16 {
	position:absolute;
	filter:alpha(opacity=0);
	opacity:0;
	z-index:11;
	top:0px;
	left:0px;
}

/* 新規商品ご提案受付 */
#gChange17 {
	position:absolute;
	filter:alpha(opacity=0);
	opacity:0;
	z-index:11;
	top:0px;
	left:0px;
}

/* インターンバナー */
#banner {
	position:absolute;
	left:10px;
	bottom:37px;	
}
#gChange18 {
	position:absolute;
	filter:alpha(opacity=0);
	opacity:0;
	z-index:11;
	top:0px;
	left:0px;
}

/* =========================================================
IR情報コンテンツ
========================================================= */
.newsDate {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:11px;
	font-weight:normal;
	padding-right:10px;
	border-right:1px dotted #E0E0E0;
	margin-right:10px;
	color:#999;
}
:root .newsDate { font-size:10px \0/IE9; } /* IE9 HACK */

dl#newsBox {
	margin-top:100px;

}

dl#newsBox dt{
	font-weight:bold;
	line-height:1;
	margin-bottom:15px;
	font-size: 13px;
}
dl#newsBox dd{
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px dotted #E0E0E0;
}



/* =========================================================
代表挨拶ページ　レイアウト
========================================================= */
#messageArea {
	width: 660px;
	height: auto;
	background: #fffdf1;
	box-shadow: 0px 0px 12px #fffdf1;
-moz-box-shadow: 0px 0px 12px #fffdf1;/* Firefox用 */  
-webkit-box-shadow: 0px 0px 12px #fffdf1;　/* Safari,Google Chrome用 */
}

#messageArea02 {
	width: 660px;
	height: auto;
	background: #fffdf1;
	box-shadow: 0px 0px 12px #fffdf1;
	-moz-box-shadow: 0px 0px 12px #fffdf1;/* Firefox用 */
	-webkit-box-shadow: 0px 0px 12px #fffdf1;
　/* Safari,Google Chrome用 */
; 	background-image: url(../images/management/CEOphoto.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom:20px;
}

#messageText {
	width: 365px;
	padding-top: 40px;
	padding-right: 50px;
	padding-bottom: 50px;
	padding-left: 40px;
}

#messageInfo {
	width: 600px;
	float: right;
	padding:40px 30px 30px 30px;
}

#messageMan {
	width: 190px;
	float: left;
	padding-top: 145px;
	text-align: center;
}
#messageMan2 {
	width: 190px;
	float: left;
	padding-top: 145px;
	text-align: center;
}

#messageMan img, #messageMan2 img {
	display: inline;
}

#CEOname {
	margin-top: 20px;
}

/* =========================================================
代表挨拶ページ　フォント
========================================================= */
#philosophy {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#CEOmessage {
	text-align: justify;
	font-size: 12px;
	letter-spacing: 0.2em;
	line-height: 2;
}

.messageHead {
	font-weight: bold;
	text-decoration: none;	
}

#topMessage{
	text-align: justify;
	font-size: 12px;
	letter-spacing: 0.2em;
	line-height: 2;
}


/* =========================================================
アクセスページ　レイアウト
========================================================= */
#accessMap, #accessAddress {
	margin-top: 40px;
	margin-bottom: 15px;
}

#accessAddress {
	width: 670px;
}

.officeColumn {
	width: 320px;	
}

.floorColumn {
	width: 40px;		
	vertical-align: text-top;
}

.divColumn {
	width: 180px;
}

.telColumn {
	text-align: right;	
}

/* =========================================================
アクセスページ　フォント
========================================================= */
#accessMoving span {
	color: #E95513;
}

#accessAddress {
	font-size: 12px;	
}


/* =========================================================
グループ概要　レイアウト
========================================================= */

#profileTable {
	border-spacing: 0px;
	background-color:#fffdf1;
	border:1px solid #E9E9E9;
}

#profileTable tr td {
	padding: 10px 15px 15px 15px;
}

.profileTitle {
	width: 60px;
	font-size:10px;
	vertical-align: text-top;
	letter-spacing: 0.2em;
}

.profileText {
	vertical-align: text-top;	
}



/* =========================================================
新規商品受付ページ　レイアウト
========================================================= */
dl.profileTable2 {
	width:660px;
	border-spacing: 0px;
	background-color:#fffdf1;
	border:1px solid #E9E9E9;
	vertical-align: text-top;
	line-height:2.5;
	padding-bottom:20px;
}
dl.profileTable2 dt {
	float:left;
	display:inline;
	clear:both;
	width:180px;
	margin-left:15px;
	margin-top:25px;
}
dl.profileTable2 dd {
	margin-left:210px;
	margin-top:15px;
	width: 450px;
}

dl.profileTable3 {
	width:450px;
	border-spacing: 0px;
	background-color:#fffdf1;
	border:1px solid #E9E9E9;
	vertical-align: text-top;
	line-height:2.5;
	padding-bottom:20px;
}
dl.profileTable3 dt {
	float:left;
	display:inline;
	clear:both;
	width:125px;
	margin-left:15px;
	margin-top:25px;
}
dl.profileTable3 dd {
	margin-left:145px;
	margin-top:15px;

}

.telop1 {
	color:#FFF;
	background-color:#C36;
	border-radius:3px;
	padding:0px 3px;
	font-size:10px;
	font-weight:bold;
	text-align: center;
}

.checkBox {
	float:left;
	display:inline;
	margin-right:20px;
}

input.btn2 {
	font-size:14px;
	border:1px solid #E95513;
	background-color:#E95513;
	padding:0 10px;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
}

/* confirm, thanks, errorページ */

#entryTable table {
	border-spacing: 0px;
	background-color:#fffdf1;
	border:1px solid #E9E9E9;
	vertical-align: text-top;	
}

#entryTable table tr td {
	padding: 10px 15px;
}
#entryTable table tr {
	border:1px dotted #CCC;
}
#entryTable table tr td b {
	border:1px solid #FF0000;
	border-radius:3px;
	padding:0px 3px;
	font-size:10px;
	font-weight:bold;
	text-align: center;
	background-color:#FFFFFF;
}



/* =========================================================
事業ページイラスト
========================================================= */
#illustBox {
	position:absolute;
	right:0;
	top:0;
	z-index: 1;
}

/* =========================================================
コスメ事業　レイアウト
========================================================= */

#leftBox1 {
	float:left;
	display:inline;
	width:460px;
}
#rightBox1 {
	float:right;
	display:inline;
	width:170px;
}

.newsDate2 {
	font-size:12px;
	font-weight:normal;
	border-bottom:1px dotted #E0E0E0;
	width:170px;
	color:#999;
	display:block;
	padding-bottom:5px;
}
:root .newsDate2 { font-size:10px \0/IE9; } /* IE9 HACK */

dl#newsBox2 dt{	
	font-family: 'Ubuntu Condensed', sans-serif;
	line-height:1;
	font-size: 15px;
}
:root dl#newsBox2 dt {
	font-size:12px \0/IE9;
	font-weight:bold\0/IE9; } /* IE9 HACK */
	
dl#newsBox2 dd{
	margin-bottom:30px;
}

#cosmeTV {
	margin-bottom:15px;
	width:460px;
	height:auto;
}

#cosmeTV img {
	max-height:100%;
	width:100%;
	height:auto;

}


/* =========================================================
サイトマップページ　レイアウト 
========================================================= */
#sitemapL {
	float: left;
	width: 280px;
}

#sitemapR {
	float: right;
	width: 360px;
}

ul.list2 {
	list-style-type:square;
}
	ul.list2 {
	margin-left:2em;
	color:#CCC;
	margin-top: 10px;
		
	}

/* =========================================================
プライバシーポリシー
========================================================= */
ul.list1 {
	list-style-type:circle;
	line-height:1.6;
}
	ul.list1 li {
		margin-bottom:15px;
		margin-left:1.8em;
	}





/* =========================================================
言語選択ページ
========================================================= */
#languageWrapper {
	width: 440px;
	margin:-220px auto 0px -220px;
	position:absolute;
	height: auto;
	left:50%;
	top:50%;
}
#languageLogo {
	margin:0 auto;
	width: 203px;
}
#languageCopyright {
	color:#E95513;
	text-align:center;
	margin-top: 25px;
}

#selectLanguage {
	width:440px;
	margin:0 auto 80px auto;
	position:relative;
	height: 270px;
}
#jLanguage {
	position:absolute;
	left:0;
	top:0;
	z-index:1000;	
}
#eLanguage {
	position:absolute;
	right:0;
	z-index:999;
	bottom: 0px;
}



/* =========================================================
リクルート
========================================================= */

#recruitFrame {
	width:540px;
	height:1900px;
	/* [disabled]background-color:#f7f6ee; */
}

#iframeWrapper {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	width: 540px;
	height: 2380px;
}

#box {
	background-color:#fffdf1;
	border:1px solid #E9E9E9;
	width:498px;
	padding:20px 20px;
}

#iframeWrapper h4 {
	font-weight:bold;
	font-size:13px;
	margin-bottom: 5px;
}
.recruitTitle {
	letter-spacing:0.3em;
	font-size:14px;
	font-weight:bold;
	margin-bottom:20px;
}
.red {
	color:#FFFFFF;
	background-color:#FF0000;
	text-align:center;
	padding:1px 2px;
	font-size:10px;
	margin-right:3px;
}
.green {
	color:#FFFFFF;
	background-color:#090;
	text-align:center;
	padding:1px 2px;
	font-size:10px;
	margin-right:3px;
}
.blue {
	color:#FFFFFF;
	background-color:#0066FF;
	text-align:center;
	padding:1px 2px;
	font-size:10px;
	margin-right:3px;
}

.noTelop {
	color:#FFF;
	background-color:#E95513;
	text-align:center;
	padding:1px 3px;
	font-size:10px;
	margin-right:3px;
}

.list3 {
	list-style-type:disc;
	margin-left:1.5em;
}

#box0 {
	background-color:#fffdf1;
	border:1px solid #E9E9E9;
	padding:20px;
	margin-bottom:40px;
}
#box0 h3 {
	font-size:16px;
	margin-bottom:1em;
	color:#F00;
}
#box0 h4 {
}
#box0 p {
	margin-bottom:1.5em;

}
#box0 strong {
	color:#F00;
	font-weight:normal;
}
#box0 ul {
	list-style-type:disc;
	margin-left:1.5em;	
	margin-bottom:1em;
}