@charset "utf-8";

/*--------------------------
　【共通】グラフ高さ　
--------------------------*/
div[id^="commonGraph"] {
    height: 420px;
}
#graphHsitei_Highcharts/*A03*/
{
	width: 100%;
    height: 500px;
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】メインメニュー①　フルver（通期・四半期）
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */	

	/*カラーコード設定*/

	.com1SubmenuWrap .submenu a.naviCur {
		color: #FFFFFF;
		background: #0F218B;
		border-bottom: 3px #0F218B solid;
	} 
	.com1NaviPulldownSpWrap #naviPulldownSp #naviPulldownAnnualSp_list .list_columnPc a:hover,
    	.com1NaviPulldownSpWrap #naviPulldownSp #naviPulldownQuarterSp_list .list_columnPc a:hover{
		color: #333333
	}
    	.com1NaviPulldownSpWrap #naviPulldownSp #naviPulldownAnnualSp_list .list_columnPc a.naviCur,
	.com1NaviPulldownSpWrap #naviPulldownSp #naviPulldownQuarterSp_list .list_columnPc a.naviCur{
		background: #F5F6FA;
		border-bottom: 2px #0F218B solid;
    	}	


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】ページタイトル①　タイトル文字左に縦線	 
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */	

	h2.comPageTitle1 {
		border-left: solid 5px #dc0823;
		background: #ffffff;
		color: #333333;
		font-weight:bold;
	}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】テーブル
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

	/*最初の列（左1列）*/
	.comTableWrap table tr td:first-child{
		background: #f2f2f2;
	}	
	/*最初の行（1行目）*/
	.comTableWrap table tr:first-child td{
		color: #ffffff;
		background: #939393;
	}
	.comTableWrap table{
		color: #333333;
	}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】サブメニュー/セグメント別
	 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */	

	div.comSubKind ul li a:hover,
	div.comSubKind ul li a.naviCur {
		background: #000000;
		border: 1px solid #000000;
	}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	個別設定
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */	

/*配当政策ページ*/

	/*説明文　配当性向*/		
	.txt01{
		margin:20px 0 50px 0;
		font-size:16px;	
		color:#333333;
		line-height:1.6;
		text-align:left;
	}

/*セグメント情報ページ*/

	h3.pageTitle {
		margin-left:10px;
		margin-bottom: 25px;
		padding: 2px 15px;
		font-size: 18px;
		color: #333333;
		font-weight:bold;
		text-align:left;
		border-left: solid 4px #dc0823;
	}

	/*説明文　セグメントタイトル下注釈*/		
	.txt02 {
		margin:20px 0 0 10px;
	}
	.txt02 ul li {
		font-size:16px;	
		color:#333333;
		line-height:1.6;
		text-align:left;
		text-indent: -2.4em;
 		padding-left: 1.5em;
	}
	.txt02::after{
		content:"";
		display:block;
		clear:both;
		overflow:hidden;
	}
	div.segGuideWrap{
		margin:0 auto;
		width:400px;
		background:#f5f5f5;
		box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
	}
	/*円グラフ　凡例_日本語*/
	ul.segGuide {
		margin: 0 auto;
		padding:11px 0 10px 0;
		font-size: 0;
		text-align: center;
	}	
	ul.segGuide li{
		position: relative;
		display: inline-block;
		margin-right: 26px;
		padding-left: 18px;
		font-size: 16px;
		font-weight:bold;	
		color:#333333;		
	}
	/*円グラフ　凡例_英語*/
	ul.segGuide_en {
		display: block;
		margin-left:100px;
		padding:11px 0 10px 0;
		font-size: 0;
		text-align: left;
	}	
	ul.segGuide_en li{
		position: relative;
		margin-right: 0;
		padding-left: 18px;
		font-size: 16px;
		font-weight:bold;
		color:#333333;		
	}

	ul.segGuide li.seg01:before,
	ul.segGuide li.seg02:before,
	ul.segGuide_en li.seg01:before,
	ul.segGuide_en li.seg02:before{
		position: absolute;
		content: "";
		top:6px;
		left: -5px;
		width: 20px;
		height: 14px;    
		background: #E0E0E0;
	}
	ul.segGuide li.seg02:before,
	ul.segGuide_en li.seg02:before{
		background: #002063;
	}
	.segGuideWrap::after{
		content:"";
		display:block;
		clear:both;
		overflow:hidden;
	}

/*20230425 奥田改修ver START*/
/*--------------------------
 円グラフ　凡例
--------------------------*/
    .graphHanrei {
        margin: 0px auto 2em;
        padding: 0px 1em;
        width: 100%;
        max-width: 360px;
    }
    .graphHanrei table td{
        padding: 1px 0px;
        line-height: 1.2;
    }
    .graphHanrei table td.symble{
        vertical-align: top;
    }
/*20230425 奥田改修ver END*/


.enGraph3_1{
	width:50%;
	float:left;
}
.enGraph3_2{
	width:50%;
	float:left;
}


/*円グラフタイトル*/
.titlePrice {
    margin: 40px 0 10px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}