@charset "utf-8";

.h1Block {
	padding-bottom:15px;
}

.yearList {
	padding:10px 20px;
}

.yearList dl dt {
	font-weight:bold;
}

.yearList dl dd {
	margin-top:10px;
}

.yearList dl dd ul {
	margin-left:5px;
}

.yearList dl dd ul li {
	font-size:85%;
	float:left;
	margin-right:30px;
}

.yearList dl dd ul li span {
	padding-left:12px;
	background:url(/shared/image/lnavi_tri_gray.gif) no-repeat left center;
}

.yearList dl dd ul li a {
	padding-left:12px;
	background:url(/shared/image/lnavi_tri_red.gif) no-repeat left center;
}

.contactBlock {
	border:solid 1px #ebe7dd;
	background:#f2ebda;
	padding:19px;
}

.contactBlock .opinion,
.contactBlock .appli {
	width:300px;
	background:#fff;
	padding:15px;
	float:left;
}
.contactBlock .appli02 {
	width:650px;
	background:#fff;
	padding:15px;
	float:left;
}

.contactBlock .opinion .ttl {
	min-height:22px;
	height:auto !important;
	height:22px;
	font-weight:bold;
	font-size:100%;
	padding-left:30px;
	background:url(/csr/res/image/icon_opinion.gif) no-repeat center left;
}

.contactBlock .appli .ttl {
	min-height:22px;
	height:auto !important;
	height:22px;
	font-weight:bold;
	font-size:100%;
	padding-left:30px;
	background:url(/csr/res/image/icon_appli.gif) no-repeat center left;
}
.contactBlock .appli02 .ttl {
	min-height:22px;
	height:auto !important;
	height:22px;
	font-weight:bold;
	font-size:100%;
	padding-left:30px;
	background:url(/csr/res/image/icon_appli.gif) no-repeat center left;
}

.bdrRadiusBeige .eventList {
	padding:17px 20px;
}

.noBackground .eventList {
	padding-bottom:15px;
	background:url(/shared/image/hr_dot.gif) repeat-x bottom left;
}
.noSepLine{
	background:none !important;
}

.catalogueList ul li {
	width:180px;
	float:left;
}

.catalogueList ul li .ctgItem {
	width:150px;
	margin:15px auto 0;
}

.imgList .iconPdf {
	font-size:100%;
}

table.pad5 th,
table.pad5 td {
	padding: 10px 5px;
}

/* width */
.w350 {
	width: 350px !important;
}

.w334 {
	width: 334px !important;
}

.w327 {
	width: 327px !important;
}

.w238 {
	width: 238px !important;
}

.w266 {
	width: 266px !important;
}

.w182 {
	width: 182px !important;
}


.w420{
	width: 420px !important;
	}









/* -------------------------------------------- 

追加€css

------------------------------------------------ */

#CONTENTS_SECTION .leftsection1{
	float:left;
	width:505px;
	}

#CONTENTS_SECTION .leftsection1 .section01{
	background:url(/csr/environment/res/image/index/bg02.gif) bottom left no-repeat;
	}
#CONTENTS_SECTION .leftsection1 .section01in{
	background:url(/csr/environment/res/image/index/bg01.gif) top left no-repeat;
	padding:20px 16px 20px 16px;
	}
#CONTENTS_SECTION .leftsection1 .section01Top .section01in{
	padding:15px 16px 15px 16px;
	}
#CONTENTS_SECTION .leftsection1 .section01in .unitl{
	float:left;
	width:231px;
	}
#CONTENTS_SECTION .leftsection1 .section01in .unitr{
	float:right;
	width:231px;
	}
#CONTENTS_SECTION .leftsection1 a.titlelink{
	font-weight:bold;
	color:#333;
	background:url(/shared/image/icon_red_point_big.gif) 0 center no-repeat;
	padding-left:28px;
	}

#CONTENTS_SECTION .leftsection1 .section02{
	background:url(/csr/environment/res/image/index/bg04.gif) bottom left no-repeat;
	}
#CONTENTS_SECTION .leftsection1 .section02_1colmun{
	width:260px;
	}
#CONTENTS_SECTION .leftsection1 .section02 .subtxt{
	font-size:83%;
	}
#CONTENTS_SECTION .leftsection1 .section02 .unitl{
	background:url(/csr/environment/res/image/index/bg03.gif) top left no-repeat;
	width:212px;
	float:left;
	padding:17px 18px 18px 17px;
	}
#CONTENTS_SECTION .leftsection1 .section02 .unitr{
	background:url(/csr/environment/res/image/index/bg03.gif) top left no-repeat;
	width:213px;
	float:right;
	padding:17px 16px 18px 16px;
	}

#CONTENTS_SECTION .leftsection1 .section03{
	background:url(/csr/environment/res/image/index/bg05.gif) bottom left no-repeat;
	width:505px;
	height:188px;
	position:relative;
	margin-top:15px;
	}
#CONTENTS_SECTION .leftsection1 .section03 .title{
	padding:18px 0 0 14px;
	}
#CONTENTS_SECTION .leftsection1 .section03 .btn{
	position:absolute;
	top:22px;
	left:365px;
	}
#CONTENTS_SECTION .leftsection1 .section03 ul{
	margin-top:16px;
	margin-left:-1px;
	}
#CONTENTS_SECTION .leftsection1 .section03 ul li{
	float:left;
	padding-left:13px;
	margin-bottom:13px;
	}

#CONTENTS_SECTION .section_b02_01 .unit01{
	float:left;
	width:350px;
	}
#CONTENTS_SECTION .section_b02_01 .unit02{
	float:right;
	width:350px;
	}
#CONTENTS_SECTION .section_b02_01 .txtbtn{
	font-size:83%;
	}

#CONTENTS_SECTION .section_b02_02 .unit01{
	float:left;
	width:162px;
	}
#CONTENTS_SECTION .section_b02_02 .unit02{
	float:right;
	width:536px;
	}

#CONTENTS_SECTION .section_b02_03 .unit01{
	float:left;
	width:185px;
	}
#CONTENTS_SECTION .section_b02_03 .unit02{
	float:right;
	width:535px;
	font-size:83%;
	padding-top:3px;
	}
#CONTENTS_SECTION .section_b02_03 .unit03{
	float:right;
	width:535px;
	}

#CONTENTS_SECTION .section_b02_04 .unit01{
	float:left;
	width:550px;
	}
#CONTENTS_SECTION .section_b02_04 .unit02{
	float:right;
	width:150px;
	}

#CONTENTS_SECTION .section_b02_05 ul li{
	padding-right: 16px;
	float:left;
	width:168px;
	}
#CONTENTS_SECTION .section_b02_05 ul li.last{
	padding-right: 0px;
	}

#CONTENTS_SECTION .section_f01 .unit01{
	float:left;
	width:300px;
	}
#CONTENTS_SECTION .section_f01 .unit02{
	float:right;
	width:400px;
	position:relative;
	}
#CONTENTS_SECTION .section_f01 .unit02 .icon{
	position:absolute;
	top:0;
	right:0;
	}
#CONTENTS_SECTION .section_f01 .unit02 .date{
	font-size:83%;
	padding-top:4px;
	}
#CONTENTS_SECTION .section_f01 .unit02 .txt{
	font-size:83%;
	margin-top:12px;
	}
#CONTENTS_SECTION .section_f01 .unit02 .title{
	margin-top:12px;
	}

#CONTENTS_SECTION .section_f02{
	padding-right:10px;
	}
#CONTENTS_SECTION .section_f02 li{
	float:left;
	padding-left:15px;
	padding-right:5px;
	white-space:nowrap;
	margin-top:15px;
	}

/* common tools */
.tar{
	text-align:right !important;
	}





/********** clear-fix  ***********/
#CONTENTS_SECTION .section_f01:after,
#CONTENTS_SECTION .section_b02_05 ul:after,
#CONTENTS_SECTION .section_b02_04:after,
#CONTENTS_SECTION .section_b02_03:after,
#CONTENTS_SECTION .section_b02_02:after,
#CONTENTS_SECTION .section_b02_01:after,
#CONTENTS_SECTION .leftsection1 .section03 ul:after,
#CONTENTS_SECTION .leftsection1 .section02:after,
#CONTENTS_SECTION .leftsection1 .section01in:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	}
#CONTENTS_SECTION .section_f01,
#CONTENTS_SECTION .section_b02_05 ul,
#CONTENTS_SECTION .section_b02_04,
#CONTENTS_SECTION .section_b02_03,
#CONTENTS_SECTION .section_b02_02,
#CONTENTS_SECTION .section_b02_01,
#CONTENTS_SECTION .leftsection1 .section03 ul,
#CONTENTS_SECTION .leftsection1 .section02,
#CONTENTS_SECTION .leftsection1 .section01in{
	zoom: 1;
	}






/* common right section */

#CONTENTS_SECTION .commonrightsection{
	float:right;
	width:195px;
	height:1037px;
	background:url(/csr/res/image/top/bg06.gif) top left no-repeat;
	}
#CONTENTS_SECTION .commonrightsection .unit01{
	padding-top:15px;
	}
#CONTENTS_SECTION .commonrightsection .unit01 dt{
	margin-left:15px;
	}
#CONTENTS_SECTION .commonrightsection .unit01 dd{
	margin-top:27px;
	text-align:center;
	}
#CONTENTS_SECTION .commonrightsection .unit02 dt{
	margin-top:33px;
	margin-left:15px;
	}
#CONTENTS_SECTION .commonrightsection .unit02 dd{
	margin-top:27px;
	text-align:center;
	}
#CONTENTS_SECTION .commonrightsection .unit03 dt{
	margin-top:34px;
	margin-left:14px;
	}
#CONTENTS_SECTION .commonrightsection .unit03 dd{
	margin-top:27px;
	text-align:center;
	}
#CONTENTS_SECTION .commonrightsection .unit04 dt{
	margin-top:38px;
	margin-left:15px;
	}
#CONTENTS_SECTION .commonrightsection .unit04 dd{
	margin-top:30px;
	text-align:center;
	}
#CONTENTS_SECTION .commonrightsection .unit04 dd p{
	margin-top:15px;
	}



/* related link format */

#CONTENTS_SECTION .mainContents .relatedLinks h2 {
	width: auto;
	overflow: hidden;
	margin-bottom: 20px;
}
/* -------------------------------------------- 

CSRリニューアル追加分

------------------------------------------------ */
.related_nav_t{
	background: url(/csr/res/image/left_bottom_nav_bg_t.gif) top left no-repeat;
	padding: 5px 0 0 0;
	margin: 15px 0 0 0;
}
.related_nav_b{
	background: url(/csr/res/image/left_bottom_nav_bg_b.gif) bottom left no-repeat;
	padding: 5px 8px 0 8px;
}
.related_dt{
	font-weight: bold;
	background: url(/csr/res/image/related_nav_icon.gif) left 2px no-repeat;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
}
.related_dd{
	padding: 0 0 10px 0;
}

.related_dd a{
	color: #333;
}
.related_dd a:hover{
	text-decoration: underline;
}
.report_dl_nav_t{
	background: url(/csr/res/image/left_bottom_nav_bg_t.gif) top left no-repeat;
	padding: 5px 0 0 0;
	margin: 15px 0 0 0;
}
.report_dl_nav_b{
	background: url(/csr/res/image/left_bottom_nav_bg_b.gif) bottom left no-repeat;
	padding: 5px 8px 0 8px;
}
.report_dl_dt{
	font-weight: bold;
	background: url(/csr/res/image/report_dl_icon.gif) left top no-repeat;
	padding: 0 0 0 18px;
	margin: 0 0 5px 0;
}
.report_dl_dd{
	padding: 0 0 10px 0;
	text-align: center;
	font-weight: bold;
}
.report_dl_dd img{
	margin: 5px 0 5px;
}
.report_dl_dd a{
	color: #333;
}
.report_dl_dd a:hover{
	text-decoration: underline;
}
.assessor_nav{
	margin: 15px 0 0 0;
}
.list_link{
	position: relative;
	right: 0;
	text-align: right;
	bottom: 23px;
	margin: 0 0 -20px;
}
.list_link a{
	color:	#333;
}
.list_link a:hover{
	color:	#333;
	text-decoration: underline;
}
.report_lick_area{
	margin: 20px 0 0 0;
}
.report_link_block{
	width: 225px;
	float: left;
	margin: 0 20px 0 0;
}


/* -------------------------------------------- 

diverta追加

------------------------------------------------ */
#toSp {
	display: none;
}

/* CSR一覧ページ */
.listRefine {
	padding:8px 10px;
}

.listRefine dt {
	padding-top:5px;
}

.listRefine ul.refineMenu {
	width:564px;
}

.listRefine ul.refineMenu li {
	float:left;
}

.listRefine ul.refineMenu li a.altT,
.listRefine ul.refineMenu li a .panel {
	height:25px;
	cursor:pointer;
}

.listRefine ul.refineMenu li a .panel {background-image:url(/files/user/csr/news/res/image/btn_refine.jpg);}

.listRefine .refineMenu li.all a.altT, .listRefine .refineMenu li.all a .panel           {width:142px;}
.listRefine .refineMenu li.social a.altT, .listRefine .refineMenu li.social a .panel {width:140px;}
.listRefine .refineMenu li.environment a.altT, .listRefine .refineMenu li.environment a .panel         {width:142px;}
.listRefine .refineMenu li.other a.altT, .listRefine .refineMenu li.other a .panel       {width:140px;}

.listRefine .refineMenu li.all a .panel      {background-position:0 0;}
.listRefine .refineMenu li.social a .panel {background-position:-142px 0;}
.listRefine .refineMenu li.environment a .panel     {background-position:-282px 0;}
.listRefine .refineMenu li.other a .panel    {background-position:-424px 0;}

.listRefine .refineMenu li.all a:hover .panel      {background-position:0 -25px;}
.listRefine .refineMenu li.social a:hover .panel {background-position:-142px  -25px;}
.listRefine .refineMenu li.environment a:hover .panel     {background-position:-282px  -25px;}
.listRefine .refineMenu li.other a:hover .panel    {background-position:-424px  -25px;}

.listRefine .refineMenu li.all a.cur .panel      {background-position:0 -50px;}
.listRefine .refineMenu li.social a.cur .panel {background-position:-142px  -50px;}
.listRefine .refineMenu li.environment a.cur .panel     {background-position:-282px  -50px;}
.listRefine .refineMenu li.other a.cur .panel    {background-position:-424px  -50px;}

/* CSR詳細ページ */
.p-csr .photoset {
  width: 506px;
  margin: 0 auto;
}

.p-csr .photoset > div {
  text-align: center;
}

.p-csr .photoset.layout1 div.photoset__inner,
.p-csr .photoset.layout2 div.photoset__inner,
.p-csr .photoset.layout3 div.photoset__inner {
  display: inline-block;
  width: auto;
  float: none;
}

.p-csr .photoset img {
	margin-bottom: 5px;
}