@charset "UTF-8";

body{
	margin: 0;
		}

#wp{
  width: 100%;
  margin: 0 auto;
  text-align: center;
  background: #fff;
}  


#header {
   width:  100%;
   height: 220px;
   background: #000;


   /*ヘッダーを固定  position: fixed !important;
   position: absolute;
   top: 0;
   left: auto;*/
   
}
#headerSP{
	display: none;
	width: 0;
	height: 0;
}	

/*#header h1{
	margin-left: 120px;
	width: 500px;
	font-size: 40px;
	color:#fff;
	font-family: "Times New Roman";
	text-align: left;
	background: #ccc;
}
#header p{
	float: right;
	font-size: 18px;
	color: #fff;
	font-family: "Times New Roman";
}	
*/



#header img.logo{
  width: 500px;
  margin-top: 40px;
}

#header img.info1{
  height:  30px;
  margin-left: 10px;
  border: none;
}
#header img.info2{
  height: 30px;
 border: none;
}

#naviarea {
  width: 920px;
  height: 60px;
  margin: 0 auto;
  margin-top: 30px;
  background: #000;
  text-align: center;
}  

#navi{
  width: 900px;
  list-style-type:none;
  height: 60px;
  padding-top: 20px;
  background: #000;
}  

#navi a{
  padding: 12px 30px;
  color:#000;
  text-decoration: none;
  font-size: 14px;
  font-style: bold;
}   
#navi li{
 display: inline;
 list-style-type: none;
 width: 120px;
 height: 80px;
 margin-top: 0px;
 padding: 12px;
 background: #fff;
}  

#navi a:hover{
   color: #000;
   background-color: #dbd8cc;
} 

#main{
  width: 970px;
  margin: 40px auto;
 /* margin-top: 260px;*/
  background: #fff;
}

#main img{
 width: 800px;
 text-align: center;
}

 
#footer {
 width: 100%;
 height: 150px;
 margin-top: 20px;
 margin-bottom: 10px;
 padding-top: 10px;
 border-top: 1px solid #fff;
 background: #000;
 }  
 
#footer hr{
  color: #fff;
  }

#footer p.tel{
  color:#fff;
  font-size: 23px;
}
#footer p.copy{
  color:#fff;
  font-size: 17px;

}