@charset "UTF-8";

body{
	margin: 0;
		}

#wp{
  width: 340px;
  margin-left: 0 auto;
  text-align: center; 
  background: #000;
}  

#header {
   width: 320px;
   height: 200px;
   position: static !important;
   position: static;
   text-align: left;
   background: #000;
}	



#header img.logo{
  width: 320px;
  height:  38px;
  margin-top: 15px;
  margin-left: 5px;
  border: none;
}


#header img.info1{
 width: 138px;
 height: 30px;
  margin-top: 10px;
  margin-left: 25px;
  border: none;
}

#header img.info2{
 width: 138px;
 height: 30px;
  margin-top: 5px;
  margin-left: 25px;
  padding-bottom: 8px;
  border: none;
}

/*#headerSP{
	display: inline;
	width: 320px;
	height: 320px;
}*/	

#naviarea {
  width: 320px;
  height: 325px;
  margin: 0 auto;

}  

#navi{
  width:220px;
   height: 215px;
  list-style-type:none;
  margin-top: 0px;
  margin-left: 0px;
  text-align: center;

} 


#navi a{
  display:block;
  font-size: 12px;
  padding:10px 13px;
  color:#000;
  border: none;
  text-decoration:none;
  /*text-align:center;*/
  /*background:  url(list_yajirushi.jpg);*/
   border-bottom: 1px solid #ccc; 
}

#navi li{
  float: left;
  width: 250px;
  height: 39px;
  margin-left: -12px;
  margin-top: -12px;
 /* margin-right: 5px;*/
  border-left:0px solid #ccc;
  border-bottom: 2px solid #ccc;
 /* background: #fff url(list_yajirushi.jpg); */
}

#nav a:hover{
   color: #000;
   background-color: #fff;
}

/*#headerSP{
	display: none;
	width: 320px;
	height: 320px;
} */

#naviarea {
  width: 100%;
  height: 400px;


}  

#navi{
  width:100%;
   height: auto;
  list-style-type:none;
  padding-top: 20px;
  margin-left: 10px;
  text-align: center;

} 


#navi a{
  display:block;
  font-size: 12px;
  padding:10px 13px;
  color:#000;
  border: none;
  text-decoration:none;
  /*text-align:center;*/
  /*background:  url(list_yajirushi.jpg);*/
   border-bottom: 1px solid #ccc; 
}

#navi li{
  float: left;
  width: 250px;
  height: 39px;
  border-left:0px solid #ccc;
  border-bottom: 2px solid #ccc;
 /* background: #fff url(list_yajirushi.jpg); */
}

#nav a:hover{
   color: #000;
   background-color: #fff;
}   

/*#naviarea {
  display: none;
}*/  


#main{
  width: 100%;
  height: auto;
  padding-top: 10px;
  background: #000;
}
#main h1{
	font-size: 20px;
	color: #fff;
}

#station{
    width: 100%;
    height: auto;
    
    
} 

#station_photo{
 width: 100%;
 height: auto;
 display: block;
 margin-top: 10px; 
}

#station_photo img{
	width: 80%;
  height: auto;
}

#station_comment{
	width: 80%;
	height: auto;
	margin-bottom: 20px;
	padding: 5px;
	background: #fff;
	color: #000;
	border: 1px solid #000;
}

#station_comment h2{
	font-size: 18px;
}
#station_comment p{
	font-size: 14.5px;
}	

#hokudai{
    margin-top: 30px;
    width: 100%;
    padding-bottom: 10px;
} 

#hokudai_photo{
	width: 100%;
	margin: 0 auto;
  display: block;
	
}
#hokudai_photo img{
	width: 80%;
  height: auto;
  margin-top: 5px;
}

#hokudai_comment{
	width: 80%;
	height: auto;
  margin-top: 20px;
	padding: 5px;
	background: #fff;
	color: #000;
	border: 1px solid #000;
}

#hokudai_comment h2{
	font-size: 18px;
}
#hokudai_comment p{
	font-size: 14.5px;
}	
 

 
#footer {
 width: 100%;
 height: 160px;
 padding-top: 8px;
 text-align: center;
 border-top: 3px solid #fff;
 border-bottom: 3px solid #fff;
 background:#555454;

 }  
 
#footer p.tel{
  color:#fff;
  font-size: 15px;

}  
#footer p.copy{
  color:#fff;
  font-size: 11px;

}