@charset "utf-8";

/* ------------------------------------------------------
/* 更新履歴
------------------------------------------------------ */
/* 2011/2/21
   ・注目のキーワード 修正 TMfukuda
------------------------------------------------------ */
/* 2011/7/26
   ・新他社比較追加 修正 TMfukuda
------------------------------------------------------ */




/* topPage */
#container.topPage #mainContents{
	background-color:#e1e1e1;
}

#container.topPage #mainContents .mainInner{
	padding:0 10px 10px;
}

#container.topPage .mainVisual{
	width:735px;
	position:relative;
}

/* topPageバナー4個 */

#container.topPage .bannerArea{
	width:167px;
	height:288px;
	padding:0 10px;
	position:absolute;
	right:0;
	top:0;
	z-index:2;
}

*html #container.topPage .bannerArea{
	width:187px;
}

#container.topPage .bannerArea li{
	margin-top:15px;
	background-color:#fff;
}

#container.topPage .bannerArea a:hover img{
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#container.topPage .bgBanner{
	width:187px;
	height:288px;
	background:transparent url(../../image/top_bg_img_mainvisual.png) left top no-repeat;
	position:absolute;
	right:0;
	top:0;
	z-index:1;
}

*html #container.topPage .bgBanner{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/webcatalog/201003/image/top_bg_img_mainvisual.png", sizingMethod="crop");
}

/* topPage 特別仕様車大バナー3個  */

#container.topPage .bannerArea2{
	width:167px;
	height:288px;
	padding:0 10px;
	position:absolute;
	right:0;
	top:0;
	z-index:2;
}

*html #container.topPage .bannerArea2{
	width:187px;
}

#container.topPage .bannerArea2 li{
	margin-top:10px;
	background-color:#fff;
}

#container.topPage .bannerArea2 a:hover img{
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#container.topPage .bgBanner2{
	width:187px;
	height:288px;
	background:transparent url(../../image/top_bg_img_mainvisual2.png) left top no-repeat;
	position:absolute;
	right:0;
	top:0;
	z-index:1;
}

*html #container.topPage .bgBanner2{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/webcatalog/201003/image/top_bg_img_mainvisual2.png", sizingMethod="crop");
}


/* topPage 特別仕様車中バナー4個  */

#container.topPage .bannerArea3{
	width:167px;
	height:288px;
	padding:0 10px;
	position:absolute;
	right:0;
	top:0;
	z-index:2;
}

*html #container.topPage .bannerArea3{
	width:187px;
}

#container.topPage .bannerArea3 li{
	margin-top:5px;
	background-color:#fff;
}

#container.topPage .bannerArea3 a:hover img{
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#container.topPage .bgBanner3{
	width:187px;
	height:288px;
	background:transparent url(../../image/top_bg_img_mainvisual2.png) left top no-repeat;
	position:absolute;
	right:0;
	top:0;
	z-index:1;
}

*html #container.topPage .bgBanner3{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/webcatalog/201003/image/top_bg_img_mainvisual2.png", sizingMethod="crop");
}




#container.topPage .detailArea{
	width:735px;
	border-top:1px solid #fff;
}

#container.topPage .detailArea .inner{
	padding:15px;
}

#container.topPage .detailArea .list1 li{
	margin-right:5px;
	float:left;
}

#container.topPage .detailArea .list1 li.lastChild{
	margin-right:0;
}

#container.topPage .detailArea .list2{
	margin-top:16px;
}

#container.topPage .detailArea .list2 li{
	margin-right:5px;
	float:left;
}

#container.topPage .detailArea .list2 li.lastChild{
	margin-right:0;
}


/* contentsArea1 ------------------ */
#container.topPage .contentsArea1{
	background:#fff url(../../image/top_bg_border_contents.gif) 367px 0 repeat-y;
}

#container.topPage .contentsArea1 .leftSec{
	width:367px;
	margin-right:1px;
	float:left;
}

#container.topPage .contentsArea1 .rightSec{
	width:367px;
	float:left;
}

#container.topPage .contentsArea1 .inner{
	padding:15px 15px 20px 15px;
}

#container.topPage .contentsArea1 .linkList1 li{
	padding-left:12px;
	background:#fff url(../../image/cmn_icon_arrow01.gif) 0 8px no-repeat;
}

#container.topPage .contentsArea1 .linkList2{
	margin-top:-3px;
}

#container.topPage .contentsArea1 .linkList2 li{
	margin-top:3px;
}

#container.topPage .contentsArea1 .detailLink{
	text-align:right;
}


#container.topPage .contentsArea1 .linkList3 li{
	width:156px;
	padding-left:12px;
	display:-moz-inline-box;
	display:inline-block;
	background:#fff url(../../image/cmn_icon_arrow01.gif) left center no-repeat;
}

*html #container.topPage .contentsArea1 .linkList3 li{
	width:168px;
	display:inline;
	zoom:1;
}


#container.topPage .contentsArea1 .detailLink a{
	padding-left:12px;
	background:#fff url(../../image/cmn_icon_arrow01.gif) left center no-repeat;
}

#container.topPage .bdTop{
	border-top:1px solid #e1e1e1;
}

/* contentsArea2 ------------------ */
#container.topPage .contentsArea2{
	width:735px;
	margin-top:10px;
	background:#fff url(../../image/top_bg_img_contents2.gif) center top repeat-y;
}

#container.topPage .contentsArea2 .newsSec{
	width:511px;
	margin-right:10px;
	float:left;
}

#container.topPage .contentsArea2 .newsSec .inner{
	padding:15px 15px 20px 15px;
}

#container.topPage .contentsArea2 .newsSec table{
	width:481px;
	margin-top:-5px;
}

#container.topPage .contentsArea2 .newsSec th{
	width:81px;
	padding:5px 5px 0 12px;
	background:#fff url(../../image/cmn_icon_arrow01.gif) 0 12px no-repeat;
	vertical-align:top;
	font-weight:normal;
	color:#666;
	text-align:left;
}

#container.topPage .contentsArea2 .newsSec td{
	width:383px;
	padding-top:5px;
	vertical-align:top;
}

#container.topPage .contentsArea2 .rightSec{
	width:213px;
	float:left;
}

#container.topPage .contentsArea2 .rightSec .inner{
	padding:15px 15px 18px 15px;
}

#container.topPage .contentsArea2 .rightSec .btn{
	margin-top:20px;
	text-align:right;
}

#container.topPage .contentsArea2 .rightSec .mobileSec{
	margin-top:18px;
	padding-top:15px;
	border-top:1px solid #e1e1e1;
}

#container.topPage .mobileSec .qrCode{
	float:right;
}

#container.topPage .mobileSec .txt{
	margin-right:92px;
}



/* ナビエリアは各車種のスタイルに記載
--------------------------------------------------------------------------- */

/* contentsArea3 ------------------ */
#container.topPage .contentsArea3{
	width:735px;
	margin-top:10px;
	background:#fff url(../../image/top_bg_img_recently.gif) left top repeat-y;
}

#container.topPage .recentlySec h2{
	width:152px;
	height:57px;
	margin-top:43px;
	text-align:center;
	float:left;
}

#container.topPage .recentlySec ul{
	width:554px;
	padding:10px 0 10px 28px;
	float:left;
}

*html #container.topPage .recentlySec ul{
	width:582px;
}

#container.topPage .recentlySec li{
	margin-right:5px;
	float:left;
}

#container.topPage .recentlySec .txt{
	margin-top:5px;
	text-align:center;
	font-size:80%;
	line-height:1.3;
}

#container.topPage .recentlySec .txt a{
	padding-left:12px;
	background:#fff url(../../image/cmn_icon_arrow01.gif) left center no-repeat;
}

#container.topPage .keywordSec{
	border-top:1px solid #e1e1e1;
}

#container.topPage .keywordSec h2{
	width:152px;
	height:45px;
	margin-top:30px;
	text-align:center;
	float:left;
}

#container.topPage .keywordSec ul{
	width:550px;
	padding:20px 10px 20px 20px;
	float:left;
}

*html #container.topPage .keywordSec ul{
	width:582px;
}

#container.topPage .keywordSec ul li{
	width:530px;
	padding-left:12px;
	margin-top:3px;
	margin-right:10px;
	background:#fff url(../../image/cmn_icon_arrow01.gif) 0 5px no-repeat;
	vertical-align:top;
}

*html #container.topPage .keywordSec ul li{
	width:530px;
	display:inline;
	zoom:1;
}

/* 新他車比較
--------------------------------------------------------------------------- */
#_dyn-owners .dyn-header{
	display:none;
}

#_dyn-owners span{
	display:none;
}

#_dyn-owners div{
	margin:0 0 5px 0 !important;
}

#_dyn-owners ul{
	margin:0 !important;
}

#_dyn-owners li{
	width:156px;
	margin:0 !important;
	padding:0 0 0 12px !important;
	display:-moz-inline-box !important;
	display:inline-block !important;
	background:#fff url(../../image/cmn_icon_arrow01.gif) left center no-repeat;
}

*html #_dyn-owners li{
	width:168px;
	display:inline !important;
	zoom:1;
}

#_dyn-owners li img{
	display:none;
}

#top_container .totop{
	margin-top:17px;
	text-align:right;
	padding-right:25px;
	margin-bottom:20px;
}
#top_container .totop a{
	font-size:10px;
	padding-left:8px;
	background:url(../../image/cmn_icon_triangle02.gif) no-repeat left center;
}


/* 新他社比較追加
--------------------------------------------------------------------------- */

#othercarArea {
	height: 90px;
	*height: 95px;
	position: relative;
	right: 0;
	bottom: 0;
}



#othercarArea li.arr_left {
	width: 15px;
	height: 19px;
	position: absolute;
	left: 10px;
	top: 30px;
	visibility: hidden;
	z-index: 10;
}

#othercarArea li.arr_right {
	width: 15px;
	height: 19px;
	position: absolute;
	right: 10px;
	top: 30px;
	visibility: hidden;
	z-index: 10;
}

#othercarArea #car_list {
	width: 315px;
	height: 83px;
	position: absolute;
	left: 26px;
	top: 9px;
	overflow:hidden;
}
#othercarArea #car_list li {
	width: 105px;
	height: 83px;
	text-align:center;
	font-size:80%;
	font-weight:bold;
}
#othercarArea #car_list .wrap { position:absolute; top:0; left:0;}
#othercarArea #car_list li.b01{ position:absolute; top:0; left:0; }
#othercarArea #car_list li.b02{ position:absolute; top:0; left:105px; }
#othercarArea #car_list li.b03{ position:absolute; top:0; left:210px; }
#othercarArea #car_list li.b04{ position:absolute; top:0; left:315px; }
#othercarArea #car_list li.b05{ position:absolute; top:0; left:420px; }
#othercarArea #car_list li.b06{ position:absolute; top:0; left:525px; }

#othercarArea #car_list li img {
	vertical-align:top;
}

#container.topPage .contentsArea1 .datailLink{
	text-align:right;
	margin:5px 15px 15px;
}

#container.topPage .contentsArea1 .datailLink a{
	background:url("../../image/cmn_icon_arrow01.gif") no-repeat scroll left center #FFFFFF;
	padding-left:12px;
}