@charset "utf-8";


.box {
	clear: both;
	width: 680px;
	overflow: hidden;
}
.box .catch {
	float:right;
	margin-left:20px;
	font-size:12px;
	margin-top:10px;
}
.box .photo {
	float:left;
}
.box .min	{
	float:left;
	width: 200px;
	height:auto;
	line-height: 1.4;
	overflow: hidden;
	margin:5px 5px;
	padding:5px;
	border: 1px solid #c9c9c9;
	text-align: center;
}

#main .box table {
	margin:20px 10px;
	width:95%;
}

#main .box td, th{
	border: 1px solid #c9c9c9;
	line-height: 2;
}

#main .box th{
	padding: 8px;
	text-align: center;
	background-color: #E5E5E5;
	line-height:90%;
	width:80px;
}

#main .box td{
	padding: 5px;
	vertical-align: top;
	text-align:left;
	vertical-align:central;
}

#main .box .tel {
	text-align:left;
}

/*--ボタン--*/
	
.butn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 11;
  -moz-border-radius: 11;
  border-radius: 11px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 8px 10px 8px 10px;
  text-decoration: none;
}

.butn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
.butn0 {
  -webkit-border-radius: 11;
  -moz-border-radius: 11;
  border-radius: 11px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  background: #fa8a0a;
  padding: 8px 10px 8px 10px;
  text-decoration: none;
  margin-right:20px;
}

.butn0:hover {
  text-decoration: none;
  color: #454343;
}

/*ここからスマートフォン用環境の設定*/
@media screen and (max-width : 480px){
.box  {
	clear: both;
	width: 95%;
	overflow: hidden;
}
.box img{
	width:100%;
	height:auto;
}
.box1 img{
	width:auto;
	height:auto;
	display: block !important;
	max-width: 100%; 
}
.box .min	{
	float:none;
	width:95%;
	line-height: 1.4;
	overflow: hidden;
	margin:auto;
	padding:5px;
	border: 1px solid #c9c9c9;
	text-align: center;
	height:auto;
	max-width: 100%;
}


}