@charset "UTF-8";

/* ===================================
	File Name   : town-intro.css
	Discription : TownIntro Page Layout CSS
	Editors     : Taz Sakurai
	Last Editor : Taz Sakurai
	Last Update : 2009/07/21
====================================== */

/*========== Style Contents ==========

	1. Page Redefinition
	2. Town Introduction

====================================== */



/*===== ■1. Page Redefinition =====*/
#Contents {clear: both;} /* For DreamWeaver View */

/* Global Navigation  */

ul#GlobalNavi a#BtnTownIntro {background-position: -616px -45px;}

/* Footer Navigation  */
#Footer a#TextNaviTownIntro {
	color: #339999;
}








/*===== ■2. Town Introduction =====*/
#TownIntro {
	position: relative;
	margin-bottom: 20px;
}

#TownIntro h2 {
	margin-bottom: 35px;
}

#TownIntro p {
	position: absolute;
	width: 400px;
	top: 80px;
	left: 30px;
}

#TownIntro dl {
	position: absolute;
	left: 575px;
	top: 192px;
	width: 240px;
}

#TownIntro dl#MuromachiIntro {top: 345px;}
#TownIntro dl#NishihemiIntro {top: 453px;}
#TownIntro dl#HiradoIntro {top: 270px; left: 27px;}
#TownIntro dl#UsukiIntro {top: 495px; left: 27px;}
#TownIntro dl#ItoIntro {top: 495px; left: 295px;}

#TownIntro dt {
	background: url(../img/mark_circle.jpg) no-repeat left 7px;
	padding: 0px 0px 3px 12px;
	font-weight: bold;
	font-size: 108%;
	color: #144864;
}

#TownIntro dd {
	font-size: 93%;
	line-height: 1.3;
}

#TownIntro dd ul li {
	float: right;
	background: url(../img/mark_arrow-right.jpg) no-repeat left 7px;
	padding: 3px 0px 0px 10px;
	font-size: 83.3%;
}