#openLayer {
	position: fixed;
	z-index: 9997;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #000000;
}
#openLayerContainer {
	width: 850px;
	height : 555px;
	margin-right: auto;
	margin-left: auto;
	position: fixed;
	z-index: 9998;
	left: 0px;
	right: 0px;
}

#maesetsu1 {
	display: block;
	position : absolute;
}
#maesetsu2 {
	display: none;
	position : absolute;
}

#openLoadingLayer {
	background-color: #FFFFFF;
	position: fixed;
	z-index: 9998;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}
#openLoadingContainer {
	position: fixed;
	z-index: 9999;
	left: 48%;
	top: 48%;
	right: 48%;
	bottom: 48%;
	font-size: 12px;
	color: #FF666A;
	text-align: center;
}
#wrapper {
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 100%;
	width: 100%;
	background-size : cover;
	overflow:scroll;
}
#canvasFrame {
	background-image: url(images/canvasFrame.png);
	height: 728px;
	width: 1069px;
	margin-right: auto;
	margin-left: auto;
}
#canvasContainer {
	height: 620px;
	width: 1044px;
	margin-top: 5px;
	margin-left: 6px;
	position: absolute;
	z-index: 10;
	overflow:hidden;
	cursor : pointer;
}
.zoomHolder img {
	display : block;
	position: absolute;
	z-index: 12;
}
.zoomHolder a {
	display : block;
	position : absolute;
	z-index : 20;
	text-indent: -9999px;
	display:none;
}
.zoomHolder img.chameItem {
	display : none;
	position : absolute;
	z-index : 13;
}
.zoomHolder img.choised {
	animation-name : choise1;
	animation-duration : 2s;
	animation-timing-function: linear;
}
@keyframes choise1 {
	0% { transform: rotate(0deg);}
	15% { transform: rotate(180deg);}
	30% { transform: rotate(360deg);opacity:1}
	100% { transform: rotate(360deg);opacity : 0; }
}
.loupeContainer {
	position: fixed;
	z-index: 14;
	width: 1045px;
	height: 620px;
	top : 0;
	left : 0;
	background-image: url(images/loupe.png);
	background-repeat: no-repeat;
	background-position: left top;
/*
	opacity : 0.6;
*/
}
.noLoupe {
	background-image : url(../../common/images/transparent.png);
	background-repeat: repeat;
}
.zoomHolder {
	position: absolute;
	z-index: 16;
}
/******** ズーム１ (広域) ********/
#zoom1Container {
	height: 620px;
	width: 1045px;
	position: absolute;
	z-index: 10;
}
#zoom1Holder {
	height: 620px;
	width: 1045px;

}
.cam11 {
	height: 19px;
	width: 20px;
	margin-top: 450px;
	margin-left: 45px;
}
.cam12 {
	height: 36px;
	width: 29px;
	margin-top: 430px;
	margin-left: 279px;
}
.cam13 {
	height: 50px;
	width: 119px;
	margin-top: 516px;
	margin-left: 316px;	
}
.cam14 {
	height: 24px;
	width: 28px;
	margin-top: 177px;
	margin-left: 435px;
}
.cam15 {
	height: 34px;
	width: 33px;
	margin-top: 139px;
	margin-left: 666px;
}
.cam16 {
	height: 25px;
	width: 33px;
	margin-top: 281px;
	margin-left: 930px;	
}
/********  ズーム２ (拡大1) ********/
#zoom2Container {

	width : 2639px;
	height : 1360px;

	position : absolute;
	z-index : 10;

	margin-top : -370px;
	margin-left : -802px;

	display : none;
}
#zoom2Holder {
	height: 930px;
	width: 1567px;
	top : 177px;
	left : 543px;
}
.cam21 {
	height: 30px;
	width: 32px;
	margin-top: 674px;
	margin-left: 69px;
}
.cam22 {
	height: 56px;
	width: 41px;
	margin-top: 646px;
	margin-left: 421px;
}
.cam23 {
	height: 76px;
	width: 177px;
	margin-top: 774px;
	margin-left: 486px;
}
.cam24 {
	height: 35px;
	width: 39px;
	margin-top: 268px;
	margin-left: 653px;
}
.cam25 {
	height: 52px;
	width: 50px;
	margin-top: 209px;
	margin-left: 1001px;
}
.cam26 {
	height: 37px;
	width: 51px;
	margin-top: 423px;
	margin-left: 1396px;
}
/********  ズーム３ (最大拡大) ********/
#zoom3Container {
/*
	width : 3134px;
	height : 1860px;
*/
	width : 3684px;
	height : 1980px;

	position : absolute;
	z-index : 10;
/*
	margin-top : -620px;
	margin-left : -1044px;
*/
	margin-top : -686px;
	margin-left : -1324px;

	display : none;
}
#zoom3Holder {
	height: 1240px;
	width: 2089px;
	top : 344px;
	left : 813px;
}

.cam31 {
	height: 39px;
	width: 41px;
	margin-top: 899px;
	margin-left: 92px;
}
.cam32 {
	height: 75px;
	width: 57px;
	margin-top: 860px;
	margin-left: 559px;
}
.cam33 {
	height: 100px;
	width: 238px;
	margin-top: 1029px;
	margin-left: 647px;
}
.cam34 {
	height: 48px;
	width: 56px;
	margin-top: 355px;
	margin-left: 869px;
}
.cam35 {
	height: 68px;
	width: 66px;
	margin-top: 280px;
	margin-left: 1335px;
}
.cam36 {
	height: 50px;
	width: 66px;
	margin-top: 564px;
	margin-left: 1862px;
}

/******** 各種ボタン *****/

#canvasLeft {
	position: absolute;
	z-index: 20;
}
#backHome {
	margin-top: 24px;
	margin-left: 22px;
	position : absolute;
	z-index: 100;
}

#backHome a {
	background-image: url(images/toHome.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 60px;
	width: 60px;
}
#zoom {
	margin-top: 545px;
	margin-left: 16px;
	position:absolute;
	z-index : 12;
}
#zoom1button {
	background-image: url(images/zoomOn.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	text-indent: -9999px;
	display: block;
	height: 68px;
	width: 75px;
	float : left;
}
#zoom2button {
	background-image: url(images/zoomOn.png);
	background-repeat: no-repeat;
	background-position:left -68px;
	text-indent: -9999px;
	display: none;
	height: 68px;
	width: 75px;
	float : left;
}
#canvasFooter {
	margin-top: 620px;
	position: absolute;
	z-index: 100;
	width: 1044px;
}
#chameleonCounter {
	float: left;
	width: 463px;
	margin-top: 18px;
	margin-left: 23px;
}
#chameleonCounter li {
	position: absolute;
	height: 57px;
	width: 76px;
}
#chameleonCounter li.seted {
	background-image: url(images/chameleon.png);
	background-repeat: no-repeat;
}
#chameleonCounter li.cml1 {}
#chameleonCounter li.cml2 {
	margin-left: 63px;
}
#chameleonCounter li.cml3 {
	margin-left: 125px;
}
#chameleonCounter li.cml4 {
	margin-left: 188px;
}
#chameleonCounter li.cml5 {
	margin-left: 250px;
}
#chameleonCounter li.cml6 {
	margin-left: 314px;
}

#hintContainer {
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 54px;
	width: 401px;
	margin-top: 15px;
}
#hintButton {
	float: left;
	width: 80px;
	margin-top: 9px;
}
#hintButton a {
	background-image: url(images/hintUp.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	text-indent: -9999px;
	display: block;
	height: 68px;
	width: 75px;
}
#hintButton a.down {
	background-position: left -68px;
}
#giveupButton {
	float: left;
	width: 75px;
	margin-top: 9px;
}
#giveupButton a {
	background-image: url(images/giveUp.png);
	background-repeat: no-repeat;
	background-position: left 0px;
	text-indent: -9999px;
	display: block;
	height: 68px;
	width: 75px;
}
#giveupButton a.down {
	background-position: left -68px;
}
#loupePipe {
	background-image: url(images/loupe.png);
	background-repeat: no-repeat;
	background-position: -3px bottom;
	width: 1000px;
	height : 89px;
	margin-left : 8px;
	display : none;
}
.guLoupe {
	background-image: url(images/giveupLoupe2.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index: 30;
	height: 141px;
	width: 81px;
	display : none;
}
.guLoupe img {
	display : none;
}
#guLoupe1 {
	margin-top: 425px;
	margin-left: 20px;
}
#guLoupe2 {
	margin-top: 409px;
	margin-left: 257px;
}
#guLoupe3 {
	margin-top: 499px;
	margin-left: 338px;
}
#guLoupe4 {
	margin-top: 155px;
	margin-left: 419px;
}
#guLoupe5 {
	margin-top: 125px;
	margin-left: 650px;
}
#guLoupe6 {
	margin-top: 259px;
	margin-left: 917px;
}
/**** クリア時 ****/
#clearLayer {
	background-color: #000000;
	position: fixed;
	z-index: 9995;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	opacity : .8;
	display : none;
}
#clearContainer .clearItem {
	position: fixed;
	margin-right: auto;
	margin-left: auto;
	display : none;
}
#clear1 {
	z-index: 9998;
}
#clear2 {
	z-index: 9997;
}
#clear3 {
	z-index: 9996;
	background-image: url(images/clear3.png);
	background-repeat: no-repeat;
	height: 640px;
	width: 950px;	
}
#clear3 a {
	display: block;
	margin-top: 550px;
	margin-left: 30px;
}
#clear3 a img {
	display : none;
}
#giveupContainer {
	margin-right: auto;
	margin-left: auto;
	position: fixed;
	z-index: 9998;
	display : none;
}