@charset "utf-8";

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

	【共通】メニューデザイン①
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
    /*通期・四半期★タブ背景色*/
	.com_menu01#listQHidden .tabPC a.tabA,
    .com_menu01#listAHidden .tabPC a.tabQ{
		background: #018a71;
		border-bottom: 3px #018a71 solid;
	}
	 /*メニュー項目★hover時文字色*/
	.com_menu01 .list a:hover{
        color: #666666;
	}
	 /*メニュー項目★選択時：背景色*/
    .com_menu01 .list a.naviCur{
        border-bottom: 2px #018a71 solid;
        background: #e3ecef;
    }


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

	【共通】ページタイトル①　タイトル文字左に縦線	 
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
	h2.comPageTitle1 {
		background: #F3F5F6;
		border-left: solid 5px #018a71;
	}

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

	【共通】ページタイトル②　タイトル文字下に線	 
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */	

	h2.comPageTitle2 {
		position: relative;
		margin:0 0 25px 0;
		font-size: 30px;	
	}
	h2.comPageTitle2::before {
		border-bottom: 1px solid #DDD;
	}
	h2.comPageTitle2::after {
		border-bottom: 1px solid #DDD;
	}

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

	【共通】パーツタイトル　サブタイトル	 
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */	
	.comSubTitle1 {
		margin-bottom: 0;
        padding: 0px 10px;
        font-size: 20px;
        text-align: left;
	}

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

	個別設定
 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */	
/* ---------------------------------------------------------
	ハイライトページ
/* --------------------------------------------------------- */	

	/*--------------------------
　	　タイトル（セグメント情報）
	--------------------------*/

	.pageTitle1 {
		margin-bottom: 15px;
		padding: 10px 15px;
		font-size: 20px;
		color: #000000;
		font-weight:bold;
		text-align:left;
		border-left: solid 5px #018a71;
	}
	/*--------------------------
　	　タイトル（為替感応度）
	--------------------------*/
	.pageTitle2 {
		margin-top:30px;
		font-size: 14px;
		color: #000000;
		font-weight:bold;
		text-align:left;
	}
	
	/*--------------------------
　	　タイトル：売上高、営業利益
	--------------------------*/	
	.pageTitle3 {
		padding: 5px 10px;
        font-size: 15px;
		font-weight:bold;
		color: #ffffff;
		text-align:center;
		background: #018a71;
	}	
	/*--------------------------
　	　box設定：2グラフ横並び
	--------------------------*/
	.boxWrap{
		width:100%;
	}
	.boxLeft{
		float: left;
		width:49%;
	}
	.boxRight{
		float: right;
		width:49%;
	}
	.boxWrap::after{
		content:"";
		display:block;
		clear:both;
		overflow:hidden;
	}
	
	/*--------------------------
　	　box設定：3グラフ横並び
	--------------------------*/
	.box01, .box02, .box03{
		float: left;
        width: 32%;
        width:calc(100%/3);
        width:-webkit-calc(100%/3);
        width:-moz-calc(100%/3);
		border-right: 2px solid #fff;
	}
	.box01{
		border-left: 2px solid #fff;
	}
	/*--------------------------
　	　テーブル
	--------------------------*/
	.hi_tableWrap table{
		position: relative;
		width: 100%;
		color: #000000;
		font-size: 14px;
		text-align: right;
	}
	/* --------------
	 * td 全体設定
	 * -------------- */
	.hi_tableWrap table td{
		padding: 10px 6px;
		vertical-align: middle;
		line-height: 1.1;
		border-right: 1px solid #BABABA;
		border-bottom: 1px solid #BABABA;
	}
	/*td 幅設定*/
	.hi_tableWrap table td{width: 6%; min-width: 60px;}
			
	/*最初の列（左1列）*/
	.hi_tableWrap table tr td:first-child{
		padding: 10px 6px;
		text-align: left;
		border-right: 1px solid #BABABA;
	}	
	/*最初の行（1行目）*/
	.hi_tableWrap table tr:first-child td{
		color: #ffffff;
		background: #777777;
		line-height: 1.1;
		text-align: center;
	}