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

body #content {
	color: #ffffff;
	font-size:108.3%;
	line-height:1.8;
}
/* ----------------------------------------------------------
	Introduction
---------------------------------------------------------- */
#visual {
	min-height: 400px;
	background: url(../img/service/headlight/img_headlight_01.jpg) no-repeat 50% 0;
	border-top:1px solid #2f3735;
}
#visual .inner h2 {
	margin: 0 0 20px 20px;
	padding: 125px 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 {
	width: 580px;
	float:left;
}
.sectionA01 .box01 p {
	width: 580px;
	float:left;
}
.sectionA01 .box01 h3 {
	margin: 0 0 10px;
	color: #5ebae5;
	font-size: 169.2%;
	font-weight: normal;
	font-size: 22px;
}

.sectionA01 .box02 {
	width: 390px;
	float:left;
	padding-bottom: 10px;
}
.sectionA01 .box03 {
	margin-top: 30px;
	padding: 0 10px;
	width: 970px;
	text-align:center;
}
.sectionA01 .box03 img {
	float:left;
}
.sectionA01 .box03 .arrows {
	padding: 50px 10px 0;
}

.sectionA02 {
	width: 970px;
	padding-bottom:20px;
}
.sectionA02 .box01 {
	width: 680px;
	float:left;
}
.sectionA02 .box02 {
	width: 290px;
	float:right;
}
.sectionA02 .box02 img {
	float:right;
}
.sectionA03 {
	width: 970px;
	padding-bottom:20px;
}
.sectionA03 .box01 {
	width: 680px;
	float:left;
}
.sectionA03 .box01-1 {
	padding-top:30px;
	float:left;
}
.sectionA03 .box01-1 p {
	padding-top: 10px;
	padding-bottom: 20px;
	font-size:92.3%;
}
.sectionA03 .box01-2 {
	padding-top:30px;
	padding-left: 30px;
	float:left;
}
.sectionA03 .box01-2 p {
	padding-top: 10px;
	padding-bottom: 20px;
	font-size:92.3%;
}
.sectionA03 .box02 {
	width: 290px;
	float:right;
}
.sectionA03 .box02 img {
	float:right;
}
.sectionA04 {
	width: 970px;
	padding-bottom:20px;
}
.sectionA04 .box01 {
	width: 430px;
	float:left;
}
.sectionA04 .box02 {
	width: 520px;
	padding-left:20px;
	float:left;
}
.sectionA04 .box02 .p1 {
	font-size:138.5%;
	padding-top: 30px;
	color:#e7c7c7;
}
.sectionA05 {
	width: 970px;
	border: 1px solid #033c59;
	padding-bottom:20px;
}
/*
.sectionA06 {
	width: 970px;
	border: 1px solid #033c59;
	margin-top:60px;
	min-height: 160px;
	background: url(../img/service/headlight/img_headlight_08.png) no-repeat;
	position:relative;
}
.sectionA06 h3 {
	margin: 60px 40px 0px;
	color: #5ebae5;
	font-size: 123.1%;
	font-weight: normal;
}
.sectionA06 .p1 {
	position:absolute;
	top: 20px;
	left:200px;
	text-align:left;
	font-size:115.4%;
}
.sectionA06 .p1a {
	position:absolute;
	top: 50px;
	left:200px;
	text-align:left;
	font-size:115.4%;
}
.sectionA06 .p2 {
	position:absolute;
	top: 90px;
	left:200px;
	text-align:left;
	font-size:115.4%;
}
.sectionA06 .p2a {
	position:absolute;
	top: 120px;
	left:200px;
	text-align:left;
	font-size:115.4%;
}
.sectionA06 .p3 {
	position:absolute;
	top: 56px;
	left:760px;
	text-align:center;
	line-height:1.8;
}

.sectionA06 {
	width: 970px;
	min-height: 530px;
	background: url(../img/service/film/shadow.png) no-repeat top;
}
*/
.sectionA06 p {
	font-weight:bold;
	color:white;
	margin-left:70px;
	margin-top:30px;
}
.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;
}
/* List-A */
.listA01 li {
	display: inline;
	float: left;
	width: 220px;
	margin: 0 11px;
	text-align: center;
	padding-top:20px;
}
.listA01 li p {
	margin: 5px 0 0;
	text-align:left;
	padding: 5px;
}

.listA01 li .image {
	margin: 5px 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;
}

/* Paragraph */
.notetext01 {
	margin: 20px 0 0;
	padding: 4px 8px;
	background: #000;
	color: #c1e3f6;
	font-size: 85.7%;
}
.notetext02 {
}

/* ----------------------------------------------------------
	Others
---------------------------------------------------------- */
.clear {
	clear: both;
}
.bold {
	font-weight:bold;
}
.txt-blue {
	color:#a0a0c7;
}
.txt-yellow {
	color:#e7e51d;
	font-size:138.5%;
}
.txt-orange {
	color:#c3c428;
}
.subtxt-g {
	margin: 10px 0 0;
	text-align:left;
	width:200px;
}
.sub {
	text-align:left;
	font-size:84.6%;
	color: #cdcdcd;
}
.sun {
	margin: 0;
	display:inline;
	padding-right: 5px;
}
.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;
 }