@charset "UTF-8";

body{
	margin: 0;
		}

#wp{
  width: 340px;
  margin: 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;
  margin-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;
}   

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


#main{
  width: 320px;
  height: auto;
  background: #000;
}
#main h1{
	font-size: 18px;
	color: #fff;
}

#main img{
	width: 270px;

}
#comment{
	width: 270px;
	height: 150px;
	margin: 25px auto;
	padding: 10px;
	background: #fff;
	border: 1px solid #fff;
}

#comment p{
	font-size: 14px;
	color: #000f;
}
 

 
#footer {
 width: 340px;
 height: 125px;
 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;

}