@charset "Shift_JIS";

/* ################################################### */
/* #                                                 # */
/* #                                                 # */
/* #                　　index用css　　               # */
/* #                                                 # */
/* #                                                 # */
/* ################################################### */


/* Contents
---------------------------------------------------- */
/* Main */
body#index #Contents #Main {
	position:relative;
	z-index:20;
}
body#index #Contents #Main .tabContainer {
	position:absolute;
	left:0;
	top:0;
	width:696px;
	height:234px;
	z-index:4;
}

body#index #Contents #Main .Information2 {
	background-color:#fff;
}

/* ▼タブエリアここから▼ */
body#index .tabContainer div#tab1Body ,
body#index .tabContainer div#tab2Body ,
body#index .tabContainer div#tab3Body ,
body#index .tabContainer div#tab4Body {
	width:684px;
	border:1px solid #58728F;
	border-top:0;
	padding:0 5px 8px 5px;
	background-color:#F8FAFF;
}
body#index .tabContainer div#tab1Body {
	width:689px;
	padding:0 0 8px 5px;
}
body#index .tabContainer div.photo-area {
	float:left;
	width:311px;
	padding-top:8px;
}
body#index .tabContainer ul.tab {
	width:696px;
	height:35px
}
body#index .tabContainer ul.tab li {
	float:left;
	font-size:1px;
	line-height:0;
}
body#index .tabContainer ul.tab li a {
	border:0;
	display:block;
}
body#index .tabContainer ul.tab li#tab1 {
	width:180px;
}
body#index .tabContainer ul.tab li#tab2 {
	width:151px;
}
body#index .tabContainer ul.tab li#tab3 {
	width:191px;
}
body#index .tabContainer ul.tab li#tab4 {
	width:174px;
}
body#index .tabContainer ul.tab li.active {
	display:block;
	background-repeat: no-repeat;
	background-position: left top;
	margin:0;
	padding:0;
	height:35px;
}
body#index .tabContainer ul.tab li#tab1.active {
	background-image: url(../img/tab-lineup-on.gif);
	width:180px;
}
body#index .tabContainer ul.tab li#tab2.active {
	background-image: url(../img/tab-after-on.gif);
	width:151px;
}
body#index .tabContainer ul.tab li#tab3.active {
	background-image: url(../img/tab-accessory-on.gif);
	width:191px;
}
body#index .tabContainer ul.tab li#tab4.active {
	background-image: url(../img/tab-carlife-on.gif);
	width:174px;
}
body#index .tabContainer ul.tab li.active a {
	display:block;
	color:#FFF; 
}
body#index .tabContainer ul.tab li.active img {
	display:none;
}
body#index .tabContainer #tab1Body ul.tabmenu {
	float:left;
	margin:0;
	padding:8px 0 0 12px;
	list-style:none;
	width:366px;
}
body#index .tabContainer #tab1Body ul.tabmenu li {
	float:left;
	width:183px;
	padding:5px 0;
}
body#index .tabContainer #tab1Body ul.tabmenu li.chry {
	width:53px;
}
body#index .tabContainer #tab1Body ul.tabmenu li.jp {
	width:35px;
}
body#index .tabContainer #tab1Body ul.tabmenu li.dg {
	width:95px;
}
body#index .tabContainer #tab2Body .tab2-detail ,
body#index .tabContainer #tab3Body .tab3-detail ,
body#index .tabContainer #tab4Body .tab4-detail {
	float:left;
	margin:0;
	padding:8px 0 0 12px;
	list-style:none;
	width:350px;
}
body#index .tabContainer #tab2Body .tab2-detail p ,
body#index .tabContainer #tab3Body .tab3-detail p ,
body#index .tabContainer #tab4Body .tab4-detail p  {
	font-size:1px;
	line-height:0;
	margin:0;
	padding:5px 0;
}
/* タブ2 */
body#index .tabContainer #tab2Body .tab2-detail ul.two-menu ,
body#index .tabContainer #tab3Body .tab3-detail ul.three-menu ,
body#index .tabContainer #tab4Body .tab4-detail ul.three-menu {
	padding-bottom:5px;
	float:left;
}
body#index .tabContainer #tab4Body .tab4-detail li {
	float:left;
	width:62px;
	padding-right:7px;
	height:62px;
}
body#index .tabContainer #tab3Body .tab3-detail li ,
body#index .tabContainer #tab2Body .tab2-detail li{
	background-image: url(/common/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;	
	margin-top: 5px;
	font-size: 12px;
}

body#index .tabContainer #tab2Body .tab2-detail .two-menu li a ,
body#index .tabContainer #tab3Body .tab3-detail .three-menu li a ,
body#index .tabContainer #tab4Body .tab4-detail .three-menu li a {
	display:block;
	border:1px solid #cccccc;
	width:60px;
	height:60px;
}
body#index .tabContainer #tab2Body .tab2-detail .two-menu li a:hover ,
body#index .tabContainer #tab3Body .tab3-detail .three-menu li a:hover ,
body#index .tabContainer #tab4Body .tab4-detail .three-menu li a:hover {
	border:1px solid #FF9900;
}
body#index .tabContainer #tab2Body .tab2-detail dl {
	width:345px;
	padding-left:5px;
}
body#index .tabContainer #tab2Body .tab2-detail dl dt ,
body#index .tabContainer #tab2Body .tab2-detail dl dd {
	float:left;
	font-size:1px;
	line-height:0;
	width:128px;
	padding-right:5px;
}
body#index .tabContainer #tab2Body .tab2-detail dl dd {
	width:103px;
	padding-right:3px;
}
body#index .tabContainer #tab2Body .tab2-detail dl dd.more {
	float:right;
	width:47px;
	padding-right:3px;
}
body#index .tabContainer #tab2Body .tab2-detail dl dt a,
body#index .tabContainer #tab2Body .tab2-detail dl dd a {
	display:block;
	border-bottom:1px solid #CCCCCC;
	padding:5px 0;
}
body#index .tabContainer #tab2Body .tab2-detail dl dd.more a {
	display:block;
	border-bottom:1px dashed #CCCCCC;
	padding:15px 0 5px 0;
	width:47px;
}

body#index .tabContainer #tab2Body .tab2-detail p {
	display:block;
	clear:both;
}

/* タブ3 */
body#index .tabContainer #tab3Body .tab3-detail dl {
	width:345px;
	padding-left:5px;
}
body#index .tabContainer #tab3Body .tab3-detail dl dt ,
body#index .tabContainer #tab3Body .tab3-detail dl dd {
	float:left;
	font-size:1px;
	line-height:0;
	width:94px;
	padding-right:19px;
}
body#index .tabContainer #tab3Body .tab3-detail dl dd {
	width:65px;
}
body#index .tabContainer #tab3Body .tab3-detail dl dd.hum {
	width:94px;
}
body#index .tabContainer #tab3Body .tab3-detail dl dd.more {
	float:right;
	width:47px;
	padding-right:3px;
}
body#index .tabContainer #tab3Body .tab3-detail dl dt a,
body#index .tabContainer #tab3Body .tab3-detail dl dd a {
	display:block;
	border-bottom:1px solid #CCCCCC;
	padding:5px 0;
}
body#index .tabContainer #tab3Body .tab3-detail dl dd.more a {
	display:block;
	border-bottom:1px dashed #CCCCCC;
	padding:5px 0 5px 0;
	width:47px;
}
/* タブ4 */
body#index .tabContainer #tab4Body .tab4-detail dl {
	width:345px;
	padding-left:5px;
}
body#index .tabContainer #tab4Body .tab4-detail dl dt ,
body#index .tabContainer #tab4Body .tab4-detail dl dd {
	float:left;
	font-size:1px;
	line-height:0;
	width:94px;
	padding-right:19px;
}
body#index .tabContainer #tab4Body .tab4-detail dl dd {
	width:65px;
}
body#index .tabContainer #tab4Body .tab4-detail dl dd.hum {
	width:94px;
}
body#index .tabContainer #tab4Body .tab4-detail dl dd.more {
	float:right;
	width:47px;
	padding-right:3px;
}
body#index .tabContainer #tab4Body .tab4-detail dl dt a,
body#index .tabContainer #tab4Body .tab4-detail dl dd a {
	display:block;
	border-bottom:1px solid #CCCCCC;
	padding:10px 0;
}
body#index .tabContainer #tab4Body .tab4-detail dl dd.more a {
	display:block;
	border-bottom:1px dashed #CCCCCC;
	padding:15px 0 5px 0;
	width:47px;
}


/* ▲タブエリアここまで▲ */



body#index.top #Header {
	height:56px;
	position:relative;
	z-index:30;
}

body#index.top #Contents #Sub {
	position:relative;
	z-index:10;
}

/* ユーザーアクション------------------ */
#index #userAction {
	width:207px;
	font-size:0px;
	margin-bottom: 10px;
	margin-top:-22px;
	position: relative;
}

body#index.top #Contents #Main {
	margin-top:12px;
}

body#index.top #Contents #Main .mainFlash {
	margin-bottom:10px;
}

body#index.top #Contents #Sub .uaFlash {
	height:191px;
	margin-bottom:9px;
}

body#index.top #Contents #Main .lineupNavi {
	margin:0 auto 25px;
	width:687px;
	z-index:10;
}

body#index.top #Main .Information2 .ttlInfo {
	position:relative;
}

body#index.top #Main .Information2 .ttlInfo div.more {
	position:absolute;
	top:15px;
	right:10px;
	padding-left:14px;
	line-height:1.1;
	background:url(/img/top/ico-arrow2.gif) 0 center no-repeat;
}

body#index.top #Main .leftImage {
	margin-bottom:10px;
}

body#index.top #Main .leftImage .image {
	float:left;
}

body#index.top #Main .leftImage .container {
	font-size:1.2em;
	margin-left:210px;
	padding-left:10px;
}

body#index.top .lineup01 {
	margin-bottom:3px;
}

body#index.top h2 {
}

body#index.top #Contents #Main .Information2 .info2 {
	background-color:transparent;
	padding:0;
	float:left;
	height:auto;
	margin-right:6px;
	text-align:right;
	width:224px;
}

body#index.top #Contents #Main .Information2 .info2 .morelink {
	background-color:#f5f5f5;
	padding:7px 0;
}

body#index.top .Information2 .info2 div.morelink a {
	padding:0 5px 0 14px;
	line-height:1.1;
	background:url(/img/top/ico-arrow2.gif) 0 center no-repeat;
}

#Contents #Main .News dl {
    width: 676px!important;
}

body#index.top #Contents #Main .News dl dd {
	line-height:1.3;
	padding:8px 0 0 0;
}

body#index.top #Header .logo {
	left:10px;
	position:absolute;
	top:10px;
}



/*===========================================
 TOPタブメニューソース化
 2010/10/25
============================================*/
body#index.top .topTabMenu .tab li {
	float:left;
}

body#index.top .topTabMenu .tab li a {
	display:block;
	background-position:0 0;
	background-repeat:no-repeat;
}

body#index.top .topTabMenu .tab li.active img,
body#index.top .topTabMenu .tab li.ui-tabs-selected img {
	visibility:hidden;
}

body#index.top .topTabMenu {
	height:270px;
	font-size:12px;
	width:686px;
	margin:0 auto;
}

body#index.top .topTabMenu #tab1 a {
	background-image:url(/img/top/navi_after_on.gif);
}

body#index.top .topTabMenu #tab2 a {
	background-image:url(/img/top/navi_accessory_on.gif);
}

body#index.top .topTabMenu #tab3 a {
	background-image:url(/img/top/navi_carlife_on.gif);
}

body#index.top .topTabMenu #tab4 a {
	background-image:url(/img/top/navi_used_on.gif);
}

body#index.top .topTabMenu .tabContain {
	border:#999999 solid 1px;
	border-top:none;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: #fff;
	padding:20px;
	position:relative;
	zoom:1;
}

body#index.top .topTabMenu .info .img {
	float:left;
}

body#index.top .topTabMenu .info .infoMenu {
	float:right;
	width:412px;
}



body#index.top .topTabMenu .info li {
	padding-left:8px;
	margin-bottom:4px;
	background:url(/img/top/ico_gray.gif) 0 0.2em no-repeat;
}

body#index.top .topTabMenu .info .float li {
	float:left;
	margin-right:1em;
	white-space:normal;
}

body#index.top .topTabMenu .listBtn {
	position:absolute;
	right:10px;
	bottom:10px;
	width:90px;
}

body#index.top .topTabMenu .category {
	margin-bottom:10px;
}

body#index.top .topTabMenu #tab1Body,
body#index.top .topTabMenu #tab2Body{
	width:644px;
	height:187px;
	_height:183px;/*IE6対策*/
}
body#index.top .topTabMenu #tab4Body{
	width:664px;
	_width:668px;/*IE6対策*/
	padding:10px;	
}
*html body#index.top .topTabMenu #tab4Body{
	padding:8px;	
}
body#index.top .topTabMenu #tab3Body {
	background-image:url("/img/top/bg_carlife.gif?date=140128");
	background-repeat:no-repeat;
	height:207px;
	_height:213px;/*IE6対策*/
	width:664px;
	padding:10px;
}
*html body#index.top .topTabMenu #tab3Body{
	padding:5px
}
body#index.top .topTabMenu #tab3Body ul.btn-box {
	width:664px;
	margin-top:10px;
}
body#index.top .topTabMenu #tab3Body ul.btn-box li{
	width:125px;
	padding:0 3.8px;
	float:left;
}

*html body#index.top .topTabMenu #tab3Body ul.btn-box li{
	width:125px;
	padding:0 3.8px 0 3.8px;
	float:left;
}
*html body#index.top .topTabMenu #tab3Body ul.btn-box {
	width:674px;
	margin-top:10px;
}
body#index.top .topTabMenu #tab3Body .btn-list{
	text-align:right;
	padding:34px 6px 0 0;
}
body#index.top .topTabMenu .carLife {
	float:left;
	width:175px;
	margin-right:57px;
}

body#index.top .topTabMenu .carLife div {
	margin-bottom:15px;
}

body#index.top .topTabMenu #CarLife {
	position:relative;
}

body#index.top .topTabMenu #CarLife .listBtn {
	position:absolute;
	bottom:0;
	right:0;
}



body#index.top .topTabMenu #tab4Body {
	background-color:#E1ECFD;
}

body#index.top .topTabMenu .used {
	margin:8px 0;
}

body#index.top .topTabMenu .used .image {
	float:left;
	width:260px;
}

body#index.top .topTabMenu .used .usedList {
	float:right;
	width:384px;
}


body#index.top .topTabMenu .used .listHead {
	background-color:#333333;
	color:#fff;
}

body#index.top .topTabMenu .used .listHead {
	font-weight:bold;
	padding:3px 5px;
	position:relative;
	zoom:1;
}

body#index.top .topTabMenu .used .maker {
	background:#fff url(/img/top/bg_used_line.gif) center top repeat-y;
	border:#ccc solid 1px;
	padding:7px 15px;
	line-height:1.2;
}

body#index.top .topTabMenu .used .maker .leftList {
	float:left;
	width:171px;
}

body#index.top .topTabMenu .used .maker .rightList {
	float:right;
	width:161px;
}

body#index.top .topTabMenu .used .maker .subList li {
	margin-left:1em;
	padding-left:12px;
	background:url(/img/top/ico_l-shape.gif) 0 center no-repeat;
}

body#index.top .topTabMenu .listHead .count {
	position:absolute;
	top:3px;
	right:5px;
	font-size:11px;
	font-weight:normal;
}

body#index.top .topTabMenu .listHead .count span {
	font-size:14px;
	font-family:Arial, Osaka, sans-serif;
	color:#f60;
	font-weight:bold;
}

body#index.top .topTabMenu .usedSite ul {
	margin-top:6px;
}

body#index.top .topTabMenu .usedSite li {
	float:left;
	margin-right:2em;
	padding-left:17px;
	background:url(/img/top/ico_blue_circle.gif) 0 center no-repeat;
}

body#index.top .ui-tabs-selected a {
	cursor:pointer;
}


/* custom clearfix */
body#index.top .topTabMenu .tab:after,
body#index.top .topTabMenu .info:after,
body#index.top .topTabMenu .info .float:after,
body#index.top .topTabMenu #CarLife:after,
body#index.top .topTabMenu .used:after,
body#index.top .topTabMenu .used .maker:after,
body#index.top .topTabMenu .usedSite ul:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
}
body#index.top .topTabMenu .tab,
body#index.top .topTabMenu .info,
body#index.top .topTabMenu .info .float,
body#index.top .topTabMenu #CarLife,
body#index.top .topTabMenu .used,
body#index.top .topTabMenu .used .maker,
body#index.top .topTabMenu .usedSite ul {
	zoom:1;
}

.lineup01 .bmw, .lineup02 .used{
	padding-right:0!important;
}

.MenteWidth{
	width:400px;
}
.MenteWidth li.mb{
	width:110px;
}
.MenteWidth li.cadillac{
	width:75px;
}
.MenteWidth li.chevrolet{
	width:110px;
}
.InfomationColum{
	margin:0 auto;
	width:690px;
	padding-left:2px;
}
.News dl{
	padding-left:10px;
}

.Information .InfoPaddingArea{
	padding-left:10px;
}

.InformationContentsArea, .NewsContentsArea{
	padding-top:20px!important;
	padding-bottom:5px!important;
	padding-left:5px;
}

.SlideBgArea{
	background-color:#ECEDF2;
}