@media screen and (max-width: 650px) {
  #company {
		margin: 0 auto;
		width: 90%; 
} }

#company .company_inner {
	*zoom: 1; 
}
#company .company_inner:after {
	content: "";
	display: table;
	clear: both; 
}
#company .detail {
	*zoom: 1; 
}
#company .detail:after {
	content: "";
	display: table;
	clear: both; 
}
#company {
	width:100%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
#company .detail_box img {
	margin: 15px 0;  
}

@media screen and (max-width: 650px) {
  #company .detail .detail_box {
		float: none;
		width: 100%; 
}
  #company .detail .detail_box:last-child {
		float: none; 
} }
#company .detail .detail_box table {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 40px 0;
	width: 100%;
	border: 1px solid #666666; 
}
#company .detail .detail_box table th {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 30%;
	border-bottom: 2px solid #666666;
	background: #efefef;
	text-align: left;
	font-weight: bold;
	padding: 15px 5px;
	vertical-align: middle; 
}
@media screen and (max-width: 650px) {
  #company .detail .detail_box table th {
		width: 40%; 
} }
#company .detail .detail_box table td {
	border-bottom: 2px solid #666666;
	padding: 10px 8px; 
}
#company .detail .detail_box table td .price {
	font-size: 18px; 
}
#company .detail .detail_box table td p {
	font-size: 10px; 
}
#company .detail .detail_box .reservation {
	padding: 0 0 40px; 
}
#company .detail .detail_box .reservation a {
	display: block;
	background: #d1c8dd;
	text-align: center;
	color: #68498e;
	padding: 20px;
	text-decoration: none; 
}

#company .perls .perl_box {
	*zoom: 1; 
}
#company .perls .perl_box:after {
	content: "";
	display: table;
	clear: both; 
}
#company .perls .perl_box .t_perl_box {
	float: left;
	width: 145px;
	padding: 20px 0 35px; 
}
#company .perls .perl_box .t_perl_box h4 {
	padding: 10px 10px;
	text-decoration: none; 
	font-size: 10px;
}
#company .perls .perl_box .t_perl_box h4 span {
	font-size: 13px;
	font-weight: bold; 
}
@media screen and (max-width: 650px) {
  #company .perls .perl_box .t_perl_box {
		float: none; 
} }
#company .perls .perl_box .perl_inner {
	float: right;
	width: 565px;
	padding: 20px 0 18px;
	font-size: 12px; 
}
#company .perls .perl_box .perl_inner img {
	margin: 20px 0 0; 
}
#company .perls .perl_box .perl_inner h3 {
	padding: 13px 0;
	color: #be892f; 
}
#company .perls .perl_box .perl_inner p {
	padding: 13px 0; 
}
@media screen and (max-width: 650px) {
  #company .perls .perl_box .perl_inner {
		float: none;
		width: 100%; 
} }
#company .perls .perl_box2 {
	*zoom: 1; 
}
#company .perls .perl_box2:after {
	content: "";
	display: table;
	clear: both; 
}
@media screen and (max-width: 650px) {
  #company .perls .perl_box2 {
		float: none; 
} }
#company .perls .perl_box2 .perl_inner2 {
	float: right;
	width: 565px;
	padding: 0 0 18px;
	font-size: 14px; 
}
#company .perls .perl_box2 .perl_inner2 h3 {
	padding: 0px;
	color: #be892f; 
}
#company .perls .perl_box2 .perl_inner2 p {
	padding: 13px 15px 0 0; 
	line-height: 120%;
}
@media screen and (max-width: 650px) {
  #company .perls .perl_box2 .perl_inner2 {
		float: none;
		width: 100%; 
} }