*{
	margin:		0px;
	padding:	0px;
	border:		0px;
}

body{
	background: #000000;
	
	/* スクロールバー非表示 */
	overflow: hidden;

	/* 画像選択ドラッグ禁止 */
	user-select: none;
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-khtml-user-drag: none;
	-ms-user-select: none;
	
	/* サーフェスアクション無効 */
	-ms-touch-action:none;	 /* for IE */
	touch-action:none;
}

/* パノラマ（JavaScriptでここに共通タグを埋め込む） */
#id_panorama{
    position:	fixed;
    width:		100%;
    height:		100%;
	top:		0px;
	left:		0px;
}

/* ウインドウサイズ取得＆フルスクリーンターゲット */
#id_window{
	background: #000000;
    position:	fixed;
    width:		100%;
    height:		100%;
	top:		0px;
	left:		0px;
	visibility:	hidden;
}

/* キャンバス */
#id_canvas{
	position:	absolute;
	top:		0px;
	left:		0px;
}


/* ビデオダミー配置 */
#id_video{
	position:	absolute;
	top:		0px;
	left:		0px;
	visibility:	hidden;
}

#id_open_full_back{
	position:	absolute;
	left:		0px;
	top:		0px;
	width:		1048px;
	height:		720px;
	background-color: #000000;
}

/* スポット動画 */
#id_open{
	position:	absolute;
	left:		0px;
	top:		0px;
	width:		720px;
	height:		405px;
	background-color: #000000;
}
/* スポット動画配置 */
#id_open_video{
	position:	absolute;
	left:		0px;
	top:		0px;
	width:		720px;
	height:		405px;
}
/* スポット動画閉じる */
#id_open_close{
	position:	absolute;
	left:		714px;
	top:		-56px;
	width:		60px;
	height:		60px;
	background-image: url(../image/image_c/open_close.png);
	background-size: cover;
}

/* ノート */
#id_note{
	position:	absolute;
	left:		0px;
	top:		0px;
}
/* ノート　タイトル */
#id_note_title{
	position:	absolute;
	background-size: cover;
	left:		0px;
	top:		0px;
	width:		366px;
	height:		452px;
}
/* ノート　範囲 */
#id_note_area{
	position:	absolute;
	background-size: cover;
	left:		0px;
	top:		42px;
	width:		366px;
	height:		406px;
}
/* ノート　情報 */
#id_note_info{
	position:	absolute;
	background-size: cover;
	left:		0px;
	top:		0px;
}
/* ノート　スクロール背景 */
#id_note_scroll_back{
	position:	absolute;
	background-size: cover;
	left:		366px;
	top:		-4px;
	width:		43px;
	height:		413px;
	background-image: url(../image/image_c/note_scroll_area.png);
}
/* ノート　スクロールバー */
#id_note_scroll_bar{
	position:	absolute;
	left:		370px;
	/*top:		32px;*/
	top:		30px;
	width:		35px;
	/*height:		340px;*/
	height:		346px;
	background-image: url(../image/image_c/trans.png);
	background-size: 100% 100%;
}
#id_note_scroll_up{
	position:	absolute;
	left:		370px;
	top:		1px;
	width:		35px;
	height:		35px;
	background-image: url(../image/image_c/note_scroll_up.png);
	background-size: cover;
}
#id_note_scroll_down{
	position:	absolute;
	left:		370px;
	top:		370px;
	width:		35px;
	height:		35px;
	background-image: url(../image/image_c/note_scroll_down.png);
	background-size: cover;
}
#id_note_scroll_nob_t{
	position:	absolute;
	left:		370px;
	top:		0px;
	width:		35px;
	height:		30px;
	background-image: url(../image/image_c/note_scroll_nob_t.png);
	background-size: cover;
}
#id_note_scroll_nob_m{
	position:	absolute;
	left:		370px;
	top:		0px;
	width:		35px;
	height:		30px;
	background-image: url(../image/image_c/note_scroll_nob_m.png);
	background-size: 100% 100%;
}
#id_note_scroll_nob_b{
	position:	absolute;
	left:		370px;
	top:		0px;
	width:		35px;
	height:		30px;
	background-image: url(../image/image_c/note_scroll_nob_b.png);
	background-size: cover;
}
/* 同時に表示されるのでカピバラ用は別で用意 */
/* ノート　タイトル */
#id_capy_title{
	position:	absolute;
	background-size: cover;
	left:		71px;
	top:		0px;
	width:		366px;
	height:		452px;
}
/* ノート　範囲 */
#id_capy_area{
	position:	absolute;
	background-size: cover;
	left:		71px;
	top:		42px;
	width:		366px;
	height:		406px;
	//background-image: url(../image/image_c/note_area.png);
}
/* ノート　情報 */
#id_capy_info{
	position:	absolute;
	background-size: cover;
	left:		0px;
	top:		0px;
}
/* ノート　スクロール背景 */
#id_capy_scroll_back{
	position:	absolute;
	background-size: cover;
	left:		366px;
	top:		-4px;
	width:		43px;
	height:		413px;
	background-image: url(../image/image_c/note_scroll_area.png);
}
/* ノート　スクロールバー */
#id_capy_scroll_bar{
	position:	absolute;
	left:		370px;
	/*top:		32px;*/
	top:		30px;
	width:		35px;
	/*height:		340px;*/
	height:		346px;
	background-image: url(../image/image_c/trans.png);
	background-size: 100% 100%;
}
#id_capy_scroll_up{
	position:	absolute;
	left:		370px;
	top:		1px;
	width:		35px;
	height:		35px;
	background-image: url(../image/image_c/note_scroll_up.png);
	background-size: cover;
}
#id_capy_scroll_down{
	position:	absolute;
	left:		370px;
	top:		370px;
	width:		35px;
	height:		35px;
	background-image: url(../image/image_c/note_scroll_down.png);
	background-size: cover;
}
#id_capy_scroll_nob_t{
	position:	absolute;
	left:		370px;
	top:		0px;
	width:		35px;
	height:		30px;
	background-image: url(../image/image_c/note_scroll_nob_t.png);
	background-size: cover;
}
#id_capy_scroll_nob_m{
	position:	absolute;
	left:		370px;
	top:		0px;
	width:		35px;
	height:		30px;
	background-image: url(../image/image_c/note_scroll_nob_m.png);
	background-size: 100% 100%;
}
#id_capy_scroll_nob_b{
	position:	absolute;
	left:		370px;
	top:		0px;
	width:		35px;
	height:		30px;
	background-image: url(../image/image_c/note_scroll_nob_b.png);
	background-size: cover;
}



/* 疑似ＶＲ */
#id_vr{
	position:	absolute;
	left:		0px;
	top:		0px;
	width:		640px;
	height:		480px;
}
#id_vr_back{
	position:	absolute;
	left:		-9px;
	top:		-40px;
	width:		688px;
	height:		528px;
	background-image: url(../image/image_c/vr_bg.png);
	background-size: cover;
}
/* 疑似ＶＲ画像 */
#id_vr_image{
	position:	absolute;
	left:		0px;	/* html設定から取得（ＩＦがあるので今は固定） */
	top:		0px;
	width:		0px;	/* html設定から取得 */
	height:		0px;
	background-size: cover;
}
/* 疑似ＶＲ閉じる */
#id_vr_close{
	position:	absolute;
	left:		634px;
	top:		-34px;
	width:		40px;
	height:		40px;
	background-image: url(../image/image_c/vr_close.png);
	background-size: cover;
}
/* 疑似ＶＲ閉じる */
#id_vr_text{
	position:	absolute;
	left:		9px;
	top:		8px;
	width:		382px;
	height:		24px;
	/*background-image: url(../image/image_c/vr_text.png);*/
	background-size: cover;
}

/* ダウン時のイメージ切り替えはJavaScriptで行う */

#id_if_control{
	position:	absolute;
	left:		0px;
	top:		0px;
}
/* ＩＦ表示 */
#id_if_visible{
	position:	absolute;
	left:		13px;
	top:		602px;
	width:		54px;
	height:		54px;
	background-image: url(../image/image_c/if_visible.png);
	background-size: cover;
}

/* インターフェイス */
#id_if{
	position:	absolute;
	left:		0px;
	top:		0px;
}
/* 最大化 */
#id_if_screen{
	position:	absolute;
	left:		981px;
	top:		602px;
	width:		54px;
	height:		54px;
	background-image: url(../image/image_c/if_screen.png);
	background-size: cover;
}
/* マップ */
#id_if_map{
	position:	absolute;
	left:		13px;
	top:		602px;
	width:		54px;
	height:		54px;
	background-image: url(../image/image_c/if_back.png);
	background-size: cover;
}
/* サウンド */
#id_if_sound{
	position:	absolute;
	left:		73px;
	top:		602px;
	width:		54px;
	height:		54px;
	background-image: url(../image/image_c/if_sound.png);
	background-size: cover;
}
/* スポット */
#id_if_spot{
	position:	absolute;
	left:		0px;
	top:		586px;
	width:		78px;
	height:		78px;
	background-image: url(../image/image_c/if_spot.png);
	background-size: cover;
}
/* ノート */
#id_if_note{
	position:	absolute;
	left:		848px;
	top:		602px;
	width:		128px;
	height:		54px;
	background-image: url(../image/image_a/if_note.png);
	background-size: cover;
}
/* 動画へ */
#id_if_movie{
	position:	absolute;
	left:		666px;
	top:		602px;
	width:		177px;
	height:		54px;
	background-image: url(../image/image_a/if_movie.png);
	background-size: cover;
}
/* 画像へ */
#id_if_image{
	position:	absolute;
	left:		884px;
	top:		612px;
	width:		144px;
	height:		38px;
	background-image: url(../image/image_c/if_image.png);
	background-size: cover;
}

/* カスタムマップ */
#id_if_custom_map{
	position:	absolute;
	left:		84px;
	top:		607px;
	width:		94px;
	height:		43px;
	background-image: url(../image/image_c/if_custom_map.png);
	background-size: cover;
}
/* ボタン０ */
#id_if_button_0{
	position:	absolute;
	left:		182px;
	top:		607px;
	width:		94px;
	height:		43px;
	background-image: url(../image/image_c/if_button_0.png);
	background-size: cover;
}
/* ボタン１ */
#id_if_button_1{
	position:	absolute;
	left:		280px;
	top:		607px;
	width:		94px;
	height:		43px;
	background-image: url(../image/image_c/if_button_1.png);
	background-size: cover;
}
/* ボタン２ */
#id_if_button_2{
	position:	absolute;
	left:		378px;
	top:		607px;
	width:		94px;
	height:		43px;
	background-image: url(../image/image_c/if_button_2.png);
	background-size: cover;
}

/* カメラ操作 */
#id_camera{
	position:	absolute;
	left:		10px;
	top:		80px;
	width:		246px;
	height:		259px;
	visibility:	hidden;
}
#id_cam_back{
	position:	absolute;
	left:		0px;
	top:		0px;
	width:		246px;
	height:		259px;
	background-image: url(../image/image_c/cam_back.png);
	background-size: cover;
}
#id_cam_close{
	position:	absolute;
	left:		212px;
	top:		10px;
	width:		25px;
	height:		25px;
	background-image: url(../image/image_c/cam_close.png);
	background-size: cover;
}
#id_cam_zoom_bar{
	position:	absolute;
	left:		13px;
	top:		101px;
	width:		40px;
	height:		94px;
	background-image: url(../image/image_c/cam_zoom_bar.png);
	background-size: cover;
}
#id_cam_zoom_nob{
	position:	absolute;
	left:		11px;
	top:		3px;		/* ヒット判定分大きいの画像のうちの実際のノブ範囲高 */
	width:		45px;
	height:		29px;
	background-image: url(../image/image_c/cam_zoom_nob.png);
	background-size: cover;
}
#id_cam_zoom_in{
	position:	absolute;
	left:		12px;
	top:		51px;
	width:		43px;
	height:		43px;
	background-image: url(../image/image_c/cam_zoom_in.png);
	background-size: cover;
}
#id_cam_zoom_out{
	position:	absolute;
	left:		12px;
	top:		205px;
	width:		43px;
	height:		43px;
	background-image: url(../image/image_c/cam_zoom_out.png);
	background-size: cover;
}

#id_cam_rot_up{
	position:	absolute;
	left:		101px;
	top:		60px;
	width:		90px;
	height:		49px;
	background-image: url(../image/image_c/cam_rot_up.png);
	background-size: cover;
}
#id_cam_rot_down{
	position:	absolute;
	left:		101px;
	top:		189px;
	width:		90px;
	height:		49px;
	background-image: url(../image/image_c/cam_rot_down.png);
	background-size: cover;
}
#id_cam_rot_left{
	position:	absolute;
	left:		57px;
	top:		104px;
	width:		49px;
	height:		90px;
	background-image: url(../image/image_c/cam_rot_left.png);
	background-size: cover;
}
#id_cam_rot_right{
	position:	absolute;
	left:		186px;
	top:		104px;
	width:		49px;
	height:		90px;
	background-image: url(../image/image_c/cam_rot_right.png);
	background-size: cover;
}
#id_cam_reset{
	position:	absolute;
	left:		107px;
	top:		110px;
	width:		79px;
	height:		79px;
	background-image: url(../image/image_c/cam_reset.png);
	background-size: cover;
}


/* 動画コントロール */
#id_movie{
	position:	absolute;
	left:		62px;
	top:		595px;
	width:		804px;
	height:		66px;
}
#id_open_movie{
	position:	absolute;
	left:		0px;
	top:		405px;
	width:		720px;
	height:		41px;
}
/* 以下id_movieからの相対位置 */
#id_movie_back{
	position:	absolute;
	left:		202px;
	top:		10px;
	width:		539px;
	height:		46px;
	background-image: url(../image/image_c/movie_back.png);
	background-size: cover;
}
#id_open_back{
	position:	absolute;
	left:		-1px;
	top:		-1px;
	width:		722px;
	height:		43px;
	background-image: url(../image/image_c/movie_back_s.png);
	background-size: cover;
}
#id_movie_vol_back{
	position:	absolute;
	left:		67px;
	top:		10px;
	width:		133px;
	height:		46px;
	background-image: url(../image/image_c/movie_vol_back.png);
	background-size: cover;
}
#id_movie_play{
	position:	absolute;
	left:		0px;
	top:		0px;
	width:		66px;
	height:		66px;
	background-image: url(../image/image_c/movie_play.png);
	background-size: cover;
}
#id_open_play{
	position:	absolute;
	left:		6px;
	top:		4px;
	width:		35px;
	height:		35px;
	background-image: url(../image/image_c/movie_play_s.png);
	background-size: cover;
}
#id_movie_repeat{
	position:	absolute;
	left:		700px;
	top:		17px;
	width:		35px;
	height:		35px;
	background-image: url(../image/image_c/movie_repeat.png);
	background-size: cover;
}
#id_open_repeat{
	position:	absolute;
	left:		622px;
	top:		4px;
	width:		35px;
	height:		35px;
	background-image: url(../image/image_c/movie_repeat_s.png);
	background-size: cover;
}
#id_open_screen{
	position:	absolute;
	left:		664px;
	top:		4px;
	width:		52px;
	height:		36px;
	background-image: url(../image/image_c/movie_screen_s.png);
	background-size: cover;
}

#id_movie_time_now_m1{
	position:	absolute;
	left:		214px;
	top:		26px;
	width:		9px;
	height:		14px;
	background-image: url(../image/image_c/movie_num.png);
	background-size: cover;
}
#id_movie_time_now_m2{
	position:	absolute;
	left:		223px;
	top:		26px;
	width:		9px;
	height:		14px;
	background-image: url(../image/image_c/movie_num.png);
	background-size: cover;
}
#id_movie_time_now_co{
	position:	absolute;
	left:		232px;
	top:		26px;
	width:		4px;
	height:		14px;
	background-image: url(../image/image_c/movie_colon.png);
	background-size: cover;
}
#id_movie_time_now_s1{
	position:	absolute;
	left:		236px;
	top:		26px;
	width:		9px;
	height:		14px;
	background-image: url(../image/image_c/movie_num.png);
	background-size: cover;
}
#id_movie_time_now_s2{
	position:	absolute;
	left:		245px;
	top:		26px;
	width:		9px;
	height:		14px;
	background-image: url(../image/image_c/movie_num.png);
	background-size: cover;
}
#id_movie_time_slash{
	position:	absolute;
	left:		255px;
	top:		26px;
	width:		14px;
	height:		14px;
	background-image: url(../image/image_c/movie_slash.png);
	background-size: cover;
}
#id_movie_time_max_m1{
	position:	absolute;
	left:		270px;
	top:		26px;
	width:		9px;
	height:		14px;
	background-image: url(../image/image_c/movie_num.png);
	background-size: cover;
}
#id_movie_time_max_m2{
	position:	absolute;
	left:		279px;
	top:		26px;
	width:		9px;
	height:		14px;
	background-image: url(../image/image_c/movie_num.png);
	background-size: cover;
}
#id_movie_time_max_co{
	position:	absolute;
	left:		288px;
	top:		26px;
	width:		4px;
	height:		14px;
	background-image: url(../image/image_c/movie_colon.png);
	background-size: cover;
}
#id_movie_time_max_s1{
	position:	absolute;
	left:		292px;
	top:		26px;
	width:		9px;
	height:		14px;
	background-image: url(../image/image_c/movie_num.png);
	background-size: cover;
}
#id_movie_time_max_s2{
	position:	absolute;
	left:		301px;
	top:		26px;
	width:		9px;
	height:		14px;
	background-image: url(../image/image_c/movie_num.png);
	background-size: cover;
}
#id_open_time_now_m1{
	position:	absolute;
	left:		179px;
	top:		13px;
	width:		9px;
	height:		14px;
	background-image: url(../image/image_c/movie_num.png);
	background-size: cover;
}
#id_open_time_now_m2{
	position:	absolute;
	left:		188px;
	top:		13px;
	width:		9px;
	height:		14px;
	background-image: url(../image/image_c/movie_num.png);
	background-size: cover;
}
#id_open_time_now_co{
	position:	absolute;
	left:		197px;
	top:		13px;
	width:		4px;
	height:		14px;
	background-image: url(../image/image_c/movie_colon.png);
	background-size: cover;
}
#id_open_time_now_s1{
	position:	absolute;
	left:		201px;
	top:		13px;
	width:		9px;
	height:		14px;
	background-image: url(../image/image_c/movie_num.png);
	background-size: cover;
}
#id_open_time_now_s2{
	position:	absolute;
	left:		210px;
	top:		13px;
	width:		9px;
	height:		14px;
	background-image: url(../image/image_c/movie_num.png);
	background-size: cover;
}
#id_open_time_slash{
	position:	absolute;
	left:		220px;
	top:		13px;
	width:		14px;
	height:		14px;
	background-image: url(../image/image_c/movie_slash.png);
	background-size: cover;
}
#id_open_time_max_m1{
	position:	absolute;
	left:		235px;
	top:		13px;
	width:		9px;
	height:		14px;
	background-image: url(../image/image_c/movie_num.png);
	background-size: cover;
}
#id_open_time_max_m2{
	position:	absolute;
	left:		244px;
	top:		13px;
	width:		9px;
	height:		14px;
	background-image: url(../image/image_c/movie_num.png);
	background-size: cover;
}
#id_open_time_max_co{
	position:	absolute;
	left:		253px;
	top:		13px;
	width:		4px;
	height:		14px;
	background-image: url(../image/image_c/movie_colon.png);
	background-size: cover;
}
#id_open_time_max_s1{
	position:	absolute;
	left:		257px;
	top:		13px;
	width:		9px;
	height:		14px;
	background-image: url(../image/image_c/movie_num.png);
	background-size: cover;
}
#id_open_time_max_s2{
	position:	absolute;
	left:		266px;
	top:		13px;
	width:		9px;
	height:		14px;
	background-image: url(../image/image_c/movie_num.png);
	background-size: cover;
}
#id_movie_vol_icon{
	position:	absolute;
	left:		81px;
	top:		22px;
	width:		18px;
	height:		22px;
	background-image: url(../image/image_c/movie_vol_icon.png);
	background-size: cover;
}
#id_open_vol_icon{
	position:	absolute;
	left:		55px;
	top:		9px;
	width:		18px;
	height:		22px;
	background-image: url(../image/image_c/movie_vol_icon.png);
	background-size: cover;
}
#id_movie_vol_bar1{
	position:	absolute;
	left:		103px;
	top:		24px;
	width:		81px;
	height:		18px;
	background-image: url(../image/image_c/movie_vol_bar1.png);
	background-size: cover;
}
#id_open_vol_bar1{
	position:	absolute;
	left:		78px;
	top:		11px;
	width:		81px;
	height:		18px;
	background-image: url(../image/image_c/movie_vol_bar1.png);
	background-size: cover;
}
#id_movie_vol_bar2{
	position:	absolute;
	left:		103px;
	top:		24px;
	width:		0px;
	height:		18px;
	background-image: url(../image/image_c/movie_vol_bar2.png);
	background-size: cover;
}
#id_open_vol_bar2{
	position:	absolute;
	left:		78px;
	top:		11px;
	width:		0px;
	height:		18px;
	background-image: url(../image/image_c/movie_vol_bar2.png);
	background-size: cover;
}
#id_movie_vol_nob{
	position:	absolute;
	left:		87px;	/*103 - 31 / 2*/
	top:		18px;
	width:		31px;
	height:		31px;
	background-image: url(../image/image_c/movie_vol_nob.png);
	background-size: cover;
}
#id_open_vol_nob{
	position:	absolute;
	left:		63px;	/*78 - 31 / 2*/
	top:		5px;
	width:		31px;
	height:		31px;
	background-image: url(../image/image_c/movie_vol_nob.png);
	background-size: cover;
}

#id_movie_bar1{
	position:	absolute;
	left:		331px;
	top:		24px;
	width:		352px;
	height:		18px;
	background-image: url(../image/image_c/movie_bar1.png);
	background-size: cover;
}
#id_movie_bar2{
	position:	absolute;
	left:		331px;
	top:		24px;
	width:		0px;
	height:		18px;
	background-image: url(../image/image_c/movie_bar2.png);
	background-size: cover;
}
#id_open_bar1{
	position:	absolute;
	left:		294px;
	top:		11px;
	width:		312px;
	height:		18px;
	background-image: url(../image/image_c/movie_bar1_s.png);
	background-size: cover;
}
#id_open_bar2{
	position:	absolute;
	left:		294px;
	top:		11px;
	width:		0px;
	height:		18px;
	background-image: url(../image/image_c/movie_bar2_s.png);
	background-size: cover;
}
#id_movie_nob{
	position:	absolute;
	left:		316px;	/*331 - 31 / 2*/
	top:		18px;
	width:		31px;
	height:		31px;
	background-image: url(../image/image_c/movie_nob.png);
	background-size: cover;
}
#id_open_nob{
	position:	absolute;
	left:		279px;	/*294 - 31 / 2*/
	top:		5px;
	width:		31px;
	height:		31px;
	background-image: url(../image/image_c/movie_nob.png);
	background-size: cover;
}


/* ダイアログ */
#id_dialog{
	position:	absolute;
	left:		0px;
	top:		0px;
	width:		100px;
	height:		100px;
	background-image: url(../image/image_c/dialog_back.png);
	background-size: cover;
}
#id_dialog_message{
	position:	absolute;
	left:		0px;
	top:		0px;
	width:		484px;
	height:		82px;
	background-image: url(../image/image_c/dialog_msg_neterror.png);
	background-size: cover;
}

/* 読み込み中 */
#id_loading{
	position:	absolute;
	left:		0px;
	top:		0px;
	width:		100%;
	height:		100%;
	background-image: url(../image/image_c/loading.png);
	background-size: cover;
}



/* 以下カピパラ用 */
#id_if_capybara{
	position:	absolute;
	left:		564px;
	top:		538px;
	width:		128px;
	height:		54px;
	background-image: url(../image/image_c/if_capybara.png);
	background-size: cover;
}
#id_if_cap_spot{
	position:	absolute;
	left:		0px;
	top:		526px;
	width:		78px;
	height:		77px;
	background-image: url(../image/image_c/if_spot.png);
	background-size: cover;
}
#id_if_cap_note{
	position:	absolute;
	left:		355px;
	top:		538px;
	width:		128px;
	height:		54px;
	background-image: url(../image/image_c/if_note.png);
	background-size: cover;
}
/* カピバラ情報 */
#id_capybara{
	position:	absolute;
	left:		0px;
	top:		35px;		/* 中央からこの分を上にずらす */
	width:		1048px;
	height:		450px;
}
#id_capy_back{
	position:	absolute;
	left:		493px;
	top:		10px;
	width:		502px;
	height:		385px;
	background-image: url(../image/image_c/image_area.png);
	background-size: cover;
}
#id_capy_image{
	position:	absolute;
	left:		500px;
	top:		45px;
	width:		456px;
	height:		342px;
	background-size: cover;
}
#id_capy_hit{
	position:	absolute;
	left:		649px;
	top:		90px;
	width:		200px;
	height:		200px;
	background-image: url(../image/image_c/if_hit.png);
	background-size: cover;
}
#id_capy_swim{
	position:	absolute;
	left:		494px;
	top:		394px;
	width:		131px;
	height:		56px;
	background-image: url(../image/image_c/if_capy_swim.png);
	background-size: cover;
}
#id_capy_eat{
	position:	absolute;
	left:		664px;
	top:		394px;
	width:		131px;
	height:		56px;
	background-image: url(../image/image_c/if_capy_eat.png);
	background-size: cover;
}
#id_capy_leave{
	position:	absolute;
	left:		834px;
	top:		394px;
	width:		131px;
	height:		56px;
	background-image: url(../image/image_c/if_capy_leave.png);
	background-size: cover;
}
#id_capy_close{
	position:	absolute;
	left:		951px;
	top:		17px;
	width:		38px;
	height:		38px;
	background-image: url(../image/image_c/open_close_s.png);
	background-size: cover;
}

/* 室内 */
#id_home_menu{
	position:	absolute;
	left:		0px;
	top:		600px;
	width:		1048px;
	height:		72px;	/* 拡大時に誤差がでるので少し大きく */
	background-color: #2b2b2b;
}
#id_home_menu_back{
	position:	absolute;
	left:		20px;
	top:		10px;
	width:		180px;
	height:		50px;
	background-image: url(../image/image_c/home_menu_back.png);
	background-size: cover;
}
#id_home_menu_bar{
	position:	absolute;
	left:		220px;
	top:		6px;
	width:		1px;
	height:		58px;
	background-image: url(../image/image_c/home_menu_bar.png);
	background-size: cover;
}
#id_home_eye_parent{
	position:	absolute;
	left:		241px;
	top:		10px;
	width:		128px;
	height:		50px;
	background-image: url(../image/image_c/home_eye_parent.png);
	background-size: cover;
}
#id_home_eye_child{
	position:	absolute;
	left:		389px;
	top:		10px;
	width:		128px;
	height:		50px;
	background-image: url(../image/image_c/home_eye_child.png);
	background-size: cover;
}

#id_home_open{
	position:	absolute;
	width:		580px;
	height:		580px;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 2px;
	border-color: #AAAAAA;
}
#id_home_open_image{
	position:	absolute;
	left:		20px;
	top:		20px;
	width:		540px;
	height:		360px;
	/*background-image: url(../data/h1a_070_c101/img_taishin.png);*/
	background-size: cover;
}
#id_home_open_comment{
	font: normal 14px 'Lucida Grande', YuGothic, 游ゴシック,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	position:	absolute;
	left:		20px;
	top:		390px;
	width:		540px;
	text-align: center;
}
#id_home_open_close{
	position:	absolute;
	left:		245px;
	top:		0px;
	width:		90px;
	height:		50px;
	background-image: url(../image/image_c/home_close.png);
	background-size: cover;
}
#id_home_open_back{
	position:	absolute;
	left:		0px;
	top:		0px;
}
#id_home_open_back_image{
	position:	absolute;
	left:		0px;
	top:		0px;
	width:		100px;
	height:		100px;
	background-image: url(../image/image_c/dialog_back.png);
	background-size: cover;
}
#id_home_menu_comment{
	font: normal 14px 'Lucida Grande', YuGothic, 游ゴシック,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	position:	absolute;
	left:		0px;
	top:		21px;
	width:		1028px;
	height:		70px;
	text-align: right;
	color: #FFFFFF;
}
#id_home_char{
	position:	absolute;
	left:		849px;
	top:		406px;
	width:		200px;
	height:		195px;
	background-image: url(../image/image_c/home_char.png);
	background-size: cover;
}

#id_debugtext{
	position:	absolute;
	left:		0px;
	top:		0px;
}

/* スポットポインタ */
/* Canvasに描画するために値を取得するのみ（非表示） */
#id_spot_point{
	position:	absolute;
	left:		0px;
	top:		0px;
	width:		0px;
	height:		0px;
	visibility:	hidden;
	background-image: url(../image/image_c/spot_point.png);
}

#id_fade_text{
	font: normal 18px 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	color: 		#FFFFFF;
	position:	absolute;
	left:		20px;
	top:		560px;
	white-space:	nowrap;
	pointer-events : none;
}

/* カスタムマップ */
/* マップフレーム */
#id_custom_map{
	position:	absolute;
	left:		80px;
	top:		0px;
	width:		640px;
	height:		558px;
}
/* マップ中身 */
#id_custom_map_image{
	position:	absolute;
	left:		0px;
	top:		0px;
	width:		640px;
	height:		558px;
	background-image: url(../image/image_c/custom_map.png);
	background-size: cover;
}
#id_custom_map_mark_0{
	position:	absolute;
	left:		576px;
	top:		262px;
	width:		24px;
	height:		24px;
	background-image: url(../image/image_c/custom_map_mark.png);
	background-size: cover;
}
#id_custom_map_mark_1{
	position:	absolute;
	left:		512px;
	top:		245px;
	width:		24px;
	height:		24px;
	background-image: url(../image/image_c/custom_map_mark.png);
	background-size: cover;
}
#id_custom_map_mark_2{
	position:	absolute;
	left:		120px;
	top:		280px;
	width:		24px;
	height:		24px;
	background-image: url(../image/image_c/custom_map_mark.png);
	background-size: cover;
}
#id_custom_map_mark_3{
	position:	absolute;
	left:		493px;
	top:		198px;
	width:		24px;
	height:		24px;
	background-image: url(../image/image_c/custom_map_mark.png);
	background-size: cover;
}