@charset "utf-8";

/* [/csr/*]================================================*/

.section .type2 div.text{ width:390px; }
.section .type2 div.image{ width:250px; }
.section div.topic-f-t{ width:350px; }

.images p,.image02 p { margin:3px 0 0 0; font-size:77%; }
.img-center{margin:0px auto;}

.wide div.leftbox{
		width:390px;
}
.wide div.rightbox{
	width:188px;
}
.image img.firstChild{
	margin:0px;
	padding:0px;
}

.scene .images div.bynews{width:220px;}
.section .images div.box210{width:210px;}
.section .images div.box600{width:600px;}
.index .images div { width:335px; }


div.voice div.image02{ float:left; width:220px; }
div.voice div.text02 { float:right; width:340px; }
.childtd{text-align:left;}

/* topics
------------------------------------------------------------*/
.topics ul.range.marker li.new span { color:#CC6666;}
.topics ul.range.marker li.new {font-size:14px; font-weight:bold;}
.topics h1.article-title{
	font-size:16px;
	}
.topics h1.article-title span{
	display:block;
	font-size:12px;
	font-weight:normal;
	width:48px;
	height:20px;
	background-image:url(/corp/csr/topics/img/topic_vol_bg.gif);
	background-repeat:no-repeat;
	background-position:left;
	text-align:center;
	margin-bottom:5px;
	line-height:20px;
	}
.topics .firstChild{ margin-top:0px;}
.section .section-title.firstChild{margin-bottom:10px;}
.topics .links{margin-bottom:5px;}
.topics .box275{width:275px;}
.topics .box365{width:365px;}
.topics .control{margin-top:20px;}
.topics .colorbox{border:#CCCCCC 1px solid; background-color:#F7F7F7; padding:10px; margin-bottom:20px;}
.topics .colorbox p{margin-bottom:0px; font-size:110%;}
.topics .lastp{ margin-top:20px;}
.topics .images.firstChild{margin-left:0px;}
.topics  p.indent1{margin-top:40px;}

/* CC-11-8
------------------------------------------------------------*/
.social .contribute4 .section .scene .text{ width:350px; }
.social .contribute4 .section .scene .image{ width:210px; }

/* CC-11-9
------------------------------------------------------------*/
.social .contribute10 .section .section .section { margin-top:60px; }
.social .contribute10 .section .section .section.firstChild { margin-top:0; }
.social .contribute10 .section .section .section .section { margin-top:25px; }
.social .contribute10 .section .section .section h4 { font-weight:bold; margin:0; padding:0; line-height:1.3em; font-size:93%; }
.social .contribute10 .section .section .section .section { position:relative; }
.social .contribute10 .section .section .section .section .text .button02 { width:330px; margin-top:20px;}
.social .contribute10 .section .section .section .section .text .button a.sibling ,
.social .contribute10 .section .section .section .section .text .button a.inside ,
.social .contribute10 .section .section .section .section .text .button a.exterior { display:block; padding:7px 23px 5px 29px; width:276px; background-position:4% 50%; }

.social .contribute10 .section .section .section.activities-h .section .text { float:left; width:320px; padding-left:26px; }

.social .contribute10 .section .section .section.activities-h .section .text.btn { padding-bottom:2.6em; }
.social .contribute10 .section .section .section.activities-h .section .text h4 { text-indent:-26px; }
.social .contribute10 .section .section .section.activities-h .section .image { float:right; width:210px; text-align:center; }
.social .contribute10 .section .section .section.activities-h .section .text p { margin-top:0.7em; }
.social .contribute10 .section .section .section.activities-h .control { margin-top:30px; }



.social .contribute10 .section .section .section.activities .section .text { float:left; width:320px; padding-left:26px; }
.social .contribute10 .section .section .section.activities .section .text.btn { padding-bottom:2.6em; }
.social .contribute10 .section .section .section.activities .section .image { float:right; width:210px; }
.social .contribute10 .section .section .section.activities .section .text p { margin-top:0.7em; }
.social .contribute10 .section .section .section.activities .section .text .button a { display:block; }
.social .contribute10 .section .section .section.activities .control { margin-top:30px; }

.social .contribute10 .section .section .section .images.activities5 div { width:186px; margin-left:3px; }
.social .contribute10 .section .section .section .images.activities5 div.firstChild { margin-left:0px; }

.social .contribute10 .section .section .section .images.activities5 p { clear:both; margin:0; padding-top:5px; font-size:77%; }

.social .contribute10 .scene .section .section { margin-top:40px; }
.social .contribute10 .scene .section .section h3 { padding-bottom:20px; }

.social .contribute10 .section .scene div.images { margin-top:0; }
.social .contribute10 .section .scene div.images div { width:250px; margin-left:16px; }
.social .contribute10 .section .scene div.images div.firstChild { margin-left:0px; }

.textwide {width:564px; padding-left:26px; padding-bottom:0;}
.imageswide { width:564px; padding-left:26px; }
.imageswide div{ float:left; width:186px; margin-left:3px;}
.imageswide div.firstChild { margin-left:0px; }
.textwide h4 { text-indent:-26px; }
.textwide p { margin-top:0.7em; }

div.frame ul.square-list{
	margin-bottom:0px;
	}
div.scene div.images-3 div{
	width:180px;
	}

#csr dl.supplement02 { position:relative; margin-top:12px; }
#csr dl.supplement02 dt { position:absolute; left:0; background:none; }
#csr dl.supplement02 dt { padding:0; margin:0; }
#csr dl.supplement02 dd { padding:0; margin:0; padding:0 0.5em 0 12px; background:transparent url(/corp/cmn/img/bg_colon10pt.gif) no-repeat 0 0.4em;  }

dl.supplement02 { position:relative; font-size:12px; width:100%; }
div.xp{margin:20px 0px;}

ul.mbtm{margin-bottom:20px;}




/* 4.5em */
#csr h5.indent1 {
	text-indent:-1em;
	margin-left:1em; }
#csr dl.supplement02.indent4-5 dt { width:4.5em; }
#csr dl.supplement02.indent4-5 dd { margin-left:5.5em; }

#csr dl.supplement.indent12 dt { width:11em; }
#csr dl.supplement.indent12 dd { margin-left:12em; }

p.imgcap{font-size:12px; font-weight:bold; margin-bottom:10px;}
div.piccap{margin-top:20px;}


/* animal_table */
#animal_table table { margin:30px 0 0 0; }
#animal_table table tr th { font-weight:bold;text-align:center;background-color:#eee; }
#animal_table table tr td { text-align:left; }


/* envitpc_table */
#envitpc_table table { margin:10px 0 0 0;border-style:none; }
#envitpc_table table tr td { text-align:left;vertical-align:text-top;border-width: 1px 0px; }


/* EOF*/

/* stockholder */
.index .sri{margin-left:30px;}
.sri .img-center{text-align:center;}
.sri .img-center p{font-size:77%;}
.sri table{margin-top:15px;}
.sri th{background-color:#F2F2F2;}
.sri .supplement{margin-top:15px;}

/* CC-11-10
------------------------------------------------------------*/
.social .contribute3 table caption { margin-top:20px; }
.social .contribute3 .frame .section div.section { margin-top:40px; }
.social .contribute3 .frame .section div.section.firstChild { margin-top:0; }
.social .contribute3 .frame .section .section { clear:both; }
.social .contribute3 .scene .section .text { width:360px; }
.social .contribute3 .scene .section .image { width:200px; }

.contribute3 div.info,.customer04 div.info{ padding:35px; background-color:#DEE5E9; text-align:center; }
.contribute3 div.info p.lastChild ,.customer04 div.info p.lastChild{ margin-bottom:0px; }

/* CC-5-8
------------------------------------------------------------*/
.gov .glo p { margin-bottom:1.66em; }
.gov .glo p.assisted { margin:40px 0 60px 0; text-align:center; }
.gov .glo .section { padding:30px 30px 0 30px; background:transparent url(/corp/csr/governance/img/glo_bg_frametop.gif) no-repeat top center; }
.gov .glo .section div.text { float:right; width:480px; }
.gov .glo .section div.text p { margin:0; }
.gov .glo .section div.image { float:left; width:100px; }
.gov .glo .section .exterior-link { clear:both; display:block; margin:0px -30px 0 -30px; padding:0 30px 25px 30px; text-align:right; background:transparent url(/corp/csr/governance/img/glo_bg_framebottom.gif) no-repeat bottom center; }
.gov .glo .section .exterior-link img { clear:both; vertical-align:bottom; }

/* CC-5-8-1
------------------------------------------------------------*/
.shiseido_csr .glo_02 p.supplement { margin-top:20px; }

div.frame_syo{
	border:1px solid #cccccc;
	margin-top:10px;
	padding:10px;
	width:230px;
	}
div.frame_syo p{
	text-align:left;
	line-height:140%;
	}
div.frame_syo p.name{
	text-align:right;
	padding-top:5px;
	}

div.control.left{text-align:left;}
p.pagetop2{
	margin-top:30px;
	margin-bottom:0px;
	text-align:right;
	}

#emp9 td.c1{background-color:#F2E3F9;}
#emp9 td.c3{background-color:#EDFAFE;}
#emp9 td.tl{text-align:left;}
#emp9 td.tl h5{text-align:left;
font-size:12px; margin-bottom:5px;}
div#article div.section table#emp9 td.bnon1{border-left:none;}
div#article div.section table#emp9 td.bnon2{border-left:1px solid #AFAFB0; background-color:#EFFCE0;}
div#article div.section table#emp9 td.bnon3{border-right:none;}

.section .section div.newtopic ,
.section div.newtopic ,
div.vnewtopic{background-color:#FFF0F0;}

.topics4 div.box220{width:220px;}


/* common_table */
.common_table table { margin:10px 0 0 0; }
.common_table table tr th { font-weight:bold;text-align:left;background-color:#eee; }
.common_table table tr td { text-align:left; }


/* news_dt_dd_type */
dl.parallel { margin:0 0 10px ;padding:0 0 10px ;font-size:90%; }
dl.parallel dt { float:left;width: 4em; }
dl.parallel dd { margin-left:4em; }

.parallel2 dl { margin:40px 0 5px ;padding:20px 0 5px ;font-size:90%; }
.parallel2 dl dt { float:left;width: 15em;line-height:150%;margin-bottom:15px; }
.parallel2 dl dd { margin-left:16em;line-height:150%;margin-bottom:15px; }


.section .section div.voiceboxb{width:220px;}
.section .section div.part .textbox{
		width:350px;
		float:right;
}

div.text .image-text{
		width:auto;
}
div.text .image-text div{
		width:auto;
		margin:15px auto;
}
div.text .image-text div p{
	font-size:77%;
	color:#666;
	margin:0px;
	padding:0px;
	padding-top:5px;
}
.mtop60{
		margin-top:60px;
}

.boxborder{
    border-style:solid;
    border-width:1px;
    padding:2px;
}

/* 201105 */
.img-center{
		text-align:center;
		padding:15px 0px;
		padding-bottom:25px;
}

.env .po06 .image{
		width:210px;
		float:right;
}
.env .po06 .text{
		width:350px;
		float:left;
}
.env .po06 .text h4{
	padding:0px;
	margin:0px;
	font-weight:bold;
	line-height:normal;
}
p.tb-comment{
		padding-top:5px;
		font-size:77%;
		text-align:right;
}
td p.tb-comment{
		padding:0px;
		margin:0px;
		line-height:normal;
		padding-top:5px;
		font-size:80%;
		text-align:right;
}
p span.supplement{font-size:80%;}
table.kaikei td{
		text-align:left;
}
table.kaikei td.nam,
table.prtr td.nam{
		text-align:right;
}
table.kaikei tr.c4{
	background-color:#F0F4FD;
}
table.kaikei td.center{
		text-align:center;
}
p.topic-space{
		padding:40px 0px;
		padding-bottom:0px;
}
.env p.all{
	padding-top:10px;
	margin-top:0px;
}
.env .data th{
		background-color:#F1F3FC;
}
.env .type-1-2 div{
		width:440px;
		float:right;
		margin:0px;
}
.env .type-1-2 div.firstChild{
		width:210px;
		float:left;
}
#csr dl.comment{
		margin-top:10px;
}
.env  ul.import{
		margin-bottom:20px;
}

/* CC-5-9
------------------------------------------------------------*/
.gov .manuals { clear:both; margin-top:50px; }
.gov .manuals div { margin-left:15px; }
.gov .manuals div.firstChild { width:155px; margin-left:0; }
.gov .manuals div.secondChild { width:330px; }
.gov .manuals div.thirdChild { width:155px; }


/* CC-8
------------------------------------------------------------*/
.fair div.rule { margin:30px 0 20px 0; clear:both; }
.fair div.rule p { position:relative; width:500px; }
.fair div.rule img { margin-right:20px; vertical-align:bottom; }
.fair div.rule a.rule-link { position:absolute; left:185px; bottom:0; }
.fair div.rule a.rule-link span { position:absolute; width:0; height:0; text-indent:-9999px; }
#csr .idx p{
		margin-bottom:30px;
}
#csr .idx ul{
	margin:30px auto;
	margin-bottom:50px;

}

.mtop{
		margin-top:20px;
}
h1.article-title .main_h1{
		float:left;
}
h1.article-title span{
		display:block;
		float:right;
}
p.top{
		text-align:right;
}

div.info { padding:35px; background-color:#DEE5E9; text-align:center; }
div.info p.lastChild { margin-bottom:0px; }

.images div.box125{width:125px;}
.images div.box155{width:155px;}
.images div.box260{width:260px;}
.section .type2 div.box220,.images div.box220{width:220px;}

/* CC-11-* common
------------------------------------------------------------*/
.cooperate .scene h2.scene-title { position:relative; width:521px; margin-bottom:30px; padding: 10px 10px 10px 59px; background-color:#FFFFFF; font-size:108%; text-align:center; }
.cooperate .scene h2.scene-title img { position:absolute; left:10px; top:5px; padding: 10px; background-color:#FFFFFF; }

#csr ul.circle-list li { list-style:none; padding-left:19px; background:transparent url(/corp/cmn/img/icon_circle01.gif) no-repeat 0.3em 0.55em; font-size:93%; margin-bottom:10px;}


/* 110702海崎追加 */
.promiseTtl01 {
	margin:0;
	padding:40px 0 10px 0;
	float: none;
	clear:both;
}

/*promiseBox01*/
.promiseBox01 { margin:0; padding:0; width:470px;}
.promiseBox01L { margin:0; padding:0; float:left; width:320px; text-align:left;}
.promiseBox01R { margin:0; padding:0; float:right; width:150px; text-align:right;}

/*promiseBox02*/
.promiseBox02 { margin:0; padding:0; width:670px;}
.promiseBox02L { margin:0; padding:0; float:left; width:340px; text-align:left;}
.promiseBox02R { margin:0; padding:0; float:right; width:320px; text-align:right;}

/*promiseBox03*/
.promiseBox03 { margin:0; padding:30px 0 0 0; width:670px; clear:both; float:none;}
.promiseBox03 h3 { margin:0; padding:0 0 10px 0 ; font-weight:bold; font-size:100%; }
.promiseBox03L { margin:0; padding:0; float:left; width:170px; text-align:left;}
.promiseBox03M { margin:0 0 0 170px; padding:0; width:330px; text-align:right; text-align:left;}
.promiseBox03R { margin:0; padding:65px 0 0 0 ; float:right; width:140px; text-align:right; vertical-align:bottom; display:table-cell;}

/*promiseBox04*/
.promiseBox04 { margin:0; padding:0; width:670px; clear:both; float:none; }
.promiseBox04 ul{ margin:0; padding:0; clear:both; float:none; list-style:none; }
.promiseBox04 li.left { margin:0 20px 0 0; padding:0; float: left; list-style:none; }
.promiseBox04 li { margin:0; padding:0; float: left; list-style:none; }

 a.promiseLink01:link {
    text-decoration: none;
    color: #524E4D;
}
 a.promiseLink01:visited {
    text-decoration: none;
    color: #524E4D;
}
 a.promiseLink01:hover {
    text-decoration: none;
    color: #D0576D;
}
 a.promiseLink01:active {
    text-decoration: none;
    color: #D0576D;
}
.promiseBtnRight {
	margin:10px 0 0 0;
	width:100%;
	display:block;
	padding:0;
	text-align:right;
	float: none;
	clear:both;
}

/*margin設定*/
.promiseMt70 { padding:70px 0 0 0;}
.promiseMt60 { padding:60px 0 0 0;}
.promiseMt50 { padding:50px 0 0 0;}
.promiseMt40 { padding:40px 0 0 0;}
.promiseMt30 { padding:30px 0 0 0;}
.promiseMt20 { padding:20px 0 0 0;}
.promiseMt10 { padding:10px 0 0 0;}

.promiseMb50 {	padding:0 0 50px 0;}
.promiseMb40 {	padding:0 0 40px 0;}
.promiseMb30 {	padding:0 0 30px 0;}
.promiseMb20 {	padding:0 0 20px 0;}
.promiseMb10 {	padding:0 0 10px 0;}

.promiseMl15 {	padding:0 0 0 15px;}

.promiseMb15 {	padding:0 0 15px 0; margin:0 0 15px 0; float:none; clear:both; display:block; }
#A { margin:0; padding:0 0 10px 0; }

/*link設定*/

a.bottom:link, a.bottom:visited {
	text-decoration: none;
	color: #555555;
}
a.bottom:hover, a.bottom:active {
	text-decoration: underline;
	color: #d0576d;
}



/* 110705梶谷追加 */

/*promiseBox03*/
.environmentBox01 { margin:0 0 0 30px; padding:0; width:670px; clear:both; float:none;}
.environmentBox01R { margin:0; padding:0; float:right; width:280px; text-align:right; vertical-align:bottom; display:table-cell;}
.environmentBtnRight {
	margin: 10px 0 0 0;
	width: 100%;
	display: block;
	padding: 0;
	text-align: right;
	float: none;
	clear: both;
}

.mt10 {
	margin-top: 10px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.w335 {
	width: 335px !important;
}

div.box01 div.columnleft {
	float: left;
}
div.box01 div.columnright {
	float: right;
}


/* 表 */

.factory_tb {
	margin-bottom: 15px;
}
.factory_tb td {
	text-align: right;
	vertical-align: middle;
}

.figure_tb {
	margin-bottom: 10px;
}
.figure_tb td {
	text-align: right;
	vertical-align: middle;
}

.personnel_tb {
	margin-bottom: 15px;
}
.personnel_tb td {
	text-align: right;
	vertical-align: middle;
}


.line_off_tb {
	font-size: 100%;
	border-style: none;
}
.line_off_tb td {
	text-align: left;
	vertical-align: top;
	border-style: none;
	padding-top: 0px;
	padding-bottom: 0px;
}
.line_off_tb td.t_mi {
	vertical-align: middle;
}
.line_off_tb ul.decimal ,
.line_off_tb ol.decimal {
	margin: 0px;
	padding: 0px;
}
ul.decimal li.font_strong ,
ol.decimal li.font_strong {
	font-weight: bold;
}

/* 表の枠 */

	/*//点線*/
table.figure_tb tr.line_dotted_top td ,
table.figure_tb td.line_dotted_top ,
table.personnel_tb tr.line_dotted_top td ,
table.personnel_tb td.line_dotted_top {
	/*border-style: dotted;*/
	border-top-style: dotted;
}
table.figure_tb tr.line_dotted_right td ,
table.figure_tb td.line_dotted_right ,
table.personnel_tb tr.line_dotted_right td ,
table.personnel_tb td.line_dotted_right {
	/*border-style: dotted;*/
	border-right-style: dotted;
}
table.figure_tb tr.line_dotted_bottom td ,
table.figure_tb td.line_dotted_bottom ,
table.personnel_tb tr.line_dotted_bottom td ,
table.personnel_tb td.line_dotted_bottom {
	/*border-style: dotted;*/
	border-bottom-style: dotted;
}
table.figure_tb tr.line_dotted_left td ,
table.figure_tb td.line_dotted_left ,
table.personnel_tb tr.line_dotted_left td ,
table.personnel_tb td.line_dotted_left {
	/*border-style: dotted;*/
	border-left-style: dotted;
}

	/*//二重線*/
table.personnel_tb tr.line_double_bottom td ,
table.personnel_tb td.line_double_bottom {
	/*border-style: double;*/
	border-bottom-style: double;
	border-bottom-width: 3px
}

	/*//線なし*/
table.factory_tb tr.line_off_top td ,
table.factory_tb td.line_off_top ,
table.figure_tb tr.line_off_top td ,
table.figure_tb td.line_off_top ,
table.personnel_tb tr.line_off_top td ,
table.personnel_tb td.line_off_top {
	border-top-style: none;
}
table.factory_tb tr.line_off_right td ,
table.factory_tb td.line_off_right ,
table.figure_tb tr.line_off_right td ,
table.figure_tb td.line_off_right ,
table.personnel_tb tr.line_off_right td ,
table.personnel_tb td.line_off_right {
	border-right-style: none;
}
table.factory_tb tr.line_off_bottom td ,
table.factory_tb td.line_off_bottom ,
table.figure_tb tr.line_off_bottom td ,
table.figure_tb td.line_off_bottom ,
table.personnel_tb tr.line_off_bottom td ,
table.personnel_tb td.line_off_bottom {
	border-bottom-style: none;
}
table.factory_tb tr.line_off_left td ,
table.factory_tb td.line_off_left ,
table.figure_tb tr.line_off_left td ,
table.figure_tb td.line_off_left ,
table.personnel_tb tr.line_off_left td ,
table.personnel_tb td.line_off_left {
	border-left-style: none;
}


/* 表の中 */

	/*//横線*/
table.factory_tb td.line_dash ,
table.figure_tb td.line_dash ,
table.personnel_tb td.line_dash {
	text-align: center;
}
	/*//斜線*/
table.factory_tb td.line_slash ,
table.figure_tb td.line_slash ,
table.personnel_tb td.line_slash {
	text-align: center;
}

	/*//グレー背景*/
table.factory_tb tr.g1 td ,
table.factory_tb td.g1 {
	background-color: #F2F2F2;
}
table.figure_tb tr.g1 td ,
table.figure_tb td.g1 {
	background-color: #F2F2F2;
}
table.personnel_tb tr.g1 td ,
table.personnel_tb td.g1 {
	background-color: #F2F2F2;
}
	/*//ピンク背景*/
table.factory_tb tr.c1 td ,
table.factory_tb td.c1 {
	background-color: #F9D4DA;
}
table.figure_tb tr.c1 td ,
table.figure_tb td.c1 {
	background-color: #F9D4DA;
}
table.personnel_tb tr.c1 td ,
table.personnel_tb td.c1 {
	background-color: #F9D4DA;
}


	/*//文字表示：中央揃え*/
table.factory_tb tr.t_ce td ,
table.factory_tb td.t_ce {
	text-align: center;
}
table.figure_tb tr.t_ce td ,
table.figure_tb td.t_ce {
	text-align: center;
}
table.personnel_tb tr.t_ce td ,
table.personnel_tb td.t_ce {
	text-align: center;
}
	/*//文字表示：右揃え*/
table.factory_tb tr.t_ri td ,
table.factory_tb td.t_ri {
	text-align: right;
}
table.figure_tb tr.t_ri td ,
table.figure_tb td.t_ri {
	text-align: right;
}
table.personnel_tb tr.t_ri td ,
table.personnel_tb td.t_ri {
	text-align: right;
}
	/*//文字表示：左揃え*/
table.factory_tb tr.t_le td ,
table.factory_tb td.t_le {
	text-align: left;
}
table.figure_tb tr.t_le td ,
table.figure_tb td.t_le {
	text-align: left;
}
table.personnel_tb tr.t_le td ,
table.personnel_tb td.t_le {
	text-align: left;
}


/*テキスト*/
.factory_name { line-height:1.4em; font-weight:bold; }

/*20110831追記→governance_shiseido_csr.html*/
.em1{background-color:#fffaf6;padding:7px;border-style:solid;border-width:1px;border-color:#999999; font-weight:bold;font-size:90%; margin:10px 0 20px ;}