@charset "utf-8";

div#second-column p {
	margin-bottom: 10px;
	line-height: 160%;
}

div#second-column div.waterNature p.title,
div#second-column div.useful p.title {
	margin-bottom: 0px;
}

div#main-image {
	padding-right: 0px;
	padding-left: 0px;
}

ul.explanation {
	zoom: 1;
	margin-bottom: 20px;
	overflow: hidden;
}

ul.explanation li {
	zoom: 1;
	overflow: hidden;
}

ul.explanation li div.odd,
ul.explanation li div.even {
	display: inline;
	width: 270px;
	float: left;
}

ul.explanation li div.even {
	margin-left: 10px;
}

ul.explanation li div.odd h3,
ul.explanation li div.even h3 {
	background: url(../themes/default/img_icon.jpg) no-repeat left center;
	padding-left: 20px;
	margin-bottom: 5px;
	color: #FF9900;
	font-weight: bold;
}

ul.explanation li div.odd p.first,
ul.explanation li div.even p.first {
	padding-top: 7px;
	background: url(../themes/default/bgi_border.gif) repeat-x left top;
}



/* 観光情報
-----------------------------------------------------*/
div.sightseeing {
	padding: 20px 20px 30px 20px; 
}

div.sightseeing ul {
	overflow: hidden;
}

div.sightseeing ul li {
	float: left;
}



/* 水上の周辺観光
-----------------------------------------------------*/
div.surrounding {
	background: url(../images/hi_area_guide/bgi_water1.jpg) no-repeat left top;
	padding: 60px 20px 0px 20px; 
}

div.surrounding ul.explanation li div.odd h3,
div.surrounding ul.explanation li div.even h3 {
	background: url(../themes/default/img_icon.jpg) no-repeat left center;
	padding-left: 20px;
	position: relative;
	top: 160px;
	color: #FF9900;
	font-weight: bold;
}

div.surrounding ul.explanation p.photo {
	padding: 4px;
	border: 1px solid #cccccc;
	background: #ffffff;
}

div.surrounding ul.explanation li div.odd p.photo,
div.surrounding ul.explanation li div.even p.photo {
	margin-bottom: 10px;
	position: relative;
	top: -20px;
}

div.surrounding ul.explanation li div.odd p.first,
div.surrounding ul.explanation li div.even p.first {
	padding-top: 10px;
	background: url(../themes/default/bgi_border.gif) repeat-x left top;
}



/* 水上の自然で遊ぶ
-----------------------------------------------------*/
div.waterNature {
	padding: 60px 20px 0px 20px; 
	background: url(../images/hi_area_guide/bgi_water2.jpg) no-repeat left top;
}

div.waterNature p.photo {
	padding: 4px;
	border: 1px solid #cccccc;
	background: #ffffff;
	margin-bottom: 10px;
}


/* 観光お役立ちリンク
-----------------------------------------------------*/
div.useful {
	padding: 60px 20px 0px 20px; 
	background: url(../images/hi_area_guide/bgi_water3.jpg) no-repeat left top;
}

ul.linkGroup {
	zoom: 1;
	overflow: hidden;
}

ul.linkGroup li {
	float: left;
	width: 270px;
	background: url(../themes/default/bgi_border.gif) repeat-x left bottom;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

ul.linkGroup li.even {
	margin-left: 10px;
}

ul.linkGroup li a {
	font-weight: bold;
	padding-left: 20px;
	background: url(../themes/default/img_icon.jpg) no-repeat left center;
}



/* 尾瀬保護財団メッセージ・マナー
-----------------------------------------------------*/
div.ozeMessage,
div.ozeManner {
	width: 510px;
	background: #F8F3EF;
	margin-bottom: 10px;
	padding: 20px 20px 10px;
}
div.ozeMessage h3,
div.ozeManner h3 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background: #7E6A5A;
	padding: 5px;
	margin-bottom: 1em;
}
div.ozeMessage h4,
div.ozeManner h4 {
	font-size: 12px;
	font-weight: bold;
	color: #7E6A5A;
}
div.ozeMessage p,
div.ozeManner p {
	font-size: 10px !important;
	line-height: 120% !important;
	color: #7E6A5A;
	text-indent: 1em;
	padding-right: 1em;
	padding-left: 1em;
}
div.ozeMessage p.copy,
div.ozeManner p.copy {
	text-align: right;
	padding-top: 1em;
}

div.ozeMessage {}
div.ozeMessage h3 {}
div.ozeMessage h4 {
	margin-bottom: 1em;
	text-align: center;
}
div.ozeMessage p {}
div.ozeMessage p.copy {}

div.ozeManner {}
div.ozeManner h3 {}
div.ozeManner h4 {
	padding-left: 1em;
	font-size: 10px;
}
div.ozeManner p {}
div.ozeManner p.copy {}
div.ozeManner ul {
	padding-right: 2em;
	padding-left: 2em;
	margin-bottom: 1em;
}
div.ozeManner ul li {
	font-size: 10px;
	color: #7E6A5A;
	list-style: disc;
	margin-left: 1em;
}

