@charset "Shift_JIS";

/* 共通ブロック大囲み */
.performanceBlockArea {
	width:100%;
	margin:0 auto;
	/*padding-top:90px; ←original*/
	padding-top:145px;
	position:relative;
}

.performanceCautionTxt {
	width:900px;
	margin:0 auto 15px auto;
	font-size:78.6%;
	text-align:right;
	overflow:hidden;
	padding-top:20px;
}
.performanceCautionTxt a {
	color:#ff0000;
}
.performanceCautionTxt a:hover {
	text-decoration:underline;
}

/* ブロックメインビジュアル背景囲み */
.BlockColorBg {
	width:100%;
	background: url(/auto-archive/freed/2016/images/areashadow.png) repeat-x left bottom;
}

.BlockColor {
	width:100%;
	margin:0 auto;
}

/* ブロックタイトル */
h2.galleryCornerTtl {
	width:900px;
	line-height:0;
	background: url(/auto-archive/freed/2016/webcatalog/images/cornerline.gif) no-repeat center bottom;
	padding-top: 40px;
	padding-bottom:4px;
	margin: 0 auto;
}

h2.CornerTopTtl {
	width:900px;
	line-height:0;
	background: url(/auto-archive/freed/2016/webcatalog/images/cornerline.gif) no-repeat center bottom;
	padding-top: 0;
	padding-bottom:4px;
	margin: 0 auto;
}

h2.performanceCornerTtl {
	width:900px;
	line-height:0;
	background: url(/auto-archive/freed/2016/webcatalog/images/cornerline.gif) no-repeat center bottom;
	padding-top: 20px;
	padding-bottom:4px;
	margin: 0 auto;
}

/* 燃費・環境性能 */
.performanceEcologyConte {
	width:900px;
	line-height:0;
	margin:0 auto;
	padding-top:20px;
	overflow:hidden;
}

.performanceEcoMarkBox {
	width: 900px;
	line-height: 0;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
}

.performanceEcoMarkBox .ecoBox {
	width:450px;
	float:left;
}

.performanceEcoMarkBox .ecoBox .mark {
	padding-left:25px;
	padding-right:10px;
	float:left;
}

.performanceEcoMarkBox .ecoBox .typeName {
	padding-top:11px;
	float:left;
}

.performanceEcologyAnimeWrap {
	width:100%;
	background: url(/auto-archive/freed/2016/webcatalog/performance/images/sky.jpg) no-repeat center top;
	line-height:0;
	margin:20px auto 0 auto;
}

.performanceEcologyAnimeBox {
	width:900px;
	height:520px;
	line-height:0;
	margin:0 auto;
	position:relative;
}

.performanceEcologyAnimeBox .copy {
	position:absolute;
	top:0;
	left:0;
}

.performanceEcologyAnimeBox .txtBox {
	position:absolute;
	line-height:1.5;
	top:92px;
	left:0;
}

.performanceEcologyAnimeBox .linkBtn {
	position:absolute;
	top:32px;
	left:678px;
}

/*
.performanceEcologyAnimeBox .anime {
	position:absolute;
	top:136px;
	left:51px;
	text-align:center;
}
*/

#swf_area {
	margin: 0 auto;
	padding-top: 136px;
	width: 820px;  /* 780pxから修正*/
}

.performanceEcologyEcoassistBox {
	width:900px;
	height:480px;
	line-height:0;
	margin:0 auto;
	position:relative;
	margin-top:60px;
	background: url(/auto-archive/freed/2016/webcatalog/performance/images/ecodrive.jpg) no-repeat left bottom;
}

.performanceEcologyEcoassistBox .copy {
	position:absolute;
	top:0;
	left:0;
}

.performanceEcologyEcoassistBox .txtBox {
	line-height:1.6;
	position:absolute;
	top:95px;
	left:0;
	width: 480px;
}

.performanceEcologyEcoassistBox .txtEconBox {
	line-height:1.4;
	font-size:90%;
	position:absolute;
	top:430px;
	left:0;
	width: 418px;
}

.performanceEcologyEcoassistBox .linkBtn {
	position:absolute;
	top:0;
	left:581px;
}

.performanceEcologyEcoassistBox .imgBox {
	position:absolute;
	top:210px;
	left:0;
}

.performanceEcologyEcoassistBox .econArrow {
	position:absolute;
	top:391px;
	left:0;
}

.performanceEcologyEcoassistBox .playBtn {
	position:absolute;
	top:272px;
	left:184px;
}

.performanceEcologyEcoassistBox .dBtn {
	position:absolute;
	top:455px;
	left:635px;
}

/* 走行性能 */
.performanceDrivingWrap {
	width:100%;
	background: url(/auto-archive/freed/2016/webcatalog/performance/images/ivtec_bg.jpg) no-repeat center top;
}
.performanceDrivingConte {
	width:900px;
	height:400px;
	margin:0 auto;
	position:relative;
}

.performanceDrivingConte .copy {
	position:absolute;
	top:30px;
	left:0;
}

.performanceDrivingConte .txtBox {
	position:absolute;
	top:132px;
	left:0;
	width: 382px;
}

.performanceDrivingConte .ivtecBox {
	position:absolute;
	top:235px;
	left:0;
}

.performanceDrivingConte .linkBtn {
	position:absolute;
	top:262px;
	left:292px;
}

.performanceDrivingConte .imgBox {
	position:absolute;
	top:3px;
	left:508px;
}

.performanceCVTWrap {
	width:100%;
	background: url(/auto-archive/freed/2016/webcatalog/performance/images/img_driving.jpg) no-repeat center top;
}

.performanceCVTConte {
	width:900px;
	height:455px;
	margin:0 auto;
	position:relative;
}

.performanceCVTConte .copy {
	position:absolute;
	top:4px;
	left:0;
}

.performanceCVTConte .txtBox {
	position:absolute;
	top:102px;
	left:0;
	width: 356px;
}

.performanceCVTConte .linkBtn {
	position:absolute;
	top:287px;
	left:0;
}

.performanceCVTConte .imgBox {
	position:absolute;
	top:3px;
	left:508px;
}

.performanceCVTConte .dBtn {
	position:absolute;
	top:430px;
	left:635px;
}

/* 安全性能 */
.performanceVSAConte {
	width:900px;
	height:293px;
	margin:30px auto;
	position:relative;
	background: url(/auto-archive/freed/2016/webcatalog/performance/images/img_vsa.jpg) no-repeat center top;
}

.performanceVSAConte .copy {
	position:absolute;
	top:0;
	left:0;
}

.performanceVSAConte .txtBox {
	position:absolute;
	top:93px;
	left:0;
	width: 408px;
}

.performanceVSAConte .linkBtn {
	position:absolute;
	top:191px;
	left:0;
}

.performanceGCONConte {
	width:900px;
	height:425px;
	margin:20px auto 70px auto;
	position:relative;
	background: url(/auto-archive/freed/2016/webcatalog/performance/images/img_gcom.jpg) no-repeat center top;
}

.performanceGCONConte .copy {
	position:absolute;
	top:0;
	left:0;
}

.performanceGCONConte .txtBox {
	position:absolute;
	top:131px;
	left:0;
	width: 353px;
}

.performanceGCONConte .linkBtn {
	position:absolute;
	top:214px;
	left:0;
}

.performanceGCONConte .copy02 {
	position:absolute;
	top:347px;
	left:0;
}

.performanceGCONConte .copy03 {
	position:absolute;
	top:382px;
	left:673px;
}

.performanceAirbagConte {
	width:900px;
	height:600px;
	margin:0 auto 10px auto;
	position:relative;
}

.performanceAirbagConte .copy {
	position:absolute;
	top:0;
	left:0;
}

.performanceAirbagConte .txtBox {
	width:900px;
	position:absolute;
	top:105px;
	left:0;
}

.performanceAirbagConte .linkBtn {
	position:absolute;
	top:32px;
	left:676px;
}

.performanceAirbagConte .imgBox {
	position:absolute;
	top:168px;
	left:0;
}

.performanceAirbagConte .dBtn {
	position:absolute;
	top:571px;
	left:634px;
}

/* 運転のしやすさ */
.performanceEasinessConte {
	width:900px;
	height:306px;
	margin:30px auto;
	position:relative;
}

.performanceEasinessConte .copy {
	position:absolute;
	top:0;
	left:0;
}

.performanceEasinessConte .txtBox {
	width:400px;
	position:absolute;
	top:78px;
	left:0;
}

.performanceEasinessConte .linkBtn {
	position:absolute;
	top:4px;
	left:676px;
}

.performanceEasinessConte .imgBox {
	position:absolute;
	top:0;
	left:430px;
}

.performanceEasinessConte .dBtn {
	position:absolute;
	top:800px;
	left:633px;
}

.performancePositionConte {
	width:900px;
	height:390px;
	margin:40px auto 10px auto;
	position:relative;
}

.performancePositionConte .copy {
	position:absolute;
	top:0;
	left:0;
}

.performancePositionConte .txtBox {
	width:900px;
	position:absolute;
	top:34px;
	left:0;
}

.performancePositionConte .linkBtn {
	position:absolute;
	top:4px;
	left:676px;
}

.performancePositionConte .imgBox {
	position:absolute;
	top:73px;
	left:0;
}

.performancePositionConte .imgBox02 {
	position:absolute;
	top:73px;
	left:470px;
}

.performancePositionConte .imgBox03 {
	position:absolute;
	top:73px;
	left:686px;
}

.performancePositionConte .dBtn {
	position:absolute;
	top:364px;
	left:635px;
}

/* 主要諸元 */
.performanceSpecConte {
	width:900px;
	overflow:hidden;
	margin:10px auto;
}

.performanceSpecConte .dBtn {
	width:900px;
	padding-bottom:10px;
	text-align:right;
}

.performanceSpecConte .specWrap {
	width:900px;
}

.performanceSpecConte .specWrap #tab_area {
    background: url("/auto-archive/freed/2016/webcatalog/performance/images/tab_line_btm.gif") repeat-x scroll center bottom transparent;
    clear: both;
    height: 70px;
    width: 873px;
}
.performanceSpecConte .specWrap #tab_area li.swich1 {
    background: url("/auto-archive/freed/2016/webcatalog/performance/images/tab_hybrid_on.gif") no-repeat scroll 0 0 transparent;
}
.performanceSpecConte .specWrap #tab_area li.swich2 {
    background: url("/auto-archive/freed/2016/webcatalog/performance/images/tab_gas_on.gif") no-repeat scroll 0 0 transparent;
}
.performanceSpecConte .specWrap .disnon {
    display: none;
}
.performanceSpecConte .specWrap #tab_area li {
    cursor: pointer;
}
.performanceSpecConte .specWrap #tab_area li.selected img {
    opacity: 0;
}
/*
.performanceSpecConte .specWrap #spec_wrap {
    padding: 40px 0;
}
*/
.performanceSpecConte .specWrap #tab_area ul {
    margin: 0 0 0 15px;
}
.performanceSpecConte .specWrap #tab_area ul li {
    border-bottom: 1px solid #666666;
    float: left;
    line-height: 0;
    margin-bottom: -1px;
    margin-right: 15px;
}
.performanceSpecConte .specWrap #tab_area ul li.selected {
    border-bottom: 1px solid #ededed;
}
.performanceSpecConte .specWrap  #spec_top {
    width: 900px;
}
.performanceSpecConte .specWrap  #spec_top ul {
    float: right;
    height: 45px;
    width: 422px;
}
.performanceSpecConte .specWrap  #spec_top ul li {
    background: url("../../../common/image_common/icon_pdf.gif") no-repeat scroll left center transparent;
    float: right;
    margin-left: 15px;
    padding: 5px 0 0 18px;
}
.performanceSpecConte .specWrap  #spec_top ul li.dimension {
    background: url("../../../common/image_common/icon_dimension.gif") no-repeat scroll left center transparent;
}

.performanceSpecConte .specBox .specCont {
	width: 890px;
	height: 422px;
	overflow-x: hidden;
	overflow-y: scroll;
}

/* 注意書き */
.performanceSpecConte ul.cationBox {
	width:900px;
	padding:15px 0 0 0;
	border-top: 1px solid #c7c7c7;
}

.performanceSpecConte li.cationBox {
	font-size:71.4%;
	list-style:url(none) none;
}

.cationGray {
	width:880px;
	background-color:#eeeeee;
	font-size:85.7%;
	padding:10px;
	margin:0 auto;
}

.cationGreen {
	font-size:71.4%;
    color: #009900;
	margin-bottom:5px;
}

.cationPink {
	font-size:71.4%;
	background: #e8f0e6;
	margin-bottom:5px;
}

.performanceSpecConte ul.cationBox02 {
	width:900px;
	padding-top:5px;
	margin-bottom:0;
	padding-bottom:0;
}

/* PDF */
ul.pdffile {
	width:900px;
	overflow:hidden;
	text-align:right;
}

li.pdffile {
	font-size:100%;
	float:right;
	background: url(/auto-archive/freed/2016/webcatalog/performance/images/icon_pdf.gif) no-repeat left center;
	text-indent: 17px;
}

li.d_btn {
	width:150px;
	padding-left:20px;
	float:right;
}
/* 詳細ページ
=========================================*/
.detailWrap {
	width:900px;
	margin:0 auto;
	padding-top:30px;
	padding-bottom:30px;
	overflow:hidden;
	border-bottom: 1px solid #e1e1e1;
}

.detailWrap.bordernone {
	border-bottom:10px;
	border-bottom:none;
}

.detailWrap .leftBox {
	width:410px;
	padding-right:60px;
	float:left;
}

.detailWrap .leftBoxw440 {
	width:440px;
	padding-right:30px;
	float:left;
}

.detailWrap .rightBox {
	width:430px;
	float:left;
}

.detailWrap .leftBox_Big {
	width:565px;
	padding-right:60px;
	float:left;
}

.detailWrap .leftBox_w295 {
	width:295px;
	padding-right:60px;
	float:left;
}

.detailWrap .leftBox_w610 {
	width:610px;
	padding-right:60px;
	float:left;
}

.detailWrap .rightBox_Sml {
	width:275px;
	float:left;
}

.detailWrap .rightBox_w545 {
	width:545px;
	float:left;
}

.detailWrap .rightBox_w230 {
	width:230px;
	float:left;
}

.detailWrap .leftBox_Big02 {
	width:640px;
	padding-right:60px;
	float:left;
}

.detailWrap .rightBox_Sml02 {
	width:200px;
	float:left;
}

.detailWrap h4 {
	padding-bottom:20px;
	line-height:0;
}

.detailWrap p.space {
	font-size:1px;
	line-height:0;
	height:25px;
}

.detailWrap p.spaceH15 {
	font-size:1px;
	line-height:0;
	height:15px;
}

.detailWrap p.spaceH10 {
	font-size:1px;
	line-height:0;
	height:10px;
}

.detailWrap p.caption {
	font-size:78.6%;
	line-height:1.5;
	margin-bottom:0;
}

.detailWrap p.typeLine {
	font-size:78.6%;
	line-height:1.1;
	margin-bottom:3px;
}

.detailWrap p .typeset {
	font-size:90%;
	line-height:1.1;
	padding: 0 2px 0 2px;
	border: 1px solid #747474;
}

.caption_Txt {
	font-size:78.6%;
	line-height:1.5;
	margin-bottom:0;
}

.detailWrap .w_caption {
	width:660px;
	margin:0 auto;
}

.detailWrap p.captionBlue {
	color:#1b7aab;
	font-size:78.6%;
	line-height:1.5;
	margin-bottom:0;
}

.detailWrap p.captionSml {
	font-size:71.4%;
	line-height:1.5;
	margin-bottom:0;
}

.detailArea {
	width:900px;
	overflow:hidden;
	margin:0 auto;
}

.detailWrap .columBox {
	width:960px;
	padding:10px 20px;
	border-top: 1px dotted #1b7aab;
	border-bottom: 1px dotted #1b7aab;
	margin-top:20px;
}

.detailWrap .columBox p {
	font-size:85.7%;
}

.detailWrap .columBox p.blueTtl {
	color:#1b7aab;
}

.detailWrap .leftBox_mini {
	width:105px;
	padding-right:10px;
	float:left;
}

.detailWrap .rightBox_mini {
	width:295px;
	font-size:78.6%;
	float:left;
}

.supTxt {
	font-size:90%;
	vertical-align: top;
}

.supTxt_read {
	font-size:78.6%;
	vertical-align: top;
}

.subTxt {
	font-size:80% !important;
}

.underlineTxt {
	text-decoration:underline;
	font-size:78.6%;
}

.detailWrap .img3L {
	float:left;
	margin-right:30px;
}

.detailWrap .img3R {
	float:left;
}

.detailWrap .ecoassistConte {
	width: 900px;
	border-bottom: 2px dotted #1b7aab;
	margin-bottom: 0px;
}

.detailWrap .ecoassistBox {
	width: 900px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 2px dotted #1b7aab;
	overflow:hidden;
}

.detailWrap .ecoassistBox h3 {
	font-size:114.3%;
	line-height:2;
	color:#1b7aab;
	font-weight:bold;
}

.detailWrap .ecoassistBox p {
	color:#333333;
	font-size:100%;
}

.detailWrap .ecoassistBox p.caption {
	color:#333333;
	font-size:78.6%;
}

.detailWrap .ecoassistBox p.mTtl {
	color:#333333;
	font-size:100%;
}

.detailWrap .ecoassistBox p.imgMb {
	line-height:0;
	margin-bottom:10px;
}

.detailWrap .ecoassistBox .leftImg {
	width:280px;
	padding-right:30px;
	float:left;
}

.detailWrap .ecoassistBox .rightTxt {
	width:590px;
	line-height:1.7;
	margin-bottom:10px;
	float:left;
}

.detailWrap .econWrap {
	width:900px;
	overflow:hidden;
}

.detailWrap .econWrap .econBoxL {
	width: 280px;
	padding-right:30px;
	_padding-right:22px;
	float:left;
}

.detailWrap .econWrap .econBoxR {
	width: 590px;
	float:left;
}

.detailWrap .econWrap .econBoxR .imgL {
	float:left;
	padding-right:30px;
}

.detailWrap .econWrap .econBoxR .imgR {
	float:left;
}

.detailWrap .sixStarBox {
	margin-top:15px;
	width:388px;
	padding:10px;
	background: #f3f8fb;
	border: 1px solid #1b7aab;
}

.detailWrap .sixStarBox h3 {
	color:#333333;
	font-weight:bold;
	line-height:1.4;
}

.detailWrap .sixStarBox p {
	color:#333333;
	font-weight:normal;
	font-size:78.6%;
}

.cautionBox {
	width: 900px;
	margin:30px auto 30px auto;
	padding-top: 6px;
	padding-bottom: 6px;
	border-top: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
}

.cautionBox p.c_Txt {
	color:#333333;
	font-weight:normal;
	font-size:78.6%;
	line-height:1.5;
}

.cautionBox .boldBig_Txt {
	font-weight:bold;
	font-size:109.1%;
}

.detailWrap .detailVSABox {
	width:900px;
	height:230px;
	margin:0 auto;
	background: url(/auto-archive/freed/2016/webcatalog/performance/detail/images/img15.jpg) no-repeat right center;
}

/*環境負荷コラム*/
.column3_l,
.column3_c,
.column3_r {
	margin-top:15px;
	width:260px;
	float:left;
	
}

.column3_wrap {
	margin-top:0px;
}

#eco_activity {
	border: 2px solid #65B820;
	padding:20px 35px;
	clear:both;
	overflow:hidden;
	zoom:1;
}

#eco_activity h3 {
	float:left;
	margin-left:35px;
	display:inline;

}
#eco_activity .titlecap {
	margin-left:280px;
	margin-bottom:20px;
}

#eco_activity .titlecap h4 {
	padding-top:10px;
	font-size:114.3%;
	font-weight:bold;
	padding-bottom:10px;
}
#eco_activity .titlecap p {
	color:#333333;
	font-size:80%;
}
.column3_l {
	clear:left;
}
.column3_l,
.column3_c,
.column3_r {
	margin-top:5px;
	width:260px;
	float:left;
	
}

.column3_l p,
.column3_c p,
.column3_r  p {
	font-size:90%;
}

.column3_l,
.column3_c {
	margin-right:20px;
}

#eco_activity h5 {
	font-size:85%;
	margin-bottom:2px;
}

#eco_activity .column3_wrap h4.greenTxt {
	color:#65B820;
	border-top: 1px solid #65B820;
	line-height:120%;
	font-size:110%;
	font-weight:normal;
	padding-bottom:10px;
	padding-top:3px;
}

/*-- safety activity --*/
#safty_activity {
	border: 2px solid #339DDB;
	padding:20px 35px;
	clear:both;
	margin-bottom:15px;
	overflow:hidden;
	zoom:1;
}

#safty_activity h3 {
	font-size:150%;
	font-weight:bold;
	line-height:160%;
	color:#339DDB;
	float:left;
}
#safty_activity .titlecap {
	padding-left:10px;
	font-size:90%;
	color:#333333;
	float:left;
	margin-bottom:20px;
}

#safty_activity .column3_wrap {
	margin-top:0px;
}


#safty_activity .column3_wrap h4 {
	color:#339DDB;
	line-height:1.1;
	border-bottom: 1px solid #339DDB;
	font-size:105%;
	font-weight:normal;
	padding-bottom:10px;
	padding-top:3px;
}

#safty_activity .column3_wrap img {
	margin:25px 0 5px;
}

/*環境仕様書*/
.eco-specTtl {
	width:900px;
	overflow:hidden;
	margin:0 auto;
}

.eco_table {
	color: #333333;
	margin: 0px;
}


.eco_table_lineTop {
	border-top: 1px solid #444444;
}

.eco_table_lineLeft {
	border-left: 1px solid #444444;
}

.eco_table_lineBottom1px {
	border-bottom: 1px solid #444444;
}
.eco_table_lineBottom2px {
	border-bottom: 2px solid #444444;
}
.eco_table_lineTop2px {
	border-bottom: 2px solid #444444;
}

.eco_table_lineRight {
	border-right: 2px solid #444444;
}

.eco_table_lineRight1px {
	border-right: 1px solid #444444;
}

.eco_table_box1px {
	border:1px solid #444444;
}

.eco_table_box1px_en {
	border-top:2px solid #444444;
	border-right: 1px solid #444444;
	border-bottom:1px solid #444444;
	border-left:2px solid #444444;
}

.eco_table_joc {
	border-top:2px solid #444444;
	border-bottom:1px solid #444444;
	border-left:1px solid #444444;
}
.eco_table_sanko {
	border-top:1px solid #444444;
	border-left:1px solid #444444;
}
.eco_table_sanko_inner {
	border-top:1px solid #444444;
}
.eco_table_sanko_inner_left {
	border:none;
}
.eco_table_sanko_maru {
	font-size:200%;
}

.eco_table_ex {
	border:1px solid #444444;
}

.eco_table_linebottom {
	border-bottom: 2px solid #444444;
}

.eco_pad {
	padding:5px;
}

.eco_lineTopBold {
	border-top: 2px solid #444444;
}

.eco_midashiBold {
	font-weight: bold;
	color: #333333;
	background: #EFEFEF;
	border-top: 2px solid #444444;
	border-right: 2px solid #444444;
	border-left: 2px solid #444444;
}

.eco_midashiColor {
	font-weight: bold;
	color: #333333;
	background: #C3EAEF;
}