@charset "UTF-8";
/* map */
/*#gmap {position:absolute; top:0; left:0; right:0; bottom:0; display:none;}*/
/*#gmask {position:absolute; background-color:#000; top:0; left:0; right:0; bottom:0; filter:alpha(opacity=60); opacity:0.60;}*/
#gmap {width:300px; left: 50%; top: 50%; margin-left: -156px; /*margin-top: -180px;*/ position:absolute; background-color:#333; border:solid 1px #fff; padding:6px; display:none;}
	#gcontener p {font:normal 11px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; margin:10px 10px 5px 10px; text-align:center;}
#map_canvas {width:300px; height:260px; position:relative;}
#map_close_bt {top:10px; right:10px; position:absolute; background-color:#DA0023; border:solid thin #fff; cursor:pointer;}
	#map_close_bt a {font:bold 14px Arial, Helvetica, sans-serif; color:#FFF; padding:3px; text-decoration:none;}
	#map_close_bt a:hover {color:#333;}

/* static
#gmap_content {width:300px; left: 50%; top: 50%; margin-left: -156px; margin-top: -180px; position:absolute; background-color:#333; border:solid 1px #fff; padding:6px;}
	#gmap_content p {font:normal 12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; margin:10px 10px 5px 10px; text-align:center;}
*/

@media screen and (max-width: 350px) {
	#contact, #gmap {width:90%; min-height:200px; margin-left:5%; margin-top:-100px; top:50%; left:auto;}
	#gmap {width:85%;}
	#map_canvas {width:100%;}
}