@charset "utf-8";

/* --------------------------------------------------
 * メインメニュー（通期・四半期 切替メニュー）
 * -------------------------------------------------- */
	.submenuWrap {
		width: 100%;
	}
	.submenuWrap .submenu {
		display: table;
		width: 100%;
	}
	.submenuWrap .submenu a{
		display: table-cell;
		padding: 12px 5px 12px 5px;
		width: 50%;
		vertical-align: middle;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
		line-height: 1;
		box-sizing: border-box;
        background: #fff;
		color: #000;
	}
	.submenuWrap .submenu a:hover {
		text-decoration: underline;
	}
	.submenuWrap .submenu a.naviCur {
        background: #04127c;
        color: #fff;
	}

/* --------------------------------------------------
 * メインメニュー（スマホ：プルダウン）
 * -------------------------------------------------- */
	#naviPulldownSp #naviPulldownAnnualSp_toggle,
    #naviPulldownSp #naviPulldownQuarterSp_toggle {
		display: none;
	}
    /*メニュー*/
	#naviPulldownSp #naviPulldownAnnualSp_list .list_columnPc,
    #naviPulldownSp #naviPulldownQuarterSp_list .list_columnPc {
		float: left;
        width: 50%;
	}
	#naviPulldownSp #naviPulldownAnnualSp_list .list_columnPc a,
    #naviPulldownSp #naviPulldownQuarterSp_list .list_columnPc a {
        display: block;
		padding: 8px 10px;
		border-bottom: 1px solid #e8e8e8;
		width: 100%;
		vertical-align: middle;
		font-size: 16px;
		text-align: left;
		text-decoration: none;
		line-height: 1.2;
		background: #f8f8f8;
		color: #000;
	}
	#naviPulldownSp.quarterListPcHidden #naviPulldownQuarterSp_list,    /* 通期ページ　：四半期メニュー */
    #naviPulldownSp.annualListPcHidden #naviPulldownAnnualSp_list{    /* 四半期ページ：通期メニュー */
        display: none;
    }
	#naviPulldownSp #naviPulldownAnnualSp_list .list_columnPc a:hover,
    #naviPulldownSp #naviPulldownQuarterSp_list .list_columnPc a:hover{
        text-decoration: underline;
	}


/* --------------------------------------------------
 * 見出し
 * -------------------------------------------------- */
    .titleWrap {
        text-align: left;
    }
    .titleWrap .title{
        margin: 50px 0 0;
        font-size: 32px;
        font-weight: bold;
        line-height: 1.5;
        text-align: left;
    }
    .titleWrap .link a{
        line-height:1.5;
        color:#000;
        font-size:14px;
        text-decoration: none;
    }
    .titleWrap .link a:hover{
        text-decoration: underline;
    }
    .titleWrap .link a img{
        padding-left: 6px;
    }

    .subtitleWrap {
        margin-top: 30px;
    }
    .subtitleWrap .subtitle{
        margin: 0px 0 30px;
        padding: 0 0 12px;
        border-bottom: 1px solid #9d9d9d;
        font-size:28px;
        line-height:1.5;
        text-align:left;
    }
    .subtitleWrap .textDate{
        text-align: right;
        font-size: 14px;
    }

/* --------------------------------------------------
 * エクセルダウンロード
 * -------------------------------------------------- */
	.excelDL {
		display: block;
		margin-bottom: 30px !important;
		color: #2d2d2d !important;
	}
	.excelDL .excelDL_list {
		float: right;
		background: url(../../image/1973/Premium_icon_xls.png) no-repeat left 0 top 0;
	}
	.excelDL .excelDL_list a{
		padding-left: 30px;
		font-size: 14px;
        line-height: 22px;
		text-decoration: none;
		color: #2d2d2d !important;
	}
	.excelDL .excelDL_list a:hover {
		text-decoration: underline;
	}
	.excelDL:after {
		content: "";
		display: block;
		clear: both;
	}

/* --------------------------------------------------
 * グラフ 幅・高さ
 *  ※※Premium_graphPrint.js にも幅・高さ設定あり※※
 * -------------------------------------------------- */
div[id^="commonGraph"] {
    width: 100%;
    height: 360px;
}

#per_Radio_Highcharts,
#pbr_Radio_Highcharts,
#segUriagekouseihi_Highcharts,
#segDxSolution_Radio_Highcharts,
#segNetwork_Radio_Highcharts,
#segSyakaikankyo_Radio_Highcharts,
#jigyouUriagedaka_Radio_Highcharts,
#segService_Radio_Highcharts,
#segSI_Radio_Highcharts,
#marketJyujyudaka_Radio_Highcharts,
#marketUriagedaka_Radio_Highcharts {
    width: 100%;
    height: 360px;
}


/* --------------------------------------------------
 * グラフ操作
 * -------------------------------------------------- */
	.graphTerm {
		margin: 0 3px 0 3px !important;
		text-align: center;
	}
	.graphTerm ul {
		list-style-type: none;
	}
	.graphTerm li {
		float: left;
		margin: 0 10px 5px 10px  !important;
	}
	.graphTerm input.radioPlain {
		position: relative;
		top: 1px;
	}
	.graphTerm li label {
		display: block;
		cursor: pointer;
		font-size: 11px;
		color: #333;
	}


/* --------------------------------------------------
 * Table
 * -------------------------------------------------- */
.annualTableWrap table,
.quarterTableWrap table{
    position: relative;
    width: 100%;
    font-size: 12px;
}
/* td PADDING設定*/
.annualTableWrap table td,
.quarterTableWrap table td{
    padding: 12px 4px;
    vertical-align: middle;
    line-height: 1.3;
}
/*通期*/
.annualTableWrap table tr:first-child td,         /*最初の1行目*/
.annualTableWrap table td.fixed,                  /*最初の1列目*/
.annualTableWrap table td.combinedColumns_title   /*列連結TABLE 連結ｾﾙの最初の1列目*/ /*ｾｸﾞﾒﾝﾄ情報画面で使用*/
{padding: 12px 8px;} 
.annualTableWrap table td.column_title             /*列連結TABLE 連結ｾﾙ以外の最初の1列目*/
{padding: 12px 8px 12px 16px;}

/*四半期*/
.quarterTableWrap table tr:first-child td,         /*最初の1行目*/
.quarterTableWrap table td.combinedColumns_title   /*列連結TABLE 連結ｾﾙの最初の1列目*/ /*ｾｸﾞﾒﾝﾄ情報画面で使用*/
{padding: 12px 4px;} 
.quarterTableWrap table td.fixed,                  /*最初の1列目*/
{padding: 12px 4px;} 
.quarterTableWrap table td.column_title             /*列連結TABLE 連結ｾﾙ以外の最初の1列目*/
{padding: 12px 8px 12px 16px;}

/*td NOWRAP設定*/
.annualTableWrap table td,
.quarterTableWrap table td{        white-space: nowrap;}
.annualTableWrap table td.fixed,
.quarterTableWrap table td.fixed{  white-space:inherit;}   /*最初の1列目*/

/*td 幅設定*/
.annualTableWrap table td{width:8%; min-width: 60px;}
.annualTableWrap table td.fixed{width: 12%; min-width: 186px;max-width: 230px;}  /*最初の1列目*/

.quarterTableWrap table td{width:7%; min-width: 50px;}
.quarterTableWrap table td.fixed{width: 12%; min-width: 176px;max-width: 230px;}  /*最初の1列目*/



/* 左項目 固定 */
div.fixed-box {
    margin-top: 20px !important;
    width:100%;
    height:100%;
    overflow:auto;
}
.fixed-box table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
}
.fixed-box table .fixed {
    position: sticky;
    left: 0;
}
.fixed-box table .fixed:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
}
.fixed-box table .fixed.combinedColumns_title:before {border-right: none;}/* 列連結(セグメント情報などで使用) */







/* --------------------------------------------------
 * footer
 * -------------------------------------------------- */
.footerLink_attention {
    margin:15px 0 5px 0;
    text-align:left;
}
.footerLink_attention a{
    line-height:1.5;
    color:#9d9d9d;
    font-size:14px;
    text-decoration: none;
}
.footerLink_attention a:hover{
    text-decoration: underline;
}
.footerLink_attention a img{
    padding-left: 6px;
}




/* --------------------------------------------------
 * ご利用上の注意ページ
 * -------------------------------------------------- */
.disclaimer_title{
    margin: 30px 16px;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5;
    text-align: left;
}
/*.disclaimer_subtitle{
    margin: 10px 16px;
    padding: 0 4px 6px;
    font-size: 16px;
    border-bottom: 1px solid #9d9d9d;
    line-height:1.5;
    text-align:left;
}*/
.disclaimer_textWrap{
    width: 96%;
}
.disclaimer_text{
    margin: 0 16px 6px;
    padding: 0 4px;
    text-align: left;
    line-height: 1.6;
    font-size: 14px;
}
/*ボタン*/
.closeBtn {
    margin: 30px 0;
    padding: 8px;
    border: 1px solid #23308C;
    font-size: 12px;
    width: 120px;
    color: #000;
}
.closeBtn:hover {
    background: #23308C;
    color: #fff;
}