
@charset "utf-8";


#walk{
	margin: 0 auto;
	padding: 0;
	width: 525px;
	font-size: 12px;
	color: #4b4b4b;
	line-height: 1.7;
	}
	
#walk h1{
	margin: 0 auto 7px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.7;
	}	
	
#walk h1 img{
	margin-bottom: 19px;
	}	
	
#menu {
	marginm: 0;
	padding: 0;
	position: relative;	
	}
	
#menu ul {
	margin: 0;
	padding: 0;
	width: 525px;
	height: 95px;
	list-style-type: none;
	}				

#menu li {	
	float: left;
	}	
	
#menu li.right {	
	width: 83x;
	float: right;
	}
	
#menu .print {
	display: block;
	position: absolute;
	top: 70px;
	right: 5px;
	}
	
/*----------menu rollover -----------*/	


#canal_ov {
	width: 146px;
	height: 95px;
	display:block;
	background-image : url(../walk/images/canal_off.jpg);
	}
	
a:hover#canal_ov {
	background-image : url(../walk/images/canal_over.jpg);
	}
	
#forest_ov {
	width: 146px;
	height: 95px;
	display:block;
	background-image : url(../walk/images/forest_off.jpg);
	}
	
a:hover#forest_ov {
	background-image : url(../walk/images/forest_over.jpg);
	}
	
#sea_ov {
	width: 146px;
	height: 95px;
	display:block;
	background-image : url(../walk/images/sea_off.jpg);
	}
	
a:hover#sea_ov {
	background-image : url(../walk/images/sea_over.jpg);
	}	


#main {
	margin: 0 auto 25px;
	padding: 0;
	width: 525px;
	}
	
#main #left{
	margin: 0 auto;
	padding: 0;
	width: 275px;
	float: left;
	}
	
#main #left span{
	margin-bottom: 25px;
	display: block;
	text-indent: 1em;

	}	

	
#main #right{
	margin-left: 5px;
	width: 242px;
	font-size: 10px;
	float: right;
	}
	
#main #left,#right img{
	display: block;
	}	
	
#main #right p{
	margin: 0;
	padding: 5px;
	background-color: #E5E5E5;
	font-size: 10px;
	float: right;
	}				
		
#map {
	margin-bottom: 25px;
	}	
	
/*--------- アイテム ----------*/

#item {
	margin-bottom: 25px;
	padding: 0;
	width: 525px;
	text-align: left;
	}	


#item h2{
	margin-bottom: 15px;
	}
	
#item #h2_box{
	padding: 0 0 5px;
	width: 525px;
	}
	
#item #h2_box .left{
	margin-right: 20px;
	padding: 0;
	width: 325px;
	float: left;
	}
	
#item #h2_box .right{
	margin: 0;
	padding: 0;
	width: 180px;
	float: right;
	}
	
#item #h2_box .right span{
	margin: 0 auto 7px;
	display: block;
	}
		
#item #h2_box .right span img{
	margin-right: 5px;
	}	
	
#item #h2_box .right span img{
	margin-right: 5px;
	}	
	
#item h3{
	margin-bottom: 5px;
	padding-top: 10px;
	}	
	
#item .contents{
	margin: 0 auto ;
	padding-bottom: 15px;
	font-size: 11px;
	text-align: left;
	clear: both;
	}	
	
#item .contents .left{
	padding-right: 5px;
	border-right: 1px dotted #76badd ;
	width: 257px;
	float: left;	
	}	

#item .contents .right{
	padding-left: 1px;
	width: 257px;
	float: right;
	}
	
#item .contents .left02{
	padding-right: 1px;	
	width: 257px;
	float: left;	
	}	

#item .contents .right02{
	padding-left: 5px;
	border-left: 1px dotted #76badd ;
	width: 257px;
	float: right;
	}	
	
	
#item .contents table .photo{
	margin: 8px auto;
	}	
	
	
	

	
.clear{clear:both;}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow:hidden;
}	

.clearfix  {display: inline-table;}
/* back-slash hack \*/
* html .clearfix {height: 1%; overflow:visible;}
.clearfix {display: block;}
/* back-slash hack end */
 
