@charset "utf-8";

/*
Tourist CSS
*/

.read {
	height: 85px;
	background: url(/img/read_usefulmap.gif) left top no-repeat;
}
h2 {
	width: 800px;
	height: 100px;
	background: url(/img/h2_usefulmap.jpg) left top no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	margin-left: 10px;
}
#contents ul {
	font-size: 80%;
	list-style-type: none;
}

#usefulmap01 h3,
#usefulmap02 h3 {
	width: 310px;
	text-indent: -9999px;
	overflow: hidden;
}
#usefulmap01 h3 {
	height: 55px;
	background: url(/img/h3_ataka.gif) left top no-repeat;
}
#usefulmap02 h3 {
	height: 83px;
	background: url(/img/h3_matsui.gif) left top no-repeat;
}

#industry h3,
#sightseeing h3,
#institution h3,
#golf h3 {
	color: #333;
	background: url(/img/h3.gif) left center no-repeat;
	border-bottom: 1px dotted #999;
	padding: 8px 0 6px 34px;
	margin-bottom: 15px;
}

/*
Kinrin
*/
#kinrin {
	margin-bottom: 20px;
}
#kinrinmap {
	text-align: center;
	margin-bottom: 15px;
}
ul.mappoint {
	width: 540px;
	margin-left: 35px;
}
ul.mappoint li {
	display: inline;
	float: left;
	margin-left: 20px;
	padding: 16px 0 16px 30px;
}
li#mao_sightseeing {
	background: url(/img/map_kankou.gif) left center no-repeat;
}
li#map_industry {
	background: url(/img/map_kougyou.gif) left center no-repeat;
}
li#map_institution {
	background: url(/img/map_undou.gif) left center no-repeat;
}
li#map_golf {
	background: url(/img/map_golf.gif) left center no-repeat;
}
li#map_komatsukichi {
	background: url(/img/map_komatsukichi.gif) left center no-repeat;
}

/*
industry
*/
#industry table {
	font-size: 80%;
	text-align: left;
	margin-left: 15px;
}
#industry table th,
#industry table td {
	padding: 16px 0;
}
#industry table th {
	padding-left: 35px;
}
#industry table th#industry01 {
	background: url(/img/industry01.gif) left center no-repeat;
}
#industry table th#industry02 {
	background: url(/img/industry02.gif) left center no-repeat;
}
#industry table th#industry03 {
	background: url(/img/industry03.gif) left center no-repeat;
}
#industry table th#industry04 {
	background: url(/img/industry04.gif) left center no-repeat;
}
#industry table th#industry05 {
	background: url(/img/industry05.gif) left center no-repeat;
}
#industry table th#industry06 {
	background: url(/img/industry06.gif) left center no-repeat;
}
#industry table th#industry07 {
	background: url(/img/industry07.gif) left center no-repeat;
}
#industry table td {
	padding-left: 45px;
}

#usefulmap01 {
	min-height: 324px;
	_height: 324px;
	background: url(/img/usefulmap_img0101.jpg) left top no-repeat;
	padding-left: 270px;
	margin-bottom: 40px;
}
#usefulmap02 {
	min-height: 190px;
	_height: 190px;
	background: url(/img/usefulmap_img02.jpg) right top no-repeat;
	padding-right: 270px;
	margin-bottom: 20px;
}
#sightseeing {
	margin: 25px 0 20px;
}

#institution,
#golf {
	margin-top: 20px;
}

ul.usefulmaplist {
	margin-left: 15px;
}
ul.usefulmaplist li {
	margin: 9px 0;
	padding: 11px 0 11px 35px;
}

li#sightseeing01 {
	background: url(/img/sightseeing01.gif) left center no-repeat;
}
li#sightseeing02 {
	background: url(/img/sightseeing02.gif) left center no-repeat;
}
li#sightseeing03 {
	background: url(/img/sightseeing03.gif) left center no-repeat;
}
li#sightseeing04,
li#sightseeing05,
li#sightseeing06 {
	margin-left: 5px;
	padding-left: 30px;
	background: url(/img/arrow_r.gif) left center no-repeat;
}

li#institution01 {
	background: url(/img/institution01.gif) left center no-repeat;
}
li#institution02 {
	background: url(/img/institution02.gif) left center no-repeat;
}
li#institution03 {
	background: url(/img/institution03.gif) left center no-repeat;
}
li#institution04 {
	background: url(/img/institution04.gif) left center no-repeat;
}
li#institution05 {
	background: url(/img/institution05.gif) left center no-repeat;
}

li#golf01 {
	background: url(/img/golf01.gif) left center no-repeat;
}
li#golf02 {
	background: url(/img/golf02.gif) left center no-repeat;
}
li#golf03 {
	background: url(/img/golf03.gif) left center no-repeat;
}
li#golf04 {
	background: url(/img/golf04.gif) left center no-repeat;
}
li#golf05 {
	background: url(/img/golf05.gif) left center no-repeat;
}

ul.usefulmaplist li a {
	text-decoration: underline;
}
ul.usefulmaplist li a:hover {
	text-decoration: none;
}

p.ataka {
	text-align: right;
}
p.ataka a,
p.matsui a {
	text-decoration: underline;
	background: url(/img/arrow_r.gif) left center no-repeat;
	padding-left: 14px;
}
p.ataka a:hover,
p.matsui a:hover {
	text-decoration: none;
}