@charset "Shift_JIS";
/* CSS Document */

/* toppage css
=========================================*/

/* メインイメージ */
#topMain {
	width:100%;
	background: url(/auto-archive/freed/2014/images/topimages/first/blue_bg.gif) repeat-x;
}

#topMainWrap {
	position: relative;
	width:100%;
	height:454px;
	margin:0 auto;
}

#topMainWrap .bg2 {
	position: relative;
	width: 100%;
	height: 454px;
	margin: 0 auto;
	background: url(/auto-archive/freed/2014/images/topimages/first/oblique_bg.png) no-repeat center top;
}

.topMainConteWrap {
	position: absolute;
	width: 100%;
	height: 454px;
	top: 0;
	left: 0;
}

.topMainConte {
	width:900px;
	height:454px;
	margin:0 auto;
	position:relative;
}

.topCarBox {
	width:639px;
	height:370px;
	position:relative;
	top:0;
	left:10px;
}

.topCarBox .loading {
	width:639px;
	height:370px;
	position:absolute;
	top:0;
	left:0;
}

.topMainCaution {
	width:460px;
	height:33px;
	position:absolute;
	top:360px;
	left:0;
}

.topMainCaution .ca01 {
	position:absolute;
	top:18px;
	left:279px;
	opacity: 0;
	filter: alpha(opacity=0);	/* ie 6 7 */
}

.topMainCaution .ca02 {
	position:absolute;
	top:20px;
	left:439px;
	opacity: 0;
	filter: alpha(opacity=0);	/* ie 6 7 */
}

.topMainCautionStar {
	width:371px;
	height:9px;
	position:absolute;
	top:432px;
	left:0;
}

.topArrowBox {
	width:212px;
	height:37px;
	position:absolute;
	top:400px;
	left:392px;
}

.topArrowBox .arrowL {
	width:46px;
	margin-left: 0;
	/*
	margin-left:204px;
	_margin-left:102px;
	*/
	line-height:0;
	float:left;
}

.topArrowBox .viewCopy {
	width:106px;
	margin-left:7px;
	line-height:0;
	float:left;
}

.topArrowBox .arrowR {
	width:46px;
	margin-left:7px;
	text-align:left;
	line-height:0;
	float:left;
}

.topColorBox {
	width:600px;
	height:24px;
	position:absolute;
	top:403px;
	left:0;
}

.topColorBox .color-btns {
	width:268px;
	padding-left:80px;
	padding-bottom:2px;
	overflow:hidden;
	line-height:0;
	float:left;
	background: url(/auto-archive/freed/2014/images/topimages/first/color_ttl.png) no-repeat left 3px;
}

.topColorBox li {
	float:left;
	padding-right:3px;
	line-height:0;
	/* IE6 & IE7 */
	*line-height: 1px;
	*font-size: 1px;
}

.topColorBox .marker {
	position: relative;
	width: 268px;
	height: 3px;
	padding-bottom: 2px;
}

.topColorBox .marker img {
	position: absolute;
	width: 39px;
	height: 3px;
	top: 0;
	left: 0;
}

.topColorBox .tips {
	width:205px;
	float:left;
	background: url(/auto-archive/freed/2014/images/topimages/first/color_tips_bg.png) no-repeat;
	text-align:center;
	font-size:71.4%;
	line-height:19px;
}

.topTtlBox {
	width:201px;
	height:168px;
	position:absolute;
	top:57px;
	left: 677px;
}

.topTtlBox .ca01 {
	position:absolute;
	top:74px;
	left:157px;
	opacity: 0;
	filter: alpha(opacity=0);	/* ie 6 7 */
}

.topTtlBox .ca02 {
	position:absolute;
	top:121px;
	left:84px;
	opacity: 0;
	filter: alpha(opacity=0);	/* ie 6 7 */
}

.topInfoBox {
	width:216px;
	/*height:108px;*/
	position:absolute;
	top:254px;
	left:677px;
}

.topInfoBox ul.btn {
	width:216px;
	height:67px;
	line-height:0;
	overflow:hidden;
}

.topInfoBox li.btn {
	float:left;
	padding-right:5px;
}

/*
.topInfoBox ul.region {
	width:216px;
	height:41px;
	overflow:hidden;
}

.topInfoBox li.region {
	line-height:41px;
	padding-left:20px;
	background: url(/auto-archive/freed/2014/images/listmark/black.png) no-repeat left 14px;
}
*/

/* レコメンド */
#rt-personalize-area-a {
	width:216px;
	padding:20px 0 2px 0;
	overflow:hidden;
}
#rt-personalize-area-a a {
	padding-left:16px;
	background: url(/auto-archive/freed/2014/images/listmark/black.gif) no-repeat left 2px;
	color:#333;
}
#rt-personalize-area-a a:link
, #rt-personalize-area-a a:visited {
	color: #006699;
	text-decoration: none;
}
#rt-personalize-area-a a:hover {
	color: #006699;
	text-decoration: underline;
}

.topSnsBox {
	width:216px;
	height:20px;
	position:absolute;
	top:380px;
	left:677px;
}

.topSnsBox .twitter {
	position: absolute;
	width: 100px;
	top: 0;
	left: 0;
}

.topSnsBox .twitter a{
	font-size:80%;
}

.topSnsBox .facebook {
	position: absolute;
	width: 110px;
	top: 0;
	right: 0;
}

/* 共通ブロック大囲み */
.topBlockArea {
	width:100%;
	margin:0 auto;
	position:relative;
}

/* ブロック下部シャドウ */
.topBlockShadow {
	width:100%;
}

/* ブロックメインビジュアル背景囲み */
.topBlockStylingBg {
	width:100%;
	margin:0 auto;
	background: url(/auto-archive/freed/2014/images/topimages/second/styling_bg.gif) repeat-x;
}

.topBlockSpaceBg {
	width:100%;
	padding-top:50px;
	height:515px;
	margin:0 auto;
}

.topBlockSpace {
	width:100%;
	height:515px;
	margin:0 auto;
	background: url(/auto-archive/freed/2014/images/topimages/third/main.png) no-repeat center bottom;
}

.topBlockFuel {
	width:100%;
	padding-top:50px;
	margin:0 auto;
}

.topBlockSeatBg {
	width:100%;
	padding-top:50px;
	margin:0 auto;
}

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

.topBlockPriceBg {
	width:100%;
	padding-top:50px;
}

/* ブロックスペシャルムービー */
.topBlockSpecialMovieConte {
	width:100%;
	height:620px;
	margin:50px auto 50px auto;
	position:relative;
/*	padding-top:50px;*/
	background: url(/auto-archive/freed/2014/images/topimages/specialmovie/main.jpg) no-repeat center top;
}

.topSpecialMovieMainWrap {
	width:900px;
	height:620px;
	margin:0 auto;
	position:relative;
}

.topSpecialMovieBtn {
	width:414px;
	height:48px;
	line-height:0;
	position:absolute;
	top:170px;
	left:71px;
}

.topSpecialMovieLine {
	border-top: 1px solid #cccccc;
}



/* ブロックスタイリング */
.topBlockStylingConte {
	width:100%;
	height:487px;
	margin:0 auto;
	position:relative;
	padding-top:50px;
	background: url(/auto-archive/freed/2014/images/topimages/second/main.png) no-repeat center top;
}

.topStylingMainWrap {
	width:900px;
	height:487px;
	margin:0 auto;
	position:relative;
}

.topStylingCopy {
	position:absolute;
	top:0;
	left:0;
}

.topStylingIcon {
	position:absolute;
	width: 242px;
	height: 241px;
	top:217px;
	left:174px;
}

.topStylingBtn {
	width:163px;
	height:25px;
	line-height:0;
	position:absolute;
	top:138px;
	left:0;
}

.topStylingSearch {
	width:163px;
	height:16px;
	font-size:100%;
	line-height:16px;
	text-indent:18px;
	position:absolute;
	top:142px;
	left:186px;
	background: url(/auto-archive/freed/2014/images/listmark/search.png) no-repeat left center;
}

/* ブロックゆとりスペース */
.topBlockSpaceConte {
	width:900px;
	height:515px;
	margin:0 auto;
	position:relative;
}

.topSpaceCopy {
	position:absolute;
	top:0;
	left:0;
}

.topSpaceBtn {
	width:163px;
	height:25px;
	line-height:0;
	position:absolute;
	top:106px;
	left:0;
}

.topSpaceSearch {
	width:163px;
	height:16px;
	font-size:100%;
	line-height:16px;
	text-indent:18px;
	position:absolute;
	top:113px;
	left:183px;
	background: url(/auto-archive/freed/2014/images/listmark/search.png) no-repeat left center;
}

.interiorCar {
	position:absolute;
	top:95px;
	left:0;
}

/* ブロック燃費 */
.topBlockFuelConte {
	width:900px;
	height:540px;
	margin:0 auto;
	position:relative;
}

.topFuelCopy {
	position:absolute;
	top:0;
	left:0;
}

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

.topFuelMain .ca01 {
	position:absolute;
	top:346px;
	left:832px;
	opacity: 0;
	filter: alpha(opacity=0);	/* ie 6 7 */
}

.topFuelReadCopy {
	width:501px;
	height:60px;
	line-height:0;
	position:absolute;
	bottom:95px;
	right:65px;
}

.topFuelBtn {
	width:163px;
	height:25px;
	line-height:0;
	position:absolute;
	top:492px;
	left:36px;
}

.topFuelSearch {
	width:163px;
	height:16px;
	font-size:100%;
	line-height:16px;
	text-indent:18px;
	position:absolute;
	top:496px;
	left:219px;
	background: url(/auto-archive/freed/2014/images/listmark/search.png) no-repeat left center;
}

/* ブロックシート */
.topBlockSeatConte {
	width:900px;
	height:510px;
	margin:0 auto;
	position:relative;
}

.topSeatCopy {
	position:absolute;
	top:0;
	left:0;
}

.topSeat6Ttl {
	position:absolute;
	top:78px;
	left:0;
}

.topSeat7Ttl {
	position:absolute;
	top:78px;
	left:460px;
}

.topSeat6Main {
	position:absolute;
	top:163px;
	left:64px;
}

.topSeat7Main {
	position:absolute;
	top:163px;
	left:518px;
}

.topSeatBtn {
	width:173px;
	height:25px;
	line-height:0;
	position:absolute;
	top:464px;
	left:0;
}

.topSeatSearch {
	width:163px;
	height:16px;
	font-size:100%;
	line-height:16px;
	text-indent:18px;
	position:absolute;
	top:468px;
	left:232px;
	background: url(/auto-archive/freed/2014/images/listmark/search.png) no-repeat left center;
}

.topSeat6Btn {
	position:absolute;
	top:316px;
	left:102px;
}

.topSeat6PhotoBtn {
	position:absolute;
	top:322px;
	left:331px;
}

.topSeat7Btn {
	position:absolute;
	top:316px;
	left:550px;
}

.topSeat7PhotoBtn {
	position:absolute;
	top:322px;
	left:780px;
}

/* ブロックパワースライドドア */
.topBlockDoorConte {
	width:900px;
	height:455px;
	margin:0 auto;
	padding-top:60px;
	position:relative;
}

.topDoorCopy {
	position:absolute;
	top:90px;
	left:0;
}

.topDoorMain {
	position:absolute;
	top:0;
	left:434px;
}

.topDoorBtn {
	width:173px;
	height:25px;
	line-height:0;
	position:absolute;
	top:244px;
	left:0;
}

.topDoorSearch {
	width:163px;
	height:16px;
	font-size:100%;
	line-height:16px;
	text-indent:18px;
	position:absolute;
	top:252px;
	left:193px;
	background: url(/auto-archive/freed/2014/images/listmark/search.png) no-repeat left center;
}

/* ブロック特別装備車ジャストセレクション+ */
.topBlockPlus {
	background: url(/auto-archive/freed/2014/images/topimages/tokuso/jp_bg.gif) repeat-x left top;
}
.topBlockPlusConte {
	width:900px;
	height:359px;
	margin:0 auto;
	padding-top:60px;
	position:relative;
}

.topBlockPlusCopy {
	position:absolute;
	top:90px;
	left:0;
}

.topBlockPlusLogo {
	position:absolute;
	top:149px;
	left:0;
}

.topBlockPlusCar {
	position:absolute;
	top:133px;
	left:430px;
}

.topBlockPlusBtn {
	width:163px;
	height:25px;
	line-height:0;
	position:absolute;
	top:294px;
	left:0;
}

.topBlockPlusSearch {
	width:163px;
	height:16px;
	font-size:100%;
	line-height:16px;
	text-indent:18px;
	position:absolute;
	top:302px;
	left:175px;
	background: url(/auto-archive/freed/2014/images/listmark/search.png) no-repeat left center;
}

/* ブロック特別装備車クールエディション */
.topBlockCool {
	background: url(/auto-archive/freed/2014/images/topimages/tokuso/gac_bg.jpg) no-repeat center top;
}
.topBlockCoolConte {
	width:900px;
	height:345px;
	margin:0 auto;
	/*padding-top:60px;*/
	position:relative;
}

.topBlockCoolCopy {
	position:absolute;
	top:35px;
	left:0;
}

.topBlockCoolLogo {
	position:absolute;
	top:80px;
	left:0;
}

.topBlockCoolBtn {
	width:163px;
	height:25px;
	line-height:0;
	position:absolute;
	top:234px;
	left:0;
}

.topBlockCoolSearch {
	width:163px;
	height:16px;
	font-size:100%;
	line-height:16px;
	text-indent:18px;
	position:absolute;
	top:242px;
	left:193px;
	background: url(/auto-archive/freed/2014/images/listmark/search_w.png) no-repeat left center;
}

.topBlockCoolSearch a:link {
	color:#ffffff;
}

/* タイプ・価格 */
.topBlockPriceConte {
	width:900px;
	margin:0 auto;
}

.topPriceBox {
	width:900px;
	line-height:0;
	padding-bottom:45px;
	overflow:hidden;
}

.topPriceBox h2 {
	width:900px;
	padding-bottom:10px;
}

.topPriceBox h2 .jp {
	font-size:80%;
}

.topPriceBox .carAndSpec {
	width:480px;
	float:left;
}

.topPriceBox .carAndSpec img {
	padding-bottom:15px;
}

.topPriceBox .priceBox {
	width:420px;
	float:left;
}

.topPriceBox .priceBox p.ttl {
	padding-bottom:0;
}

.topPriceBox .priceBox p.priceItem {
	padding-bottom:25px;
}

.topPriceBox .priceBox p.priceLine {
	padding-bottom:60px;
}

.topPriceBtnWrap {
	width:420px;
	height:25px;
	float:left;
}

.topPriceBtnWrap .btnL {
	width:193px;
	height:25px;
	line-height:0;
	float:left;
}

.topPriceBtnWrap .topPriceSearch {
	width:163px;
	height:16px;
	padding-top:
	7px;
	font-size:100%;
	line-height:16px;
	text-indent:18px;
	background: url(/auto-archive/freed/2014/images/listmark/search.png) no-repeat left center;
	float:left;
}

.creditBtn {
	padding:10px 0;
}

/* グランスムース */
.topBlockGransmoothArea {
	width:100%;
	padding-top:70px;
}

.topBlockGransmoothWrap {
	width:840px;
	margin:0 auto;
	border: 1px solid #cccccc;
	padding:29px;
	overflow:hidden;
}

.topGransmoothTitleWrap{
	overflow:hidden;
}

.topGransmoothLeft{
	width:494px;
	float:left;
}

.topGransmoothLeft .txt{
	margin-top:16px;
	font-size:109.1%;
	line-height:1.8;
}

.topGransmoothLeft img.copy{
	margin-top:20px;
}

.topGransmoothRight{
	width:346px;
	float:left;
}

.topGransmoothPhotoWrap{
	width:840px;
	margin:20px 0;
	overflow:hidden;
}

.topGransmoothPhoto{
	width:195px;
	margin-right:20px;
	float:left;
}

.topGransmoothPhotoR{
	width:195px;
	float:left;
}



/* VOICE */
.topBlockVoiceArea {
	width:100%;
	padding-top:70px;
}

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

/* MOVIE */
.topBlockMovieArea {
	width:100%;
	padding-top:70px;
}

.topBlockMovieWrap {
	width:900px;
	height:450px;
	margin:0 auto;
	position:relative
}

.topBlockMovieWrap .item01 {
	position:absolute;
	top:24px;
	left:20px;
}

.topBlockMovieWrap .item02 {
	position:absolute;
	top:88px;
	left:624px;
}

.topBlockMovieWrap .item03 {
	font-size:128.6%;
	line-height:1.2;
	position:absolute;
	top:137px;
	left:624px;
}

.topBlockMovieWrap .item04 {
	font-size:85.7%;
	position:absolute;
	top:170px;
	left:624px;
}

.topBlockMovieWrap .item05 {
	position:absolute;
	top:230px;
	left:624px;
}

/* 右ページ内リンクナビ */
#rightNavi {
	position: fixed;
	width: 220px;
	margin: 20px 0;
	display: none;
	pointer-events: none;
}

#rightNavi li {
	line-height:0;
	padding-bottom:1px;
	/* IE6 & IE7 */
	*line-height: 1px;
	*font-size: 1px;
}

#rightNavi li.arrow-up, #rightNavi li.arrow-down {
	text-align:right;
}

#rightNavi li.arrow-up img, #rightNavi li.arrow-down img {
	pointer-events: auto;
}

#rightNavi .item-container {
	position: absolute;
	width: 220px;
	height: 33px;
	top: 0;
	left: 187px;
	text-align: left;
	pointer-events: auto;
}

#rightNavi .item-container {
	position: relative;
}

#rightNavi .item-on {
	position: absolute;
	width: 220px;
	height: 33px;
	top: 0;
	left: 0;
	display: none;
}

/* キャプション */
.caption_Txt {
	font-size:78.6%;
	line-height:1.4;
	margin-bottom:0;
}

.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 .underlinTxt {
	text-decoration:underline;
}

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

.cautionBox .bold_Txt {
	font-weight:bold;
}

.cautionBox p.space {
	font-size:1px;
	line-height:0;
	height:10px;
}

/* タイプコーション */
.typeCautionBox {
	width:900px;
	margin: 0 auto;
	padding-top: 35px;
}
.typeCautionInner {
	width:900px;
	padding:5px 0;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size:78.6%;
	line-height:1.5;
}

.sup_read {
	vertical-align: top;
}

.sub_cap {
	font-size:80%;
	vertical-align: bottom;
}

.underline_read {
	text-decoration:underline;
}

.bold_Txt {
	font-weight:bold;
}

/* VOICE部分文字 */
div.topBlockVoiceWrap {
	font-size:12px;
	line-height:1.2 !important;
}

/* 純正ナビプレゼント */
.topBlockNaviPreArea {
	width:100%;
	padding-top:70px;
	padding-bottom:40px;
}

.topBlockNaviPreWrap {
	width:900px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
.topBlockNaviPreWrap h2 {
	width:900px;
}

.topBlockNaviPreWrap .naviprecopyBox {
	width:820px;
	padding:15px 40px 15px 40px;
	background: url(/auto-archive/freed/2014/images/topimages/navipre/innerbg.gif);
}

.topBlockNaviPreWrap .naviprecopyBox h3 {
	margin-bottom:30px;
}

.topBlockNaviPreWrap .naviprecopyBox .readBox {
	width:665px;
	overflow:hidden;
	margin:0 auto 30px auto;
}
.topBlockNaviPreWrap .naviprecopyBox .readBox .naviimg {
	margin-right:30px;
	float:left;
}
.topBlockNaviPreWrap .naviprecopyBox .readBox .info {
	width:335px;
	float:left;
}
.topBlockNaviPreWrap .naviprecopyBox .readBox .info ul {
	overflow:hidden;
	margin-bottom:23px;
}
.topBlockNaviPreWrap .naviprecopyBox .readBox .info li {
	float:left;
}

.topBlockNaviPreWrap .naviprecopyBox .btnBox {
	width:820px;
	text-align:center;
	margin:0 auto 25px auto;
}

.topBlockNaviPreWrap .cautionTxt {
	width:820px;
}

.topBlockNaviPreWrap .cautionTxt p.read {
	font-size:100%;
}
.topBlockNaviPreWrap .cautionTxt p.captiontxt {
	font-size:80%;
}