@charset "UTF-8";

/*///////////////////////////////////////////////////////////

	堺eco観光CSS

///////////////////////////////////////////////////////////*/

@import "../../../css/navi.css";

/* タイトル
----------------------------------------------------------*/
#title {
	margin-top: 10px;
}
#title h1 {
	float: left;
	margin: 0;
}
#title h2.
#title p {
	text-align: right;
}

#content-box {
	margin: 0 0 0 6px;
}
* html #content-box { margin-left: 9px; }

/* 散策マップ
----------------------------------------------------------*/
#map {
	width: 763px;
	background: url(../images/mapbox_repeat.gif) repeat-y 0 0;
}
#map h3 {
	height: 61px;
	margin: 0;
}
#map-content {
	padding: 15px 10px 10px 15px;
	background: url(../images/mapbox_bottom.gif) no-repeat 100% 100%;
}
#map-content:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#map-content { display: inline-block; }
/* ¥*/
* html #map-content { height: 1%; }
#map-content { display: block; }
/* */


#kodai {
	float: left;
	width: 364px;
	position: relative;
}
#chukinse {
	float: right;
	width: 364px;
	position: relative;
}
#map-content h4 {
	position: relative;
	height: 35px;
	margin-bottom: 10px;
	font-size: 100%;
}

/* 駅の表示 */
#map-content h4 span {
	position: absolute;
	top: 8px;
	right: 6px;
	color: #a95c24;
	font-size: 93%;
}

#kodai img,
#chukinse img {
	float: left;
}
#kodai img.copy,
#chukinse img.copy {
	padding: 30px 0 15px 5px;
}
#kodai img.button,
#chukinse img.button {
	padding-left: 5px;
}
#map p.pdf {
	padding-left: 0;
}
#map p.pdf a:hover {
	text-decoration: none;
}
#map p.pdf img {
	float: none;
}
/* バイト数表示 */
#map p.pdf span {
	position: absolute;
	bottom: 10px;
	left: 266px;
	color: white;
}


/* eco観光をさらに楽しく
----------------------------------------------------------*/
#info-box {
	width: 760px;
	margin-top: 10px;
	margin-left: 3px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	background: #f8f7f3 url(../images/info_bottom.gif) no-repeat 0 100%;
}
* html #info-box { padding-bottom: 0; }

#info-box:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#info-box { display: inline-block; }
/* ¥*/
* html #info-box { height: 1%; }
#info-box { display: block; }
/* */

#info-box h3 { margin-bottom: 15px; }
#info-box .box {
	float: left;
	display: inline;
	width: 177px;
	margin-left: 10px;
}
#info-box .box h4 {
	padding: 3px 0;
	font-size: 93%;
	font-weight: bold;
	color: #006933;
}
#info-box .box h4 {
	margin-bottom: 0;
}
#info-box .box p {
	padding: 0;
}
#info-box .box p img {
	padding: 0 3px;
	vertical-align: middle;
}

/* 堺市へのアクセス／エコ活動
----------------------------------------------------------*/
#info2 {
	margin-left: 3px;
}

/* ロゴ
----------------------------------------------------------*/
#logo-box {
	margin: 20px 0 0;
	text-align: center;
}