/* panorama layout */

body{
	
	margin:0px;
	padding:0px;}

.panorama, .panorama-view { width: 100%; height: 100%; overflow: hidden; }
.panorama-container { position: relative; }
.panorama-container img { height: 100%; position: absolute; top: 0; }
.panorama .info, .panorama-view .area { position: absolute; display: block; }
.panorama .info { right: 10px; bottom: 10px; }
.panorama .controls { position: absolute; left: 10px; bottom: 10px; }
.panorama .controls a { display: block; float: left; margin-right: 5px; }
.panorama .preloader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* panorama style */
.panorama-view { cursor: url(../images/openhand.cur),default; }
.panorama-view.grab { cursor: url(../images/closedhand.cur),default; }
.panorama .info, .panorama .controls a { padding: 6px; opacity: 0.6; filter: alpha(opacity=60); background-color: #000; color: #fff; font: bold 11px/14px Arial, sans-serif; text-decoration: none; }
.panorama .controls a { padding-top: 5px; padding-bottom: 7px; font-size: 17px; cursor: pointer; }
.panorama .info:hover, .panorama .controls a:hover { opacity: 0.8; filter: alpha(opacity=80); }
.panorama-view .area { opacity: 0.25; filter: alpha(opacity=25); background-color: #000; cursor: pointer; overflow: hidden; text-indent: -9999px; }
.panorama-view .area:hover { opacity: 0.5; filter: alpha(opacity=50); }
.panorama-view img { -o-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; }
.panorama .info, .panorama-view .area, .panorama .controls a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.panorama .preloader { background: url(../images/preloader.gif) no-repeat center center; position:relative; }
.panorama .preloader  div{ height:100%; position:absolute; bottom:33px; width:100%;}




html,body,div,span,h1,h2,h3,h4,h5,h6,p,img{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
html{width:100%;
	height:100%;
	overflow:hidden;}
body{line-height:1;width:100%;
	height:100%;
	overflow:hidden;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
html,body{width:100%;height:100%;}
body{background-color:#2D2D2D;}

.slides { visibility:hidden; position: absolute; top: 25px; left: 5px; bottom: 25px; width: 100px; }
.slides a.up, .slides a.down { position: absolute; left: 0; display: block; width: 100px; line-height: 20px; background: #666; background: rgba(0,0,0,0.5); color: #fff; text-decoration: none; text-align: center; z-index: 99; }
.slides a.up { top: -20px; }
.slides a.down { bottom: -20px; }
.slides a.up:hover, .slides a.down:hover { background: #000; }
.slides a.hidden { display: none; }
.slides a.disabled { opacity: 0.25; }
.slides .slide { margin: 2px 0; }
.slides .slide a, .slides .slide a img, .slides a.up, .slides a.down { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.slides .slide a img { display: block; border: 3px solid #666; border-color: rgba(0,0,0,0.5); opacity: 0.75; filter: alpha(opacity=75); }
.slides .slide a:hover img, .slides .slide a.active img { border-color: #000; opacity: 1; filter: none; }
.slides .slide a { cursor: pointer; display: block; }
.slides .slide a.active { cursor: default; }

@media screen and (max-width: 320px) {
	.slides { display: none; }
}


/* panorama カスタム*/
.panorama_wrap{
	
	}



.footer_wrap{
	z-index:90;
	position:absolute;
	bottom:0px;
	width:100%;
	background-image:url("../images/footer_back.jpg");
	background-repeat:repeat-x;
	background-position:top left;
	height:89px;
	}	
	

.footer_inner{
	z-index:-1;
height:89px;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	min-width:960px;
}


.bottom_btns{
	padding-top:30px;
	z-index:1;
	width:100%;
	min-width:1060px;
	
	}

.bottom_btns_inner{
	width:215px;
	margin:0 auto;
	}	

.footer_inner a:hover{
	filter: alpha(opacity=50);
  -moz-opacity:0.50;
  opacity:0.50;
	}


.footer_left{
	padding-left:15px;
	width:323px;
	float:left;
	}

.f_left{
	width:222px;
	padding:36px 0px 0px 15px;
	}	

.f_left div{
	padding-bottom:5px;}

.f_center{
	width:126px;
	padding:40px 0px 0px 20px;
	float:left;
	}	


.f_right{
	width:346px;
	padding:15px 10px 0px 0px;
	float:right;
	}			
	
.social{
	float:right;
	width:150px;
	}	


.copyright{
	position:absolute;
	right:10px;
	bottom:12px;
	font-size:9px;
	font-weight:200;
	color:#FFF;
	text-align:right;}	
	

#place_hide{
position: relative;
width: 190px;
opacity: 0;
filter: alpha(opacity=0);
z-index: 5;
	}


#place{
	position:absolute;
  width: 202px;
  height: 21px;
  padding: 2px 0px 0 8px;
  color: #fff;
  font: 11px arial,sans-serif;
  background-image:url("../images/select_back.jpg");
  background-repeat:no-repeat;
  overflow: hidden;
  border-radius:0;
  border:none;
	}	


.sp_boxs{
	font-size:11px;
	color:#FFF;
	padding:15px 30px 15px 15px;
	position:absolute;
	top:100px;
	left:0px;
	z-index:100;
	background-color:#3B2709;
	width:170px;
	}
	
#sp_arrow{
	position:absolute;
	top:0px;
	right:0px;
	display:block;
	width:18px;
	height:100%;
	background-color:#000;
	}	

#sp_arrow table{
	height:100%;
	width:100%;}	

#sp_arrow  td{
	text-align:center;
	vertical-align:middle;
	}	



#logo_up{
	display:none;
	z-index:86;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background-color:#FFF;
	}	


#logo_up table{
	height:100%;
	width:100%;}	

#logo_up td{
	text-align:center;
	vertical-align:middle;
	padding-bottom:67px;
	}	


#drop_box table{
	height:100%;
	width:100%;}	

#drop_box td{
	text-align:center;
	vertical-align:middle;
	}	


#drop_box{
	display:none;
	z-index:85;
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
	left:0px;
	}
	
.drop_box_inner{
	padding:0px 0;
	font-size:12px;
	width:650px;
	margin:0 auto;
	overflow:hidden;
	height:500px;
	}	
	

.drop_one{
	display:block;
	}	

.drop_one {
	background-repeat:no-repeat;
	float:left;
	width:130px;
	height:130px;
	}	

.drop_one_last{
	margin:0px 0px 0px 0px;
	}	

.drop_one span{
	font-size:13px;
	font-weight:bold;
	line-height:160%;
	}	

#drop_btn{
	text-align:center;
	}	

.map{
	position:absolute;
	top:120px;
	left:0px;
	
	z-index:150;
	}


#map_show{
	width:100%;
	height:100%;
	position:absolute;
	bottom:120px;
	left:0px;
	visibility:hidden;
	z-index:70;
	}	
	


#num0{
	background-image:url("../images/drop/drop_0.jpg");
	
	}

#num0:hover{
	background-image:url("../images/drop/drop_0_on.jpg");
	}	
	
#num1{
	background-image:url("../images/drop/drop_1.jpg");
	
	}	
#num1:hover{
	background-image:url("../images/drop/drop_1_on.jpg");
	}
#num2{
	background-image:url("../images/drop/drop_2.jpg");
	
	}	
#num2:hover{
	background-image:url("../images/drop/drop_2_on.jpg");
	}

#num3{
	background-image:url("../images/drop/drop_3.jpg");
	
	}	
#num3:hover{
	background-image:url("../images/drop/drop_3_on.jpg");
	}

#num4{
	background-image:url("../images/drop/drop_4.jpg");

	}	
#num4:hover{
	background-image:url("../images/drop/drop_4_on.jpg");
	}

#num5{
	background-image:url("../images/drop/drop_5.jpg");

	}	
#num5:hover{
	background-image:url("../images/drop/drop_5_on.jpg");
	}

#num6{
	background-image:url("../images/drop/drop_6.jpg");
	
	}	
#num6:hover{
	background-image:url("../images/drop/drop_6_on.jpg");
	}

#num7{
	background-image:url("../images/drop/drop_7.jpg");
	
	}		
#num7:hover{
	background-image:url("../images/drop/drop_7_on.jpg");
	}

#num8{
	background-image:url("../images/drop/drop_8.jpg");
	
	}	
#num8:hover{
	background-image:url("../images/drop/drop_8_on.jpg");
	}

#num9{
	background-image:url("../images/drop/drop_9.jpg");

	}	
#num9:hover{
	background-image:url("../images/drop/drop_9_on.jpg");
	}

#num10{
	background-image:url("../images/drop/drop_10.jpg");

	}	
#num10:hover{
	background-image:url("../images/drop/drop_10_on.jpg");
	}

#num11{
	background-image:url("../images/drop/drop_11.jpg");
	
	}	
#num11:hover{
	background-image:url("../images/drop/drop_11_on.jpg");
	}

#num12{
	background-image:url("../images/drop/drop_12.jpg");
	
	}	
#num12:hover{
	background-image:url("../images/drop/drop_12_on.jpg");
	}


#num13{
	background-image:url("../images/drop/drop_13.jpg");

	}	
#num13:hover{
	background-image:url("../images/drop/drop_13_on.jpg");
	}
	
#num14{
	background-image:url("../images/drop/drop_14.jpg");

	}													
								
#num14:hover{
	background-image:url("../images/drop/drop_14_on.jpg");
	}
	
	
	

#loading	
{
	z-index:1000;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	background-color: #2D2D2D;
	}	


#loading table{
	height:100%;
	width:100%;}	

#loading td{
	text-align:center;
	vertical-align:middle;
	}	



.copyright a{
	color:#900;
	}


.black_out{
	background-color:#000;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	filter: alpha(opacity=40); 
  -moz-opacity:0.80;
  opacity:0.80;
  display:none;
  z-index:80;
	}	

.f_table	{
	width:100%;
}

.foo_center{
	width:33%;
	padding:30px 20px 0px 20px;}

.f_table td{
	vertical-align:top;
	}

.foo_left{
	width:33%;
	}

.foo_right{
	width:33%;
	padding-top:15px;}
	
	






.nav_inner{
	z-index:87;
	position:absolute;
	background-color:#000000;
	bottom:89px;
	height:32px;
	width:100%;
	}

.nav_inner table{
	width:100%;
	}	


.nav_left{
	width:33.3%;
	padding:8px 0px 0px 10px;
	}	
	
.nav_left a{
	display:block;
	cursor:pointer;
	}	

.nav_center{
	width:33.3%;
	text-align:center;
	color:#FFF;
	padding-top:4px;
	font-size:11px;
	}

.nav_right{
	float:right;
	display:block;
	cursor:pointer;
	width:33.3%;
	text-align:right;
	padding:8px 10px 0px 0px;
	}	



#load_img1{
	padding-bottom:10px;
	}






/*droppy setting*/	


	
#nav2 {
	width:20px;
	padding:0px;
	margin:0px;
	display: block;
}
#nav2 li{
	display: block;
	list-style: none;
	position: relative;
	z-index:1;
}
#nav2 a {
	line-height:nomal;
}
#nav2 ul {
	display: none;
	position: absolute;
	top:-50px;
	left: -94px;
	zoom:1;
}



#nav2 ul li { 
top:0px;
left:0;
padding:4px 0;
background-image:url("../images/tool_back.jpg");
width:127px;
height:38px;
line-height:150%;
_line-height:130%;
text-align:center;
font-size:10px;
color:#FFF;
}

#nav2 *:hover { background-color: none; }	
	



#nav3 {
	width:20px;
	padding:0px;
	margin:0px;
	display: block;
}
#nav3 li{
	display: block;
	list-style: none;
	position: relative;
	z-index:1;
}
#nav3 a {
	line-height:nomal;
}
#nav3 ul {
	display: none;
	position: absolute;
	top:-50px;
	left: -94px;
	zoom:1;
}



#nav3 ul li { 
top:0px;
left:0;
padding:4px 0;
background-image:url("../images/tool_back.jpg");
width:127px;
height:38px;
line-height:150%;
_line-height:130%;
text-align:center;
font-size:10px;
color:#FFF;
}

#nav3 *:hover { background-color: none; }