h2.con{
	margin-bottom:5px;
	margin-top:25px;
	}
h2.con a:link, h2.con a:visited {
  color: inherit;
  text-decoration: none;
}
h2.area{
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:25px;
}
.country{
	background-color:#cc3333;
	color:#fff;
}
#europe .country{
	background-color:#3366cc;
}
#europe .red{
	color:#3366cc;
}
#asia .country{
	background-color:#339933;
}
#asia .red{
	color:#339933;
}
#japan .country{
  background-color:#eb0a1e;
}
#japan .red{
  color:#eb0a1e;
}
#americas .country{
	background-color:#cc9933;
}
#americas .red{
	color:#cc9933;
}
#netherlands , #germany , #uk , #finland , #italy , #norway , #france , #sweden , #poland , #africa , #czech , #denmark , #hungary , #spain , #slovakia , #russia , #kazakhstan , #australia , #newzealand , #thailand , #malaysia , #philippines , #taiwan , #china , #korea , #indonesia , #vietnam , #india , #japan , #usa , #puertorico , #canada , #brazil , #venezuela , #mexico , #argentina {
    margin-top:-150px;
    padding-top:150px;
}

.blue{
	color:#3366cc;
}
.red{
	color:#eb0a1e;
}
.green{
	color:#339933;
}
.orange{
	color:#cc9933;
}

/*table*/
table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom:30px;
}
table th,
table td {
  padding: 10px 15px;
  border: 1px solid #bfbfbf;
  text-align:left;
}
table th {
  background-color: #eee;
  text-align: left;
  width: 20%;
}

dt{
	float:left;
	font-weight:bold;
	margin-right:15px;
}


dd.director{
	padding-left:113px;
}
dd.director2{
	padding-left:113px;
}
.list{
	list-style:none;
}
.list a:link , .list a:visited{
	border-bottom:1px #ccc solid;
	padding:10px 5px 10px 5px;
	text-decoration:none;
	color:#333;
	display:block;
}
.list a:hover{
	text-decoration:none;
	background-color:#eee;
}

.listcountry-container {
  display: flex;
  margin-right: clamp(-125px, -1 * (100vw - 1025px) / 2, 0px);
  margin-left: clamp(-125px, -1 * (100vw - 1025px) / 2, 0px);
}
div.listcountry{
	width:25%;
	margin-bottom:30px;
}
.clearblock{
	width:100%;
	height:10px;
	clear:both;
}

/*---768---*/
@media only screen and (max-width: 768px) {
div.listcountry{
	width:100%;
	margin-bottom:30px;
}
}
/*---499---*/
@media screen and (max-width: 499px) {
h2{
	font-size:1.25em;
	margin-bottom:10px;
}
h2.area{
	font-size:1em;
	margin-bottom:10px;
}
.list{
	font-size:0.95em;
}
table {
border-top: 1px solid #999;
table-layout:fixed;/* ENGLISH */
}
table td {
  display: block;
 text-align:left;
 border-top: none;
}
table th {
  display: block;
  width: auto;
}
table th,
table td {
  padding: 7px 10px;
font-size:0.95em;
}
.red{
	margin-left:0px;
}
dt{
	float:none;
	margin-bottom:-7px;
}
dd.yearwidth ,dd.director ,dd.director2{
	padding-left:0px;
}
div.listcountry{
	float:none;
	width:100%;
}
}

/* tab.css */
ul.tab {
  margin: 0 0 30px 0;
  padding: 0;
  border-bottom: 2px #ddd solid;
}
ul.tab li {
  float: left;
  margin: 0 0 0 10px;
  position: relative;
  bottom: -2px;
  list-style-type: none;
  border: 1px #ddd solid;
  border-top: none;
  border-bottom: 2px #ddd solid;
}
ul.tab li.none {
  border-bottom: 2px #fff solid;
  font-weight: bold;
}
ul.tab li a {
  color: #000;
  display: block;
  padding: 3px 10px 5px;
  text-decoration: none;
  background: #fff;
}
ul.tab li a.red {
  border-top: 5px #dd1d25 solid;
  color:#dd1d25;
}
ul.tab li a.gray {
  border-top: 5px #ccc solid;
}
ul.tab li a.blue {
  border-top: 5px #3366cc solid;
  color:#3366cc;
}
ul.tab li a.green {
  border-top: 5px #339933 solid;
  color:#339933;
}
ul.tab li a.orange {
  border-top: 5px #cc9933 solid;
  color:#cc9933;
}
ul.tab li a:hover {
  position: relative;
  bottom: 6px;
}
/* clerfix */
.clear:after {
    content:"";
    display:block;
    overflow:hidden;
}
.clear:after {
    clear:both;
}
.clear {
    zoom:1;
}
/*---TAB---*/
h2{color:#dd1d25;
margin-bottom:20px;
}
p.csaText{
  margin: 0 auto 15px auto;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCCCCC;
  padding-bottom:15px;
}
p.csaTextlast{
  margin: 0 auto 15px auto;
  padding-bottom:15px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #CCCCCC;
}
p.csaTextfirst{
  margin: 0 auto 15px auto;
  padding-top:15px;
  border-top-width: 1px;
  border-top-style: dotted;
  border-top-color: #CCCCCC;
}
/*---970---*/
@media only screen and (max-width: 970px) {
  ul.tab li{
  font-size:12px;
  margin: 0 0 0 3px;
}
}
/*---449---*/
@media screen and (max-width: 499px) {
  ul.tab li{
  font-size:10px;
  margin: 0 0 0 3px;
}
ul.tab li a {
  padding: 1px 5px 2px;
}
}
