/* フォントサイズと列の右揃え、中央揃え、上揃え、列幅、マージン */

.s07 { font-size: 7pt; }
.s08 { font-size: 8pt; }
.s09 { font-size: 9pt; }
.s10 { font-size: 10pt; }
.ss { font-size: 0.9em; }
.right td { text-align: right; }
.center td { text-align: center; }
.s07r { font-size: 7pt; }
.s07r td { text-align: right; }
.s09r { font-size: 9pt; }
.s09r td { text-align: right; }
.s10r { font-size: 10pt; }
.s10r td { text-align: right; }
.s07c { font-size: 7pt; }
.s07c td { text-align: center; }
.s09c { font-size: 9pt; }
.s09c td { text-align: center; }
.s10c { font-size: 10pt; }
.s10c td { text-align: center; }
.r1 td:first-child { text-align: right; }
.r2 td:nth-child(2) { text-align: right; }
.rr1 td:nth-last-child(1) { text-align: right; }
.rr2 td:nth-last-child(2) { text-align: right; }
.rr3 td:nth-last-child(3) { text-align: right; }
.rr4 td:nth-last-child(4) { text-align: right; }
.rr5 td:nth-last-child(5) { text-align: right; }
.rr6 td:nth-last-child(6) { text-align: right; }
.rr7 td:nth-last-child(7) { text-align: right; }
.rr8 td:nth-last-child(8) { text-align: right; }
.l1 td:first-child { text-align: left; }
.l2 td:nth-child(2) { text-align: left; }
.l3 td:nth-child(3) { text-align: left; }
.ll1 td:nth-last-child(1) { text-align: left; }
.ll2 td:nth-last-child(2) { text-align: left; }
.c1 td:first-child { text-align: center; }
.c2 td:nth-child(2) { text-align: center; }
.c3 td:nth-child(3) { text-align: center; }
.c4 td:nth-child(4) { text-align: center; }
.c5 td:nth-child(5) { text-align: center; }
.cc1 td:nth-last-child(1) { text-align: center; }
.cc2 td:nth-last-child(2) { text-align: center; }
.cc3 td:nth-last-child(3) { text-align: center; }
.cc4 td:nth-last-child(4) { text-align: center; }
.yellow { background-color: #ffff00; }
.v1 td:first-child { vertical-align: top; }
.v2 td:nth-child(2) { vertical-align: top; }
.vb { vertical-align: bottom; }
.w1w2 td:first-child { width: 2.5em; }
.w1w3 td:first-child { width: 3.5em; }
.w1w4 td:first-child { width: 4.5em; }
.w1w5 td:first-child { width: 5.5em; }
.w-7w5 td:nth-last-child(7) { width: 5.5em; }
.width01 { width:5%; }
.width02 { width:90px; }
@media screen and (max-width: 1200px) {
	.marginr { margin-right:-160px; }
	}
.bar { vertical-align: middle ; }
.nowrapall td { white-space: nowrap; }
.nowrap1 td:first-child { white-space: nowrap; }
.nowrap2 td:nth-child(2) { white-space: nowrap; }
.nowrap3 td:nth-child(3) { white-space: nowrap; }
.nowrap4 td:nth-child(4) { white-space: nowrap; }
.nowrap1r td:nth-last-child(1) { white-space: nowrap; }
.nowrap2r td:nth-last-child(2) { white-space: nowrap; }
#tgt:not(:target) { display: none;}
#tgt:target { display: block;}
#tatamu { display: none;}
input[id="hyouji"]:checked ~ #tatamu { display: block;}

/* ぶらさがりインデント */
.indent00 { /* �@、"・" */
	padding-left:1em;
	text-indent:-1em;
	}
.indent01 { /*（注）*/
	padding-left:2em;
	text-indent:-2em;
	}
.indent02 { /*（注）全体一字下げ*/
	padding-left:3em;
	text-indent:-3em;
	}
.indent03 { /*（資料）*/
	padding-left:2.5em;
	text-indent:-2.5em;
	}
.indent04 { /*（資料）全体一字下げ*/
	padding-left:3.5em;
	text-indent:-3.5em;
	}
table.hyoushita {
	border-collapse: collapse;
	border-style: none;
	max-width: 100%;
	margin:0px auto; /*以上2行で表の中央揃え−（注）（資料）の短い場合*/
	}
table.hyoushita td { border: solid 1px;}
table.hyoushita th { border: solid 1px;}
table.hyoushita tr td:only-child { /*表下の（注）（資料）、結合セルの各行*/
	white-space: normal;
	font-size: 0.9em;
	text-align: left;
	padding-bottom:0px;
	padding-left:2em;
	text-indent:-2em;
	border-style: none;
	}

/* 図表のやや左中央揃え、最初の図上揃え */

p.zu {
	text-align:center;
	padding-left: 2%;
	padding-right:130px; /* 168pxから変更 */
	}
table.hyou { margin:0px 5%; }
table.hyou10 { margin:0px 10%; }
p img:first-child {vertical-align : top ;}
div img { max-width: 100%; }
div img:first-child {vertical-align : top ;}
.zu2v img:nth-child(2) {vertical-align : bottom ;}
div.smafo { display: none;}
img.vv { display:none; }

/* 表内の行間と表枠線色の指定 */

table {line-height : 110% ; }
table {border-color : #D3D3D3 ; }
td,th {border-color : #D3D3D3 ; }
th {font-weight: normal; }
caption {
	line-height : 140% ;
	text-align : left ;
	}
.lh140 {line-height : 140% ; }
.lh140 table {line-height : 140% ; }
.lh125 {line-height : 125% ; }
.lh125 table {line-height : 125% ; }
.fx {  /* htmlによる特定列指定との組み合わせ可 セル結合があるとダメ width指定がないと等間隔にならない*/
	table-layout: fixed ;
	max-width: 100%;
	}
.tstyle {border-style:none;}
.tstyle td {
	border-style:none;
	vertical-align:top;
	}
.tstyle2 { border :1px black solid ; } /* ボックス化 */
.tstyle2 td {
	border-style:none;
	vertical-align:top;
	}
.tstyle3 { border :1px black solid ; } /* ボックス化 */
.tstylek { border-style:none; } /* tableでの標準箇条書きスタイル */
.tstylek td {
	border-style:none;
	vertical-align:top;
	line-height : 140% ;
	}
.tstylek td:first-child { white-space: nowrap; }
.scr {
	border :1px black solid;
	padding: 0.5em;
	overflow: auto;
	width: 98%;
	height: 350px;
	}
.scrtall {
	border :1px black solid;
	padding: 0.5em;
	overflow: auto;
	width: 98%;
	height: 500px;
	}
.scr2 {
	border :1px gray solid;
	margin-left: 1em;
	padding: 1em;
	overflow: auto;
	width: 94%;
	height: 80px;
	}
.tpos { position:fixed;bottom:30px;left:10px;}
.d5pos { position:relative;top:5px;}
.d3pos { position:relative;top:3px;}

/* リンクテキスト装飾 リンクイメージ透過*/

.nounderline A {
	color : black ;
	text-decoration: none;
	}

A[href]:hover {
	color : red ;
	text-decoration: none;
	}
A img:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
	}

/* 末尾Adsense広告２つを左右横並びにするための左寄せ margin:上右下左 */
.yoseleft { float:left;
	margin:0px 1em 1em 0px;
	}
/* 図だけでなく表も右寄せ */
.yoseright { float:right;
	margin:0px 0px 1em 1em;
	}

/* 自動段組み指定 */

		.multicolumnbox1 {
			line-height : 140% ;
			/* background-color: whitesmoke;  ピンクの場合 #FFF0F5 */
			padding: 10px;
			text-align: justify;
			text-justify: inter-ideograph; /* ＩＥ、エッジ用 */
			-moz-column-width: 20em;
			-webkit-column-width: 20em;
			column-width: 20em;
			-moz-column-gap: 1.5em;
			-webkit-column-gap: 1.5em;
			column-gap: 1.5em;
			/* 罫線 */
			/* -moz-column-rule: solid #808000 1px; */
			/* -webkit-column-rule: solid #808000 1px; */
			/* column-rule: solid #808000 1px; */
			border-top: thin darkgray solid;
			border-bottom: thin darkgray solid;
		}
		.multicolumnbox1 img { max-width: 100%; }
		/* 下枠線なし 段組連続の場合それぞれの末尾に<BR>を2個入れるとスマホでも良い具合*/
		.nobottom { border-bottom-style: none }
		.column01 td:nth-child(2) {
			word-break:keep-all;
			font-family: "メイリオ", sans-serif;
		}
		table[cellpadding="10"] div { border-style: none;}  /* コラムの段組上下線なし */
		table[cellpadding="10"] div[id="box"] {   /* コラムの内のボックス化 9528.htmlなど*/
			border:1px gray solid;
			padding:5px;
		}
	/* index_theme.htmlや末尾データ表（7341.html）など */
	/*（表頭に横セル結合があるとIEでは段組の時罫線が表示されない不具合があるので注意）*/
		.multi td:first-child { vertical-align: top; }
		.multi td { line-height : 120% ; }
		.multi {
			-moz-column-width: 20em;
			-webkit-column-width: 20em;
			column-width: 20em;
		}
		/*横セル結合は以下で代替 大括りでcellconnect指定しセルごとにid指定 */
			.cellconnect [id="lc"] {
				border-right-style:none;
				text-align:right;
			}
			.cellconnect [id="rc"] {
				border-left-style:none;
				text-align:left;
			}
		.multia td { line-height : 140% ; }
		.multib td:first-child { width:5.5em ; } /* 西暦年次＋月の幅 */
		.multic td:first-child { width:3.5em ; } /* 西暦年次の幅 */
		.multid td:first-child { word-break:keep-all; } /* 1列目単語折り返しなし */
		.multi2 {
			-moz-column-width: 20em;
			-webkit-column-width: 20em;
			column-width: 20em;
		}
		.multi3 {                /* 5667.html、9515.html 1159.html */
			-moz-column-width: 12em;
			-webkit-column-width: 12em;
			column-width: 12em;
		}
		.multi4 {                /* 1159.html */
			-moz-column-width: 9em;
			-webkit-column-width: 9em;
			column-width: 9em;
		}
		.multi5 {                /* facebook_rank.html */
			-moz-column-width: 25em;
			-webkit-column-width: 25em;
			column-width: 25em;
		}
		.multi5 table { font-size: 10pt; }

		/* ------------------ */
		/* 表が段を区切らない装飾 */
		/* ------------------ 2015.9現在のクロームではダメ 例：図録1240 */
		table.nobreak {
			-moz-break-inside: avoid-column;
			-webkit-break-inside: avoid-column;
			break-inside: avoid-column;
		}

/* table-cellによる段組み指定（最大３段） 段組幅フレキシブル*/

		div.cover {
			display: table;
			border-spacing: 0.5em;
			margin: 0px;
			padding: 0px;
		}
		div.cover div.box1 {
			display: table-cell;
			margin: 0px;
			padding: 0px;
		}
		div.cover div.box2 {
			display: table-cell;
			margin: 0px;
			padding: 0px;
		}
		div.cover div.box3 {
			display: table-cell;
			margin: 0px;
			padding: 0px;
		}

/* table-cellによる段組み指定（最大３段） 段組幅固定 */

		div.cover2 {
			display: table;
			border-spacing: 0.5em;
			margin: 0px;
			padding: 0px;
			width: 100%;
		}
		div.cover2 div.box1 {
			display: table-cell;
			margin: 0px;
			padding: 0px;
			width: 33.3%;
		}
		div.cover2 div.box2 {
			display: table-cell;
			margin: 0px;
			padding: 0px;
			width: 33.3%;
		}
		div.cover2 div.box3 {
			display: table-cell;
			margin: 0px;
			padding: 0px;
			width: 33.3%;
		}

/* -------------------------------------------- */
/* 横幅が○○px以下であれば以下のCSSが適用される */
/* -------------------------------------------- */
@media screen and (max-width: 800px) {      /*当初 max-width: 970px、次850px、799pxダメ */

td { font-size: 160%;}    /* 本文 */
td td { font-size: 120%;} /* 本文段組以外の表 右側欄組み*/
td th { font-size: 120%;}
td caption { font-size: 120%;}
td[width="168"] { display: none;}  /* 右側バー非表示 */
table[cellpadding="10"] td { font-size: 150%;}  /* コラム */
table[cellpadding="10"] th { font-size: 150%;}
.multicolumnbox1 td { font-size: 140%;}         /* 段組の中の表 */
.multicolumnbox1 th { font-size: 140%;}
.multicolumnbox1 caption { font-size: 140%;}
.scr2 td {font-size: 100% }         /* スクロールの中の表 */
.column01 td:nth-child(2) {word-break:normal; } /* iPhoneでkeep-allが不具合 */

.bar { height: 55px; }
.bar span {
	transform:scale(1.7);
	-webkit-transform:scale(1.7);
	-moz-transform:scale(1.7);
	}
.twitter-share-button {
	transform:scale(1.7);
	-webkit-transform:scale(1.7);
	-moz-transform:scale(1.7);
	}
.bar td:first-child img {
	height: 50px ;
	width: 170px ;
	}
.bar td:last-child img {
	height: 40px ;
	width: 90px ;
	}
.bar td:nth-child(4) { display: none;}
.barcr:after {           /* barcrをbarcに戻すと発効 スマホ画面でお知らせを表示 */
	content: "グラフをタップすると個別グラフごとに全画面表示";
	display: inline-block ;
	font-size: 130%;
	font-weight: bold ;
	background: #FF9F80;
	color: #fff;
	padding: 3px;
	margin-left: 20px;
	border-radius: 5px;
	line-height: 1.2;
}

table {line-height : 150% ; }
.width01 { width:0px; }
p.zu {
	text-align:center;
	padding-left: 0px;
	padding-right:0px;
	}
p.zu img:not(.nowide) { width: 100%; }
table.hyou { margin:0px 1%; }
table.hyou10 { margin:0px 5%; }
div img:not(.nowide) { width: 100%; }
div[id="wides"] img { width: 70%; }
div.smafo {
	display: block ;
	float: right ;
	margin-left: 0.8em ;
	}
img.vv { display: block; }
img.hh { display: none; }
.multicolumnbox1 {
		background-color: transparent;
		padding: 0px 0.5em 0px 0px;
		border-style: none;
	}
.multi5 td { font-size: 130%;}
.multi5 th { font-size: 130%;}

.yoseleft { float:none;
	margin:0px 0px 1em 0px ;
	}

	/* 段組み指定 段組幅フレキシブル*/
			div.cover {
				display: block;
			}
			div.cover div.box1 {
				display: block;
				margin: 3px;
				width: 100%;
			}
			div.cover div.box2 {
				display: block;
				margin: 3px;
				width: 100%;
			}
			div.cover div.box3 {
				display: block;
				margin: 3px;
				width: 100%;
			}

	/* 段組み指定 段組幅固定*/

			div.cover2 {
				display: block;
			}
			div.cover2 div.box1 {
				display: block;
				margin: 3px;
				width: 100%;
			}
			div.cover2 div.box2 {
				display: block;
				margin: 3px;
				width: 100%;
			}
			div.cover2 div.box3 {
				display: block;
				margin: 3px;
				width: 100%;
			}
	}