/***
 *** PAGE LEVEL LAYOUT COMPONENT CSS Document
 ***
 *** V. 1.00 by Darren, 2015.1.3
 ***
 *** - HOME
 *** - SERVICES
 *** - SERVICES 01
 *** - OUR SOP
 *** - CONTACT
 ***
 ***/


/***
 *** BEGIN HOME
 ***/

#main-visual-banner{
    clear: both;
    width: 100%;
    background: #251717;
    margin:0 auto;
    padding:0;
}
#main-service-item-area {
	position: relative;
	float: left;
	display: inline-block;
	width: 51.73%;
	overflow: hidden;
	margin: 4.55% 0 0 4.5%;
	padding: 0;
}
	#main-service-item-area ul {
		position: relative;
		float: left;
		display: inline-block;
		width: 45.3%;
		overflow: hidden;
		margin: 0 4.67% 11.5% 0;
		padding: 0;
	}
	#main-service-item-area li {
		width: 100%%;
		overflow: hidden;
		text-align: center;
		margin: 0 auto;
		padding: 0;
	}
		#main-service-item-area li img {
			width: 100%;
		}
		.service-item-text {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			overflow: hidden;
			background: RGBA( 35, 24, 21, 0.8 );
			color: #FFF;
			font-size: 0.875em;
			letter-spacing: 2px;
			margin: 0;
			padding: 2.1% 0 3%;
		}
#corp-intro-area {
	float: left;
	display: inline-block;
	width: 38.89%;
	overflow: hidden;
	margin: 2.35% auto 4.2%;
	padding: 0;
}
	#corp-intro-area h2 {
		color: #620706;
		font-size: 1.25em;
		letter-spacing: 0.1em;
	}
	#corp-intro-area p {
		color: #231815;
		font-size: 0.875em;
		line-height: 180%;
		text-align: justify;
	}


/***
 *** BEGIN SERVICES
 ***/

#services-item-area {
	position: relative;
	width: 90.5%;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
}
	#services-item-area ul {
		position: relative;
		width: 100%;
		overflow: hidden;
		margin: 0 auto 2.75%;
		padding: 0;
	}
	#services-item-area li.service-item-pic {
		position: relative;
		display: inline-block;
		width: 26%;
		overflow: hidden;
		text-align: center;
		margin: 0 1.15% 0 0;
		padding: 0;
	}
		#services-item-area li img {
			width: 100%;
		}
		.service-item-text {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			overflow: hidden;
			background: RGBA( 35, 24, 21, 0.8 );
			color: #FFF;
			font-size: 0.875em;
			margin: 0;
			padding: 2.1% 0 3%;
		}
	#services-item-area li.service-item-desc {
		position: relative;
		display: inline-block;
		width: 72%;
		overflow: hidden;
		color: #231815;
		font-size: 0.875em;
		line-height: 180%;
		text-align: justify;
		margin: 0;
		padding: 0;
		vertical-align: top;
	}


/***
 *** BEGIN SERVICES 01
 ***/

#services-item-area p {
	color: #231815;
	font-size: 0.875em;
	line-height: 180%;
	text-align: justify;
}
#services-item-area .service-desc-block {
	clear: both;
	display: block;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
}
	.service-desc-column {
		float: left;
		display: inline-block;
		width: 45%;
		min-height: 50px;
		overflow: hidden;
		margin: 0 2.5% 0 0;
		padding: 0;
	}
		.service-desc-column li.li-material-title {
			position: relative;
			display: inline-block;
			width: 100%;
			overflow: hidden;
			color: #231815;
			font-size: 0.938em;
			font-weight: 500;
			margin: 0 0 5%;
			padding: 0;
		}
		.service-desc-column li.li-material-desc {
			position: relative;
			display: inline-block;
			width: 92%;
			overflow: hidden;
			background: url(../image/icon_arrow_01.png) 0 12% no-repeat;
			color: #231815;
			font-size: 0.875em;
			line-height: 165%;
			text-align: justify;
			margin: 0 0 5%;
			padding: 0 0 0 3.35%;
			vertical-align: top;
		}
		.service-desc-column li.li-material-img {
			width: 96%;
			overflow: hidden;
			margin: 0 0 5%;
			padding: 0;
		}
			.service-desc-column li.li-material-img img {
				width: 88%;
			}
#services-item-area li.service-sub-desc {
	position: relative;
	display: inline-block;
	width: 100%;
	overflow: hidden;
	background: url(../image/icon_arrow_01.png) 0 55% no-repeat;
	color: #231815;
	font-size: 0.875em;
	line-height: 180%;
	text-align: justify;
	margin: 0;
	padding: 0 0 0 1.35%;
	vertical-align: top;
}
.content-sub-title {
	color: #8c3938;
	font-size: 1.15em;
	font-weight: 500;
	letter-spacing: 0.15em;
	margin-right: 1%;
}
#services-item-sub-menu {
	width: 90.5%;
	overflow: hidden;
	margin: 0 auto 6%;
	padding: 0;
}
	#services-item-sub-menu ul {
		position: relative;
		float: left;
		display: inline-block;
		width: 24%;
		overflow: hidden;
		margin: 0 0.5%;
		padding: 0;
	}
	#services-item-sub-menu li {
		width: 100%%;
		overflow: hidden;
		text-align: center;
		margin: 0 auto;
		padding: 0;
	}
		#services-item-sub-menu li img {
			width: 100%;
		}


/***
 *** BEGIN OUR SOP
 ***/

table.table-our-sop-01 {
	width: 100%;
	border-collapse: collapse;
}
	table.table-our-sop-01 td {
		padding: 3%;
	}
	td.td-our-sop-img {
		width: 28%;
	}
		td.td-our-sop-img img {
			width: 100%;
		}
	table.table-our-sop-01 li {
		position: relative;
		display: inline-block;
		width: 92%;
		overflow: hidden;
		color: #231815;
		font-size: 0.875em;
		line-height: 180%;
		text-align: justify;
		margin: 0;
		padding: 0;
		vertical-align: top;
	}


/***
 *** BEGIN CONTACT
 ***/

 .iframe-google-map {
    width: 100%;
    height: 395px;
    margin-top: 6%;
    border: 0; 
}