#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: 36px;
	width: 15px;
	margin-top: 263px;
	margin-left: 221px;
}
.cam12 {
	height: 164px;
	width: 203px;
	margin-top: 450px;
	margin-left: 220px;
}
.cam13 {
	height: 89px;
	width: 70px;
	margin-top: 510px;
	margin-left: 431px;	
}
.cam14 {
	height: 129px;
	width: 239px;
	margin-top: 74px;
	margin-left: 553px;
}
.cam15 {
	height: 76px;
	width: 89px;
	margin-top: 350px;
	margin-left: 650px;
}
.cam16 {
	height: 105px;
	width: 164.5px;
	margin-top: 477px;
	margin-left: 828.5px;	
}
/********  ズーム２ (拡大1) ********/
#zoom2Container {

	width : 2445px;
	height : 1492px;

	position : absolute;
	z-index : 10;

	margin-top : -422px;
	margin-left : -701px;

	display : none;
}
#zoom2Holder {
	height: 930px;
	width: 1567px;
	top : 177px;
	left : 543px;
}
.cam21 {
	height: 53px;
	width: 21px;
	margin-top: 395px;
	margin-left: 331px;
}
.cam22 {
	height: 246px;
	width: 305px;
	margin-top: 675px;
	margin-left: 329px;
}
.cam23 {
	height: 133px;
	width: 105px;
	margin-top: 765px;
	margin-left: 647px;
}
.cam24 {
	height: 194px;
	width: 358px;
	margin-top: 111px;
	margin-left: 830px;
}
.cam25 {
	height: 114px;
	width: 133px;
	margin-top: 526px;
	margin-left: 975px;
}
.cam26 {
	height: 157px;
	width: 247px;
	margin-top: 715.5px;
	margin-left: 1243px;
}
/********  ズーム３ (最大拡大) ********/
#zoom3Container {
/*
	width : 3134px;
	height : 1860px;
*/
	width : 3484px;
	height : 2110px;

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

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

.cam31 {
	height: 73px;
	width: 30px;
	margin-top: 526px;
	margin-left: 442px;
}
.cam32 {
	height: 328px;
	width: 407px;
	margin-top: 900px;
	margin-left: 439px;
}
.cam33 {
	height: 177px;
	width: 140px;
	margin-top: 1020px;
	margin-left: 863px;
}
.cam34 {
	height: 259px;
	width: 478px;
	margin-top: 148px;
	margin-left: 1107px;
}
.cam35 {
	height: 152px;
	width: 178px;
	margin-top: 701px;
	margin-left: 1300px;
}
.cam36 {
	height: 210px;
	width: 329px;
	margin-top: 954px;
	margin-left: 1657px;
}

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

#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: 247px;
	margin-left: 191px;
}
#guLoupe2 {
	margin-top: 500px;
	margin-left: 286px;
}
#guLoupe3 {
	margin-top: 506px;
	margin-left: 426px;
}
#guLoupe4 {
	margin-top: 84px;
	margin-left: 592px;
}
#guLoupe5 {
	margin-top: 356px;
	margin-left: 661px;
}
#guLoupe6 {
	margin-top: 478px;
	margin-left: 905px;
}

/**** クリア時 ****/
#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;
}