/* ===========================================================

	Title:					contents.css
	Created:			2015-08-13
	Last Created:		2015-08-26

=========================================================== */
/*

## base

		btn
		tab
		hub
		list
		sort


## contents

		about
		feature
		ir
		individual
		link
		sitemap
		area
		finance

=========================================================== */
/* ===========================================================

	base

=========================================================== */
/* btn-details */
.btn-details-2 {
	width: 200px;
	height: 40px;
	line-height: 40px;
	background: #b99a00;
	border-radius: 5px;
	color: #fff !important;
}
.btn-details-2:hover {
	color: #fff !important;
}
.btn-details-2 .back {
	width: 100%;
	height: 0%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background: #e8e8e8;
	border-radius: 0;
}
.btn-details-2 .text {
	z-index: 2;
	width: 100%;
	top: 0;
	position: absolute;
	left: 0px;
}
.btn-details-2:hover .text {
	color: #b99a00 !important;
}
/* ===========================================================

	tab

=========================================================== */
.tabs > .tab {
}
.tabs > .tab.active, .tabs > .tab.active a {
	font-weight: bold;
}
.panels > .panel {
	display: none;
}
.panels > .panel.active {
	display: block;
}
/* tab-a
----------------------------------------------------------- */
ul.tab-a {
	font-weight: bold;
	display: table;
	table-layout: fixed;
	height: auto;
	margin: 0 auto 20px;
	padding: 0;
	zoom: 1;
	width: 100%;
	border-bottom: solid 3px #1A274C;
}
ul.tab-a li {
	display: table-cell;
	text-align: center;
	overflow: hidden;
	margin: 0;
	width: 33%;
}
ul.tab-a a {
	position: relative;
	display: block;
	/*height: 55px;*/
	line-height: 1.4;
	padding: 20px 0 20px;
	font-weight: bold;
	text-decoration: none;
	border-right: 1px solid #cccccc;
	color: #333;
	background: #e0e0e0;
}
ul.tab-a a:hover {
	color: #C9C7C5;
	cursor: pointer;
}
ul.tab-a li a.current, ul.tab-a li.active a {
	border-right: 1px solid #02003C;
	color: #fff;
	background: #02003C;
}
ul.tab-a li a span {
	/*background: url(/asset/img/common/ic/ic_arrow_h.png) 50% bottom no-repeat;
	padding: 0 0 10px;*/
}
ul.tab-a li a.current span, ul.tab-a li.active a span, ul.tab-a li.active a:after {
	background: none;
	font-weight: bold;
}
ul.tab-a li a:after {
	content: " ";
  width: 4px;
  height: 4px;
  border: 2px solid;
  border-color:  transparent transparent #0A1464 #0A1464;
  transform: rotate(-45deg);
	position: absolute;
	bottom: 9px;
	left: 50%;
	margin-left:-2px;
}
ul.tab-a li.active a:after {
  border-color:  transparent transparent #C9C7C5 #C9C7C5;
}
@media screen and (max-width : 721px) {
.tab-a li {
	width: 100% !important;
	float: left;
 }
}
/* tab-en
----------------------------------------------------------- */
ul.tab-en {
	font-weight: bold;
	display: table;
	table-layout: fixed;
	height: auto;
	margin: 0 auto 20px;
	padding: 0;
	zoom: 1;
	width: 100%;
	border-bottom: solid 3px #1A274C;
}
ul.tab-en li {
	display: table-cell;
	text-align: center;
	overflow: hidden;
	margin: 0;
	width: 33%;
}
ul.tab-en a {
	position: relative;
	display: block;
	/*height: 55px;*/
	line-height: 1.4;
	padding: 20px 0 20px;
	font-weight: bold;
	text-decoration: none;
	border-right: 1px solid #cccccc;
	color: #333;
	background: #e0e0e0;
}
ul.tab-en a:hover {
	color: #C9C7C5;
	cursor: pointer;
}
ul.tab-en li a.current, ul.tab-en li.active a {
	border-right: 1px solid #02003C;
	color: #fff;
	background: #02003C;
}
ul.tab-eb li a span {
	/*background: url(/asset/img/common/ic/ic_arrow_h.png) 50% bottom no-repeat;
	padding: 0 0 10px;*/
}
ul.tab-en li a.current span, ul.tab-en li.active a span, ul.tab-en li.active a:after {
	background: none;
	font-weight: normal;
}
ul.tab-en li a:after {
	content: " ";
  width: 4px;
  height: 4px;
  border: 2px solid;
  border-color:  transparent transparent #0A1464 #0A1464;
  transform: rotate(-45deg);
	position: absolute;
	bottom: 9px;
	left: 50%;
	margin-left:-2px;
}
ul.tab-en li.active a:after {
  border-color:  transparent transparent #C9C7C5 #C9C7C5;
}
@media screen and (max-width : 721px) {
.tab-en li {
	width: 100% !important;
	float: left;
 }
}

/* tab-b
----------------------------------------------------------- */
ul.tab-b {
	margin: 0;
	padding: 0;
}
ul.tab-b li {
	float: left;
	display: inline;
	margin: 0 0 10px;
}
/* ===========================================================

	hub

=========================================================== */
/* Put a border around the newly clickable element */
.bl-hot {
	zoom: 1; /* Should be IE only */
	background: #fff;
}
/* rollover style for clickable element */
.bl-hover {
	cursor: pointer;
}
.hub li.bl-hover dl dt a {
	color: #b8292e;
}
/* Simulate hover on contained link */
.bl-hover a:link {
}
.bl-hover a:visited {
}
/* Some demo layout */
.hub {
	margin: 0 0 20px;
}
.hub li {
	display: inline;
	float: left;
	width: 310px;
	margin: 0 15px 15px 0;
}
.hub li.bl-hot {
}
.hub li:before {
	content: '';
}
.hub li.lastChild {
	margin-right: 0;
}
.hub li dl {
	margin: 0;
	padding: 0;
}
.hub li dl dt {
	overflow: hidden;
}
.hub li dl dt a {
	margin: 0;
	padding: 0 10px 0 35px;
	background: #dddddd url(/asset/img/individual/hub_arrow.gif) 10px 50% no-repeat;
	line-height: 40px;
	height: 40px;
	display: block;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
.hub li dl dd {
	margin: 0;
	padding: 15px 10px 0 0;
	border: solid 2px #ddd;
	border-top: none;
}
.hub li dl dd:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.hub li dl dd {
	zoom: 1;
}
.hub li dl dd img {
	float: left;
	margin: -15px 15px 0 0;
}
/* ===========================================================

	list

=========================================================== */
/* dl-horizontal-a
----------------------------------------------------------- */
dl.dl-horizontal-a {
	clear: both;
}
dl.dl-horizontal-a dt {
	clear: both;
	float: left;
}
dl.dl-horizontal-a dd {
	border-bottom: dotted 1px #ccc;
	margin: 0 0 10px;
	padding: 0 0 10px 12em;
}
/* dl-pertinent
----------------------------------------------------------- */
dl.dl-pertinent {
	clear: both;
	border: solid 1px #ddd;
	padding: 0 0 10px;
}
dl.dl-pertinent:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
dl.dl-pertinent {
	zoom: 1;
}
dl.dl-pertinent dt {
	clear: both;
	border-bottom: solid 1px #ddd;
	font-weight: bold;
	margin: 0 0 15px;
	padding: 8px 20px;
	background: #f9f9f9;
}
dl.dl-pertinent dd {
	float: left;
	margin: 0 0 5px 20px;
	padding: 0 10px 0 0;
}
dl.dl-pertinent dd a {
	background: url(/asset/img/common/ic/ic_arrow_b.png) 2px 50% no-repeat;
	padding: 0 0 0 12px;
}
/* dl-link-pdf
----------------------------------------------------------- */
dl.dl-link-pdf {
	clear: both;
}
dl.dl-link-pdf dt {
	clear: both;
	float: left;
}
dl.dl-link-pdf dd {
	border-bottom: dotted 1px #ccc;
	margin: 0 0 10px;
	padding: 0 0 10px 11em;
}
dl.dl-link-pdf dd a {
	background: url(/asset/img/common/ic/ic_arrow_a.gif) 0 50% no-repeat;
	padding: 0 0 0 10px;
}
dl.dl-link-pdf dd dl {
	margin-bottom: 0;
	padding: 7px 0 0;
}
dl.dl-link-pdf dd dt {
	background: url(/asset/img/common/revied_last.gif) 0 -2px no-repeat;
	padding: 0 0 0 20px;
}
dl.dl-link-pdf dd dd {
	margin: 0 0 10px 20px;
	padding: 0 0 10px 11em;
}
dl.dl-link-pdf dd dd.lastChild {
	border-bottom: none;
	margin-bottom: 0;
}
/* ul-link-pdf
----------------------------------------------------------- */
ul.ul-link-pdf {
	margin-bottom: 15px;
}
ul.ul-link-pdf li {
	background: url(/asset/img/common/ic/ic_arrow_b.png) 0 50% no-repeat;
	border-bottom: dotted 1px #ddd;
	margin: 0;
	padding: 5px 0 5px 10px;
}
ul.ul-link-pdf li a {
	background: url(/asset/img/common/ic/pdficon_small.png) right 50% no-repeat;
	padding: 3px 20px 3px 0;
}
ul.ul-link-pdf li a:link, ul.ul-link-pdf li a:visited {
	text-decoration: none;
	color: #333333;
}
ul.ul-link-pdf li a:hover {
	color: #b99a00;
}
ul.ul-link-pdf li img {
	margin: 0 0 0 5px;
	vertical-align: text-bottom;
}
/* ul-list
----------------------------------------------------------- */
ul.ul-list {
	margin-bottom: 15px!important;
	clear: both;
}
ul.ul-list li {
	border-bottom: dotted 1px #ddd;
	margin: 0 0 5px;
	padding: 0 0 5px;
}
ul.ul-list li span {
	float: left;
	width: 8em;
}
:root ul.ul-list li span {
	width: 10em;
}
ul.ul-list li a {
	background: url(/asset/img/common/ic/ic_arrow_b.gif)0 50% no-repeat;
	padding: 0 0 0 7px;
}
ul.ul-list li a:link, ul.ul-list li a:visited {
	text-decoration: none;
	color: #333333;
}
ul.ul-list li a:hover {
	color: #b99a00;
}
ul.ul-list li img {
	margin: 0 0 0 7px;
	vertical-align: text-bottom;
}
/* revied */
ul.revied {
	background: url(/asset/img/common/bg/revied_last.gif) 15px -2px no-repeat;
	padding-left: 30px !important;
}
/*ul-sort
----------------------------------------------------------- */
ul.ul-sort {
	clear: both;
	margin: 0 0 15px;
	padding: 10px 0 5px !important;
	line-height: 1;
	background: #f7f7f7;
	border: solid 1px #ddd;
}
ul.ul-sort li {
	float: left;
	overflow: hidden;
	margin: 0 0 5px;
	padding: 0;
}
ul.ul-sort li a {
	border-right: solid 1px #ccc;
	display: block;
	padding: 2px 10px;
}
ul.ul-sort li:last-child a {
	border-right: none;
}
ul.ul-sort li a:link, ul.ul-sort li a:visited {
}
ul.ul-sort a:hover {
}
ul.ul-sort a.current {
	font-weight: bold;
	color: #C6AB6F;
	text-decoration: none;
}
/* ul-backnumber
----------------------------------------------------------- */
.ul-backnumber {
	clear: both;
	margin: 0 0 25px;
	padding: 0 !important;
	line-height: 1;
}
.ul-backnumber li {
	float: left;
	overflow: hidden;
	margin: 0 5px 10px 0;
}
.ul-backnumber li a {
	border-right: solid 1px #ccc;
	display: block;
	padding: 0 10px 0 13px;
	background: url(/asset/img/common/ic/ic_arrow_b.gif) 5px 50% no-repeat;
}
.ul-backnumber li a.current {
	font-weight: bold;
	color: #C6AB6F;
	text-decoration: none;
}
.ul-backnumber li a:link, .ul-backnumber li a:visited {
}
.ul-backnumber li a:hover {
}
/* ===========================================================



	contents



=========================================================== */
/* ===========================================================

	about

=========================================================== */
.message-name {
	text-align: right;
}
.message-name img {
	margin: 0 0 10px;
}
.message-name span {
	display: block;
}
.message-name em {
	font-size: 22px;
	letter-spacing: 5px;
	font-weight: bold;
	color: #000000;
	margin: 4px 0 0;
	display: inline-block;
}
@media screen and (min-width : 1024px) {
	.message-name {
		float: right;
	}
}
/* ===========================================================

	feature

=========================================================== */
.icon_base{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
}
.icon_base::before,
.icon_base::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.icon_set::before{
	width: 12px;
	height: 12px;
	background: #B99A00;
}
.icon_set::after{
	left: 5px;
	box-sizing: border-box;
	width: 3px;
	height: 3px;
	border: 3px solid transparent;
	border-left: 3px solid #fff;
}

.icon_sub_base{
	position: relative;
	display: inline-block;
	padding: 0 0 0 14px;
	vertical-align: middle;
	font-weight: bold;
}
.icon_sub_base::before,
.icon_sub_base::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.sub_mark::before{
	width: 3px;
	height: 12px;
	background: #1a274c;
}
.sub_mark::after{
	left: 5px;
	width: 3px;
	height: 12px;
	background: #b99a00;
}


span.link_mark{
	background: url(/asset/img/common/ic/ic_blank.png) 0 50% no-repeat;
	border: none;
	margin: 0;
	padding: 0 0 0 18px;
}
img.border_line{
	border: 1px solid #ccc;
}
div#efforts ul.ul-sort li a {
	display: inline;
}
div#efforts ul.ul-sort li.nested {
	padding-right: 10px;
	border-right: solid 1px #ccc
}
div#efforts ul.ul-sort li.nested a {
	border-right: none;
}

p.table_text{
	font-size: 13px;
	margin: 2em 0 0;
	line-height: 1.8;
}
p.efforts_text{
	font-size: 13px;
	margin: 2em 0 0;
	line-height: 1.8;
}


p.space_text{
	display: table;
	font-size: 13px;
	margin: 0 0 10px;
	line-height: 1.8;
}
p.space_text img{
	display: table-cell;
	vertical-align: bottom;
	margin: 0 20px 0 0;
}
p.space_text span{
	display: table-cell;
	vertical-align: bottom;
}


ul.s_policy{
}
ul.s_policy li{
	font-weight: bold;
}
ul.s_policy li span{
	display: block;
	padding: 0.4em 0 0.8em 1em;
	font-weight: normal;
}
ul.s_policy li span.feature5_indent{
	display: block;
	padding: 0.4em 0 0.8em 2em;
	font-weight: normal;
	text-indent: -1em;
}

ul.s_policy li span.s-indent{
margin-left: 1em;
text-indent: -1em;
}


div.casbee {
	overflow: hidden;
	border: 1px solid #ddd;
}
div.casbee div.casbee_rank{
	text-align: center;
}
div.casbee  div.casbee_rank img{
}
div.casbee ul.article_list{
    max-width: 390px;
    margin: 0 auto 20px;
}
div.casbee ul.article_list li{
	display: block;
	float: left;
	width: 130px;
	margin-bottom: 0 !important;
	text-align: center;
}
div.casbee ul.article_list li a:hover{
	color: #092a6c;
	text-decoration: underline !important;
}
div.casbee ul.article_list li span{
	line-height: 1.3em;
}
div.casbee ul.article_list li img{
	display: block;
	width: 100px;
	height: 140px;
	margin: 20px 15px 10px 15px;
}
div.casbee ul.article_list li a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

@media screen and (min-width : 1024px) {
	div.casbee {
		display: block;
		width: 878px;
		height: 218px;
	}
	div.casbee div.casbee_rank{
		display: block;
		float: left;
		width: 224px;
		height: 220px;
		margin: 0 15px 0 0;
		border-right: 1px solid #ddd;
	}
	div.casbee  div.casbee_rank img{
		display: block;
		width: 224px;
		height: 210px;
	}
	div.dbj ul.article_list{
		width: 674px;
		clear: none !important;
		margin-top: -45px;
	}
	div.dbj ul.article_list_3years{
		width: 674px;
		clear: none !important;
		margin-top: -93px;
	}
	div.dbj ul.article_list_4years{
		width: 674px;
		clear: none !important;
		margin-top: -140px;
	}
	div.dbj ul.article_list_2016{
		width: 674px;
		clear: none !important;
	}
	dl.s_efforts dd ul li.column-3-left {
			width: 270px;
			float: left;
	}
	dl.s_efforts dd ul li.column-3-center {
			width: 270px;
			margin: 0 0 0 25px;
			float: left;
	}
	dl.s_efforts dd ul li.column-3-right {
			width: 270px;
			margin: 0 0 0 25px;
			float: left;
	}
}

div.dbj {
	border: 1px solid #ddd;
}
div.dbj img{
	display: block;
	float: left;
	clear: both;
	margin: 20px 15px 0 0;
}
div.dbj div.dbj_columun{
	border-bottom: 1px dashed #ddd;
}
div.dbj div.columun_end{
	border-bottom: none !important;
}
div.dbj ul.article_list{
	float: left;
	clear: both;
}
div.dbj ul.article_list_3years{
	float: left;
	clear: both;
}
div.dbj ul.article_list_4years{
	float: left;
	clear: both;
}
div.dbj ul.article_list_2016{
	float: left;
	clear: both;
}
div.dbj ul.article_list_end{
	margin-bottom: 0 !important;
	border: none;
}
div.dbj ul.article_list li {
	display: block;
	float: left;
	width: 130px;
	height: 220px;
	text-align: center;
	margin: 0;
}
div.dbj ul.article_list_3years li {
	display: block;
	float: left;
	width: 130px;
	height: 220px;
	text-align: center;
	margin: 0;
}
div.dbj ul.article_list_4years li {
	display: block;
	float: left;
	width: 130px;
	height: 220px;
	text-align: center;
	margin: 0;
}
div.dbj ul.article_list_2016 li {
	display: block;
	float: left;
	width: 130px;
	height: 220px;
	text-align: center;
	margin: 0;
}
div.dbj ul.article_list li a:hover {
	color: #092a6c;
	text-decoration: underline !important;
}
div.dbj ul.article_list_3years li a:hover {
	color: #092a6c;
	text-decoration: underline !important;
}
div.dbj ul.article_list_4years li a:hover {
	color: #092a6c;
	text-decoration: underline !important;
}
div.dbj ul.article_list_2016 li a:hover {
	color: #092a6c;
	text-decoration: underline !important;
}
div.dbj ul.article_list li span {
	line-height: 1.3em;
}
div.dbj ul.article_list_3years li span {
	line-height: 1.3em;
}
div.dbj ul.article_list_4years li span {
	line-height: 1.3em;
}
div.dbj ul.article_list_2016 li span {
	line-height: 1.3em;
}
div.dbj ul.article_list_2016 li span {
	line-height: 1.3em;
}
div.dbj ul.article_list li img {
	display: block;
	width: 100px;
	height: 140px;
	margin: 20px 15px 10px 15px;
}
div.dbj ul.article_list_3years li img {
	display: block;
	width: 100px;
	height: 140px;
	margin: 20px 15px 10px 15px;
}
div.dbj ul.article_list_3years li img {
	display: block;
	width: 100px;
	height: 140px;
	margin: 20px 15px 10px 15px;
}
div.dbj ul.article_list_4years li img {
	display: block;
	width: 100px;
	height: 140px;
	margin: 20px 15px 10px 15px;
}
div.dbj ul.article_list_4years li img {
	display: block;
	width: 100px;
	height: 140px;
	margin: 20px 15px 10px 15px;
}
div.dbj ul.article_list_2016 li img {
	display: block;
	width: 100px;
	height: 140px;
	margin: 20px 15px 10px 15px;
}
div.dbj ul.article_list li a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
div.dbj ul.article_list_3years li a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
div.dbj ul.article_list_4years li a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
div.dbj ul.article_list_2016 li a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/* bels-20180801 */
@media screen and (min-width : 1024px) {
	div.bels ul.article_list{
		width: 674px;
		clear: none !important;
		margin-top: 0px;
	}
	div.bels ul.article_list_2016{
		width: 674px;
		clear: none !important;
	}
}

div.bels {
	border: 1px solid #ddd;
}
div.bels img{
	display: block;
	float: left;
	clear: both;
	margin: 20px 15px 0 0;
}
div.bels div.bels_columun{
	border-bottom: 1px dashed #ddd;
}
div.bels div.columun_end{
	border-bottom: none !important;
}
div.bels ul.article_list{
	float: left;
	clear: both;
}
div.bels ul.article_list_2016{
	float: left;
	clear: both;
}
div.bels ul.article_list_end{
	margin-bottom: 0 !important;
	border: none;
}
div.bels ul.article_list li {
	display: block;
	float: left;
	width: 130px;
	height: 220px;
	text-align: center;
	margin: 0;
}
div.bels ul.article_list_2016 li {
	display: block;
	float: left;
	width: 130px;
	height: 220px;
	text-align: center;
	margin: 0;
}
div.bels ul.article_list li a:hover {
	color: #092a6c;
	text-decoration: underline !important;
}
div.bels ul.article_list_2016 li a:hover {
	color: #092a6c;
	text-decoration: underline !important;
}
div.bels ul.article_list li span {
	line-height: 1.3em;
}
div.bels ul.article_list_2016 li span {
	line-height: 1.3em;
}
div.bels ul.article_list_2016 li span {
	line-height: 1.3em;
}
div.bels ul.article_list li img {
	display: block;
	width: 100px;
	height: 140px;
	margin: 20px 15px 10px 15px;
}
div.bels ul.article_list_2016 li img {
	display: block;
	width: 100px;
	height: 140px;
	margin: 20px 15px 10px 15px;
}
div.bels ul.article_list li a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
div.bels ul.article_list_2016 li a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

div.bels .bels-certification-rank {
	display: block;
	float: left;
	width: 184px;
	/* margin-top: 85px; */
	margin-left: 20px;
}
/* /bels-20180801 */

.feature-sector-pie {
	width: 500px;
	margin: 0 auto;
}
@media screen and (max-width : 767px) {
	.feature-sector-pie {
		width: 100%;
	}
}

/**********************
belsのロゴ追加前のソース
 ***********************/
/* div.bels {
	border: 1px solid #ddd;
}
div.bels img{
	display: block;
	float: left;
	clear: both;
	margin: 20px 15px 0 0;
}
div.bels div.bels_columun{
	border-bottom: 1px dashed #ddd;
}
div.bels div.columun_end{
	border-bottom: none !important;
}
div.bels ul.article_list{
	float: left;
	clear: both;
}
div.bels ul.article_list_2016{
	float: left;
	clear: both;
}
div.bels ul.article_list_end{
	margin-bottom: 0 !important;
	border: none;
}
div.bels ul.article_list li {
	display: block;
	float: left;
	width: 130px;
	height: 220px;
	text-align: center;
	margin: 0;
}
div.bels ul.article_list_2016 li {
	display: block;
	float: left;
	width: 130px;
	height: 220px;
	text-align: center;
	margin: 0;
}
div.bels ul.article_list li a:hover {
	color: #092a6c;
	text-decoration: underline !important;
}
div.bels ul.article_list_2016 li a:hover {
	color: #092a6c;
	text-decoration: underline !important;
}
div.bels ul.article_list li span {
	line-height: 1.3em;
}
div.bels ul.article_list_2016 li span {
	line-height: 1.3em;
}
div.bels ul.article_list_2016 li span {
	line-height: 1.3em;
}
div.bels ul.article_list li img {
	display: block;
	width: 100px;
	height: 140px;
	margin: 20px 15px 10px 15px;
}
div.bels ul.article_list_2016 li img {
	display: block;
	width: 100px;
	height: 140px;
	margin: 20px 15px 10px 15px;
}
div.bels ul.article_list li a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
div.bels ul.article_list_2016 li a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
} */

dl.s_policy {
}
dl.s_policy dt{
}
dl.s_policy dd{
}

dl.s_efforts {
}
dl.s_efforts dt{
	padding: 15px 0px 0px;
}
dl.s_efforts dd{
	padding: 10px 0px;
}
dl.s_efforts dd span.img-left{
	float: left;
	margin: 0 40px 20px 0;
}

dl.s_efforts dd ul{
	margin-bottom: 0 !important;
}
dl.s_efforts dd ul li{
	margin-bottom: 0 !important;
}

dl.s_efforts dd ul.link-list li {
	background: url(/asset/img/common/ic/ic_blank.png) 0 50% no-repeat;
	border: none;
	margin: 0;
	padding: 0 0 0 18px;
}

dl.s_efforts dd ul li.column-3-left-min {
		width: 136px;
		float: left;
}
dl.s_efforts dd ul li.column-3-center-min {
		width: 270px;
		margin: 0 0 0 50px;
		float: left;
}

/* ac-btn */
.ac-btn {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 12px;
	cursor: pointer;
	transition: .2s ease-in-out;
}
 .ac-btn:hover {
	opacity: 0.5;
}
.ac-btn.open,
.open .ac-btn {
	opacity: 0.5;
}
.ac-btn:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border: solid transparent;
	border-width: 12px 8px 0 8px;
	border-top-color: #111;
	transition: .2s ease-in-out;
}

/* efforts-result-tabl */
.efforts-result-table {

}
.efforts-result-table th.year {
	border-bottom: transparent;
}
.efforts-result-table th.year.blank-cell {
	border-top: transparent;
}
.efforts-result-table .ac-btn {
	display: block;
	float: right;
	margin-top: 4px;
}

.efforts-result-table tr.ac-header th:not(.year),
.efforts-result-table tr.ac-header td {
	border-top: solid 2px #111;
	border-bottom: solid 2px #111;
}
.efforts-result-table tr.ac-header th.year,
.efforts-result-table tr.ac-header td:last-child {
	border-right: solid 2px #111;
}

.efforts-result-table .dbj_top{
	border-top: solid 2px #111;
	border-left: solid 2px #111;
	border-right: solid 2px #111;
}
.efforts-result-table .dbj_middle{
	border-left: solid 2px #111;
	border-right: solid 2px #111;
}
.efforts-result-table .dbj_under{
	border-bottom:solid 2px #111;
	border-left: solid 2px #111;
	border-right: solid 2px #111;
}

.efforts-result-table .bels_top{
	border-top: solid 2px #111;
	border-left: solid 2px #111;
	border-right: solid 2px #111;
}
.efforts-result-table .bels_middle{
	border-left: solid 2px #111;
	border-right: solid 2px #111;
}
.efforts-result-table .bels_under{
	border-bottom:solid 2px #111;
	border-left: solid 2px #111;
	border-right: solid 2px #111;
}

.efforts-result-table .sector {
	/*color: #fff;*/
	/*font-weight: bold;*/
}
/*
.efforts-result-table .sector.type0 { color: ; background-color: ; }
.efforts-result-table .sector.type1 { color: #fff; background-color: #b22132; }
.efforts-result-table .sector.type2 { color: #fff; background-color: #ce9a3a; }
.efforts-result-table .sector.type3 { color: #fff; background-color: #21b259; }
.efforts-result-table .sector.type4 { color: #fff; background-color: #287fd8; }
.efforts-result-table .sector.type5 { color: ; background-color: ; }
.efforts-result-table .sector.type6 { color: ; background-color: ; }
.efforts-result-table .sector.type7 { color: #fff; background-color: #535353; }
.efforts-result-table .sector.type8 { color: #fff; background-color: #e4cf64; }
*/

/*
table.s_detail{
}
table.s_detail th{
	text-align: center;
}
table.s_detail td.auth{
	text-align: center;
	vertical-align: middle !important;
}
table.s_detail td.portfolio-area-1{
	background-color: #8b64c5;
	vertical-align: middle !important;
}
table.s_detail td.portfolio-area-2{
	background-color: #228bbb;
	vertical-align: middle !important;
}
table.s_detail td.portfolio-area-3{
	background-color: #2caa79;
	vertical-align: middle !important;
}
table.s_detail td.portfolio-area-4{
	background-color: #79aa2c;
	vertical-align: middle !important;
}
table.s_detail td.portfolio-area-5{
	background-color: #b27e2b;
	vertical-align: middle !important;
}
table.s_detail td.portfolio-area-6{
	background-color: #c35050;
	vertical-align: middle !important;
}
*/

.sus-gresb-li {
	margin-left:400px;
	padding-top:50px;
}
@media screen and (max-width : 720px) {
	.sus-gresb-li, .en-sus-gresb-li {
		width: auto;
		height: auto;
		max-width: 100%;
		float: left;
		margin-left: 0px;
		padding-top: 20px;
	}
}

.en-sus-gresb-li {
	margin-left:400px;
	padding-top:20px;
}
@media screen and (max-width : 1024px) {
	.float-left {
		float: none;
		}
}

/* ===========================================================

	portfolio

=========================================================== */
/* portfolio-type
----------------------------------------------------------- */

/*セクターごとの物件数
-----------------------------------------------------------*/
.portfolio-back-color0 {
	background-color: #F6F4EA;
}
.portfolio-back-color1 {
	background-color: #BF0008;
	/*background-color: #b22132;*/
	color: #fff;
	width: 15%;
}
.portfolio-back-color2 {
	background-color: #ED6D1E;
	/*background-color: #ce9a3a;*/
	color: #fff;
	width: 15%;
}
.portfolio-back-color3 {
	background-color: #349E5A;
	/*background-color: #21b259;*/
	color: #fff;
	width: 15%;
}
.portfolio-back-color4 {
	background-color: #007FA4;
	/*background-color: #287fd8;*/
	color: #fff;
	width: 15%;
}
.portfolio-back-color5 {
	background-color: #535353;
	/*background-color: #535353;*/
	color: #fff;
	width: 15%;
}
.portfolio-back-color6 {
	background-color: #0A1464;
	/*background-color: #1A274C;*/
	color: #fff;
	width: 15%;
}

/*-----------------------------------------------------------
ポートフォリオサマリー
-----------------------------------------------------------*/
.port-summary-line1 {
	background-color: #0A1464;
	/*background-color: #1A274C;*/
	color: #fff;
	text-align: right;
}
.port-summary-line2 {
	background-color: #BF0008;
	/*background-color: #b22132;*/
	color: #fff;
}
.port-summary-line3 {
	background-color: #ED6D1E;
	/*background-color: #ce9a3a;*/
	color: #fff;
}
.port-summary-line4 {
	background-color: #349E5A;
	/*background-color: #21b259;*/
	color: #fff;
}
.port-summary-line5 {
	background-color: #007FA4;
	/*background-color: #287fd8;*/
	color: #fff;
}
.port-summary-line6 {
	background-color: #535353;
	/*background-color: #535353;*/
	color: #fff;
}
/*ポートフォリオサマリー幅*/
/*th毎の調整版*/
/*table.portfolio_summary_color thead th:nth-child(1) {
	width: 150px;
}
table.portfolio_summary_color thead th:nth-child(2) {
	width: 100px;
}
table.portfolio_summary_color thead th:nth-child(3),
table.portfolio_summary_color thead th:nth-child(4),
table.portfolio_summary_color thead th:nth-child(5),
table.portfolio_summary_color thead th:nth-child(6) {
	width: 150px;
}*/

/*th-widhthのauto*/
table.portfolio_summary thead tr th:nth-child(1) {
	width: 29%;
}
table.portfolio_summary thead tr th:nth-child(2),
table.portfolio_summary thead tr th:nth-child(3),
table.portfolio_summary thead tr th:nth-child(4),
table.portfolio_summary thead tr th:nth-child(5),
table.portfolio_summary thead tr th:nth-child(6) {
	width: auto;
}



/*-----------------------------------------------------------
ポートフォリオサマリー
-----------------------------------------------------------*/
.portfolio-area-1, .portfolio-area-2, .portfolio-area-3, .portfolio-area-4, .portfolio-area-5, .portfolio-area-6,  .portfolio-area-7, .portfolio-area-8,
tr.portfolio-area-1 td.area, tr.portfolio-area-2 td.area, tr.portfolio-area-3 td.area, tr.portfolio-area-4 td.area, tr.portfolio-area-5 td.area, tr.portfolio-area-6 td.area, tr.portfolio-area-7 td.area, tr.portfolio-area-8 td.area {
	color: #fff;
}
tr.portfolio-area-1 td, tr.portfolio-area-2 td, tr.portfolio-area-3 td, tr.portfolio-area-4 td, tr.portfolio-area-5 td, tr.portfolio-area-6 td, tr.portfolio-area-7 td, tr.portfolio-area-8 td {
	color: #111;
}
.portfolio-list td.area { white-space: nowrap; }

.portfolio-list tr.even td {background-color: #FFFFFF;}
.portfolio-list tr.odd td {background-color: #f9f9f9;}

.portfolio_summary tr.portfolio-area-1 td.area,
.portfolio-list tr.portfolio-area-1 td.area,
.portfolio-review-table th.portfolio-area-1 {background-color: #BF0008; } /*{background-color: #b22132; }*/
.portfolio_summary tr.portfolio-area-2 td.area,
.portfolio-list tr.portfolio-area-2 td.area,
.portfolio-review-table th.portfolio-area-2 {background-color: #ED6D1E; } /*{background-color: #ce9a3a; }*/
.portfolio_summary tr.portfolio-area-3 td.area,
.portfolio-list tr.portfolio-area-3 td.area,
.portfolio-review-table th.portfolio-area-3 {background-color: #349E5A; } /*{background-color: #21b259; }*/
.portfolio_summary tr.portfolio-area-4 td.area,
.portfolio-list tr.portfolio-area-4 td.area,
.portfolio-review-table th.portfolio-area-4 {background-color: #007FA4 } /*{background-color: #287fd8; }*/
.portfolio_summary tr.portfolio-area-5 td.area,
.portfolio-list tr.portfolio-area-5 td.area,
.portfolio-review-table th.portfolio-area-5 {background-color: #BA6582; } /*{background-color: #BA6582; }*/
.portfolio_summary tr.portfolio-area-6 td.area,
.portfolio-list tr.portfolio-area-6 td.area,
.portfolio-review-table th.portfolio-area-6 {background-color: #007FA4; } 
/*.portfolio-list tr.portfolio-area-6 td.area,
.portfolio-review-table th.portfolio-area-6 {background-color: #9e71d1; } /*{background-color: #9e71d1; }*/
.portfolio_summary tr.portfolio-area-7 td.area,
.portfolio-list tr.portfolio-area-7 td.area,
.portfolio-review-table th.portfolio-area-7 {background-color: #535353; } /*{background-color: #535353; }*/
.portfolio_summary tr.portfolio-area-8 td.area,
.portfolio-list tr.portfolio-area-8 td.area,
.portfolio-review-table th.portfolio-area-8 {background-color: #ED6D1E; } /*{background-color: #ce9a3a; }*/

.portfolio_summary tr.portfolio-area-1 td.area {border: solid 1px #111;}
.portfolio_summary tr.portfolio-area-2 td.area {border-right: solid 1px #111; border-bottom: dashed 1px #ccc;}
.portfolio_summary tr.portfolio-area-3 td.area {border: solid 1px #111;}
.portfolio_summary tr.portfolio-area-4 td.area {border: solid 1px #111;}
.portfolio_summary tr.portfolio-area-5 td.area {border: solid 1px #111;}
.portfolio_summary tr.portfolio-area-6 td.area {border: solid 1px #111;}
.portfolio_summary tr.portfolio-area-7 td.area {border: solid 1px #111;}
.portfolio_summary tr.portfolio-area-8 td.area {border-top:dashed 1px #ccc}


.portfolio_summary tr.portfolio-area-2 td.port-summary-align {border-right: solid 1px #111; border-bottom: dashed 1px #ccc;}
.portfolio_summary tr.portfolio-area-8 td.port-summary-align {border-right: solid 1px #111; border-top: dashed 1px #ccc;}
.portfolio_summary tr.portfolio-area-2 td.port-line-gray {}
.portfolio_summary tr.portfolio-area-8 td.port-line-gray {}




/* サマリーの合計行 */
tr.portfolio-area-all {
	border-top: solid 3px #000;
	border-bottom: solid 3px #000;
	border-right: solid 2px #000;
	border-left: solid 2px #000;
	/*border: solid 3px #1A274C;*/
}
tr.portfolio-area-all td {
}
td.portfolio-area-all,
tr.portfolio-area-all td.area,
td.portfolio-area-retail,
tr.portfolio-area-retail td.area {
	color: #fff;
	font-weight: normal;
}
td.portfolio-area-all,
tr.portfolio-area-all td.area {background-color: #0A1464;} /*{background-color: #1A274C;}*/
td.portfolio-area-retail,
tr.portfolio-area-retail td.area {background-color: #ED6D1E; border-right: solid 1px #111; border-left: solid 1px #111; }

.portfolio_summary tr.portfolio-area-2 td.area,
.portfolio_summary tr.portfolio-area-8 td.area {
	color: #111;
	background-color: #fff;
}
/*2017/07/13修正範囲*/
/*　　　　↓　　　　　*/
/*2017/07/13修正範囲*/

.portfolio_summary thead tr th {
	border: solid 1px #111;
}

.portfolio_summary tr th {
	border-right: solid 1px #111;
}
.portfolio_summary tr td {
	border: solid 1px #111;
}

/*商業施設の囲い線*//*商業施設の囲い線*//*商業施設の囲い線*/
/*商業施設の囲い線*//*商業施設の囲い線*//*商業施設の囲い線*/
/*.portfolio_summary tr.portfolio-area-2,
.portfolio_summary tr.portfolio-area-8 {
   border-right: solid 1px #efede8;
}*/

/*.portfolio_summary tr.portfolio-area-2 td.port-summary-align{
	border-top: solid 2px #777;
}
.portfolio_summary tr.portfolio-area-8 td.port-summary-align {
   border-bottom: solid 2px #777;
 }*/
 /*商業施設の囲い線*//*商業施設の囲い線*//*商業施設の囲い線*/
 /*商業施設の囲い線*//*商業施設の囲い線*//*商業施設の囲い線*/


/*2017/07/13修正範囲*/
/*　　　　↑　　　　　*/
/*2017/07/13修正範囲*/

/*2017/07/12修正範囲*/
/*商業施設のエリアにグレーの囲み線*/
/*2017/07/12修正範囲*/

/*.portfolio_summary tr.portfolio-area-2,
.portfolio_summary tr.portfolio-area-8 {
   border-right: solid 2px #777;
}

.portfolio_summary tr.portfolio-area-2 td.port-summary-align{
	border-top: solid 2px #777;
}
.portfolio_summary tr.portfolio-area-8 td.port-summary-align {
   border-bottom: solid 2px #777;
 }*/

 /*2017/07/12修正範囲*/
 /*商業施設のエリアにグレーの囲み線*/
 /*2017/07/12修正範囲*/


/* アコーディオン */
.portfolio_summary .area {
	border-bottom: transparent;
}
.portfolio_summary td.blank-cell {
	border-top: transparent;
	border-bottom: transparent;
	border-left: solid 1px #111;
	border-right: transparent;
}
.portfolio_summary .ac-btn {
	display: block;
	float: right;
	margin-top: 4px;
}
.portfolio_summary .ac-btn {
	opacity: 0.8;
}
.portfolio_summary .ac-btn:hover {
	opacity: 0.5;
}
.portfolio_summary .ac-btn.open,
.portfolio_summary .open .ac-btn {
	opacity: 0.5;
}
.portfolio_summary .ac-btn:before {
	border-top-color: #fff;
}

h2.portfolio-area-1 em {color: #BF0008;} /*{color: #b22132;}*/
h2.portfolio-area-1 span {border-bottom-color: #b22132;} /*{border-bottom-color: #b22132;}*/
h2.portfolio-area-2 em {color: #ce9a3a;} /*{color: #ce9a3a;}*/
h2.portfolio-area-2 span {border-bottom-color: #ED6D1E;} /*{border-bottom-color: #ce9a3a;}*/
h2.portfolio-area-3 em {color: #21b259;} /*{color: #21b259;}*/
h2.portfolio-area-3 span {border-bottom-color: #349E5A;} /*{border-bottom-color: #21b259;}*/
h2.portfolio-area-4 em {color: #287fd8;} /*{color: #287fd8;}*/
h2.portfolio-area-4 span {border-bottom-color: #007FA4;} /*{border-bottom-color: #287fd8;}*/
h2.portfolio-area-5 em {color: #BA6582;} /*{color: #BA6582;}*/
h2.portfolio-area-5 span {border-bottom-color: #BA6582;} /*{border-bottom-color: #BA6582;}*/
h2.portfolio-area-6 em {color: #007FA4;} /*{color: #9e71d1;}*/
h2.portfolio-area-6 span {border-bottom-color: #007FA4;} /*{border-bottom-color: #9e71d1;}*/
h2.portfolio-area-7 em {color: #535353;} /*{color: #535353;}*/
h2.portfolio-area-7 span {border-bottom-color: #535353;} /*{border-bottom-color: #535353;}*/
h2.portfolio-area-8 em {color: #ce9a3a;} /*{color: #ce9a3a;}*/
h2.portfolio-area-8 span {border-bottom-color: #ED6D1E;} /*{border-bottom-color: #ce9a3a;}*/

/* portfolio-data
----------------------------------------------------------- */
.portfolio-data {
	border-radius: 3px;
	border: solid 1px #ddd;
	behavior: url(/asset/js/PIE.htc);
	position: relative;
	padding: 20px 0 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
	max-width: 350px;
	display: inline-block;
}
.portfolio-data dl {
	margin: 0;
}
.portfolio-data dt {
	font-size: 17px;
	font-weight: bold;
	height: 40px;
	line-height: 30px;
	border-bottom: solid 2px #0A1464;
	display: inline-block;
	color: #111;
	margin: 0 0 10px;
}
.portfolio-data dd em {
	margin: 0;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
}
.portfolio-data dd.nomal {
	line-height: 20px;
	padding: 0 20px;
	font-weight: normal;
}
.portfolio-data dd em {
	font-size: 27px;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	padding: 0 5px 0 0;
	color: #111;
}
.portfolio-data p {
	font-size: 11px;
	height: 20px;
	line-height: 30px;
}
/*
.portfolio-data-loans
*/
.portfolio-data-loans {
	border-radius: 3px;
	border: solid 1px #ddd;
	behavior: url(/asset/js/PIE.htc);
	position: relative;
	padding: 20px 15px 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
	max-width: 350px;
	display: inline-block;
}
.portfolio-data-loans dl {
	margin: 0;
}
.portfolio-data-loans dt {
	font-size: 17px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	border-bottom: solid 2px #b99a00;
	display: inline-block;
	color: #111;
	margin: 0 0 10px;
}
.portfolio-data-loans dd em {
	margin: 0;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
}
.portfolio-data-loans dd.nomal {
	line-height: 20px;
	padding: 0 20px;
	font-weight: normal;
}
.portfolio-data-loans dd em {
	font-size: 27px;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	padding: 0 5px 0 0;
	color: #111;
}
.portfolio-data-loans p {
	font-size: 11px;
	height: 20px;
	line-height: 30px;
}

/*
.portfolio-data-bond
*/
.portfolio-data-bond {
	border-radius: 3px;
	border: solid 1px #ddd;
	behavior: url(/asset/js/PIE.htc);
	position: relative;
	padding: 20px 15px 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
	max-width: 350px;
	display: inline-block;
}
.portfolio-data-bond dl {
	margin: 0;
}
.portfolio-data-bond dt {
	font-size: 17px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	border-bottom: solid 2px #b99a00;
	display: inline-block;
	color: #111;
	margin: 0 0 10px;
}
.portfolio-data-bond dd em {
	margin: 0;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
}
.portfolio-data-bond dd.nomal {
	line-height: 20px;
	padding: 0 20px;
	font-weight: normal;
}
.portfolio-data-bond dd em {
	font-size: 27px;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	padding: 0 5px 0 0;
	color: #111;
}
.portfolio-data-bond p {
	font-size: 11px;
	height: 20px;
	line-height: 30px;
}

.portfolio-data-current {
	border-radius: 3px;
	border: solid 1px #ddd;
	behavior: url(/asset/js/PIE.htc);
	position: relative;
	padding: 20px 0 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
	max-width: 350px;
	display: inline-block;
}
.portfolio-data-current dl {
	margin: 0;
}
.portfolio-data-current dt {
	font-size: 17px;
	font-weight: bold;
	height: 32px;
	line-height: 5px;
	border-bottom: solid 2px #b99a00;
	display: inline-block;
	color: #111;
	margin: 0 0 10px;
}

.portfolio-data-current dt span.txt-current {
	line-height: 2.4;
	font-size: 13px;
}

.portfolio-data-current dd em {
	margin: 0;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
}
.portfolio-data-current dd.nomal {
	line-height: 20px;
	padding: 0 20px;
	font-weight: normal;
}
.portfolio-data-current dd em {
	font-size: 27px;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	padding: 0 5px 0 0;
	color: #111;
}
.portfolio-data-current p {
	font-size: 11px;
	height: 20px;
	line-height: 30px;
}


/* select-search
----------------------------------------------------------- */
.select-search {
	display: block;
	float: left;
	margin: 0 0 10px;
}
.select-search select {
	float: left;
	margin: 0 10px 0 0;
}
.select-search .search-btn {
	float: left;
	margin: 0 0 0 10px;
}
.select-search input, .select-search button, .select-search select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.select-search input, .select-search button, .select-search select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
/*firefox*/
.select-search select {
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
}
/*IE10*/
.select-search select::-ms-expand {
 display: none;
}
.select-search .select-warp {
	float: left;
	overflow: hidden; /* 伸ばした分を隠す */
	border: solid 1px #ccc;
	background: url(/asset/img/common/ic/ic_select.png) 93% 50% no-repeat;
}
.select-search .select-warp > select {
	width: 130%; /* UI分を伸ばす */
}
.select-search select {
	height: 33px;
	line-height: 33px;
	padding: 0 100px 0 15px;
	font-size: 13px;
}
.select-search select:hover {
	cursor: pointer;
}
.select-search input[type="submit"], .select-search input[type="button"] {
	background: #e0e0e0;
	height: 35px;
	line-height: 35px;
	padding: 0 15px;
	font-size: 13px;
}
.select-search input[type="submit"]:hover, .select-search input[type="button"]:hover {
	background: #b99a00;
	color: #fff;
	cursor: pointer;
}

/* checkbox-list
----------------------------------------------------------- */
.checkbox-list dl {
	margin: 0 0 10px;
}
.checkbox-list dt {
    display: block;
}
.checkbox-list dd {
    position: relative;
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 0;
}
.checkbox-list input {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}
.checkbox-list input[type="checkbox"] + label {
    display: block;
	color: #bbb;
	background-image: url(/asset/img/common/ic/ic_checkbox_off.png);
	background-color: #f0f0f0;
    background-size: 16px;
    background-position: 7px center;
    background-repeat: no-repeat;
    padding: 3px 12px 3px 27px;
	border-radius: 3px;
	behavior: url(/asset/js/PIE.htc);/* IE8  */
	position: relative;/* IE8  */
	cursor: pointer;
}

.checkbox-list .checked input[type="checkbox"] + label{background-image: url(/asset/img/common/ic/ic_checkbox_on.png); background-color: #0A1464; /*background-color: #1A274C;*/ color: #FFF;}

.checkbox-list .checked input[type="checkbox"] + label.portfolio-area-1 { background-color: #BF0008; color: #fff;} /*{ background-color: #b22132; color: #fff;}*/
.checkbox-list .checked input[type="checkbox"] + label.portfolio-area-2 { background-color: #ED6D1E; color: #fff;} /*{ background-color: #ce9a3a; color: #fff;}*/
.checkbox-list .checked input[type="checkbox"] + label.portfolio-area-3 { background-color: #349E5A; color: #fff;} /*{ background-color: #21b259; color: #fff;}*/
.checkbox-list .checked input[type="checkbox"] + label.portfolio-area-4 { background-color: #007FA4; color: #fff;} /*{ background-color: #287fd8; color: #fff;}*/
.checkbox-list .checked input[type="checkbox"] + label.portfolio-area-5 { background-color: #BA6582; color: #fff;} /*{ background-color: #BA6582; color: #fff;}*/
.checkbox-list .checked input[type="checkbox"] + label.portfolio-area-6 { background-color: #007FA4; color: #fff;} /*{ background-color: #9e71d1; color: #fff;}*/
.checkbox-list .checked input[type="checkbox"] + label.portfolio-area-7 { background-color: #535353; color: #fff;} /*{ background-color: #535353; color: #fff;}*/
.checkbox-list .checked input[type="checkbox"] + label.portfolio-area-8 { background-color: #ED6D1E; color: #fff;} /*{ background-color: #ce9a3a; color: #fff;}*/



@media screen and (min-width : 1024px) {
		.checkbox-list dt {
			display: inline-block;
		}
}

/* portfolio-list
----------------------------------------------------------- */
table.portfolio-list {
}
table.portfolio-list th {
	text-align: center;
	vertical-align: middle;
	padding: 6px 5px;
	white-space: nowrap;
}
table.portfolio-list td {
	padding: 6px 5px;
	text-align: right;
	vertical-align: middle;
}

/* sort-btn */
.sort-btn th {
	background: #f0f0f0 !important;
	padding: 5px 0 !important;
	text-align: center;
	line-height: 1;
	white-space: nowrap !important;
}
.sort-btn th a span {
	display: inline-block;
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: 0 0;
}
.sort-btn th a span.up {
	background-image: url(/asset/img/common/ic/ic_sort_u.png);
}
.sort-btn th a span.down {
	margin: 0 0 0 2px;
	background-image: url(/asset/img/common/ic/ic_sort_d.png);
}
.sort-btn th a.now span.up {
	background-image: url(/asset/img/common/ic/ic_sort_u_o.png);
}
.sort-btn th a.now span.down {
	background-image: url(/asset/img/common/ic/ic_sort_d_o.png);
}
/* portfolio-title
----------------------------------------------------------- */
.portfolio-title {
	font-size: 24px;
	margin: 0 0 30px;
	background: #fff;
	color: #333;
	border-bottom: solid 3px #000;
	line-height: 1.3;
	padding: 0 0 5px;
}
.portfolio-title em {
	display: block;
	margin: 0 10px 0 0;
	font-size: 18px;
}
.portfolio-title span {
	border-bottom-style: solid;
	border-bottom-width: 3px;
	display: inline-block;
	margin: 0 0 -8px;
	padding: 0 0 10px;
	font-weight: bold;
	line-height: 1.3;
}
@media screen and (min-width : 1024px) {
	.portfolio-title em {
		display: inline-block;
		font-size: 24px;
	}
}
/* bxslider-detail-warp
----------------------------------------------------------- */
.bxslider-detail-warp {
	width: 100%;
	margin: 0 0 40px;
}
/* bx-wrapper
----------------------------------------------------------- */
.bx-wrapper {
	position: relative;
	clear: both;
	width:  100%;
	margin: 0;
	padding: 0;
	*zoom: 1;
}
/* bxslider-detail
----------------------------------------------------------- */
.bxslider-detail {
	height: 100%;
	background: #f0f0f0;
}
.bxslider-detail li {

}
.bxslider-detail li[aria-hidden="false"] {
	width: 700px\9 !important;
}
.bxslider-detail li img {
	margin: 0 auto;
	display: block;
	max-width: 100%;
	height: auto;
	}
/* bx-pager
----------------------------------------------------------- */
#bx-pager {
	width: 100%;
	margin: 0;
	text-align: center;
	padding: 10px 0 0;
}
#bx-pager li {
	overflow: hidden;
	display: inline-block;
	padding: 0;
	margin: 0 2px 1px;
	text-align: center;
	line-height: 1;
	width: 60px;
	height: 60px;
	position: relative;
}
#bx-pager li a {
	margin: 0;
	width: 60px;
	height: 60px;
	position: relative;
	overflow: hidden;
	display: block;
}
#bx-pager li a img {
/*height: 60px;
	width: auto;*/
	cursor: pointer;
}
#bx-pager li a:link, #portfolio #bx-pager li a:visited {
}
#bx-pager li a:hover {
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 0;
    outline: 0;
    width: 25%;
    height: 100%;
    text-indent: -9999px;
    z-index: 9999;
}
.bx-wrapper .bx-prev {
	left: 0;
    background: url(/asset/img/common/ic/ic_prev_l.png) no-repeat 7% 50%;
}
.bx-wrapper .bx-next {
	right: 0;
    background: url(/asset/img/common/ic/ic_next_l.png) no-repeat 93% 50%;
}

@media screen and (min-width : 1024px) {
	/* bx-wrapper
	----------------------------------------------------------- */
	.bx-wrapper {
		float: left;
		width:  700px;
	}
	/* bxslider-detail
	----------------------------------------------------------- */
	.bxslider-detail li img {
		width: auto;
		height: auto;
		}
	/* bx-pager
	----------------------------------------------------------- */
	#bx-pager {
		float: right;
		width: 140px;
		margin: 0;
		padding: 0;
	}
	#bx-pager li {
		float: left;
		margin: 0 0 10px 10px;
	}
}

/* detail pf-info
----------------------------------------------------------- */
.preWrap {
	white-space: pre-wrap;
}

/*map_canvas
----------------------------------------------------------- */
#map_canvas {
	clear: both;
	width: 100%;
	height: 400px;
	margin: 0 0 2em;
}
@media screen and (min-width : 1024px) {
	#map_canvas {
		height: 450px;
	}
}
/*map
----------------------------------------------------------- */
#map {
	clear: both;
	margin: 0 0 10px;
	height: 400px;
	border: solid 1px #ccc;
}
@media screen and (min-width : 1024px) {
	#map {
		height: 600px;
	}
}
/*marker-list
----------------------------------------------------------- */
#marker-list {
	margin: 0 0 20px 0;
	overflow: auto;
	height: 145px;
	background-color: #f1f0ed;
	border:1px solid #cccccc;
	padding:5px;
}
#marker-list li {
	line-height: 26px;
	vertical-align: middle;
	float: left;
	width: 300px;
	margin: 0 15px 5px 0;
}
#marker-list li img {
	vertical-align: middle;
}
/* portfolio-map
----------------------------------------------------------- */
.portfolio-map {
	clear: both;
	border: solid 1px #ccc;
	margin: 0 0 20px;
	padding: 5px 0;
}
/* pagenation
----------------------------------------------------------- */
.pagenation {
	clear: both;
	height: 30px;
	line-height: 30px;
	margin: 0 0 20px;
	padding: 10px 0 0;
}
.pagenation li {
	display: inline;
	margin: 0;
}
.pagenation li a {
	display: block;
	height: 30px;
	line-height: 30px;
	background-repeat: no-repeat;
}
.pagenation li a:link, .pagenation li a:visited {
	text-decoration: none;
	background-color: #fff;
	color: #111;
}
.pagenation li a:hover {
	text-decoration: none;
	background-color: #fff;
	color: #b99a00 !important;
}
.pagenation li.next {
	float: right;
}
.pagenation li.prev {
	float: left;
}
.pagenation li.next a {
	float: right;
	background-image: url(/asset/img/common/ic/ic_next.png);
	background-position: right 50%;
	padding: 0 15px 0 5px;
}
.pagenation li.prev a {
	float: left;
	background-image: url(/asset/img/common/ic/ic_prev.png);
	background-position: 0 50%;
	padding: 0 5px 0 15px;
}

/* rate
----------------------------------------------------------- */
#portfolio.rate #chartArea {
    position: relative;
}
#portfolio.rate #chartArea .percent {
    position: absolute;
    top:35px;
    left:7px;
}
#portfolio.rate .amChartsLegend {
    padding-left:33px;
}

.rate-table-size{
	font-size: 11px!important;
}

/* ===========================================================

	library-table

=========================================================== */
.library-table {
	border: solid 1px #ccc;
}
.library-table th {
	border: solid 1px #ccc;
	text-align: center;
	width: auto;
	padding: 10px 0;
}
.library-table td {
	text-align: center;
	vertical-align: middle;
	padding: 10px 0;
}
.library-table img {
	margin: 3px 0;
}
.update-list {
	display: none;
	text-align: right;
	position: absolute;
	background-color: #fff;
	border: 1px solid #ddd;
	width: 300px;
	margin: -80px 0 0 -150px;
	padding: 5px;
	z-index: 10;
}
.update-list h5 {
	font-weight: bold;
	text-align: center;
	background-color: #F6F4EA;
	padding: 5px 0;
	border: none;
	font-size: 12px !important;
}
.update-list ul {
	text-align: left;
	margin: 0 !important;
	padding: 0 10px 5px;
}
.update-list ul li {
	padding-top: 5px;
}
.popup-area {
	display: none;
}
.popup-area {
	font-size: 11px;
	padding: 2px 0;
	width: 100%;
}
.popup-area img {
	vertical-align: bottom;
	margin: 0 0 0 3px;
}
/* ===========================================================

	ir

=========================================================== */

/* news
----------------------------------------------------------- */
.news {
	padding: 0;
}
.news dt {
	position: relative;
	margin: 0;
	padding: 10px 0 5px;
	width: 14em;
}
.news dt span {
	position: absolute;
	z-index: 0;
	top: 10px;
	right: 0;
	vertical-align: text-bottom;
	font-size: 11px;
	color: #fff;
	border-radius: 3px;
	text-align: center;
	width: 6em;
	line-height: 20px;
	height: 20px;
	behavior: url(/asset/js/PIE.htc);
}
.news dt.noDate {
    width: 5em;
}
.ic-press10 { background-color: #B99A00;} /*物件*/
.ic-press11 { background-color: #BF4425;} /*決算*/
.ic-press12 { background-color: #9450A4;} /*借入*/
.ic-press13 { background-color: #234785;} /*増資*/
.ic-press16 { background-color: #852323;} /*自己投資口*/
.ic-press14 { background-color: #525252;} /*その他*/
.ic-press15 { background-color: #79aa2c;} /*ESG*/

.news dd {
	margin: 0;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #ddd;
}
.news dd img {
	margin: 0 2px 0 4px;
	vertical-align: text-bottom;
}
.news a:link, .news a:visited {
}
.news a:hover {
}
dt span.ic-top-press1 { background-color: #b99a00;} /*HP更新*/
dt span.ic-top-press2 { background-color: #BF4425;} /*お知らせ*/
dt span.ic-top-press3 { background-color: #525252;} /*その他*/
dt span.ic-top-press10,
dt span.ic-top-press11,
dt span.ic-top-press12,
dt span.ic-top-press13,
dt span.ic-top-press14,
dt span.ic-top-press16,
dt span.ic-top-press15 { background-color: #34a3b1;} /*リリース*/


@media screen and (min-width : 1024px) {
	/*　top-news
	=========================================================== */
	.news dt {
		clear: both;
		float: left;
		padding: 10px 0;
		width: 16em;
	}
	.news dd {
		margin: 0;
		padding: 10px 0 10px 18em;
		border-bottom: solid 1px #ddd;
	}
	.news dt.noDate {
		width: 5em;
	}
	.news dd.noDate {
		padding: 10px 0 10px 6em;
	}
}

/* distribute
----------------------------------------------------------- */
dl.distribute-a, dl.distribute-b {
	border: double 3px #ddd;
	background: #EFEFEF;
	margin: 0 0 30px;
	padding: 20px 10px 30px;
	text-align: center;
}
dl.distribute-a dt, dl.distribute-b dt {
	margin: 0 0 20px;
	padding: 0 0 10px 0;
	border-bottom: dotted 1px #ccc;
	font-weight: bold;
	font-size: 13px;
	line-height: 20px;
	height: 20px;
}
dl.distribute-a dt em, dl.distribute-b dt em {
	color: #fff;
	padding: 6px 15px 5px;
	border-radius: 3px;
	behavior: url(/asset/js/PIE.htc);
	position: relative;
}
dl.distribute-a dd, dl.distribute-b dd {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 10px;
	height: 10px;
	text-align: center;
}
dl.distribute-a dd em, dl.distribute-b dd em {
	font-size: 30px;
	margin: 0 5px 0 10px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif !important;
}
dl.distribute-a dt em {
	background: #b99a00;
}
dl.distribute-b dt em {
	background: #1A274C;
}
dl.distribute-a dt span {
	background: #c4622d;
	padding: 4px 10px 3px;
	color: #FFF;
	font-weight: bold;
}
dl.distribute-b dt span {
	background: #b99a00;
	padding: 4px 10px 3px;
	color: #FFF;
	font-weight: bold;
}
dl.distribute-a dd em {
	color: #b99a00;
}
dl.distribute-b dd em {
	color: #1A274C;
}
@media screen and (min-width : 1024px) {
	dl.distribute-a, dl.distribute-b {
		margin: 0 120px 30px;
		padding: 40px;
	}
	dl.distribute-a dt, dl.distribute-b dt {
		float: left;
		margin: 0;
		padding: 0 30px 0 0;
		border-right: dotted 1px #ccc;
		border-bottom: none;
	}
	dl.distribute-a dd, dl.distribute-b dd {
		text-align: right;
		padding: 0 0 0 15em;
	}
}
/* investor
----------------------------------------------------------- */
.investor-section {
	position: relative;
}
.investor-another-link {
	font-size: 13px;
	margin: 0 0 2em;
	line-height: 1.8;
}
@media screen and (min-width : 1024px) {
 .investor-another-link {
	 position: absolute;
	 top: 0;
	 right: 0;
	}
}

/* faq
----------------------------------------------------------- */
dl.qa {
	margin: 0 0 0 34px;
	padding: 0 0 0 0;
}
dl.qa dt {
	clear: both;
	margin: 0 0 10px;
}
dl.qa dt a {
	display: block;
}
dl.qa dd {
	padding: 0 0 10px;
	margin: 0 0 20px;
}
dl.qa dd a {
	float: right;
	display: inline-block;
	margin: 0 0 0 15px;
	padding: 8px 15px 8px 25px;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	background: #1A274C url(/asset/img/common/ic/ic_arrow_a.png) 15px 50% no-repeat;
}
dl.qa dd a:hover {
}
dl.qa em {
	background: #C1A100;
	margin: 0 0 0 -34px;
	color: #fff;
	font-weight: normal;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 12px;
	text-align: center;
	display: block;
	float: left;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-style: normal;
}
dl.qa dd em {
	background: #1B2A51;
}
dl.qa dd span {
	display: block;
	float: left;
}

/* library-pickup
----------------------------------------------------------- */
.library-pickup {
	display: flex;
	margin-bottom: 30px;
}
.library-pickup dt {
	width: 230px;
}
.library-pickup dd {
	width: calc(100% - 230px);
}
.library-pickup-list {
	background: #F6F4EA;
	padding: 15px 20px 10px 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.library-pickup-list li {
	width: 48%;
	border-bottom: 1px solid #ccc;
}

.library-pickup-list li a {
	color: #111;
	padding: 5px;
	display: block;
	position:relative;
}
.library-pickup-list li a:before {
	content: '';
	width: 5px;
	height: 5px;
	border: 0;
	border-top: solid 2px #999;
	border-right: solid 2px #999;
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -3px;
	transform: rotate(45deg);
}
.library-pickup-list li a:hover {
    color: #b99a00;
	text-decoration: none;
}
@media screen and (max-width: 1024px) {
	.library-pickup-list {
		display: block;
		padding: 10px 20px; 
	}
	.library-pickup-list li {
		width: auto;
	}
}
@media screen and (max-width: 768px) {
	.library-pickup {
		display: block;
	}
	.library-pickup dt {
		width: auto;
		text-align: center;
		margin-bottom: 15px;
	}
	.library-pickup dd {
		width: auto;
	}
	.library-pickup-list {
		padding: 15px 15px 10px 15px;
	}
}
.ic_html {
	background: #222F96;
	color: #fff !important;
	display: inline-block;
	padding: 2px 10px 1px 10px;
	margin-bottom: 2px;
    border-radius: 2px;
} 
.ic_html:hover {
	text-decoration: none;
	color: #b99a00 !important;
}
.ic_html_small {
	font-size: 80%;
    background: #222F96;
    color: #fff !important;
    display: inline-block;
    padding: 3px 5px 1px 5px;
    line-height: 1;
    border-radius: 2px;
} 
.ic_html_small:hover {
	text-decoration: none;
}

#title {
	clear: both;
	text-align: center;
	padding: 0 0 20px;
}

#title h2.sfdr {
	padding: 10px 15px;
	line-height: 18px;
	font-size: 14px;
	border-bottom: solid 3px #0a1464;
	border: none;
	border-left: solid 5px #0a1464;
	font-weight: bold;
	margin: 0px auto;
	background-color: #f0f0f0;
	display: block;
	color: #000;
	text-align: left;
	background-image: none;
}

.font-italic{
	font-style: italic;
}

.font-bold{
	font-weight: bold!important;
}

.sfdr-indent{
	text-indent: -14px;
	padding-left: 13px;
	margin-bottom: 0px;
}

.sfdr-indent2{
	text-indent: -19px;
	padding-left: 18px;
	margin-bottom: 0px;
}

.indent-table--disc th:before {
	content: "";
	width: 5px;
	height: 5px;
	display: inline-block;
	background-color: #000;
	border-radius: 50%;
	margin: 8px 5px 0px 0px;
}

.indent-table--circle th:before {
	content: "";
	width: 4px;
	height: 4px;
	display: inline-block;
	background-color: #fff;
	border: solid 1px;
	border-radius: 50%;
	margin-bottom: 0px;
}

@media screen and (min-width : 1024px) {
	#title h2.sfdr {
		border-bottom: solid 3px #0a1464;
		border: none;
		border-left: solid 5px #0a1464;
		line-height: 30px;
		padding: 10px 15px;
		font-size: 20px;
		font-weight: bold;
		margin: 0px auto;
		background-color: #f0f0f0;
		display: block;
		color: #000;
		text-align: left;
		background-image: none;
	}
}



/* ===========================================================

	link

=========================================================== */
/* link-list
----------------------------------------------------------- */
ul.link-list {
	margin-bottom: 15px;
}
ul.link-list li {
	background: url(/asset/img/common/ic/ic_blank.png) 0 50% no-repeat;
	border-bottom: dotted 1px #ddd;
	margin: 0;
	padding: 5px 0 5px 18px;
}
ul.link-list li a {
}
ul.link-list li a:link, ul.link-list li a:visited {
	text-decoration: none;
	color: #111;
}
ul.link-list li a:hover {
	color: #C9C7C5;
}
ul.link-list li img {
	margin: 0 0 0 5px;
	vertical-align: text-bottom;
}
/* ===========================================================

	sitemap

=========================================================== */
.sitemap {
	margin: 0;
	padding: 0;
}
@media screen and (min-width : 1024px) {
	.sitemap {
		float: right;
		width: 410px;
	}
	.sitemap:nth-child(even) {
		float: left;
	}
}
.sitemap h3 {
}
.sitemap h3 a:link, .sitemap h3 a:visited {
	font-weight: bold;
}
.sitemap ul {
	margin: 0 0 30px;
}
.sitemap li {
	margin: 0 0 5px;
}
.sitemap li a {
	padding: 0 0 0 15px;
	display: block;
  position: relative;
}
.sitemap li a:before {
  position: absolute;
  top: 8px;
  left: 0;
  content: "";
  width: 4px;
  height: 4px;
  border: 2px solid;
  border-color: #0A1464 #0A1464 transparent transparent;
  transform: rotate(45deg);
}
.sitemap a:link, .sitemap a:visited {
	text-decoration: none;
	color: #111;
}
.sitemap a:hover {
	text-decoration: underline;
	color: #C9C7C5;
}
.sitemap li ul {
	margin: 0 0 10px 20px;
	padding: 5px 0 0;
}
.sitemap li ul li {
	margin: 0;
}
.sitemap li ul li a {
	background: url(/asset/img/common/ic/ic_arrow_a.png) 0 50% no-repeat;
	padding: 0 10px;
	display: block;
}

/* ===========================================================

	area

=========================================================== */
#area {
	margin-bottom: 15px!important;
	clear: both;
}
.tabNav li {
	border-bottom: dotted 1px #ddd;
	margin: 0 0 5px;
	padding: 0 0 5px;
}
.tabNav li span {
	float: left;
	width: 8em;
}
:root .tabNav li span {
	width: 10em;
}
.tabNav li a {
	background: url(/asset/img/common/ic/ic_arrow_b.png)0 50% no-repeat;
	background-size: 8px 12px;
	padding: 0 0 0 15px;
}
.tabNav li a:link, .tabNav li a:visited {
	text-decoration: none;
	color: #333333;
}
.tabNav li a:hover {
	color: #b99a00;
}
.tabNav li img {
	margin: 0 0 0 7px;
	vertical-align: text-bottom;
}

table .comitment-line th {
	text-align: center;
}


/* ===========================================================

	finance

=========================================================== */
.dl-button-finance a {
	color: #000000;
}
.dl-button a {
	color: #000000;
}



/* ===========================================================





/* ===========================================================

	ESG

=========================================================== */

/* esg_initiative
----------------------------------------------------------- */
.sector_leader {
	background: #F6F4EA;
	padding-top: 20px;
}

.sector_leader_span {
	font-weight: bold;
	color: #bf0008;
}


/* ===========================================================

	amcharts

=========================================================== */

/* amcharts2行目の文字サイズ小
----------------------------------------------------------- */
.amcharts-fontsize_small svg text tspan:nth-child(2) {
	font-size: 75%;
}



/* ===========================================================


/* ===========================================================

	@@

=========================================================== */

/* @@
----------------------------------------------------------- */
/* ===========================================================

	@@

=========================================================== */

/* @@
----------------------------------------------------------- */
