@charset "utf-8";
/* Page: Service-film Styles
	Copyright (C) FE TRADE CO.,LTD All Rights Reserved.
*/

body #visual {
	color: #ffffff;
	font-size:100%;
	line-height:1.8;
}
/* ----------------------------------------------------------
	Introduction
---------------------------------------------------------- */
#visual {
	min-height: 988px;
	background: url(../img/service/leather-seat/h_leather-seat_01.jpg) no-repeat 50% 0;
	border-top:1px solid #2f3735;
}
#visual .inner h2 {
	margin: 0 0 20px 20px;
	padding: 100px 0 0;
}
#visual .inner {
	position: relative;
}
/* ----------------------------------------------------------
	Components
---------------------------------------------------------- */
/* Section-A */
.sectionA01,
.sectionA02,
.sectionA03,
.sectionA04 {
	margin: 40px 0 0;
}

.sectionA01 {
	width: 970px;
	padding-bottom:20px;
}
.sectionA01 .box01 {
	padding-left: 20px;
	width: 560px;
}
.sectionA01 .box01 img {
	padding-right: 10px;
	float:left;
}
.sectionA01 .box02 {
	padding-top: 50px;
	padding-left: 20px;
	width: 480px;
}
.sectionA01 .box02 p {
	line-height:2.5;
}
.sectionA01 .box03 {
	margin-top: 50px;
	margin-left: 20px;
	position:relative;
	background: url(../img/service/leather-seat/h_leather-seat_05.png);
	width: 508px;
	min-height:293px;
}
.sectionA01 .box03 p {
	width: 440px;
	padding-left: 30px;
	position:absolute;
	top: 200px;
}
.sectionA01 .box04 {
	padding-top: 50px;
	margin-left: 20px;
	width: 560px;
}
.sectionA01 .box04-1 {
	float:left;
}
.sectionA01 .box04-1 img {
	float:left;
}
.sectionA01 .box04-2 {
	padding-left: 20px;
	width: 450px;
	float:left;
}
.sectionA01 .box06 {
	padding-top: 25px;
	float:left;
}
.sectionA01 .box07 {
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	position:relative;
	background: url(../img/service/leather-seat/img_leather-seat_05.png);
	width: 726px;
	min-height:158px;
	float:left;
}
.sectionA01 .box07 .p1 {
	position:absolute;
	top: 25px;
	left: 50px;
	color:#aaaa54;
}
.sectionA01 .box07 .p2 {
	width: 640px;
	position:absolute;
	top: 55px;
	left: 50px;
}
.sectionA02 {
	width: 970px;
	margin-top: 40px;
	border: 1px solid #033c59;
}
.sectionA02 h3 {
	margin: 30px 20px 10px;
	color: #5ebae5;
	font-size: 138.5%;
	font-weight: normal;
}
.sectionA02 h4 {
	margin-top: 40px;
	padding-left: 20px;
	font-size:107.7%;
}
.sectionA02 h4 img {
	margin: 0 10px 0 0;
}
.sectionA02 .box01 {
	width: 970px;
}
.sectionA02 .box02 {
	width: 970px;
}
.sectionA02 .box03 {
	margin: 20px;
	width: 480px;
	min-height:140px;
	float:left;
	background-color:#0f202f;
}
.sectionA02 .box03 p {
	font-size:92.3%;
	color:white;
	line-height:2.5;
	padding-left:20px;
	padding-top:10px;
}
.sectionA02 .box04 {
	padding-top:10px;
	margin: 20px 20px 0 20px;
	width: 400px;
	min-height:140px;
	float:left;
}
.sectionA03 {
	position:relative;
	background: url(../img/service/leather-seat/background2.png);
	width: 970px;
	min-height:98px;
	margin-top: 70px;
	margin-bottom:20px;
}
.sectionA03 .box01 h4 {
	position:absolute;
	top: 20px;
	left: 20px;
	color: #5ebae5;
	font-size: 123.1%;
	font-weight: normal;
}
.sectionA03 .box01 {
	width: 180px;
	float:left;
}
.sectionA03 .box02 {
	width: 790px;
	float:left;
}
.sectionA03 .box02 p {
	position:absolute;
	top: 20px;
	left: 200px;
	font-size:115.4%;
}

.sectionA04 {
	width: 970px;
	padding-bottom:20px;
}
.sectionA04 .box01 {
	width: 540px;
	float:left;
}
.sectionA04 .box02 {
	width: 430px;
	float:left;
}
.sectionA04 .box02 .p1 {
	font-size:123.1%;
}
.sectionA07 {
	width: 970px;
	margin:0 auto;
	padding: 10px 0;
	text-align:center;
	padding-bottom:20px;
	min-height: 160px;
}
.sectionA07 p {
	font-size:138.5%;
	padding-top:10px;
}
.sectionA07 a {
	font-size:138.5%;
	padding-top:10px;
	text-decoration:underline;
}
.sectionB01 {
	margin: 20px;
}
.sectionB01 h4 {
	margin: 0 0 20px;
	padding: 0;
}
.sectionB01 .text {
	float: left;
	width: 660px;
}
.sectionB01 .text p {
	line-height: 2;
}
.sectionB01 .text p strong {
	color: #f3b6bd;
	font-size: 125%;
}
.sectionB01 .image {
	float: right;
	width: 230px;
}
.sectionB01 .image img {
	margin: 10px 0 0;
}

/* List-A */
.listA01 li {
	display: inline;
	float: left;
	margin: 0 15px;
	text-align: center;
	padding-top:20px;
}
.listA01 li .image {
	margin: 5px 0 5px 0;
}
.listA02 {
	padding-left: 10px;
}
.listA02 li {
	display: inline;
	float: left;
	margin: 0 10px;
	text-align: center;
	padding-top:10px;
}
.listA02 li p {
	width: 170px;
	margin: 0 0 0;
}
.listA02 li img {
	margin: 0 0 5px 0;
}
.listA03 {
	padding-left: 10px;
}
.listA03 li {
	display: inline;
	float: left;
	margin: 0 10px;
	text-align: center;
	padding-top:10px;
}
.listA03 li .p1 {
	width: 230px;
	margin: 3px 0 0;
	text-align: left;
	font-size:92.3%;
}
.listA03 li .p2 {
	width: 410px;
	margin: 3px 0 0;
	text-align: center;
	font-size:123.1%;
	color:#f3b6bd;
}
.listA03 li .p3 {
	padding-top: 80px;
	padding-left: 20px;
	text-align: left;
	font-size:107.7%;
}
.listA03 li img {
	margin: 0 0 5px 0;
}

/* Table */
.table01 {
	width: 830px;
	margin: 30px auto 0;
	border: 1px solid #ccc;
	font-size: 100%;
}
.table01 table {
	table-layout: fixed;
	border-collapse: collapse;
	border-collapse: separate;
	border: 1px solid #ccc;
}
.table01 th,
.table01 td {
	padding: 8px 10px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border: 1px solid #ccc;
}
.table01 th {
	background: #000;
	font-weight: normal;
	color:white;
	text-align:left;
}
.table01 th span {
	font-size: 85.7%;
	font-weight: normal;
}
.table01 td {
	background: #fbfaf6;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	color: #000;
	text-align: right;
}
.table01 .cols {
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	background: #0064a8;
	font-weight: bold;
}
.table01 .cols-a {
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	background: #0f202f;
	font-weight: bold;
}
.table01 .cols-b {
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	background: #0c3459;
	font-weight: bold;
}
.table01 .cols-c {
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	background: #1f64a5;
	font-weight: bold;
}
.table01 .rows {
	background: #000;
}
.table01 .rows strong {
	font-weight: bold;
	color: #c4c500;
}
.table01 .wd-a {
	width:190px;
	vertical-align: top;
}
.table01 .wd-b {
	width:120px;
}
.table01 .wd-c {
	width:190px;
}
.table01 .wd-d {
	width:160px;
	text-align: center;
}
.table01 .wd-e {
	width:170px;
	text-align: center;
}
.table01 .wd-f {
	width:500px;
}

/* ----------------------------------------------------------
	Others
---------------------------------------------------------- */
hr {
	display:block;
	border: none;
	border-top: 1px solid #033953;
	margin-top: 20px;
	margin-bottom:20px;
}
.clear {
	clear: both;
}
.bold {
	font-weight:bold;
}
.txt-blue {
	color:#a0a0c7;
}
.txt-yellow {
	color:#ffffcc;
}
.txt-orange {
	color:#c3c428;
}
.subtxt {
	margin: 0 0 0;
	font-size:84.6%;
	text-align:left;
	color: #ffffff;
}
.subtxt2 {
	margin: 0 0 0;
	font-size:100%;
	text-align:left;
	color: #ffffff;
}
.sub {
	text-align:left;
	font-size:84.6%;
	color: #cdcdcd;
}
.sub-w {
	text-align:left;
	font-size:84.6%;
	color: #ffffff;
}

.theme {
	margin: 60px 0 10px;
	color: #5ebae5;
	font-size: 169.2%;
	font-weight: normal;
}
h3 {
	margin: 60px 0 10px;
	color: #5ebae5;
	font-size: 169.2%;
	font-weight: normal;
}

/*価格の注意書き*/
.subtxt-g {
     margin: 10px 0 0;
     font-size: 83.3%;
     text-align: left;
     line-height: 1.8;
     color: #cdcdcd;
     padding-left: 70px;
 }