/* ===================================================================
--service.css--
=================================================================== */
@charset "utf-8";

/* =========================PC=========================================== */
@media screen and (min-width: 768px) {


.sp {
	display: none;
}






/* ----------------------- #serviceSec */
div#serviceSec{
	width:790px;
	min-height:1721px;
	height:auto!important;
	height:1721px;
	display: block;
	clear: both;
	margin:25px auto;
	border-top: 1px dotted #9f8971;
}

.serviceBox{
	width:790px;
	padding:20px 0;
	display: block;
	clear: both;
	border-bottom: 1px dotted #9f8971;
}

.serviceImg{
	width:298px;
	height:202px;
	display :inline;
	float: left;
	margin-right:32px;
}

.serviceText{
	width:460px;
	min-height:202px;
	height:auto!important;
	height:202px;
	display: block;
	float: left;
}

.serviceTitle{
	font-size:23px;
	color:#5f3b13;
	margin-bottom: 15px;
	font-weight:bold;
}

.btnMoreAbot{
	width:auto;
	height:14px;
	padding:11px 0;
	text-align: center;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	background-color: #62a345;
	color: #fff;
}

a:hover.btnMoreAbot{
	width:auto;
	height:14px;
	padding:11px 0;
	text-align: center;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	background-color: #62a345;
	color: #fff;
	opacity:0.5;
}

a.btnMoreAbout{
	width:auto;
	height:14px;
	padding:11px;
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	background-color: #62a345;
	color: #fff;
	float: right;
	font-size:12px!important;
	
}




a:hover.btnMoreAbout{
	width:auto;
	height:14px;
	padding:11px;
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	background-color: #62a345;
	color: #fff;
	opacity:0.8;
	float: right;
	font-size:12px!important;
	text-decoration: none;
}

a.btnMoreFacility{
	width:auto;
	height:14px;
	padding:11px;
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	background-color: #079ad9;
	color: #fff;
	float: right;
	font-size:12px!important;
	margin-right:10px;
}

a:hover.btnMoreFacility{
	width:auto;
	height:14px;
	padding:11px;
	text-align: center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	background-color: #079ad9;
	color: #fff;
	opacity:0.8;
	float: right;
	font-size:12px!important;
	text-decoration: none;
	margin-right:10px;
}

/* ----------------------- #otherService */
div#otherService{
	width:790px;
	height:148px;
	padding:20px 0;
}

.otherServiceImg{
	width:150px;
	height:150px;
	margin-right:24px;
	float: left;
}

.otherServiceText{
	width:616px;
	height:150px;
	float: left;
	background: url(../images/service/bgStoreInterior.png) no-repeat right top;
}

/* ----------------------- #insuranceService */
div#insuranceService{
	text-align:center;
	padding:20px;
	border-bottom: 1px dotted #9f8971;
}

div#insuranceService ul {
	padding: 20px 140px;
}

div#insuranceService ul li {
	color: #5f3b13;
	list-style: disc inside; 
	font-size: 12px;
    line-height: 2;
    text-align: left;
}

/* ----------------------- #serviceFoot */
div#serviceFoot{
	text-align:center;
	padding:20px 0 50px;
}

/* ----------------------- .coating */
caption {
	margin-top: 10px;
	font-weight: bold;
	text-align: left;
}

.coating table,
.coating tr,
.coating th, 
.coating td {
	border: 1px solid #5f3b13;
 }

.coating table {
	width: 460px;
	margin: 0 auto 5px; 
	text-align: center;
	color: #5f3b13;
	border-collapse: separate;
 	border-spacing:0;
  }



.coating th, 
.coating td {
	padding: 5px;
}



}


/* =========================ƒXƒ}ƒz=========================================== */
@media screen and (max-width: 767px) {


.pc {
	display: none;
}




/* ----------------------- #serviceSec */
div#serviceSec{
	width:100%;
	display: block;
	margin:25px auto;
	border-top: 1px dotted #9f8971;
}

.serviceBox{
	display: block;
	border-bottom: 1px dotted #9f8971;
	padding:20px 10px 20px 10px;
}

.serviceImg{
	width:100%;
	text-align:center;

}

.serviceText{
	width:100%;
	padding:15px 0px 0px 0px;
}

.serviceTitle{
	font-size:23px;
	color:#5f3b13;
	margin-bottom: 15px;
	font-weight:bold;
}

.btnMoreAbot{
	width:80%;
	padding:11px 0;
	text-align: center;
	background-color: #62a345;
	color: #fff;
	display:block;
	line-height: 30px;
	margin:0px auto 0px auto;
	
}



a.btnMoreAbout{
	width:80%;
	padding:11px;
	text-align: center;
	background-color: #62a345;
	color: #fff;
	font-size:12px!important;
	margin-top:15px;
	display:block;
	line-height: 30px;
		margin:20px auto 0px auto;
}


a.btnMoreFacility{
	width:80%;
	padding:11px;
	text-align: center;
	background-color: #079ad9;
	color: #fff;
	font-size:12px!important;
	display:block;
	line-height: 30px;
		margin:0px auto 0px auto;
}


/* ----------------------- #otherService */
div#otherService{
	width:100%;
	padding:20px 10px 20px 10px;
	text-align:center;
	
}

.otherServiceImg{
	width:100%;
	padding:0px 0px 20px 0px;

}

.otherServiceText{

}

/* ----------------------- #insuranceService */
div#insuranceService{
	text-align:center;
	padding:20px;
	border-bottom: 1px dotted #9f8971;
}

div#insuranceService ul {

}

div#insuranceService ul li {
	color: #5f3b13;
	list-style: disc inside; 
	font-size: 12px;
    line-height: 2;
    text-align: left;
}

/* ----------------------- #serviceFoot */
div#serviceFoot{
	text-align:center;
	padding-top:20px;
}

/* ----------------------- .coating */
caption {
	margin-top: 10px;
	font-weight: bold;
	text-align: left;
}

.coating table,
.coating tr,
.coating th, 
.coating td {
	border: 1px solid #5f3b13;
 }

.coating table {
	width: 80%;
	margin: 0 auto 5px; 
	text-align: center;
	color: #5f3b13;
	border-collapse: separate;
 	border-spacing:0;
  }



.coating th, 
.coating td {
	padding: 5px;
}

	div#insuranceService .rortas{
		margin-top: 20px;
		
	}

	}