@charset "UTF-8";

#map h2 { background: url(../../map/img/title_bg.png) no-repeat center top;}
#map #contents { width: 98%; background: url(../../map/img/con_bg.png) no-repeat center top;}
#map #breadcrumb { width: 1100px; max-width: 98%; margin: 0 auto;}

#map #contents>figure,
#map #contents>p:not(#breadcrumb) { text-align: center;}
#map #contents>figure { margin: 60px 0 0 0;}
#map #contents>p:not(#breadcrumb) { padding: 30px 0 80px 0;}
#map #contents>ul { width: 1100px; max-width: 100%; margin: 0 auto 35px auto;}
#map #contents>ul li { width: 25%; float: left; padding: 0 20px 20px 2.5em; text-indent: -2.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#map #contents>ul li:nth-child(4n) { padding-right: 0;}
#map #contents li span { display: block; padding: 3px 0 0 0; text-indent: 0;}
#map #contents li .num { display: inline-block; width: 1.5em; padding: 5px 3px; margin: 0 0.5em 0 0; background: #a44526; color: #fff; text-align: center;}

#map #print {
	width: 900px; max-width: 100%; margin: 0 auto; position: relative;
	 background: url(../../map/img/print_bg2.png) no-repeat 62px top, url(../../map/img/print_bg1.gif) center top; border: 2px solid #8a786d;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
#map #print h3 { position: absolute; top: -10px; left: 18px;}
#map #print dl { width: 430px; float: left; padding: 20px 0 20px 120px;}
#map #print dt { padding: 0 0 10px 0;}
#map #print ul { float: right; padding: 25px 20px 25px 0;}
#map #print li { float: left;}
#map #print li:first-child { padding: 0 12px 0 0;}
#map #print a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}


/* -------------------------------------------------------
clear
------------------------------------------------------- */
#map #contents ul:after,
#map #print:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}