@charset "utf-8";

#liaisonmap {position:relative;} 
#liaisonmap a, 
#liaisonmap div {
	margin:0; 
	padding:0; 
	color:inherit;
	font-size:inherit;
	font-weight:inherit;
	font-style:normal;
	line-height:inherit; 
	text-align:inherit; 
	word-break:normal;
	vertical-align:bottom;
}
#liaisonmap h3, 
#liaisonmap h4, 
#liaisonmap h5, 
#liaisonmap h6, 
#liaisonmap em, 
#liaisonmap ul, 
#liaisonmap ol, 
#liaisonmap li {margin:0; padding:0; list-style-type:none; font-size:100%; font-weight:normal; line-height:1.2;}
#liaisonmap img {border:none; vertical-align:bottom;}

/* Map */
#liaisonmap .map {position:absolute; left:0; top:0; z-index:1;}
#liaisonmap .map .head {display:block; height:23px;}
#liaisonmap .map .head h3 {width:345px; height:23px; margin-left:9px; background:url(images/general_shm.gif) no-repeat; text-indent:-9999px; overflow:hidden;}
#liaisonmap .map .container {
	position:relative; border:1px solid #999999; background:#ffffff;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	overflow:hidden;
}
#liaisonmap .map .container .loading {position:absolute; left:50%; top:50%; z-index:0;}
#liaisonmap .map .container .loading div {width:30px; height:30px; position:absolute; left:-15px; top:-15px; background:url(images/loading.gif) no-repeat; overflow:hidden;}
#liaisonmap .map .container .loading em {
	display:block; width:60px; height:16px; position:absolute; left:-26px; top:20px; 
	background:url(images/general_shm.gif) 0 -70px no-repeat; text-indent:-9999px; overflow:hidden;
}
#liaisonmap .map .container .slider {position:absolute; left:0; top:0; z-index:2;}
#liaisonmap .map .container .slider ul.points {position:absolute; left:0; top:0; z-index:4;}
#liaisonmap .map .container .slider ul.points li {display:block; position:absolute; left:0; top:0;}
#liaisonmap .map .container .slider ul.points li div {display:block; position:absolute; left:0; top:0; cursor:pointer;}
#liaisonmap .map .container .slider ul.points li div img {}
#liaisonmap .map .container .slider ul.points li.highlited div img {
	-webkit-box-shadow:0px 0px 5px #ffff00; -moz-box-shadow:0px 0px 5px #ffff00; box-shadow:0px 0px 5px #ffff00;
}
#liaisonmap .map .container .slider ul.points li a, 
#liaisonmap .map .container .slider ul.points li span {
	display:table-cell; *display:inline; *zoom:1; position:absolute; left:0; top:0; 
	user-select:none; -moz-user-select:none; -webkit-user-select:none; cursor:pointer;
}
#liaisonmap .map .container .slider ul.points li.area_same a, 
#liaisonmap .map .container .slider ul.points li.area_same span, 
#liaisonmap .map .container .slider ul.points li.area_plus a, 
#liaisonmap .map .container .slider ul.points li.area_plus span, 
#liaisonmap .map .container .slider ul.points li.area_minus a, 
#liaisonmap .map .container .slider ul.points li.area_minus span, 
#liaisonmap .map .container .slider ul.points li.pref_same a, 
#liaisonmap .map .container .slider ul.points li.pref_same span {
	padding:5px 10px; background:no-repeat; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
	color:#ffffff; font-size:16px; text-decoration:none; white-space:nowrap; 
}
#liaisonmap .map .container .slider ul.points li.area_same .left, 
#liaisonmap .map .container .slider ul.points li.area_plus .left, 
#liaisonmap .map .container .slider ul.points li.area_minus .left, 
#liaisonmap .map .container .slider ul.points li.pref_same .left    {padding-left:25px; background-position:left center;}
#liaisonmap .map .container .slider ul.points li.area_same .right, 
#liaisonmap .map .container .slider ul.points li.area_plus .right, 
#liaisonmap .map .container .slider ul.points li.area_minus .right, 
#liaisonmap .map .container .slider ul.points li.pref_same .right   {padding-right:25px; background-position:right center;}
#liaisonmap .map .container .slider ul.points li.area_same a, 
#liaisonmap .map .container .slider ul.points li.area_same span     {background-color:#953735;}
#liaisonmap .map .container .slider ul.points li.area_same .north   {background-image:url(images/icon_area_north.gif);}
#liaisonmap .map .container .slider ul.points li.area_same .south   {background-image:url(images/icon_area_south.gif);}
#liaisonmap .map .container .slider ul.points li.area_same .east    {background-image:url(images/icon_area_east.gif);}
#liaisonmap .map .container .slider ul.points li.area_same .west    {background-image:url(images/icon_area_west.gif);}
#liaisonmap .map .container .slider ul.points li.area_same a:hover  {background-color:#bd5f5d;}
#liaisonmap .map .container .slider ul.points li.area_plus a, 
#liaisonmap .map .container .slider ul.points li.area_plus span     {background-color:#953735; background-image:url(images/icon_plus.gif);}
#liaisonmap .map .container .slider ul.points li.area_plus a:hover  {background-color:#bd5f5d;}
#liaisonmap .map .container .slider ul.points li.area_minus a, 
#liaisonmap .map .container .slider ul.points li.area_minus span    {background-color:#953735; background-image:url(images/icon_minus.gif);}
#liaisonmap .map .container .slider ul.points li.area_minus a:hover {background-color:#bd5f5d;}
#liaisonmap .map .container .slider ul.points li.pref_same a, 
#liaisonmap .map .container .slider ul.points li.pref_same span     {background-color:#999999;}
#liaisonmap .map .container .slider ul.points li.pref_same .north   {background-image:url(images/icon_pref_north.gif);}
#liaisonmap .map .container .slider ul.points li.pref_same .south   {background-image:url(images/icon_pref_south.gif);}
#liaisonmap .map .container .slider ul.points li.pref_same .east    {background-image:url(images/icon_pref_east.gif);}
#liaisonmap .map .container .slider ul.points li.pref_same .west    {background-image:url(images/icon_pref_west.gif);}
#liaisonmap .map .container .slider ul.points li.pref_same a:hover  {background-color:#c1c1c1;}
#liaisonmap .map .container .slider ul.points li.pref_plus a, 
#liaisonmap .map .container .slider ul.points li.pref_plus span     {color:#b4b4b4; font-size:30px; text-decoration:none; white-space:nowrap;}
#liaisonmap .map .container .slider ul.points li.pref_plus a:hover  {color:#808080;}
#liaisonmap .map .container .slider ul.points li.item a, 
#liaisonmap .map .container .slider ul.points li.item span          {display:block;}
#liaisonmap .map .container .slider ul.points li.area_same span, 
#liaisonmap .map .container .slider ul.points li.area_plus span, 
#liaisonmap .map .container .slider ul.points li.area_minus span, 
#liaisonmap .map .container .slider ul.points li.pref_same span, 
#liaisonmap .map .container .slider ul.points li.pref_plus span, 
#liaisonmap .map .container .slider ul.points li.item span          {cursor:default;}
#liaisonmap .map .container .slider .images {position:absolute; left:0; top:0; z-index:3; cursor:move;}
#liaisonmap .map .container .slider .images img {position:absolute;}

/* Navigator */
#liaisonmap .navigator {position:absolute; left:0; top:0; z-index:10;}
#liaisonmap .navigator .on {position:absolute; left:0; top:0; z-index:11; overflow:hidden; cursor:pointer;}
#liaisonmap .navigator .on .head {
	height:24px; position:relative; z-index:12; background:#681c00; overflow:hidden;
	border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; 
	border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px; 
}
#liaisonmap .navigator .on .head:after {display:block; clear:both; height:0; content:"";}
#liaisonmap .navigator .on .head a, 
#liaisonmap .navigator .on .head div {display:block; float:left; width:19px; height:24px; background:url(images/general_shm.gif) no-repeat; text-indent:-9999px; overflow:hidden;}
#liaisonmap .navigator .on .head .btn_on        {width:21px; background-position:-348px -3px;}
#liaisonmap .navigator .on .head .btn_off       {background-position:-369px -35px;}
#liaisonmap .navigator .on .head .btn_off:hover {background-position:-369px -3px;}
#liaisonmap .navigator .on .head h4 {float:left; width:54px; height:24px; background:url(images/general_shm.gif) -450px 0 no-repeat; text-indent:-9999px; overflow:hidden;}
#liaisonmap .navigator .on .map {
	position:relative; background:#cccccc; overflow:hidden;
	border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; 
	border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; 
}
#liaisonmap .navigator .on .map .image {position:relative; left:7px; top:7px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; overflow:hidden;}
#liaisonmap .navigator .on .map .image .points {position:absolute; left:0; top:0; z-index:12;}
#liaisonmap .navigator .on .map .image .points li {width:4px; height:4px; position:absolute; left:0; top:0; overflow:hidden;}
#liaisonmap .navigator .on .map .image .view {position:absolute; left:0; top:0; z-index:13;}
#liaisonmap .navigator .on .map .image .view .mark {position:absolute; left:0; top:0; z-index:15;}
#liaisonmap .navigator .on .map .image .view .mark .text {
	width:19px; height:7px; position:absolute; left:0; top:0; z-index:16; background:url(images/general_shm.gif) -280px -30px no-repeat; text-indent:-9999px; overflow:hidden;
}
#liaisonmap .navigator .on .map .image .view .mark .tl, 
#liaisonmap .navigator .on .map .image .view .mark .tr, 
#liaisonmap .navigator .on .map .image .view .mark .bl, 
#liaisonmap .navigator .on .map .image .view .mark .br {
	width:8px; height:8px; position:absolute; left:2px; top:2px; z-index:16; background:url(images/general_shm.gif) no-repeat; overflow:hidden;
}
#liaisonmap .navigator .on .map .image .view .mark .tl {background-position:-310px -30px;}
#liaisonmap .navigator .on .map .image .view .mark .tr {background-position:-320px -30px;}
#liaisonmap .navigator .on .map .image .view .mark .bl {background-position:-330px -30px;}
#liaisonmap .navigator .on .map .image .view .mark .br {background-position:-340px -30px;}
#liaisonmap .navigator .on .map .image .view .bg {position:absolute; left:0; top:0; z-index:14; background:#000000; filter:alpha(opacity=25); -moz-opacity:0.25; opacity:0.25;}
#liaisonmap .navigator .off {
	width:26px; height:32px; position:absolute; left:0; top:0; z-index:20; background:#681c00 url(images/general_shm.gif) -420px -35px no-repeat; 
	border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; overflow:hidden; cursor:pointer;
}
#liaisonmap .navigator .off a {
	display:block; width:26px; height:25px; position:relative; top:7px; 
	background:url(images/general_shm.gif) -480px -40px no-repeat; text-indent:-9999px; overflow:hidden;
}
#liaisonmap .navigator .off a:hover  {background-position:-450px -40px;}

/* Dock */
#liaisonmap .dock {height:32px; position:absolute; left:8px; top:0; z-index:100; overflow:hidden;}
#liaisonmap .dock .head {
	width:110px; height:32px; padding-left:8px; background:#681c00; overflow:hidden;
	border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topleft:5px; 
	border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topRight:5px; 
}
#liaisonmap .dock .head:after {display:block; clear:both; height:0; content:"";}
#liaisonmap .dock .head .btn_on, 
#liaisonmap .dock .head .btn_off {display:block; float:left; width:19px; height:22px; margin-top:6px; background:url(images/general_shm.gif) no-repeat; text-indent:-9999px; overflow:hidden;}
#liaisonmap .dock .head .btn_on        {background-position:-350px -37px;}
#liaisonmap .dock .head .btn_on:hover  {background-position:-350px -5px;}
#liaisonmap .dock .head .btn_off       {background-position:-369px -37px;}
#liaisonmap .dock .head .btn_off:hover {background-position:-369px -5px;}
#liaisonmap .dock .head h4 {float:left; width:62px; height:32px; background:url(images/general_shm.gif) -388px 0 no-repeat; text-indent:-9999px; overflow:hidden;}
#liaisonmap .dock .icons {width:9999px; height:32px; position:absolute; left:129px; top:0; z-index:11; overflow:hidden;}
#liaisonmap .dock .icons ul {display:inline-block; *display:inline; *zoom:1; width:9999px; position:absolute; left:0; top:0; z-index:11;}
#liaisonmap .dock .icons ul:after {display:block; clear:both; height:0; content:"";}
#liaisonmap .dock .icons li {display:inline-block; *display:inline; *zoom:1; float:left; width:auto;}
#liaisonmap .dock .icons li a {
	display:inline-block; *display:inline; *zoom:1; width:auto; min-height:26px; _height:32px; padding:4px 5px; background:5px 4px no-repeat;
	color:#ffffff; font-size:10px; word-break:keep-all; text-decoration:none; vertical-align:bottom;
}
#liaisonmap .dock .icons li a:after {display:block; clear:both; height:0; content:"";}
#liaisonmap .dock .btn_previous, 
#liaisonmap .dock .btn_next {display:block; width:12px; height:32px; position:absolute; top:0; z-index:12; background:url(images/general_shm.gif) no-repeat; text-indent:-9999px; overflow:hidden;}
#liaisonmap .dock .btn_previous       {left:118px; background-position:-510px 0;}
#liaisonmap .dock .btn_previous:hover {background-position:-510px -34px;}
#liaisonmap .dock .btn_next           {right:-1px; background-position:-522px 0; border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topright:5px;}
#liaisonmap .dock .btn_next:hover     {background-position:-522px -34px;}
#liaisonmap .dock .bg {height:32px; position:absolute;left:118px; top:0; z-index:10; background:#681c00; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}

/* Selector */
#liaisonmap .selector {position:absolute; left:0; top:0; z-index:100;}
#liaisonmap .selector .container {position:absolute; left:0; top:0;}
#liaisonmap .selector .container .bridge {width:15px; height:19px; position:absolute; left:0; top:0; background:url(images/general_shm.gif) 0 0 no-repeat; cursor:pointer;}
#liaisonmap .selector .container ul.panels {width:170px; position:absolute; left:0; top:0; background:#cccccc; overflow:hidden;}
#liaisonmap .selector .container ul.panels li {width:164px; padding:3px; margin-bottom:-1px\9; cursor:pointer;}
#liaisonmap .selector .container ul.panels li.selected {background:#e8ccbc;}
#liaisonmap .selector .container ul.panels li:after {display:block; clear:both; height:0; content:"";}
#liaisonmap .selector .container ul.panels li img {float:left; margin-right:5px;}
#liaisonmap .selector .container ul.panels li h5 {color:#000000; font-size:12px;}
#liaisonmap .selector .container ul.detail {width:120px; position:absolute;left:170px;  top:0; padding:5px; background:#e8ccbc; overflow:hidden;}
#liaisonmap .selector .container ul.detail li {padding-bottom:2px; color:#000000; font-size:11px;}
#liaisonmap .selector .container ul.detail li.img      {}
#liaisonmap .selector .container ul.detail li.img img  {}
#liaisonmap .selector .container ul.detail li.schedule {padding-left:12px; background:url(images/icon_schedule.gif) no-repeat;}
#liaisonmap .selector .container ul.detail li.site     {padding-left:12px; background:url(images/icon_site.gif) no-repeat;}
#liaisonmap .selector .container ul.detail li.meet     {padding-left:12px; background:url(images/icon_meet.gif) no-repeat;}
#liaisonmap .selector .container ul.detail li.address  {}
#liaisonmap .selector .container ul.detail li.tel      {}
#liaisonmap .selector .container ul.detail li.info     {}
#liaisonmap .selector .container ul.detail li.type_m   {}
#liaisonmap .selector .container ul.detail li.type_s   {padding-left:1ex; text-indent:-1ex;}

