@charset "Shift_JIS";

/* 共通ブロック大囲み */
.interiorBlockArea {
	width:100%;
	margin:0 auto;
	/*padding-top:60px; original*/
	padding-top:115px;
	padding-bottom:30px;
	position:relative;
	line-height:1.7;
}

/* ブロックメインビジュアル背景囲み */

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

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

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

.BlockCockpit {
	width:100%;
	margin:0 auto;
	background: url(/auto-archive/freed/2014/webcatalog/interior/images/cockpit_img01.jpg) no-repeat center top;
}

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

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

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

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

/* ギャラリー */
#gallery-container {
	width:100%;
	padding-bottom:20px;
	background: url(/auto-archive/freed/2014/webcatalog/interior/images/gallery_bg.gif) repeat-x left bottom;
}

.galleryBox {
	width:898px;
	height:504px;
	line-height:0;
	position:relative;
	margin:0 auto;
	margin-top:25px;
	border: 1px solid #777777;
}

.galleryBox .arrowL {
	width:33px;
	height:90px;
	position:absolute;
	top:230px;
	left:0;
}

.galleryBox .arrowR {
	width:33px;
	height:90px;
	position:absolute;
	top:230px;
	left:865px;
}

.galleryBtnBox {
	width:900px;
	padding-top:5px;
	padding-bottom:10px;
	line-height:0;
	margin:0 auto;
}

.galleryBtnBox ul {
	overflow:hidden;
}

.galleryBtnBox li {
	width:28px;
	float:left;
}

.galleryInfoBox {
	position:relative;
	width:900px;
	height:153px;
	overflow:hidden;
	margin:0 auto;
}

.galleryInfoBox .photoBox {
	position:absolute;
	width:300px;
	height:153px;
	top: 0;
	left: 0;
}

.galleryInfoBox .txtBox {
	position:absolute;
	width:600px;
	height:153px;
	top: 0;
	right: 0;
}

.galleryInfoBox .txtBox h3 {
	width:600px;
	font-size:121.4%;
	line-height:1.2;
	padding-bottom:5px;
	font-weight:bold;
	color:#5a5a5a;
}

.galleryInfoBox .txtBox p {
	width:600px;
	font-size:92.9%;
	line-height:1.6;
	color:#333333;
}

.galleryInfoBox .txtBox p.caption {
	font-size:78.6%;
}

.galleryInfoBox .view3dBtn {
	position:absolute;
	width: 218;
	height: 58;
	bottom: 1px;
	right: 1px;
}

/* 広びろ・快適空間 */
.BlockComfortableConte {
	width:900px;
	height:317px;
	margin:0 auto;
	position:relative;
}

.BlockComfortableCopy {
	position:absolute;
	top:20px;
	left:0;
}

.BlockComfortableTxt {
	width:373px;
	position:absolute;
	top:155px;
	left:0;
}

.BlockComfortableImg {
	position:absolute;
	top:0;
	left:402px;
}

.BlockComfortableBtn {
	width:302px;
	height:25px;
	line-height:0;
	position:absolute;
	top:272px;
	left:0;
}

/* ２タイプの２列目シート */
.BlockSeaterConte {
	width:900px;
	height:900px;
	margin:0 auto;
	position:relative;
}

.Block6seaterTtl {
	position:absolute;
	top:20px;
	left:0;
}

.Block7seaterTtl {
	position:absolute;
	top:20px;
	left:511px;
}

.Block6seaterCopy {
	position:absolute;
	top:97px;
	left:0;
}

.Block7seaterCopy {
	position:absolute;
	top:97px;
	left:533px;
}

.Block6seaterMain {
	position:absolute;
	top:189px;
	left:0;
}

.Block7seaterMain {
	position:absolute;
	top:189px;
	left:444px;
}

.Block6seaterSub {
	position:absolute;
	top:555px;
	left:0;
}

.Block7seaterSub {
	position:absolute;
	top:640px;
	left:378px;
}

.Block6seaterTxt {
	width:390px;
	position:absolute;
	top:465px;
	left:0;
}

.Block7seaterTxt {
	width:451px;
	position:absolute;
	top:573px;
	left:443px;
}

.BlockseaterBtn {
	position:absolute;
	top:841px;
	left: 0;
}


/* 使える荷室 */
.BlockLuggageConte {
	width:900px;
	height:475px;
	margin:0 auto;
	position:relative;
}

.BlockLuggageCopy {
	position:absolute;
	top:20px;
	left:0;
}

.BlockLuggageTxt {
	width:380px;
	position:absolute;
	top:116px;
	left:0;
}

.BlockLuggageMain {
	position:absolute;
	top:0;
	left:402px;
}

.BlockLuggageSub {
	position:absolute;
	top:216px;
	left:0px;
}

.BlockLuggageBtn {
	width:303px;
	height:15px;
	line-height:0;
	position:absolute;
	top:435px;
	left:1px;
}

.BlockLuggageBtn02 {
	width:240px;
	height:33px;
	line-height:0;
	position:absolute;
	top:180px;
	left:363px;
}

/* 荷室６人・７人 */
.BlockLuggageB_Conte {
	width:900px;
	height:700px;
	margin:0 auto;
	position:relative;
}

.LuggageB_Conte6Copy {
	position:absolute;
	top:104px;
	left:0;
}

.LuggageB_Conte7Copy {
	position:absolute;
	top:104px;
	left:511px;
}

.LuggageB_Conte6Main {
	position:absolute;
	width:449px;
	top:241px;
	left:0;
}

.LuggageB_Conte7Main {
	width:500px;
	height:394px;
	position:absolute;
	top:241px;
	left:400px;
	background: url(/auto-archive/freed/2014/webcatalog/interior/images/luggage_bg.gif);
}

.LuggageB_Conte7ImgMain {
	position:absolute;
	top:0;
	left:45px;
}

.playBtn {
	position:absolute;
	top:100px;
	left:292px;
}

.LuggageB_Conte6Sub {
	position:absolute;
	top:550px;
	left:0;
}

.LuggageB_Conte7Sub {
	position:absolute;
	top:244px;
	left:44px;
}

.LuggageB_Conte6Txt {
	width:390px;
	position:absolute;
	top:524px;
	left:0;
}

.LuggageB_Conte7Txt {
	width:433px;
	position:absolute;
	top:316px;
	left:53px;
}

.LuggageB_ConteBtn {
	position:absolute;
	top:667px;
	left: 0;
}

/* 乗り降りラクラク */
.BlockDoorConte {
	width:900px;
	height:372px;
	margin:0 auto;
	position:relative;
}

.BlockDoorCopy {
	position:absolute;
	top:20px;
	left:0;
}

.BlockDoorTxt {
	width:390px;
	position:absolute;
	top:120px;
	left:0;
}

.BlockDoorTxt p.caption_Txt {
	width:350px;
	font-size:80%;
	line-height:1.5;
}

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

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

.BlockDoorMain {
	position:absolute;
	top:0;
	left:402px;
}

.BlockDoorBtn {
	width:303px;
	height:25px;
	line-height:0;
	position:absolute;
	top:326px;
	left:0;
}

/* 運転環境 */
.BlockCockpitConte {
	width:900px;
	height:1050px;
	margin:0 auto;
	position:relative;
}

.BlockCockpitCopy {
	width:518px;
	height:40px;
	line-height:0;
	position:absolute;
	top:25px;
	left:0;
}

.BlockCockpitCopy02 {
	width:776px;
	height:39px;
	line-height:0;
	position:absolute;
	top:580px;
	left:0;
}

.BlockCockpitBtn {
	width:322px;
	height:25px;
	line-height:0;
	position:absolute;
	bottom:0;
	right:0;
}

.BlockCockpitPhoto01 {
	width:300px;
	height:300px;
	font-size:85.7%;
	text-align:center;
	position:absolute;
	bottom:55px;
	left:0;
}

.BlockCockpitPhoto02 {
	width:300px;
	height:300px;
	font-size:85.7%;
	text-align:center;
	position:absolute;
	bottom:55px;
	left:300px;
}

.BlockCockpitPhoto03 {
	width:300px;
	height:300px;
	font-size:85.7%;
	text-align:center;
	position:absolute;
	bottom:55px;
	left:600px;
}

/* 3Dビュー */
.Block3DConte {
	width:900px;
	margin:30px auto 0 auto;
}

/* w780ボックス	
=========================================*/
.view_SubCategory {
	width:780px;
	margin: 0px auto 30px;
}

/* w780ボックスタイトル
=========================================*/
.view_SubCategory .view_SubTitle {
	width:780px;
}

/* w780ボックスタイトルライン
=========================================*/
.view_SubCategory .view_Subline {
	width:780px;
	background: url(../../common/image_common/category_mttl_bg.gif) repeat;
	height: 5px;
	margin-bottom: 20px;
}

/* コンテンツ
=========================================*/
.btnArea3dVew {
	width:626px;
	margin:0px auto 50px auto;
}

.btn3dView01 {
	width:293px;
	margin-right:40px;
	float:left;
}

.btn3dView02 {
	width:293px;
	float:left;
}

.TxtAreaBlue {
	width:880px;
	background: #eef5ff;
	padding: 10px;
	margin:0 auto 40px auto;
}

.TxtAreaBlue_title {
	margin-bottom: 10px;
	line-height: 1.7;
	font-weight: bold;
	color: #4c89b9;
}

.TxtAreaBlue_title strong {
	font-size: 100%;
	padding-left: 0;
}
.TxtAreaBlue_title span {
	padding-left: 0;
	font-weight: normal;
}

.TxtAreaBlue_title .sectionText {
	padding-left: 15px;
	color: #666666;
}


.view_requirement_odd,
.view_requirement_even {
	padding: 10px;
	width: 880px;
}
.view_requirement_odd {
	background-color: #f5f5f5;
}
.view_requirement_title {
	float: left;
	width: 120px;
	font-weight: bold;
}
.view_requirement_content {
	padding-left: 130px;
}
* html .view_requirement_contentIn {
	width:630px;
	height: 1%;
}

.wit630{
	width:630px;
}


/* 3d　コンテンツ　トラブルシューティング
=========================================*/

.troubleContents {
	width:900px;
	margin:0 auto;
}

.view_btn_trouble {
	position: relative;
	left: -2px;
}




.trouble_sec01 {
	display: block;
	min-height: 1%;
	margin-top:15px;
	padding-top:60px;
}
.trouble_sec01:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .trouble_sec01 {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.trouble_sec01 h3 {
	margin-bottom: 25px;
}
.trouble_sec01 .fltImg {
	float: right;
	width: 350px;
	margin-left: 20px;
}
.trouble_sec01 h4 {
	padding-left: 2em;
	text-indent: -2em;
	margin-bottom: 10px;
	font-size: 109%;
	font-weight: bold;
	color: #2b3879;
}
.trouble_sec01 .sectionText {
	color: #444444;
}
.trouble_sec01 .sectionL {
	float: left;
	width: 380px;
}
.trouble_sec01 .sectionR {
	float: right;
	width: 380px;
}
.trouble_sec01 .sectionL img,
.trouble_sec01 .sectionR img {
	text-align: center;
}

.trouble_sec02 {
	padding: 14px;
	border: 1px solid #e7e7e7;
	font-size: 80%;
	color: #444444;
	line-height: 1.6;
}

.contents_3dview {
	margin: 50px 0 20px;
}

.trBtnAreaBlue {
	width:740px;
	background: #eef5ff;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 80px;
	padding-left: 80px;
}

.trBtnAreaBlue h2 {
	margin-bottom:20px;
}

.trbtnLeft {
	width:350px;
	margin-right:40px;
	margin-bottom:10px;
	float:left;
}

.trbtnRight {
	width:350px;
	margin-bottom:10px;
	float:left;
}

/* 詳細ページ
=========================================*/
.detailWrap {
	width:900px;
	margin:0 auto;
	padding-top:30px;
	padding-bottom:30px;
	overflow:hidden;
}

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

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

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

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

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

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

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

.detailWrap .rightBox_Big {
	width:590px;
	float:left;
}

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

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

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

.detailWrap p.caption {
	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;
	margin:0 auto;
	overflow:hidden;
}

.detailWrap .columBox {
	width:860px;
	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_read {
	font-size:78.6%;
	vertical-align:bottom;
}

.caption_Txt {
	font-size:80%;
}

.detailSubWrap {
	width:850px;
	margin:0 auto;
	padding-left:50px;
	padding-bottom:30px;
	overflow:hidden;
}

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

.detailSubWrap .leftBox {
	width:370px;
	padding-right:50px;
	float:left;
}

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

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