@charset "UTF-8";


/** Style for user **/


.ValueM{ color:#00f; }
.ValueP{ color:#f00; }
.ValueZ{ color:#333; }

.market-map .box{
  width:175px;
  height:95px;
  background:rgba(255,255,255,0.8);
}

.market-map .box:before{
  width:173px;
  height:93px;
}

.market-map .box .boxInner{
  padding:7px;
}

.market-map .box .flag{
  bottom:9px;
}

.market-map .box .title{
  font-size:13px;
}

.market-map .box dl{
  margin-bottom:12px;
}

.market-map .box dt{
  font-size:22px;
  line-height:22px;
}

.market-map .box dd{
  padding-top:6px;
}

/** Style for #tab1 **/

#tab1 .market-map .box1,
#tab2 .market-map .box1,
#tab3 .market-map .box1{
  top:0;
  left:0;
}

#tab1 .market-map .box2,
#tab2 .market-map .box2,
#tab3 .market-map .box2{
  top:0;
  left:250px;
}

#tab1 .market-map .box3,
#tab2 .market-map .box3,
#tab3 .market-map .box3{
  top:0px;
  right:0px;
}

#tab1 .market-map .box4,
#tab2 .market-map .box4,
#tab3 .market-map .box4{
  top:245px;
  right:0px;
}

#tab1 .market-map .box5,
#tab2 .market-map .box5,
#tab3 .market-map .box5{
  top:250px;
  right:190px;
}

#tab1 .market-map .box6,
#tab2 .market-map .box6,
#tab3 .market-map .box6{
  bottom:0;
  right:0px;
}

#tab1 .market-map .box7,
#tab2 .market-map .box7,
#tab3 .market-map .box7{
  top:130px;
  left:60px;
}

#tab1 .market-map .box8,
#tab2 .market-map .box8,
#tab3 .market-map .box8{
  bottom:0px;
  left:250px;
}

#tab1 .market-map .box9,
#tab2 .market-map .box9,
#tab3 .market-map .box9{
  top:270px;
  left:0px;
}

#tab1 .market-map .box10,
#tab2 .market-map .box10,
#tab3 .market-map .box10{
  bottom:0px;
  left:0px;
}

/* JP追記 */
#tab1 .market-map .box11,
#tab2 .market-map .box11,
#tab3 .market-map .box11{
  top: 217px;
  left: 420px;
}

#tab1 .market-map .box12,
#tab2 .market-map .box12,
#tab3 .market-map .box12{
  top: 65px;
  right: 340px;
}

#tab1 .market-map .box13,
#tab2 .market-map .box13,
#tab3 .market-map .box13{
  top: 175px;
  right: 340px;
}

#tab1 .market-map .box14,
#tab2 .market-map .box14,
#tab3 .market-map .box14{
  top: 285px;
  right: 340px;
}

#tab1 .market-map .box15,
#tab2 .market-map .box15,
#tab3 .market-map .box15{
  top: 110px;
  right: 0px;
}

#tab1 .market-map .box16,
#tab2 .market-map .box16,
#tab3 .market-map .box16{
  top: 220px;
  right: 0px;
}

#tab1 .market-map .box17,
#tab2 .market-map .box17,
#tab3 .market-map .box17{
  top: 110px;
  left: 190px;
}

#tab1 .market-map .box18,
#tab2 .market-map .box18,
#tab3 .market-map .box18{
  bottom: 185px;
  left: 190px;
}

#tab1 .market-map .box19,
#tab2 .market-map .box19,
#tab3 .market-map .box19{
  bottom: 0px;
  right: 195px;
}

#tab1 .market-map .box20,
#tab2 .market-map .box20,
#tab3 .market-map .box20{
  top: 130px;
  left: 0px;
}

#tab1 .market-map .box21,
#tab2 .market-map .box21,
#tab3 .market-map .box21{
  top: 80px;
  left: 250px;
}

#tab1 .market-map .box22,
#tab2 .market-map .box22,
#tab3 .market-map .box22{
  top: 110px;
  left: 0px;
}

#tab1 .market-map .box23,
#tab2 .market-map .box23,
#tab3 .market-map .box23{
  bottom: 75px;
  left: 190px;
}

/** Style for #tab2 **/

/*
#tab2 .market-map .box1{
  top:0;
  left:0;
}

#tab2 .market-map .box2{
  top:0;
  left:250px;
}

#tab2 .market-map .box3{
  top:0px;
  right:0px;
}

#tab2 .market-map .box4{
  top:130px;
  right:190px;
}

#tab2 .market-map .box5{
  top:250px;
  right:190px;
}

#tab2 .market-map .box6{
  bottom:0;
  right:0px;
}

#tab2 .market-map .box7{
  top:130px;
  left:60px;
}

#tab2 .market-map .box8{
  bottom:0px;
  left:250px;
}

#tab2 .market-map .box9{
  top:270px;
  left:0px;
}

#tab2 .market-map .box10{
  bottom:0px;
  left:0px;
}
*/

/** Style for #tab3 **/

/*
#tab3 .market-map .box1{
  top:0;
  left:0;
}

#tab3 .market-map .box2{
  top:0;
  left:250px;
}

#tab3 .market-map .box3{
  top:0px;
  right:0px;
}

#tab3 .market-map .box4{
  top:130px;
  right:190px;
}

#tab3 .market-map .box5{
  top:250px;
  right:190px;
}

#tab3 .market-map .box6{
  bottom:0;
  right:0px;
}

#tab3 .market-map .box7{
  top:130px;
  left:60px;
}

#tab3 .market-map .box8{
  bottom:0px;
  left:250px;
}

#tab3 .market-map .box9{
  top:270px;
  left:0px;
}

#tab3 .market-map .box10{
  bottom:0px;
  left:0px;
}
*/

/** Style for #tab3 **/

#tab3 .link-map .box1{
  top:0px;
  left:0px;
}

#tab3 .link-map .box2{
  top:150px;
  left:70px;
}

#tab3 .link-map .box3{
  left:230px;
  bottom:40px;
}

#tab3 .link-map .box4{
  top:200px;
  left:420px;
}

#tab3 .link-map .box5{
  top:70px;
  right:70px;
}

#tab3 .link-map .box6{
  right: 120px;
  bottom: 120px;
}

#tab3 .link-map .box7{
  right:0px;
  bottom:0px;
}


#tab3 .link-map .box8{
  bottom: 155px;
  left: 150px;
}

/* ご注意事項 */
#title a{
   float:right;
   font-size:12px;
   line-height:1;
   color:#555;
   text-decoration:none;
   padding:10px 15px;
   border:solid 1px #e0e0e0;
   border-radius:3px;
   -moz-transition:all 300ms ease-in-out;
   -webkit-transition:all 300ms ease-in-out;
   transition:all 300ms ease-in-out;
}

#title a:hover{
  color:#2996cc;
  border:solid 1px #2996cc;
}

.titleBlock{
  display: flex;
  float: right;
  margin: 10px;
}

.titleBlock .titleJP {
  margin: 9px;
}
/* -- modal
-------------------------------------------------------------------------------- */
#modal{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:10;
  display:inline;
}

#modal a.closeBtn{
  display:block;
  background:rgba(0,0,0,0.2);
  width:60px;
  height:60px;
  position:fixed;
  top:15px;
  right:15px;
  text-align:center;
  z-index:12;
  -moz-transition:background 150ms ease-in-out;
  -webkit-transition:background 150ms ease-in-out;
  transition:background 150ms ease-in-out;
  opacity:1;
}

#modal a.closeBtn:hover{
  background:rgba(0,0,0,0.4);
}

#modal a.closeBtn img{
  padding-top:18px;
}

#modal .modalBack{
  position:fixed;
  width:100%;
  height:100%;
  background:rgba(250,250,250,0.98);
  top:0;
  left:0;
}

#modal .modalBlock{
  max-width:950px;
  padding:0px 15px 20px 15px;
  margin:0 auto;
  position:relative;
  z-index:11;
  margin-top:50px;
  opacity:1;
}

#modal .modalWrap{
  margin-top:50px;
}

#modal .modalWrap h3{
  font-size:20px;
  font-weight:normal;
  margin-bottom:20px;
  color:#2996cc;
}

#modal .modalWrap ul{
  padding-left:1.5em;
}

#modal .modalWrap li{
  line-height:1.8;
  list-style-type:disc;
  color:#2996cc;
}

#modal .modalWrap li span{
  color:#333;
}

/* 世界各国概況 空セルを非表示にする */
.content .tableWrap .nullArea {
  border-color: #fafafa;
  background: #fafafa;
}