/*
1.タグ共通
2.ヘッダー #hd
3.フッター #ft
4.ボディー（コンテンツ＋サイドバー） #bd #yui-main .yui-b
5.コンテンツ .content
6.サイドバー .sidebar
*/
/******************** 0.デバッグ ********************/
/*
#hd{background-color:#aaa;}
#ft{background-color:#aaa;}
#bd{background-color:#ddd;}
.content{background-color:#faa;}
.sidebar{background-color:#aaf;}
/**/
/******************** 1.タグ共通 ********************/
a,
a:link,
a:visited{
	color:#0000aa;
}

h2 a,
h2 a:link,
h2 a:visited{
	color:#000;
}

b{
	font-weight:bold;
}

/******************** 2.ヘッダー ********************/
#hd div.left{
	float:left;
}
#hd div.right{
	float:left;
	margin-top:1.8em;
	margin-left:2em;
}

#hd h1.logo{
	margin:1em 0.5em 0.5em 0;
}

	#hd h1.logo img{
		width:240px;
		height:40px;
	}

/******************** 3.フッター ********************/
#ft {
	padding:0.1px; /*IE*/
}
#ft p{
	margin:1em;
	font-size:108%;
	text-align:center;
}

/******************** 4.ボディー ********************/
/******************** 5.コンテンツ ********************/
/********** a)共通 **********/
.content{
	padding:0.1px; /*IE*/
}
.content h1{
	font-size:167%;
	font-weight:bold;
	margin:0 0.5em 0.5em 0.2em;
}
.content h2{
  margin:1.5em 0.5em 0.5em 0.5em;
  padding:0.3em 0.5em;
  border-left: 7px solid red;
  border-bottom: 1px solid #666;
  font-size:131%;
  font-weight:bold;
}
.content h3{
	margin:1em;
	font-weight:bold;
	font-size:108%;
}
.content p{
	font-size:108%;
	margin:1em;
}

.content table{
  margin:1em;
}

.content th, .content td{
  font-size:108%;
  border: 1px solid black;
  padding:5px;
}

.content th{
  background-color:#99ccff;
  white-space: nowrap;
}

.content table td.strong{
  font-weight:bold;
}

.content span.remark{
	background-color:#090;
	color:white;
	padding:0.3em;
	font-size:77%;
	font-weight: bold;
}

.content span.not_enabled{
	color: #888;
	text-decoration: underline;
}

/********** b)内部コンテンツ **********/
/*ナビゲーション*/
.content p.navi{
  font-size:100%;
  font-weight:bold;
  margin:0.5em 0 1em 0;
  padding:0.3em 0.5em;
  color:#ccc;
  background-color:#006;
  border:1px solid #aaa;
}
	.content p.navi a{
		color:white;
	}

/*お知らせ*/
.content div.osirase{
}
	.content div.osirase table{
		width:95%;
	}

/*国の列挙*/
.content div.countries{
	margin:1em 1.5em;
	border:1px solid #888;
}

/*説明段落*/
.content div.explain{
	margin:1.5em;
	border:1px solid black;
	background-color:#eee;
}
	.content div.explain p{
		margin:1em;
	}

	.content div.explain ul{
	  list-style-position:outside;
	  margin:0.5em;
	}

	.content div.explain li{
	  list-style-type: circle;
	  margin: 0.5em 1em 0.5em 1.5em;
	  font-size:100%;
	}

/*注釈*/
.content div.notes{
	margin:1em;
}
	.content div.notes p{
		font-size:93%;
		margin:0.2em;
	}

/*索引*/
.content div.index_list{
  margin-top:1em;
  margin-bottom:1em;
}

	.content div.index_list ul{
		list-style-position:outside;
		margin:0.5em;
	}

	.content div.index_list li{
		background-image: url(ya02.gif);
		background-repeat: no-repeat;
		background-position: left center;
		padding-left:1.8em;
		font-size: 108%;
		margin: 0.3em 1em;
		vertical-align:middle;
	}

/*トップへ戻る用*/
.content p.return_top{
  background-image: url(ya03.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left:1.2em;
  vertical-align:middle;
}

/*推移データ*/
.content div.trans{
	margin:1.5em 1em 1.5em 1.5em;
}
	.content div.trans p.link{
		font-size:108%;
		text-align:center;
		margin-top:0;
		margin-bottom:1.5em;
	}
	.content div.trans p.link span.enabled{
		background-image: url(ya01.gif);
		background-repeat: no-repeat;
  		background-position: left center;
		padding-left:1.2em;
	}
	.content div.trans p.link span.not_enabled{
		background-image: url(ya01_2.gif);
		background-repeat: no-repeat;
  		background-position: left center;
		padding-left:1.2em;
	}

	.content div.trans div.trans_chart{
		border:1px solid #666;
		margin-bottom:1em;
	}

	.content div.trans div.trans_sheet{
		margin-top:1em;
		margin-bottom:2em;
		overflow-x:auto;
		overflow-y:hidden;
		padding-bottom:0.5em;
	}

		.content div.trans div.trans_sheet table{
			margin-top:0em;
			margin-left:0em;
		}
			.content div.trans div.trans_sheet tr{
			}

			.content div.trans div.trans_sheet th{
				font-size:85%;
				border: 1px solid black;
				padding:0.1em 0.5em;
				white-space:nowrap;
			}
			.content div.trans div.trans_sheet td{
				padding:0.3em;
				font-size:85%;
				border: 1px solid black;
				white-space:nowrap;
				text-align:right;
			}
			.content div.trans div.trans_sheet th.blank{
				border:none;
				background-color:transparent;
			}
			.content div.trans div.trans_sheet td.blank{
				border:none;
			}

			.content div.trans div.trans_sheet td.na{
				background-color: #eee;
			}

			.content div.trans div.trans_sheet td.esa,
			.content div.trans div.trans_sheet span.esa{
				background-color: #ffcc88;
			}

			.content div.trans div.trans_sheet p{
				margin:0.5em 0.5em 0.5em 0;
				font-size:100%;
			}

/*国旗*/
.content img.flag{
	height:24px;
	vertical-align:middle;
	border:1px solid black;
}

/*国旗（ミニ）*/
.content img.flag_mini{
 height:14px;
 vertical-align:middle;
 border:1px solid black;
}

/*国旗（テーブル内）*/
.content th.flag_mini,
.content td.flag_mini{
  width:40px;
}

/*画像縦中央寄せ用*/
.content img.vmiddle{
	vertical-align:middle;
}

/*地図*/
.content p.map{
  text-align:center;
  line-height:1.5em;
  font-size:108%;
  margin-top:2em;
}

/*地図（世界地図）*/
.content img#world_map{
  width: 440px;
  height:220px;
  border: 1px solid black;
}

/*ソートテーブル*/
.content table.tablesorter {
	width: 97%;
	text-align: left;
	font-size:93%;
}
	.content table.tablesorter thead tr th,
	.content table.tablesorter tfoot tr th {
	}
	.content table.tablesorter thead tr .header {
		background-image: url(bg.gif);
		background-repeat: no-repeat;
		background-position: center right;
		cursor: pointer;
	}
	.content table.tablesorter tbody td {
	}
	.content table.tablesorter tbody tr.odd td {
	}
	.content table.tablesorter thead tr .headerSortUp {
		background-image: url(asc.gif);
	}
	.content table.tablesorter thead tr .headerSortDown {
		background-image: url(desc.gif);
	}
	.content table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
		background-color: #3399ee;
	}
	.content table.tablesorter tbody td.value {
		text-align:right;
	}

.content form.effect{
	border:1px solid black;
	margin:1em 1em 0 1em;
	font-size:93%;
	color:#222;
}

	.content form.effect p{
		font-size:93%;
		font-weight:bold;
		color:#222;
	}

/*リスト表示*/
.content div.list{
  margin-bottom:1.5em;
}
	.content div.list p{
	  margin-top: 0.5em;
	  margin-bottom: 0.5em;
	}
	.content div.list ul{
	  list-style-position:outside;
	  margin:0.5em;
	}

	.content div.list li{
	  background-image: url(ya01.gif);
	  background-repeat: no-repeat;
	  background-position: left center;
	  padding-left:1.5em;
	  font-size: 108%;
	  margin: 0.6em 1em;
	  vertical-align:middle;
	}

	.content div.list li ul li{
	  font-size: 100%;
	}

/*国情報１*/
.content table.cinfo{
	width:97%;
}
	.content table.cinfo th{
		background-color:#cdc;
		width:15%;
	}

/*国情報２*/
.content table.country_info{
	width:97%;
}

	.content table.country_info th.detail_header{
		width:40%;
		white-space: normal;
		background-color:#ddf;
	}

	.content table.country_info th.rank{
		width:20%;
	}

/*広告*/
.content div.advertising{
	margin-left:1em;
}

.content div.link_unit_top{
	margin-left:1em;
}
	.content div.link_unit_top div.line{
		margin:0 1em 0 0;
	}

/********** z)特殊 **********/
/*ライン*/
div.line{ /* hrタグのブラウザ差異吸収*/
  margin: 1em;
  border-bottom:1px solid #666;
}
	div.line hr{
	  display:none;
	}

/*ニュース*/
.content #news{
  font-size:108%;
}
	.content #news form.gsc-search-box,
	.content #news table.gsc-resultsHeader,
	.content #news div.gsc-tabsArea{
	  display : none;
	}
	.content #news .gsc-control {
	  width : 600px;
	  margin:1.2em;
	}

	.content #news div.gs-snippet,
	.content #news div.gs-publisher,
	.content #news div.gs-publishedDate,
	.content #news div.gs-relativePublishedDate,
	.content #news div.gs-clusterUrl{
	  font-size:93%;
	}

/*ツールフォーム*/
.content #tool_form{
	margin:1em;
	border:1px solid black;
	background-color:#dde;
}

.content div#image_setting{
	margin:1em;
	border:1px solid black;
}
	.content div#image_setting input.text{
		width:50px;
	}

.content div#image_link{
	margin:1em;
}
	.content div#image_link textarea{
		width:500px;
		height:150px;
	}

/*Googleサイト内検索用*/
#cse-search-results{
	margin-left:1em;
	margin-top:1em;
}

/******************** 6.サイドバー ********************/
div.sidebar{
	padding:0.1px; /*IE*/
}

div.sidebar div.sidebox{
  border:1.5px solid #aaa;
  margin: 0.5em 0 1em 0;
}

	div.sidebar div.sidebox h2{
	  font-size:108%;
	  font-weight:bold;
	  padding:0.3em;
	  background-color:#006;
	}

	div.sidebar div.sidebox h2 a,
	div.sidebar div.sidebox h2 a:link,
	div.sidebar div.sidebox h2 a:visited{
	  color:#fff;
	}

	div.sidebar div.sidebox p{
	  font-size:100%;
	  margin:0.5em 0.5em 0.5em 0.5em;
	}

	div.sidebar div.sidebox ul{
	}

	div.sidebar div.sidebox li{
	  margin: 0.5em;
	  font-weight:bold;
	}

	div.sidebar div.sidebox p.more{
		text-align:right;
	}
		div.sidebar div.sidebox p.more span{
			background-image: url(ya02.gif);
			background-repeat: no-repeat;
			background-position: left center;
			padding-left:1.3em;
			font-weight:bold;
		}

div.sidebar div.tool{
}

	div.sidebar div.tool h2{
	  background-color:#f30;
	}

	div.sidebar div.tool li{
	  font-size:100%;
	}

div.sidebar div.sidebox_free{
  margin: 0.5em 0 1em 0;
  text-align:center;
}