@charset "utf-8";

/*==========================
basic
===========================*/

img{
	border: none;
}

#container{
	width: 780px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

#header{
	width: 770px;
	text-align: left;
}

#logo{
	margin: 0 0 0 10px;
}

#main{
	width: 780px;
	margin: 5px auto;
	padding: 0;
	text-align: left;
}

#mainFoot{
	width: 770px;
	height: 15px;
	background: url('../images/map/purple_foot.gif') no-repeat;
}

#map{
	width: 740px;
	height: 500px;
}

#map_mid{
	width: 760px;
	padding: 0 0 0 10px;
	background: url('../images/map/purple_mid.gif') repeat-y;
}

#columnMap{
	width: 540px;
	float: left;
	margin: 5px 0 0 0;
}

#nrstroute{
	display: none;
}

#rightColumn{
	display: none;
}

/*---- IE 6 HACK CSS ----*/

* html #rightColumn{
	width: 200px;
	float: right;
	margin: 0 5px 0 0;
	text-align: left;
}

/*---- IE 6 HACK END ----*/

.mid200{
	width: 200px;
	background: url('../images/map/purple_mid200.gif') repeat-y;
}

.foot200{
	width: 200px;
	height: 8px;
	margin: 0 0 5px 0;
	background: url('../images/map/purple_foot200.gif') no-repeat;
}

#footer{
	width: 770px;
	clear: both;
	text-align: center;
}

#footer p{
	margin: 0;
	padding: 0;
}

/*==========================
parts
===========================*/
h1{
	width: 755px;
	height: 19px;
	padding: 6px 0 0 15px;
	color: #333333;
	font-size: 15px;	
	background: url('../images/map/purple_head.gif') no-repeat;
}

h2{
	width: 200px;
	height: 12px;
	padding: 3px 0 0 0;
	text-align: center;
	background: url('../images/map/purple_head200.gif') no-repeat;
	color: #333333;
	font-size: 12px;
}

#qr{
	width: 100px;
	margin: 0 auto;
	text-align: center;
}

.howtoMap{
	margin: 0 0 0 5px;
	line-height: 130%;
}