@charset "utf-8";

body, body td, body th {
	font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
}
.sp-only {
  display: none !important;
}

.pc-only {
  display: block !important;
}


h5.bgOn span{
background-position: 0px 10px;
    font-weight: bold;
    padding: 5px 0px 5px 15px;
}
.h4_onLink h4 span.ttlH4,h3 span.h3TxtWrap{
    font-weight: bold;
}
.h4_onLink h4 span.h4Arr{
    top: 0%;
}
/*
.tabList2 li {
	width: calc((100% - 20px) / 3);
	display: inline-block;
	text-align: center;

}
    */
    #eco blockquote {
    border-left: none;
}

/* マージン */
.mT5{margin-top:5px !important;}
.mT10{margin-top:10px !important;}
.mT15{margin-top:15px !important;}
.mT20{margin-top:20px !important;}
.mT25{margin-top:25px !important;}
.mT30{margin-top:30px !important;}
.mT35{margin-top:35px !important;}
.mT40{margin-top:40px !important;}

.mB5{margin-bottom:5px !important;}
.mB10{margin-bottom:10px !important;}
.mB15{margin-bottom:15px !important;}
.mB20{margin-bottom:20px !important;}
.mB25{margin-bottom:25px !important;}
.mB30{margin-bottom:30px !important;}
.mB35{margin-bottom:35px !important;}
.mB40{margin-bottom:40px !important;}
.mB100{margin-bottom:100px !important;}

.mR5{margin-right:5px !important;}
.mR10{margin-right:10px !important;}
.mR15{margin-right:15px !important;}
.mR20{margin-right:20px !important;}
.mR25{margin-right:25px !important;}
.mR30{margin-right:30px !important;}
.mR35{margin-right:35px !important;}
.mR40{margin-right:40px !important;}

.mL5{margin-left:5px !important;}
.mL10{margin-left:10px !important;}
.mL15{margin-left:15px !important;}
.mL20{margin-left:20px !important;}
.mL25{margin-left:25px !important;}
.mL30{margin-left:30px !important;}
.mL35{margin-left:35px !important;}
.mL40{margin-left:40px !important;}


.mg_r10{margin-right:10px;}
.mg_b10{margin-bottom:10px!important;}
.mg_b20{margin-bottom:20px!important;}
.mg_r0{margin-right:0 !important;}


/* パディング */
.pdT5{padding-top:5px !important;}
.pdT10{padding-top:10px !important;}
.pdT15{padding-top:15px !important;}
.pdT20{padding-top:20px !important;}
.pdT25{padding-top:25px !important;}
.pdT30{padding-top:30px !important;}

.pdB5{padding-bottom:5px !important;}
.pdB10{padding-bottom:10px !important;}
.pdB15{padding-bottom:15px !important;}
.pdB20{padding-bottom:20px !important;}
.pdB25{padding-bottom:25px !important;}
.pdB30{padding-bottom:30px !important;}

.pdR5{padding-right:5px !important;}
.pdR10{padding-right:10px !important;}
.pdR15{padding-right:15px !important;}
.pdR20{padding-right:20px !important;}
.pdR25{padding-right:25px !important;}
.pdR30{padding-right:30px !important;}

.pdL5{padding-left:5px !important;}
.pdL10{padding-left:10px !important;}
.pdL15{padding-left:15px !important;}
.pdL20{padding-left:20px !important;}
.pdL25{padding-left:25px !important;}
.pdL30{padding-left:30px !important;}


.pd_t10{padding-top:10px;}
.pd_b15{padding-bottom:15px;}
.pd_l0{padding-left: 0 !important;}


/* 文字間設定 */
.lsP01{letter-spacing:0.1em !important;}
.lsP02{letter-spacing:0.2em !important;}
.lsP03{letter-spacing:0.3em !important;}
.lsP04{letter-spacing:0.4em !important;}
.lsP05{letter-spacing:0.5em !important;}

.lsM01{letter-spacing:-0.1em !important;}
.lsM02{letter-spacing:-0.2em !important;}

.lsNormal{letter-spacing:normal !important;}


/* 行間設定 */
.lHeight10{line-height:1.0 !important;}
.lHeight11{line-height:1.1 !important;}
.lHeight12{line-height:1.2 !important;}
.lHeight13{line-height:1.3 !important;}
.lHeight14{line-height:1.4 !important;}
.lHeight15{line-height:1.5 !important;}
.lHeight16{line-height:1.6 !important;}
.lHeight17{line-height:1.7 !important;}
.lHeight18{line-height:1.8 !important;}
.lHeight19{line-height:1.9 !important;}
.lHeight20{line-height:2.0 !important;}
.lHeight21{line-height:2.1 !important;}
.lHeight22{line-height:2.2 !important;}
.lHeight23{line-height:2.3 !important;}
.lHeight24{line-height:2.4 !important;}
.lHeight25{line-height:2.5 !important;}


/* フォントサイズ設定
   ベースフォントサイズ14pxからの相対値で算出 */
.fs10{font-size:71.4% !important;}			/* font-size:10px */
.fs11{font-size:78.6% !important;}			/* font-size:11px */
.fs12{font-size:85.7% !important;}			/* font-size:12px */
.fs13{font-size:92.9% !important;}			/* font-size:13px */
.fs14{font-size:100% !important;}			/* font-size:14px */
.fs15{font-size:107.1% !important;}		/* font-size:15px */
.fs16{font-size:114.3% !important;}		/* font-size:16px */
.fs17{font-size:121.4% !important;}		/* font-size:17px */
.fs18{font-size:128.6% !important;}		/* font-size:18px */
.fs19{font-size:135.7% !important;}		/* font-size:19px */
.fs20{font-size:142.9% !important;}		/* font-size:20px */


/* 文字装飾設定 */
.italic {font-style: italic;}
.small-caps {font-variant: small-caps;}
.bold,
.textbold {font-weight: bold;}
.overline {text-decoration: overline;}
.underline {text-decoration: underline;}

.colorbasic {
	color: #C00;/*赤色*/
}

.underline {
	text-decoration: underline;
}

.italic {
	font-style: italic;
}

.textbold {
	font-weight: bold;
}


/*TABLE設定*/
.tablebasic {/*テーブルに黒い枠線を表示させる*/
	border-collapse: collapse;
}
.tablebasic, tablebasic td, .tablebasic th {
	border-collapse: collapse;
	border-spacing: 0;
}
.tablebasic td, .tablebasic th {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #333;
}
.table-none td, .table-none th {/*入れ子のテーブルから枠線を消す*/
	border: none;
}

/*右コンテンツ-２カラム用*/
#rightContent {
    float: right;
    width: 764px;
}

/*３カラム用*/
#LeftCon {
    float: left;
    width: 568px;
}
#rightCon{
	float: right;
    width: 176px;
}

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

　●２-３　グローバルナビ部分

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

#nav_local{
	height: 46px;
	padding: 0;
}
#nav_local ul{
	padding: 0;
	width: 960px;
	margin:0 auto;
	overflow:hidden;
}
#nav_local li{
	float:left;
	list-style: none;
}


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

■３．カテゴリータイトル部分

　●３-１　タイトル名
　●３-２　本文
　●３-３　検索エリア
　●３-４　ぱんくずリスト
　●３-５　左メニュー
　●３-６　テーブル
　●３-7　個人TOPメインバナー部分

===========================================

　●３-１　タイトル名

=========================================*/
h3{
	font-size:180%;
	border-bottom-style:solid;
	border-bottom-width:3px;
}
h3 span.h3TxtWrap{
	display:block;
	padding:16px 20px 7px;
}
h3 span.sml{
	font-size:66.67%;
}

/*-------------------------------- h3_1co -----*/
h3.h3_1co{
	background:url(/english/share/images/h3_bg_btm_1co.gif) repeat-y left;
}
h3.h3_1co span.h3TxtWrap{
	background:url(/english/share/images/h3_bg_top_1co.gif) no-repeat top center;
}

/*-------------------------------- h3_3co -----*/
h3.h3_3co{
	background:url(/english/share/images/h3_bg_btm_3co.gif) repeat-y left;
}
h3.h3_3co span.h3TxtWrap{
	background:url(/english/share/images/h3_bg_top_3co.gif) no-repeat top center;
}




h4{
	font-size:140%;
}

/*-------------------------------- h4_offLink_1co -----*/
.h4_offLink_1co,
.h4_onLink_1co{
	background:url("/english/share/images/h4_bg_btm_1co.gif") no-repeat bottom center;
	padding-bottom:13px;
}
.h4_offLink_1co h4,
.h4_onLink_1co h4{
	background:url("/english/share/images/h4_bg_top_1co.gif") no-repeat top center;
	padding-top:12px;
}
.h4_offLink_1co h4 span.h4Con,
.h4_onLink_1co h4 span.h4Con{
	background:url("/english/share/images/h4_bg_1co.gif") repeat-y left center;
	display:block;
	background-color:#FBFBFB;
	padding-left:20px;
	position:relative;
}

/*-------------------------------- h4_offLink_2co -----*/
.h4_offLink,
.h4_onLink{
	background:url("/english/share/images/h4_bg_btm_2co.gif") no-repeat bottom center;
	padding-bottom:13px;
}
.h4_offLink h4,
.h4_onLink h4{
	background:url("/english/share/images/h4_bg_top_2co.gif") no-repeat top center;
	padding-top:12px;
}
.h4_offLink h4 span.h4Con,
.h4_onLink h4 span.h4Con{
	background:url("/english/share/images/h4_bg_2co.gif") repeat-y left center;
	display:block;
	background-color:#FBFBFB;
	padding-left:20px;
	position:relative;
}

/*-------------------------------- h4_offLink_3co -----*/
.h4_offLink_3co,
.h4_onLink_3co{
	background:url("/english/share/images/h4_bg_btm_3co.gif") no-repeat bottom center;
	padding-bottom:13px;
}
.h4_offLink_3co h4,
.h4_onLink_3co h4{
	background:url("/english/share/images/h4_bg_top_3co.gif") no-repeat top center;
	padding-top:12px;
}
.h4_offLink_3co h4 span.h4Con,
.h4_onLink_3co h4 span.h4Con{
	background:url("/english/share/images/h4_bg_3co.gif") repeat-y left center;
	display:block;
	background-color:#FBFBFB;
	padding-left:20px;
	position:relative;
}

/*-------------------------------- h4_offLink_2co_2co -----*/
.h4_offLink_2co_2co,
.h4_onLink_2co_2co{
	background:url("/english/share/images/h4_bg_btm_2co_2co.gif") no-repeat bottom center;
	padding-bottom:13px;
}
.h4_offLink_2co_2co h4,
.h4_onLink_2co_2co h4{
	background:url("/english/share/images/h4_bg_top_2co_2co.gif") no-repeat top center;
	padding-top:12px;
}
.h4_offLink_2co_2co h4 span.h4Con,
.h4_onLink_2co_2co h4 span.h4Con{
	background:url("/english/share/images/h4_bg_2co_2co.gif") repeat-y left center;
	display:block;
	background-color:#FBFBFB;
	padding-left:20px;
	position:relative;
	padding-right:20px;
}


.h4_offLink_1co h4 span.lineH4,
.h4_offLink h4 span.lineH4,
.h4_offLink_2co_2co h4 span.lineH4,
.h4_offLink_3co h4 span.lineH4,
.h4_onLink_1co h4 span.lineH4,
.h4_onLink h4 span.lineH4,
.h4_onLink_2co_2co h4 span.lineH4,
.h4_onLink_3co h4 span.lineH4{
	position:absolute;
	top:-12px;
	left:10px;
}
.h4_offLink_1co h4 span.ttlH4,
.h4_offLink h4 span.ttlH4,
.h4_offLink_2co_2co h4 span.ttlH4,
.h4_offLink_3co h4 span.ttlH4,
.h4_onLink_1co h4 span.ttlH4,
.h4_onLink h4 span.ttlH4,
.h4_onLink_2co_2co h4 span.ttlH4,
.h4_onLink_3co h4 span.ttlH4{
	padding-left:2px;
	padding-right:20px;
	line-height:1.15;
  font-weight: bold;
}

.h4_onLink_1co h4 span.h4Arr,
.h4_onLink h4 span.h4Arr,
.h4_onLink_2co_2co h4 span.h4Arr,
.h4_onLink_3co h4 span.h4Arr{
	position:absolute;
	right:10px;
	top:36%;
}


h5.bgOn {
    background: url("/english/share/images/h5_bg.gif") repeat left top;
    font-size: 120%;
    padding: 4px 0 1px 10px;
	
}
h5.bgOn span{
	display: block;
    	padding-left: 15px;
	background-repeat: no-repeat;
	/*background-position:0px 7px;*/
	background-position:0 0.45em;
}
h5.bgOn span{

}
h5.bgOof {
    font-size: 120%;
    padding: 0 25px;
	background-repeat: no-repeat;
	/*background-position:10px 8px;*/
	background-position:0.5em 0.45em;
}

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

　●３-２　本文

=========================================*/
#content-area {
	background-image: url("/english/share/images/contents_bg.jpg") repeat-x left top;
	width: 100%;
}
#inner-content-area {
	width: 960px;
	text-align: left;
	margin:0 auto;
	padding-top:20px;
}
#inner-content-area p {
	margin: 0;
}

.note{
	padding-bottom:12px;
}

/* google search result */
.gsc-results .gs-title {
  height: auto !important;
}
/*=========================================

　●３-４　ぱんくずリスト

=========================================*/
#breadcrumb{
	background-color: #EBEBEB;
	min-height: 36px;
	font-size: 12px;
	text-align: left;
	clear:both;
}

#footer_breadcrumb div,
#breadcrumb div {
	max-width: 960px;
	margin:0 auto;
	padding:8px 0;
	overflow:hidden;
}
#breadcrumb a,
#breadcrumb span{
	white-space:nowrap;
	display:inline-block;
}

#breadcrumb a,#footer_breadcrumb a{
    position:relative;
}

#breadcrumb a::after, #footer_breadcrumb a::after {
    content: "";
    border-top: 1px solid #ccc;
    width: 12px;
    height: 100%;
    position: absolute;
    top: 45%;
    right: -20px;
}

#breadcrumb a, #breadcrumb span,
#footer_breadcrumb a, #footer_breadcrumb span {
    margin-right: 26px;
}




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

　●３-５　左メニュー　改定

=========================================*/
#leftNav2 {
	width: 176px;
	font-size: 85.71%;
	float: left;
	overflow: hidden;
	padding-bottom: 10px;
  }
  
  #leftNav2 > .cattitle {
	font-size: 1.5rem;
	padding: 10px;
	display: block;
	background: #ff4d4d;
	color: #ffffff;
	text-shadow: 0 1px 3px #862a2a;
	border-bottom: solid 2px #cccccc;
	position: relative;
  text-align: center;
  }
  #leftNav2.energy > .cattitle {
	background-color: #06a177;
	text-shadow: 0 1px 3px #074836;
	letter-spacing: 0.25em;
	text-align: center;
  }
  
  #leftNav2 > .cattitle.souhaiden {
	background: #222222;
	text-shadow: 0 1px 3px #444444;
  }
  #leftNav2 > .cattitle::before {
	content: "\e5cc";
	display: inline-block;
	font-family: "Material icons";
	vertical-align: middle;
	position: absolute;
	left: 8px;
  }
  #leftNav2 > .cattitle.souhaiden::after {
	display: block;
	content: "";
	height: 1px;
	width: 99%;
	background: #e70014;
	position: absolute;
	left: 1px;
	top: 2px;
  }
  #leftNav2 > .procurement::before {
	content: "";
  }
  
  #leftNav2 ul,
  #leftNav2 li {
	list-style: none;
  }
  
  #leftNav2 > ul {
	background: #f8f8f8;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	box-shadow: 0 0 0 1px #ffffff inset, 0 2px 3px #bfbfbf;
  }
  
  #leftNav2 > ul > li.bbNo,
  #leftNav2 > ul > li:last-of-type {
	background: none;
	padding-bottom: 5px;
  }
  
  #leftNav2 > ul > li.active.bbNo,
  #leftNav2 > ul > li:last-of-type.active {
	background: none;
  }
  
  #leftNav2 > ul > li.active.bbNo > a,
  #leftNav2 > ul > li.active:last-of-type > a {
	margin-bottom: 5px !important;
  }
  
  #leftNav2 > ul > li.active.hasChild > a {
	margin-bottom: none !important;
  }
  
  #leftNav2 > ul > li.bbNo.hasChild,
  #leftNav2 > ul > li:last-of-type.hasChild {
	background: none;
	padding: 0px;
  }
  
  #leftNav2 > ul > li.bbNo.hasChild:after,
  #leftNav2 > ul > li:last-of-type.hasChild:after {
	background: #ffffff;
	padding-bottom: 5px;
	margin: 0;
  }
  
  #leftNav2 li {
	line-height: 1.25;
  }
  
  #leftNav2 li a {
	padding: 7px 3px 7px 16px;
	display: block;
	color: #333333;
	background: url("/share_corporate/images/arr_4.gif") no-repeat 5px 0.9em;
	margin: 0 10px;
  }
  
  body#home #leftNav2 li a {
	background-image: url("/home/share/images/arr_1.gif");
  }
  
  body#business #leftNav2 li a {
	background-image: url("/business/share/images/arr_2.gif");
  }
  body#corporate #leftNav2 li a {
	background-image: url("/share_corporate/images/arr_4.gif");
  }
  
  body #leftNav2.energy li a,
  body#corporate #leftNav2.energy li a {
	background-image: url("/energy_supply/energy/share/images/arr_6.gif");
  }
  
  #leftNav2 ul li:first-child::before {
	border: none;
	padding-top: 3px;
  }
  
  #leftNav2 ul li::before {
	content: "";
	display: block;
	margin: 5px 10px 5px;
	border-bottom: dotted 1px #cccccc;
  }
  
  #leftNav2 ul li.active.hasChild + li::before {
	border: none;
  }
  
  #leftNav2 > ul > li > ul > li > ul > li::before {
	border: none;
  }
  
  #leftNav2 ul li:first-child::before {
	margin-top: 0;
  }
  
  #leftNav2 ul li:after {
	display: block;
	content: "";
  }
  
  #leftNav2 > ul > li:after {
	margin: 5px 10px 5px;
  }
  
  #leftNav2 li.active > a,
  #leftNav2 li a:hover {
	text-decoration: none;
	background-image: url("/share/images/arr_o.gif") !important;
  }
  
  #leftNav2 li.hasChild > a,
  #leftNav2 li.hasChild > a:hover {
	background-image: url("/share/images/arr_a.gif") !important;
  }
  
  #leftNav2 li.active li:first-child a,
  #leftNav2 > ul > li.active + li a {
	border-top: none;
  }
  
  #leftNav2 > ul > li.active > ul > li.bbNo,
  #leftNav2 > ul > li.active > ul > li:last-of-type {
	background: none;
	padding-bottom: 8px;
  }
  
  #leftNav2 > ul > li.active.bbNo > ul > li.bbNo,
  #leftNav2 > ul > li.active.bbNo > ul > li:last-of-type {
	background: none;
  }
  
  #leftNav2 ul > li.bbNo.active > ul > li.bbNo.active,
  #leftNav2 ul > li.bbNo.active > ul > li:last-of-type.active {
	border-bottom: medium none !important;
  }
  
  #leftNav2 > ul > li.bbNo.active > ul > li.bbNo.active,
  #leftNav2 > ul > li.bbNo.active > ul > li:last-of-type.active {
	border-top: 1px solid #cccccc;
  }
  
  /*----level 2------------*/
  
  #leftNav2 > ul > li.hasChild + li:before {
	border: none;
  }
  #leftNav2 > ul > li.active > a,
  #leftNav2 > ul > li > a:hover {
	background-color: #ff4d4d;
	background-position: 5px 0.9em;
	color: #ffffff;
  }
  
  body#home #leftNav2 > ul > li.active > a,
  body#home #leftNav2 > ul > li > a:hover {
	background-color: #ff9900;
  }
  
  body#business #leftNav2 > ul > li.active > a,
  body#business #leftNav2 > ul > li > a:hover {
	background-color: #0051a2;
  }
  
  body#corporate #leftNav2 > ul > li.active > a,
  body#corporate #leftNav2 > ul > li > a:hover {
	background-color: #ff4d4d;
  }
  
  body #leftNav2.energy > ul > li.active > a,
  body #leftNav2.energy > ul > li > a:hover {
	background-color: #06a177 !important;
  }
  
  #leftNav2 > ul > li:first-child > a {
	border: none;
  }
  /*----level 3------------*/
  
  #leftNav2 > ul > li > ul {
	background: #ffffff;
  }
  
  #leftNav2 > ul > li.active > ul > li:first-child {
	background: none;
	margin-top: 10px;
	box-shadow: 0 3px 3px -3px #808080 inset;
  }
  
  #leftNav2 > ul > li.active > ul > li.bbNo:first-child {
	border-bottom: 1px solid #cccccc;
  }
  
  #leftNav2 > ul > li.active {
	background: none;
  }
  #leftNav2 > ul > li.active.hasChild {
	border-bottom: solid 1px #cccccc;
  }
  
  #leftNav2 > ul > li.active > ul > li a {
	padding-left: 20px;
	padding-right: 3px;
	background-position: 5px 0.9em;
  }
  
  #leftNav2 > ul > li.active > ul > li a:hover,
  #leftNav2 > ul > li.active > ul > li.active > a {
	background-color: #cccccc;
	color: #333;
  }
  
  #leftNav2 > ul > li.active > ul > li a,
  #leftNav2 > ul > li.active > ul > li a:hover {
	padding-left: 20px;
  }
  
  #leftNav2 > ul > li.active > ul > li > ul > li,
  #leftNav2 > ul > li > ul > li {
	display: none;
  }
  
  #leftNav2 > ul > li.active:after {
	margin: 0;
  }
  
  #leftNav2 > ul > li.active > ul > li.active > ul > li,
  #leftNav2 > ul > li.active > ul > li {
	display: list-item;
  }
  
  /*----level 4------------*/
  
  #leftNav2 > ul > li.active > ul > li > ul > li {
	padding-left: 10px;
  }
  
  #leftNav2 > ul > li.active > ul > li > ul > li a {
	background-position: 5px 0.9em !important;
	border: none;
  }
  
  #leftNav2 > ul > li.active > ul > li > ul > li.active>a,
  #leftNav2 > ul > li.active > ul > li > ul > li a:hover {
	background-color: #eeeeee !important;
	color: #333 !important;
  }
  
  #leftNav2 > ul > li.active > ul > li > ul > li a {
	background-image: url("/share/images/arr_8.gif") !important;
  }
  
  #leftNav2 > ul > li.active > ul > li > ul > li.active.hasChild>a:first-child,
  #leftNav2 > ul > li.active > ul > li.active > ul > li.active.hasChild>a:first-child:hover {
	background: #eeeeee url(/share/images/arr_a.gif) no-repeat 5px 0.9em !important;
  }
  
  #leftNav2 > ul > li.active > ul > li.active > a:first-child {
	background: #cccccc url("/share/images/arr_o.gif") no-repeat 5px 0.9em !important;
  }
  
  #leftNav2 > ul > li.active > ul > li.hasChild > a:first-child {
	background: #cccccc url("/share/images/arr_a.gif") no-repeat 5px 0.9em !important;
  }
  
  #leftNav2 > ul > li.active > ul > li.active > a:first-child:hover {
	background-image: url("/share/images/arr_8.gif") !important;
	color: #333 !important;
  }
  /*----level 5 20210317------------*/
  #leftNav2 > ul > li.active > ul > li.active > ul > li.active>a{
	background-image: url(/share/images/arr_o.gif) !important;
  }
  #leftNav2 > ul > li.active > ul > li.active > ul > li >ul>li.active>a {
	background: #eeeeee url(/share/images/arr_o.gif) no-repeat 5px 0.9em !important;
  }
  
  #leftNav2 > ul > li.active > ul > li.active > ul > li>a:hover {
	background-image: url(/share/images/arr_o.gif) !important;
  }
  #leftNav2 > ul > li.active > ul > li.active > ul > li.active >ul>li>a {
	background-image: url(/share/images/arr_o.gif) !important;
  }
  #leftNav2 > ul > li.active > ul > li.active > ul > li.active >ul>li>a:hover {
	background-image: url(/share/images/arr_o.gif) !important;
  }
  #leftNav2 > ul > li.active > ul > li.active > ul > li.active >ul>li>a {
	background: #ffffff url(/share/images/arr_8.gif) no-repeat !important;
	background-position: 5px 0.9em !important;
  }
  #leftNav2 > ul > li.active > ul > li.active > ul > li >ul>li>a  {
	background: #ffffff url(/share/images/arr_8.gif) no-repeat !important;
	background-position: 5px 0.9em !important;
  }
  #leftNav2 > ul > li.active > ul > li.active > ul > li >ul>li{
	margin-left: 5px;
  }
  #leftNav2 > ul > li.active > ul > li.active > ul > li.active >ul>li>a:hover{
	background: #eeeeee url(/share/images/arr_o.gif) no-repeat !important;
	background-position: 5px 0.9em !important;
  }
  #leftNav2 > ul > li.active > ul > li.active > ul > li >ul>li>a:hover {
	background: #eeeeee url(/share/images/arr_o.gif) no-repeat !important;
	background-position: 5px 0.9em !important;
  }
  #leftNav2 > ul > li.active > ul > li.active > ul > li.active >ul>li.active>a{
	background: #f7f5f5 url(/share/images/arr_o.gif) no-repeat !important;
	background-position: 5px 0.9em !important;
  }
  #leftNav2 > ul > li > ul > li.open > ul > li{
	display: block;
  }
  #csr #leftNav2 > ul > li > ul > li.active.open>a:first-child:hover{
	background: #cccccc url(/share/images/arr_a.gif) no-repeat 5px 0.9em !important;
	cursor: unset;
  }
  #csr #leftNav2 > ul > li > ul > li.open>a:first-child:hover{
	background:  #ffffff url(/sustainability/csr/share/images/icn_arrow_small.png) no-repeat 5px 0.9em !important;
	color: #333333;
	cursor: unset;
  
  }
  #leftNav2 > ul > li.active > ul > li > ul > li a:hover {
	background-image: url(/share/images/arr_o.gif) !important;
  }
  #leftNav2 > .yellow.cattitle {
	background-color: #e0b00a;
	text-shadow: 0 1px 3px #6d5503;
	letter-spacing: 3px;
  }
  /* end level 5 */
  #leftNav2 li.pull-down:before,
  #leftNav2 li.border:before {
	border-bottom: 1px dotted #cccccc;
	content: "";
	display: block;
	margin: 5px 10px;
  }
  #leftNav2 li.pull-down li {
	display: none;
  }
  #leftNav2 li.pull-down.active li {
	display: inherit;
  }
  #leftNav2 li.pull-down.active li:before {
	border-bottom: none;
  }
  #leftNav2 li.active li.pull-down.active > a {
	background-image: url(/share/images/arr_a.gif) !important;
  }
  #leftNav2 li.active li.pull-down.active > ul {
	margin-left: 10px;
  }
  #leftNav2 li.active li.pull-down.active li a {
	background-color: #fff !important;
	background-image: url(/share/images/arr_8.gif) !important;
  }
  #leftNav2 li.active li.pull-down.active li.active a,
  #leftNav2 li.active li.pull-down.active li a:hover {
	background-color: #eee !important;
	background-image: url(/share/images/arr_o.gif) !important;
  }
  
  /*-----------full open -----------------*/
  #leftNav2 > ul > li.open:first-child:before {
	margin-top: 0;
  }
  #leftNav2 > ul > li.open:before {
	border: medium none;
	margin-top: 8px;
  }
  
  body #leftNav2 > ul > li.open > a {
	background-color: transparent !important;
	background-image: url("/business/share/images/arr_0.gif");
	color: #333333;
  }
  body#home #leftNav2 > ul > li.open > a {
	background-image: url("/home/share/images/arr_1.gif") !important;
  }
  body#business #leftNav2 > ul > li.open > a {
	background-image: url("/business/share/images/arr_2.gif") !important;
  }
  body#corporate #leftNav2 > ul > li.open > a {
	background-image: url("/share_corporate/images/arr_4.gif") !important;
  }
  body #leftNav2.energy > ul > li.open > a {
	background-image: url("/energy_supply/energy/share/images/arr_6.gif") !important;
  }
  
  /*-----------full open -----------------*/
  body #leftNav2 > ul > li.border-under:after {
	border-bottom: dotted 1px #cccccc;
  }

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

　●７-４．その他の活動ボックス

=========================================*/
#relation .relationLink {
    border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size:85.71%;
}
.con1{
	width:auto;
}
.con2{
	width:auto;
}
.con3{
	width:auto;
}
.con2 div.boxWrap{
	width:86.5%;
	margin-left:auto!important;
	margin-right:auto!important;
}
.con1 div.boxWrap{
	width:95%;
	margin-left:auto!important;
	margin-right:auto!important;
}
#relation dl {
    float: left;
    padding: 0 0 20px 20px;
    width: 215px;
}
#relation dl dt {
    padding: 20px 0 5px;
}
#relation img {
    display: block;
}


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

　●７-５．アコーディオン

=========================================*/
.open_close_box {
    border: 1px solid #CCC;
}
.open_close_box dt {
    font-size: 120%;
    font-weight: bold;
    padding: 13px 130px 13px 40px;
	background-repeat:no-repeat;
	background-position:7px 6px;
}
.open_close_box dt, .open_close_box dd {
    position: relative;
}
.open_close_box .open_btn {
    padding: 3px 0 9px;
    right: 10px;
    text-indent: 0;
    top: 13px;
    width: 90px;
}
.open_close_box .open_btn, .open_close_box .close_btn {
    cursor: pointer;
    display: block;
    font-weight: bold;
    position: absolute;
	font-size:13px!important;
	background-repeat:no-repeat;
	background-position:right 0.35em;
}
.open_close_box dd {
    margin: 0;
    padding: 15px 15px 20px;
}
.open_close_box .close_btn {
    bottom: 5px;
    font-size: 13px;
    padding: 2px 0 3px;
    right: 10px;
    width: 70px;
	margin-top:20px;
}


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

　●７-６　バックナンバー

=========================================*/
.backnumber {
	clear:both;
}
.backnumber .bn_box{
	float:left;
}
.backnumber .bn_box_r{
	float:right;
}
.backnumber .bn_inner{
	padding:10px;
}
.backnumber .bn_thumb{
	float:left;
}
.backnumber .bn_txt{
	margin-left:84px;
}
.backnumber .bn_txt .bn_link{
	padding-left:11px;
	background:url("/english/share/images/arr_0.gif") 0 0.5em no-repeat;
}

.backnumber.clm1 .bn_box,
.backnumber.clm1 .bn_box_r{width:470px;}

.backnumber.clm2 .bn_box,
.backnumber.clm2 .bn_box_r{width:372px;}

.backnumber.clm3 .bn_box,
.backnumber.clm3 .bn_box_r{width:274px;}

a, th{
	word-break: break-word;
}





@media screen and (max-width: 979px) {
.tablet-only-b {
  display: block !important;
}
       .sp-only {
  display: block !important;
}

.pc-only {
  display: none !important;
}

    #breadcrumb{
    padding: 0px 10px;
}
    #inner-content-area, #rightContent {
        width: auto;
    }
    
    #content{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    #rightContent {
        padding: 10px;
    }
    .gridContainer1, .grid1-10 {
        width:100%;
    }
    h5.bgOn {
        background: none;
        border: none;
        padding: 0;
        margin: 10px !important;
        font-size: 120%;
        font-weight:bold
    }
    h5.bgOn span{
	display: block;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0 0.5em;
}
	.h4_onLink {
	padding: 11px 0 11px 10px;
	font-weight: bold;
	margin: 0 10px 15px 0px;
	font-size: 18px;
	text-align: left;
	line-height: 1.3;	
	background: none;
	margin: 10px !important;
    border-bottom-color: #ffffff;
}
.h4_onLink *{
		background: none !important;
		padding: 0 !important;
	
        
	}
    .h4_onLink h4 span.lineH4{
position: absolute !important;
    top: 0px !important;
    left: -20px !important;
    }

h3.h3_3co{
	background: #EE1122;
    color: #FFF;
    text-align: center;
    padding: 10px 0 12px 0;
    font-weight: bold;
    margin: 0 0 10px 0;
    font-size: 18px;
    line-height: 1.3;
    text-indent: 0;
    border: none;
}
h3.h3_3co span.h3TxtWrap{
	background: none !important;
}


 #inner-content-area, #rightContent {
        width: auto;
    }
    #content{
        flex-direction: column;
    }
    #rightContent {
        padding: 15px;
    }
    .h4_offLink, .h4_offLink * {
        background: none !important;
        padding: 0;
        margin-bottom: 1em !important;
    }
    #leftNav2 {
        width: auto;
    }
    #leftNav2>a>img,
    #leftNav2 > .cattitle::before {
        display: none;
    }
    #leftNav2 > .cattitle{
        padding: 0.25em 1em;;
    }
    
    #leftNav2 > ul{
        border: none;
    }
      #leftNav2 > .cattitle {
        font-size: 1.7rem;
      }
    .h3_3co {
        font-size: 18px;
        background: none;
        border: solid 1px #cccccc;
        border-bottom-color:#FF4D4D;
        border-bottom-width: 3px;
        padding: 10px 0 5px;
        border-radius: 3px 3px 0 0;
        margin-bottom: 1em !important;
    }
    .h3_3co .h3TxtWrap {
        background: none;
        padding: 0 10px;
    }
    .h4_offLink h1, .h4_onLink h1, .h4_offLink h2, .h4_onLink h2, .h4_offLink h3, .h4_onLink h3 {
        font-size: 16px;
        padding-top: 0;
    }
    .h4_offLink h2::before, .h4_onLink h2::before {
        content: "";
        width: 3px;
        height: 1em;
        display: inline-block;
        vertical-align: middle;
        background: #FF4D4D;
    }
    .lineH4 {
        display: none;
    }
    .bgOn {
        font-size: 14px;
        margin-bottom: 20px !important;
    }
    .report_wrapper{
        flex-direction: column;
    }
    .report_right{
        margin-top: 1em;
    }
    .report_backnumber{
        border-top: #dddddd solid 1px;
        padding-top: 1em;
    }
    a.link_report{
        display: block;
    }
    /*バックナンバー*/
    .list_report-backnumber{
        flex-direction: column;
        margin-bottom: 1em;
    }
    .list_report-backnumber > li{
        max-width: 100%;
    }
    .list_report-backnumber > li + li {
        margin-top: 2em;
    }
    /*別デザイン（総合報告書等）*/
    .reportType02_wrapper{
        flex-direction: column;
    }
    .reportType02_left,
    .reportType02_right{
        flex-basis: auto;
    }
    .reportType02_right{
        margin-top: 1em;
    }
    a.btn_reportType02{
        width: 100%;
    }
    .reportType02_contents_wrapper{
        flex-direction: column;
    }
    .reportType02_contents_wrapper > *{
        flex-basis: auto;
    }
    .reportType02_contents_wrapper > *:nth-of-type(n + 2){
        border-top: none;
        padding-top: 0;
    }

    .list-link-1 li{
	float: left;
	width: 25%;
	padding-right: 12px;
    padding-top: 20px;
}

.h4_onLink_1co h4 span.h4Arr,
.h4_onLink h4 span.h4Arr,
.h4_onLink_2co_2co h4 span.h4Arr,
.h4_onLink_3co h4 span.h4Arr{
	top: 10%;
}



.grid1-1, .grid1-2, .grid1-3, .grid1-4, .grid1-5, .grid1-6, .grid1-7, .grid1-8, .grid1-9{
  float: left;
  display: inline;
  margin-left: 0px;
  margin-top: 30px;
}
.grid4-1 {width: 30%;}
.grid4-2 {width: 60%;}
.grid3-1 {width: 30%;}
.grid3-2 {width: 60%;}
.grid3-3 {width: 90%;}
.grid3-4 {width: auto;}
.grid1-1 {width:auto;}
.grid1-2 {width: auto;}
.grid1-3 {width: auto;}
.grid1-4 {width: auto;}
.grid1-5 {width: auto;}
.grid1-6 {width:auto;}
.grid1-7 {width:auto;}
.grid1-8 {width: auto;}
.grid1-9 {width:auto;}
.grid1-10 {width:auto;}
.h4_offLink_2co_2co,
.h4_onLink_2co_2co{
	background:none;
}
.h4_offLink_2co_2co h4,
.h4_onLink_2co_2co h4{
	background:none;
}
.h4_offLink_2co_2co h4 span.h4Con,
.h4_onLink_2co_2co h4 span.h4Con{
	background:none;
}
.h4_offLink_2co_2co h4 span.h4Con::before,
.h4_onLink_2co_2co h4 span.h4Con::before{
	        content: "";
        width: 3px;
        height: 1em;
        display: inline-block;
        vertical-align: middle;
        background: #FF4D4D;
    }
    .h4_offLink_2co_2co h4 span.h4Con,
.h4_onLink_2co_2co h4 span.h4Con{
	padding-left:0px;
}

.h4_onLink_2co_2co h4 span.ttlH4{
	padding-left:2px;
	padding-right:20px;
	line-height:1.15;
	font-weight: bold;
}
.h4_onLink_1co h4 span.h4Arr,
.h4_onLink h4 span.h4Arr,
.h4_onLink_2co_2co h4 span.h4Arr,
.h4_onLink_3co h4 span.h4Arr{
	right:8px;
}
    .h4_offLink h4 .h4Con::before, .h4_onLink h4 .h4Con::before {
        content: "";
        width: 3px;
        height: 1em;
        display: inline-block;
        vertical-align: middle;
        background: #FF4D4D;
    }
.h4_offLink h4 span.h4Con,
.h4_onLink h4 span.h4Con{
	padding-left:0px;
}
.iconList li{
	margin-top:10px
}
#relation h5 img{
width:100%
}
.th-yellow tbody tr th{
	white-space: pre-line;
}
#cboxWrapper div #cboxTopCenter{
    width:285px!important;
background:none;

}
#cboxWrapper div #cboxBottomCenter{
    width:285px!important;
background:none;
}
#cboxLoadedContent{
    width:auto!important;
    height:unset;
background:none;

}
#cboxContent{
     width:550px!important;
    height:unset;
background:none;

}
#cboxMiddleLeft{
    width:auto!important;
    height:unset;
background:none;

}
h1 img, .textcenter img{
    width:100%;
background:none;

}
#colorbox{
    height:unset;
background:none;

}
#cboxWrapper{
    width:auto!important;
    height:unset;
background:none;

}
#colorbox{
    width:90%!important;
    height:unset;
    left: 15%;;
background:none;

}
#cboxBottomLeft{
background:none;
}
 #cboxBottomRight{
background:none;
}
#cboxTopLeft{
background:none;
}
 #cboxTopRight{
background:none;
}
#cboxMiddleRight{
background:none;
}
#colorbox{
left:13%!important;

}
 #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
height: 23px!important;


}
}
@media screen and (max-width: 640px) {
#cboxContent{
     width:auto!important;
     }
       .sp-only {
  display: block !important;
}
  .tablet-only-n {
  display: none !important;
}

.pc-only {
  display: none !important;
}

}