@charset "utf-8";

body
{
	background: #FFF;
}

#container
{
	background: none;
}

#head
{
	background: url(../img/hd_bg.png) repeat-x;
}

body.view p#nojs
{
	display: none;
}

p#nojs
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/noflash.png) no-repeat 50% 50%;
}

a.bttn
{
	position: absolute;
	bottom: 96px;
	right: 30px;
}

#content
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

#content #map
{
	position: absolute;
	bottom: 19px;
	left: 50%;
	margin-left: -940px;
}

#content #map #maparea
{
	width: 1880px;
	height: 1101px;
	position: absolute;
	top: 0;
	left: 0;
}

#ds #content #map #mapimg
{
	position: absolute;
	top: 0;
	left: 0;
}

#content #map #maparea img
{
	float: left;
}

#content #map.noimg img
{
	visibility: hidden;
}

#content #map map area
{
	outline: none;
}

#content #map dl
{
	width: 204px;
	height: 209px;
	position: absolute;
	visibility: hidden;
}

#content #map dl.on
{
	visibility: visible;
}

#content #map dl#chr_1{ top: 230px; left: 950px; }
#content #map dl#chr_2{ top: 90px; left: 800px; }
#content #map dl#chr_3{ top: 290px; left: 560px; }
#content #map dl#chr_4{ top: 120px; left: 600px; }
#content #map dl#chr_5{ top: 470px; left: 750px; }
#content #map dl#chr_6{ top: 490px; left: 730px; }
#content #map dl#chr_7{ top: 420px; left: 1200px; }
#content #map dl#chr_8{ top: 620px; left: 920px; }
#content #map dl#chr_9{ top: 520px; left: 1210px; }
#content #map dl#chr_10{ top: 720px; left: 380px; }
#content #map dl#chr_11{ top: 470px; left: 355px; }
#content #map dl#chr_12{ top: 650px; left: 410px; }
#content #map dl#chr_13{ top: 700px; left: 260px; }
#content #map dl#chr_14{ top: 450px; left: 520px; }
#content #map dl#chr_15{ top: 400px; left: 170px; }
#content #map dl#chr_16{ top: 210px; left: 300px; }
#content #map dl#chr_17{ top: 150px; left: 530px; }
#content #map dl#chr_18{ top: 210px; left: 570px; }
#content #map dl#chr_19{ top: 310px; left: 485px; }
#content #map dl#chr_20{ top: 410px; left: 270px; }
#content #map dl#chr_21{ top: 250px; left: 1210px; }
#content #map dl#chr_22{ top: 320px; left: 260px; }
#content #map dl#chr_23{ top: 150px; left: 120px; }
#content #map dl#chr_24{ top: 150px; left: 395px; }
#content #map dl#chr_25{ top: 250px; left: 1020px; }
#content #map dl#chr_26{ top: 155px; left: 1180px; }
#content #map dl#chr_27{ top: 300px; left: 1300px; }
#content #map dl#chr_28{ top: 330px; left: 1130px; }
#content #map dl#chr_29{ top: 380px; left: 1450px; }
#content #map dl#chr_30{ top: 80px; left: 1480px; }
#content #map dl#chr_31{ top: 355px; left: 1165px; }
#content #map dl#chr_32{ top: 415px; left: 1115px; }
#content #map dl#chr_33{ top: 310px; left: 460px; }
#content #map dl#chr_34{ top: 260px; left: 1490px; }
#content #map dl#chr_35{ top: 660px; left: 1330px; }
#content #map dl#chr_36{ top: 320px; left: 1030px; }
#content #map dl#chr_37{ top: 310px; left: 1120px; }
#content #map dl#chr_38{ top: 550px; left: 1080px; }
#content #map dl#chr_39{ top: 520px; left: 1520px; }
#content #map dl#chr_40{ top: 130px; left: 1440px; }
#content #map dl#chr_41{ top: 320px; left: 1245px; }

#content #map dl dt
{
	padding: 6px 8px 15px;
	background: url(../img/map/balloon_left.png) no-repeat 0 0;
}

#content #map dl dt.right
{
	background: url(../img/map/balloon_right.png) no-repeat 0 0;
}

#content #map dl dt.top
{
	background: url(../img/map/balloon_left_top.png) no-repeat 0 0;
}

#content #map dl dt.right.top
{
	background: url(../img/map/balloon_right_top.png) no-repeat 0 0;
}

#content #map dl dd
{
	width: 132px;
	height: 39px;
	text-align: center;
	margin: -34px auto 0;
	background: url(../img/map/chr_name_bg.png) no-repeat 0 0;
	position: relative;
}

#content #map dl dd.txt_s,
#content #map dl dd.txt_m,
#content #map dl dd.txt_l
{
	width: 202px;
	overflow: hidden;
	margin: -55px 0 0 -55px;
}

#content #map dl dd.right
{
	margin: -55px 0 0 60px;
}

#content #map dl dd.txt_s{ height: 67px; background: url(../img/map/chr_txt_bg_01.png) no-repeat 0 0; }
#content #map dl dd.txt_m{ height: 83px; background: url(../img/map/chr_txt_bg_02.png) no-repeat 0 0; }
#content #map dl dd.txt_l{ height: 99px; background: url(../img/map/chr_txt_bg_03.png) no-repeat 0 0; }

#content #map dl dd.close
{
	width: 44px;
	height: 48px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	margin: 0;
	background: url(../img/map/bttn_close.png) no-repeat 0 0;
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
}

#content a
{
	display: block;
	width: 82px;
	height: 89px;
	background: url(../img/map/arrow.png) no-repeat 0 0;
	position: absolute;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

#content a.off
{
	visibility: hidden;
}

#content a#arrow_top{ top: 142px; left: 50%;}
#content a#arrow_bttm{ bottom: 39px; left: 50%; background-position: -82px 0; }
#content a#arrow_left{ top: 50%; left: 20px; background-position: -164px 0;}
#content a#arrow_right{ top: 50%; right: 20px; background-position: -246px 0;}