@charset "utf-8";


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】メニューデザイン ver2
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
    /*選択状態*/
	.com_menu01#listQHidden .tabPC a.tabA,
    .com_menu01#listAHidden .tabPC a.tabQ{
		background: #0082D0;
		border-bottom: 3px #0082D0 solid;
	}
	.com_menu01 .list a:hover{
        color: #0082D0;
	}
    .com_menu01 .list a.naviCur{
        border-bottom: 2px #0082D0 solid;
        background: #f1f7fa;
    }

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】ページタイトル②　タイトル文字左に縦線	 
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
	h2.comPageTitle2::before,
    h2.comPageTitle2::after {
		border-bottom: 2px solid #0082D0;/*★★★【個別css】★★★*/
	}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】パーツタイトル①　タイトル文字左に縦線	 
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */	
	.comSubTitle1 {
		margin-bottom: 0;
		padding: 0 5px;
		margin-top: 30px;
	}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】グラフ期間指定（チェックボックス　＆　ボタン）
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/*年度チェックボックス　文字サイズ*/
	div.comGraphTermCheck label{
		font-size: 12px;
	}


/*--------------------------
　【共通】グラフ幅　100％
--------------------------*/
	div[id^="comG"]	{
		height:500px;
	} 
	/*ハイライト*/
	.boxWrap div[id^="comG"]{
		height:370px;
	}
    /*ハイライト＞キャッシュ・フロー*/
	.boxWrap.cf div[id^="comG"]{
		height:420px;
	}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	【共通】ボタン
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
    .com_button .link.naviCur,
    .com_button .link:hover {
        background: #0082d0;
    }


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	個別設定
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */	
/* ---------------------------------------------------------
	ハイライトページ
/* --------------------------------------------------------- */	
	/*--------------------------
　	　box設定：2グラフ横並び
	--------------------------*/
	.boxWrap{
		width:100%;
	}
	.boxLeft{
		float: left;
		width:49%;
	}
	.boxRight{
		float: right;
		width:49%;
	}
	.boxWrap::after{
		content:"";
		display:block;
		clear:both;
		overflow:hidden;
	}