@charset "utf-8";

.csrW30 {
width: 30px!important;
}

.csrW140 {
width: 140px!important;
}

.csrW150 {
width: 150px!important;
}

.csrW160 {
width: 160px!important;
}

.csrW170 {
width: 170px!important;
}

.csrW200 {
width: 200px!important;
}

.csrW207 {
width: 207px!important;
}

.csrW220 {
width: 220px!important;
}

.csrW240 {
width: 240px!important;
}

.csrW250 {
width: 250px!important;
}

.csrW290 {
width: 290px!important;
}

.csrW300 {
width: 300px!important;
}

.csrW310 {
width: 310px!important;
}

.csrW320 {
width: 320px!important;
}

.csrW330 {
width: 330px!important;
}

.csrW340 {
width: 340px!important;
}

.csrW350 {
width: 350px!important;
}

.csrW400 {
width: 400px!important;
}

.csrW500 {
width: 500px!important;
}

.csrW600 {
width: 600px!important;
}


/*マージンなど*/

#main .csrMgt0 {
margin-top: 0!important;
}

#main .csrMgt5 {
margin-top: 5px!important;
}

#main .csrMgt8 {
margin-top: 8px!important;
}

#main .csrMgt10 {
margin-top: 10px!important;
}

#main .csrMgt15 {
margin-top: 15px!important;
}

#main .csrMgt20 {
margin-top: 20px!important;
}

#main .csrMgt25 {
margin-top: 25px!important;
}

#main .csrMgt30 {
margin-top: 30px!important;
}

#main .csrMgt35 {
margin-top: 35px!important;
}

#main .csrMgt40 {
margin-top: 40px!important;
}

#main .csrMgt50 {
margin-top: 50px!important;
}

#main .csrMgb0 {
margin-bottom: 0!important;
}

#main .csrMgb5 {
margin-bottom: 5px!important;
}

#main .csrMgb8 {
margin-bottom: 8px!important;
}

#main .csrMgb10 {
margin-bottom: 10px!important;
}

#main .csrMgb20 {
margin-bottom: 20px!important;
}

#main .csrMgb30 {
margin-bottom: 30px!important;
}

#main .csrMgb40 {
margin-bottom: 40px!important;
}

#main .csrMgr0 {
margin-right: 0!important;
}

#main .csrMgl30 {
margin-left: 30px!important;
}

#main .csrMgtM5 {
margin-top: -5px!important;
}

#main .csrMgtM10 {
margin-top: -10px!important;
}

#main .csrMgtM20 {
margin-top: -20px!important;
}

#main .csrMgtM25 {
margin-top: -25px!important;
}

#main .csrMgtM30 {
margin-top: -30px!important;
}


/*方針など*/

.policySection {
background: #f7f7f7;
padding: 15px;
margin-top: 20px;
border: 2px dotted #CCCCCC;
}

.policySection dt {
font-weight: bold;
font-size: 1.7rem;
text-align: center;
margin-bottom: 10px;
}

#main .policySection dt .decoration  {
text-decoration: underline;
}


/*テーブル関連*/

.descList01 dt {
font-size: 1.6rem;
}

.colLayout01 .descList01 dt.txSizeS {
font-size: 1.4rem;
font-weight: bold;
}

.tableLayout01 tbody.thtdCenter th, .tableLayout01 tbody.thtdCenter td {
text-align: center;
}

.tableLayout01 tbody.tdCenter td, th.cellCenter, td.cellCenter  {
text-align: center;
}

.tableWrap01 .amount {
text-align: right;
}

tr.brBtmDotted td {
border-bottom-style: dashed!important;
}

td.emphasisCellTop {
border-left: solid 3px #999999;
border-top: solid 3px #999999;
border-right: solid 3px #999999;
}

td.emphasisCellMiddle {
border-left: solid 3px #999999;
border-right: solid 3px #999999;
}

td.emphasisCellBottom {
border-left: solid 3px #999999;
border-right: solid 3px #999999;
border-bottom: solid 3px #999999;
}


/*その他*/

span.reg {
vertical-align: text-bottom;
font-size: 90%;
}

/* ===== fb ===== */

.btFb {
margin-top:  30px;
}

.btFb p {
text-align:  right;
}
.btFb iframe {
border:  1px solid #D5D5D5;
}



/* ===== 日本製紙グループのCSRにおける重要課題（マテリアリティ） ===== */

.materialityFig {
position: relative;
}

.materialityFigDeco {
position: absolute;
top: -32px;
right: 90px;
}


/* ===== 数字で見る日本製紙 ===== */

.csrFeature {
width: 100%;
}

.csrFeature h1 { 
font-size: 164.3%;
color: #fff;
text-align: center;
background-color: #9CC63C;
filter:alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
padding: 40px 0;
margin-bottom: 110px;
}

.csrFeature h1 span {
font-size: 153.2%;
font-weight: bold;
display: block;
font-family: Arial, Helvetica, "sans-serif";
}

.csrFeature h2 span {
font-size: 50%;
display: block;
font-weight: normal;
line-height: 1em;
font-family: Arial, Helvetica, "sans-serif";
}

.csrFeature .mainWrap .innerLead >.contents {
background-color: #fff;
}

.csrFeature .mainWrap .contents .caption {
position: absolute;
top: 5px;
right: 8px;
font-size: 75%;
color: #aaaaaa;
}

.csrFeature .mainWrap .navi {
position: relative;
text-align: center;
padding: 40px 0 60px;
/*width: 1002px;
margin: 0 auto;*/
}

.csrFeature .mainWrap .navi p {
margin-bottom: 50px;
}

.csrFeature .mainWrap .navi ul {
width: 912px;
margin: 0 auto;
}

.csrFeature .mainWrap .navi ul li {
width: 160px;
float: left;
margin-left: 28px;
font-size: 130.8%;
line-height: 1.5em;
background-color: #00A0E9;
min-height: 155px;
}

.csrFeature .mainWrap .navi ul li.forestLink {
margin-left: 0;
}

.csrFeature .mainWrap .navi ul li.forestLink span {
line-height: 1.2em;
}

.csrFeature .mainWrap .navi ul li.forestLink a {
padding: 16px 0 65px;
}

.csrFeature .mainWrap .navi ul li a {
display: block;
width: 160px;
padding: 35px 0 65px;
color: #fff;
text-decoration: none;
background: url(/csr/feature/images/feature_icon_2017_15.png) center 110px no-repeat;
}

.csrFeature .mainWrap .navi ul li a:hover {
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}

.csrFeature .mainWrap .navi ul li a span {
font-size: 105.9%;
font-weight: bold;
display: block;
font-family: Arial, Helvetica, "sans-serif";
}

.csrFeature .mainWrap > section {
text-align: center;
}

.csrFeature .mainWrap > section .inner .txLead01 {
margin-bottom: 40px;
}

.csrFeature .mainWrap > section h2 {
font-size: 314.3%;
margin-bottom: 20px;
}

.csrFeature .mainWrap .innerLead >.contents {
background-color: #fff;
}

.csrFeature .threeColumn {
width: 912px;
margin: 0 auto;
}

.csrFeature .twoColumn {
width: 781px;
margin: 0 auto;
}

.csrFeature .threeColumn dl {
width: 290px;
float: left;
}

.csrFeature .twoColumn dl {
width: 380px;
float: left;
}

.csrFeature .btnLink01 {
margin-right: 0;
}

.csrFeature .threeColumn dl.leftColumn, .csrFeature .threeColumn dl.centerColumn, .csrFeature .twoColumn dl.leftColumn {
margin-right: 21px;
}

.csrFeature .threeColumn dl dt, .csrFeature .twoColumn dl dt {
font-size: 123%;
text-align: center;
}

.csrFeature .threeColumn dl dt img, .csrFeature .twoColumn dl dt img {
margin-bottom: 10px;
}

.csrFeature .threeColumn dl dt span, .csrFeature .twoColumn dl dt span {
display: block;
min-height: 3em;
}

.csrFeature .threeColumn dl dt span span, .csrFeature .twoColumn dl dt span span {
line-height: 1em;
min-height: 1em;
}

.csrFeature .threeColumn dl dd, .csrFeature .twoColumn dl dd {
color: #009FE9;
}

.csrFeature .threeColumn dl dd span.amount, .csrFeature .twoColumn dl dd span.amount {
font-size: 423%;
font-family: Arial, Helvetica, "sans-serif";
line-height: 1em;
}

.csrFeature .threeColumn dl dd span.unit, .csrFeature .twoColumn dl dd span.unit {
font-size: 215.4%;
}

/*以下はパララックの実装関連*/

.csrFeature .mainWrap > section {
min-width: 1010px;
background: no-repeat 50% -20px fixed;
background-size: cover;
margin: 0 auto;
position: relative;
}

/*safari対応*/
_::-webkit-full-page-media, _:future, :root .csrFeature .mainWrap section {
min-width: 1050px!important;
background-size: 1250px;
background-position: -100px top!important;	
background-attachment: inherit;
}

.csrFeature .mainWrap > section > .inner {
background-color: #fff;
}

.csrFeature .mainWrap > section > .inner > .contents {
/*width: 1002px;
margin: 0 auto;*/
padding: 50px 0 20px;
min-height: 500px;
position: relative;
}

#csr .csrFeature .mainWrap > section > .inner > .contents sup {
top: -0.6em;
font-size: 0.6rem;
}

.csrFeature .mainWrap #lead {
min-height: 500px;
padding-top: 540px;
background-image: url(/csr/feature/images/feature_img_2017_01.jpg);
z-index: 1;
}

.csrFeature .mainWrap #forest {
padding-top: 800px;
background-image: url(/csr/feature/images/feature_img_2017_02.jpg);
z-index: 2;
}

.csrFeature .mainWrap #environment {
padding-top: 800px;
background-image: url(/csr/feature/images/feature_img_2017_03.jpg);
z-index: 1;
}

.csrFeature .mainWrap #customer {
padding-top: 800px;
background-image: url(/csr/feature/images/feature_img_2017_04.jpg);
z-index: 2;
}

.csrFeature .mainWrap #employee {
padding-top: 800px;
background-image: url(/csr/feature/images/feature_img_2017_05.jpg);
z-index: 2;
}

.csrFeature .mainWrap #communities{
padding-top: 800px;
background-image: url(/csr/feature/images/feature_img_2017_06.jpg);
z-index: 2;
}

.csrFeature .mainWrap > section.enquete {
background-color: #fff;
}

.csrFeature .mainWrap > section.enquete .btFb {
margin: 0 auto;
width: 1002px;
padding-bottom: 20px;
}

.csrFeature .mainWrap > section.enquete .btFb div {
width: 702px;
margin: 0 0 0 300px;
}


/* ===== 特殊 ===== */

.csrEmphasis {
font-size: 85%;
background-color: #fdd23e;
padding: 2px 8px;
margin-right: 5px;
}

.productEmpasis {
font-size: 80%;
background-color: #d38c15;
display: inline-block;
color: #ffffff;
padding: 2px 7px 1px;
line-height: 2rem;
margin-right: 5px;
border-radius: 15px;
-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 15px;   /* Firefox用 */  
}

.underLinedeco {
text-decoration: underline;
}

#pageTopBtn {
z-index: 10;
}

/*コーポレートアイデンティティの共有*/

.displayNone {
display: none;
}

.csrNoteList01 .list01 {
padding-left: 5.5em;
text-indent: -5.5em;
}

.csrNoteList01 .list02 {
padding-left: 9.5em;
text-indent: -9.5em;
}

.spanLineHeight {
display: block;
line-height: 1.4em;
}

.guideline .iconLink01 a {
background: url("/common/images/com_link_ic01.gif") 100% 50% no-repeat;
padding: 0 14px 0 0;
}

.guideline .iconLink01 a.linkPdf {
background: url("/common/images/com_link_ic03.png") 100% 50% no-repeat;
padding: 0 22px 0 0;
}

.tableLink th a, .tableLink td a {
background: url("/common/images/com_link_ic01.gif") 100% 50% no-repeat;
padding: 0 14px 0 0;
}

.guideline td {
word-break: break-all;
}

.symbolAlpha {
font-family: "Courier New", Courier, "monospace" !important;
font-size: 1.7rem;
line-height: 1;
padding-right: 1px;
}

#main .offInline li {
display: block;
}

#main .kurumin {
margin-top: 35px!important;
padding: 15px 0 5px 20px;
border-radius: 10px;
-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
-moz-border-radius: 10px;	/* Firefox用 */
border: 2px dotted #ff0000;
}

#main .kurumin h4 {
margin-top: 0;
}

#csr sup {
top: -0.6em;
}

#csr h4 sup {
top: -0.9em;
}

#csr .linHeight1 {
line-height: 1em;
}


/*2017.05.08追加*/

#csr #main .csrForestMap03 {
background-image: url("/csr/forest/afforest/australia/images/australia_img_2017_01.gif");
}

#csr #main .csrForestMap03 ul li.bt03 {
top: 76px;
}

#csr #main .csrForestMap03 ul li.bt05 {
top: 269px;
}

#csr #main .csrForestMap03 ul li.bt06 {
top: 317px;
}

#csr #main .csrForestMap03 ul li.bt09 {
top: 185px;
}

#csr #main .csrForestMap03 ul li.bt10 {
top: 231px;
}

#csr #main .csrForestMap03 ul li.bt11 {
top: 305px;
}

/* ===== clearfix ===== */

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear {
	display: inline-table;
}

/* mac */
* html .clear {
	height: 1%;
}

*+html .clear {
	height: 1%;
}

.clear {
	display: block;
}
/**/