@charset "utf-8";
/* CSS Document */
	
/*============================================================ */
* {
    -webkit-user-select: none;  /* Chrome or Safari */
    -moz-user-select: none;     /* FireFox */
    -ms-user-select: none;      /* IE */
    -o-user-select: none;       /* Opera */
    user-select: none;
}

#wrap{
	position:absolute;
	visibility:visible;
	background-repeat:no-repeat;
	margin : 6px ;
}

#main{
	/*position:absolute;*/
	/*visibility:hidden;*/
}
.navcommon
{
	border:#2f67b2 4px solid;
	position:absolute;
	border-radius:5px;
}
#loadingCircleDiv{
	margin:0px;
	top:0px;
	left:0px;
}
#loadingCircle{
	position:absolute;
	margin:auto auto auto auto;
}
	


/*============================================================ */
/*Map*/
.AllCommonCp{
	width:53px;
	height:33px;
	position:absolute;
	background-color:#F88;
	-moz-opacity:0;
	opacity:0;
}
#allsvgid{
	top:4px;
	left:4px;
	position:absolute;
}
#resetsvgid{
	top:4px;
	left:60px;
	position:absolute;
}

#mapCpDiv01{
	top:4px;
	left:4px;
}	
	
#mapCpDiv02{
	top:4px;
	left:60px;
}
.mapCommonBtnDiv{
	position:absolute;
	background:url(../svg/common/AllcommonBtn_back.svg);
	width:118px;
	height:40px;
	background-repeat:no-repeat;
}





/*============================================================ */
/*worldMap*/
.w_MapAllCommonCp{
	width:53px;
	height:33px;
	position:absolute;
	background-color:#F88;
	-moz-opacity:0;
	opacity:0;
}

.w_MapBackCp{
	width:60px;
	height:33px;
	position:absolute;
	background-color:#F88;
	-moz-opacity:0;
	opacity:0;
}


#backBtnDiv{
	top:4px;
	left:4px;
	position:absolute;
}	

#backsvgid{
	top:4px;
	left:4px;
	position:absolute;
	}
	
#w_MapCpDiv01{
	top:4px;
	left:64px;
}	
	
#w_MapCpDiv02{
	top:4px;
	left:124px;
}

#w_Allsvgid{
	top:4px;
	left:68px;
	position:absolute;
}
#w_Resetsvgid{
	top:4px;
	left:124px;
	position:absolute;
}



/*============================================================ */
/*map opposite*/
.AllCommonCpOp{
	width:53px;
	height:33px;
	position:absolute;
	background-color:#F88;
	-moz-opacity:0;
	opacity:0;
}

#resetsvgidOp{
	top:4px;
	left:4px;
	position:absolute;
}

#mapCpDivOp{
	top:4px;
	left:4px;
}	



/*============================================================ */
/*Graph visible */
#gVisAllsvgid{
	top:4px;
	left:4px;
	position:absolute;
	}
#gVisResetsvgid{
	top:4px;
	left:60px;
	position:absolute;
	}	
	
#gVisCpDiv01{
	top:4px;
	left:4px;

}
#gVisCpDiv02{
	top:4px;
	left:60px;

}



/*============================================================ */
/*Graph fir2*/
#graph2Allsvgid{
	top:4px;
	left:4px;
	position:absolute;
}
#graph2Resetsvgid{
	top:4px;
	left:60px;
	position:absolute;
}

#graph2CpDiv01{
	top:4px;
	left:4px;
}	
	
#graph2CpDiv02{
	top:4px;
	left:60px;
}


/*============================================================ */
/*Graph for3*/
#graphStartsvgid{
	top:4px;
	left:4px;
	position:absolute;
}
#graph3Allsvgid{
	top:4px;
	left:60px;
	position:absolute;
}
#graph3Resetsvgid{
	top:4px;
	left:60px;
	position:absolute;
}
#graph3CpDiv01{
	top:4px;
	left:4px;
}	
/*#graph3CpDiv02{
	top:4px;
	left:60px;
}
*/
#graph3CpDiv03{
	top:4px;
	left:60px;
}




/*============================================================ */
/*Graph for SeriesChange*/
#graphSerieschecksvgid{
	top:4px;
	left:60px;
	position:absolute;
}
#graphSCAllsvgid{
	top:4px;
	left:151px;
	position:absolute;
}
#graphSCResetsvgid{
	top:4px;
	left:207px;
	position:absolute;
}
#graphSCCpDiv01{
	top:4px;
	left:4px;
}
#graphSCCpDiv02{
	top:4px;
	left:60px;
	width:88px;
}
#graphSCCpDiv03{
	top:4px;
	left:151px;
}
#graphSCCpDiv04{
	top:4px;
	left:207px;
}




/*============================================================ */
/*Graph common */
#graphCommonBtnFor2{
	position:absolute;
	background:url(../svg/common/AllcommonBtn_back.svg);
	width:118px;
	height:40px;
	background-repeat:no-repeat;
}

#graphCommonBtnFor3{
	position:absolute;
	background:url(../svg/common/commonBackFor3.svg);
	width:174px;
	height:40px;
	background-repeat:no-repeat;
}
#graphCommonBtnForSC{
	position:absolute;
	background:url(../svg/common/commonBackForGraph.svg);
	width:263px;
	height:40px;
	background-repeat:no-repeat;
}



/*============================================================ */
#CommonBtnBackFor1{
	position:absolute;
	background:url(../svg/common/AllcommonBtn_mapOp.svg);
	width:62px;
	height:40px;
	background-repeat:no-repeat;
}
#cardAnswerbtnFor1{
	left:4px;
	top:4px;
	position:absolute;
}
#cardResetbtnFor1{
	left:4px;
	top:4px;
	position:absolute;
}
#cardResetbtnFor2{
	left:60px;
	top:4px;
	position:absolute;
}
#commonBtnSingleCpDiv{
	left:4px;
	top:4px;
	position:absolute;
}
#commonBtnSingleCpDiv2{
	left:60px;
	top:4px;
	position:absolute;
}
#OXElement{
	width:200px;
	height:200px;
	position:absolute;
	background-repeat:no-repeat;
	overflow:visible;
	margin:0px;
	z-index:100;
}


/*============================================================ */
/*flowChart common*/
#FCCommonBtnFor2{
	position:absolute;
	background:url(../svg/common/AllcommonBtn_back.svg);
	width:118px;
	height:40px;
	background-repeat:no-repeat;
}



/*============================================================ */
/*blind common*/
#tBlindCommonBtnDiv{
	overflow:visible;
	position:absolute;
	background:url(../svg/common/commonBackFor3.svg);
	width:174px;
	height:40px;
	background-repeat:no-repeat;
}

.tBlindClass{
	background-repeat:no-repeat;
	position:absolute;
	border-style:solid;
	border-width:1px;
	border-color:rgba(128,128,128,0.5);
	-webkit-border-radius: 0px;
	-webkit-border-top-left-radius: 19px;
	-webkit-box-shadow: 3px 4px 3px rgba(0,0,0,0.4);
}
.tBlindTabClass{
	background-repeat:no-repeat;
	position:relative;
	z-index:20;
	width:16px;
	top:0px;
	left:-1px;
	background-image:url(../images/blindBackCorner.png);
	background-size:contain;
	opacity:0.7;
}




#tBlind_labelText{
	overflow:visible;
	position:absolute;
	background:url(../svg/common/tBlind_labelText.svg);
	width:53px;
	height:33px;
	left:4px;
	top:4px;
	background-repeat:no-repeat;
}

#tBlindAllsvgid{
	overflow:visible;
	top:4px;
	left:60px;
	position:absolute;
}
#tBlindResetsvgid{
	overflow:visible;
	top:4px;
	left:116px;
	position:absolute;
}
#tBlindCpDiv01{
	overflow:visible;
	top:4px;
	left:60px;
}
#tBlindCpDiv02{
	overflow:visible;
	top:4px;
	left:116px;
}


#capBtnDivId{
	position:absolute;
	width:53px;
	height:33px;
}
#capBtnCoverDivId{
	position:absolute;
	width:59px;
	height:39px;
	opacity:0;
	background-color:#0C6;
}

#capBoxElementId{
	position:absolute;
	width:auto;
	height:33px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-box-shadow: 3px 4px 4px rgba(0,0,0,0.4);
	font-size:20px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
	line-height:32px;
	text-wrap:none;
	z-index:100;
}

#sourceBoxElementId{
	position:absolute;
	background-color:#DDD;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-box-shadow: 3px 4px 4px rgba(0,0,0,0.4);

	height:auto;
		
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
	text-indent:1em;
	color:#333;
	z-index:101;
}

/*============================================================ */
/*menu botton*/
.btn-menu-back {
  position: absolute;
  width: 130px;
  height: 130px;
  background: #FFFFFF;
  z-index: 9999;
  border-radius:7.5px;
top:0px;
left:0px;
}
.btn-menu-back img {
  display: block;
  width: 100%;
  height: auto;
  pointer-events: initial;
}
.btn-menu-back img:hover {
  opacity: 0.5;
}