@import url("default.css");
@import url("forms.css");

/* layout */
body { }
#wrap { width:100%; }

#header { position:relative; z-index:99; background:#282828; }
#header .wrap { position:relative; height:56px; }
#header .wrap h1 { position:absolute; top:8px; left:12px; }

#tm { position:absolute; top:30px; right:10px; width:390px; color:#fff; font-size:11px; text-align:right;}
#tm a { color:#fff; margin:0 5px; }/*20141119*/

#h_search { position:absolute; top:11px; left:320px; width:464px; height:35px; background:url(/gis/images/h_search_bg.gif) no-repeat 28px 0; font-size:14px;}
#h_search>input[type=text] { position:absolute; top:0; left:142px; background:none; border:0; height:35px; line-height:35px; color:#e9e9e9; width:188px; padding:0 10px; font-size:14px; }
#h_search a.bt_search { position:absolute; display:block; top:0; left:352px; width:32px; height:35px; text-indent:-9999px; }
#h_search a.bt_de-search { position:absolute; top:18px; right:16px; color:#e9e9e9; font-size:11px; font-weight:bold; }
#h_search a.bt_de-search:hover { text-decoration:none; }

#de-search { position:absolute; top:-300px; left:50%; margin-left:-220px; width:458px; border:3px solid #393939; border-width:0 3px 3px; background:#fff; z-index:98; }
#de-search .tit { position:relative; background:#e1e1e1; height:36px; line-height:36px; color:#4f4f4f; padding:0 20px; font-size:18px; }
#de-search .bt_close { position:absolute; display:block; top:7px; right:9px; width:22px; height:22px; background:url(/gis/images/bt_layer_pu_close.gif) no-repeat 0 0; text-indent:-9999px; }
#de-search .con { position:relative; padding:20px 40px; }

.tb_de-search { position:relative; width:100%; }
.tb_de-search th { font-size:14px; color:#4f4f4f; font-weight:normal; }
.tb_de-search td { height:36px; }
.tb_de-search td img { vertical-align:middle; }
.tb_de-search td input[type=text] { height:26px; line-height:26px; border:1px solid #c3c3c3; background:#f4f4f4; color:#666; font-size:14px; padding:0 9px; }

#map_canvas { width: 80%; height: 920px; float: left; position: relative; z-index: 30 !important; }

h1 { margin: 0 0 0 0; font: bold; letter-spacing: -2px; }
h2 { margin: 0 0 15px 0; font: bold; font-size:20px; letter-spacing: -1px; text-shadow: 0 1px 0px rgba(255,255,255,0.3); }
h3 { margin: 0 0  1px 0; font: bold; font-size:15px;  letter-spacing: -1px; }


#locations { list-style: none; width: 20%; height: 920px; float: left; background: #f3f1ee; }
#locations ul { }
#locations li { padding: 10px; width: 100%; float: left; position: relative; z-index: 20; background: #f3f1ee;}
#locations li:hover, #locations li.hover { background: #ffe8b2 url(../images/shadow.png) 128px 0 repeat-y; }
#locations li:hover h3, #locations li.hover h3 { color: red; text-shadow: 0 1px 0px rgba(255,255,255,0.3); }


#content { width: 300px; }

#more-info { position: absolute; top:50px; left:5px; width: 300px;  padding: 20px; height: 400px; }
#more-info * { position: relative; z-index: 100; }
#more-info > div { background: #e9e2bf; -moz-box-shadow: 0 0 14px rgba(70,49,1,0.5); -webkit-box-shadow: 0 0 14px rgba(70,49,1,0.5); padding: 20px; height: 450px; }
.longdesc { display: none; font-size:15px; }
.page_here { font-weight:bold;color:red; }

#rin-panorama { position: absolute; top:600px; left:5px; width: 790px;  padding: 20px; height: 210px; }
#rin-panorama * { position: relative; z-index: 100; }
#rin-panorama > div { background: #e9e2bf; -moz-box-shadow: 0 0 14px rgba(70,49,1,0.5); -webkit-box-shadow: 0 0 14px rgba(70,49,1,0.5); padding: 10px; height: 210px; }
.panorama { display: none; font-size:15px; }


/* main */
#main_contents { position:relative; z-index:10; }
#main_contents .wrap { position:relative; width:100%; height:920px; margin:0 auto; }
#main_contents .wrap a.bt-more { margin-left:17px; }

#footer { position:relative; }
#footer .wrap { position:relative; width:100%; height:95px; margin:0 auto; }
#footer .wrap .logo { position:absolute; top:14px; left:6px; }
#footer .wrap .logo2 { position:absolute; top:11px; right:1px; }
#footer .wrap .info { position:absolute; top:24px; left:178px; color:#000; line-height:14px; }
#footer .wrap .f_sns { position:absolute; top:18px; right:144px; text-align:right; }
#footer .wrap .f_sns a { margin-left:5px; }