/* navi width */
#nav a, #subMenusContainer a{
	width:130px;
}


body {
	bgcolor:#ffffff; 
	margin:0; 
	-moz-opacity:0.9999;
	}

/*Rollover
--------------*/	
a.imgov:hover img{
	filter:alpha(opacity=75);
	-moz-opacity:0.75; 
	opacity:0.75;
	}

h1 {
	background-color:#d7d7d7;
	width:950px;
	text-align:right;
	font-size:10px;
	color:#FFFFFF;
	font-weight:normal;
	margin:0 auto;
	padding:0;
}

h2 {
	padding:9px 0 6px 27px;
	left:0;
	margin:0;
	float:left;
}

h3 {
	float:left;
	padding-left:13px;
	left:0;
	margin:0;
	font-size: 1rem;
	font-weight: normal;
	border-left: 5px solid #9c1010;
	margin-left: 14px;
}

h4 {
	width:239px;
	font-size:0;
	padding:0;
	margin:0;
	text-align:left;
}

#header {
	width:950px;
	height:53px;
	background:url(/common/images/bg.gif) repeat-y;
	margin:0 auto;
}

#bg {
	background:url(/common/images/bg_image.gif) repeat-x;
}
#navi {
	background:url(/common/images/bg_image.gif) repeat-x;
}

.naviLayout {
	width:780px; 
	position:relative; 
	z-index: 2; 
}

#topicsDealerinfo {
	width:950px;
	margin:0 auto;
	background:url(/common/images/bg.gif) repeat-y;
}
	 
#topics {
	/* width:711px; */
	/* float:left; */
	/* background:url(/common/images/topics_bg.gif) no-repeat; */
}	 

#dealerInfo {
	width: 200px;
	padding: 10px;
}	

#dealerInfo ul {
	padding:0;
	margin:0;
	}

#dealerInfo ul li {
	padding:0;
	list-style:none;
	text-align: center;
	font-size:0;
	line-height:0;
	margin: 0 auto 5px;
}

#dealerInfo ul li img {margin: auto;}

ul#dealerInfoBg {
 /* height:42px; */
 /* background:url(/common/images/info_bg.gif) repeat-y right; */
 /* padding-left:20px; */
}

#testride {
	padding:1px 0 0 20px;
}

#shop {
	padding:9px 0 0 20px;
	font-size:0px;
}

#dealerInfo ul li#rvBnr {
	/*padding-top:40px;*/
	padding-top:22px;
	}

#footer {
	clear:both;
	border-bottom:3px solid #bbbbbb;
	text-align: center;
	padding: 20px 10px 20px;
	font-size: 0.8rem;
}

#fla {
	padding-top:28px;
}

#fla div {
 width:950px;
	height:330px;
}

.clearfix:after {
	content:".";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
 line-height:0; 
	}

/*for win ie*/
.clearfix {
	display:inline-block;
	zoom:1;
	}

/*scroll
--------------------------------------------------------*/
/*news.css
------------*/
#News dl, #News dl dt, #News dl dd {
	margin:0;
	padding:0;
}

#News dl {
	font-size:65%;
	/* padding-bottom:30px; */
	display: block;
	margin: 5px auto;
	width: calc(100% - 30px);
	display: block;
	height: 300px;
	overflow-y: scroll;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
	background: #fff;
}

#News dl dt {
	background:url(/common/images/li.gif) no-repeat 5px 13px;
	padding:8px 5px 0 13px;
}
	
/*#News dl dt .new {
	background:url(/common/images/new.gif) no-repeat 100%;
}*/
	
#News dl dd {
	background:url(/common/images/dot.gif) no-repeat bottom;
	padding:3px 5px 8px 13px;
	line-height:1.6;
}

#News .icn {
	margin-left:5px;
}

#ScrollbarArea {
	width:688px;
	padding-left:23px;
	float:left;
	position:relative;
	/*background:url(/common/images/slide_bg.gif) repeat-y;*/
}
	
.scrollPosition{
	position:relative;
	/*left:50px;*/
	text-align:left;
}

.Container {
	position:absolute;
	/*top:-76px;
	left:28px;*/
	width:680px;
	/*スクロールの高さを変える際はここのheightをいじる！
	あとトップページの「new jsScroller(document.getElementById("News"), 400, ★);」←★も変える*/
	height:493px;
	background:#FFF no-repeat;
	border-bottom:1px solid #bbbbbb;
	border-top:1px solid #bbbbbb;
}

#Scroller-1 { 
	position:absolute;
	left:5px;
	overflow:hidden;
	width:675px;
	/*スクロールの高さを変える際はここのheightをいじる！
	あとトップページの「new jsScroller(document.getElementById("News"), 400, ★);」←★も変える*/
	height:491px;
}

#Scroller-1 p {
	margin:0;
	padding:8px 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-indent:20px;
	color:#6F6048;
}

.Scroller-Container {
	position:absolute;
	top:0;
	left:0;
}

#Scrollbar-Container {
	position:absolute;
	z-index:1;
}

#scrollTopBg {
	position:absolute;
	/*スクロールの高さを変える際はここのheightをいじる！
	あとトップページの「new jsScroller(document.getElementById("News"), 400, ★);」←★も変える*/
	top:494px;
	left:0;
	/*background:url(/common/images/bg2.gif) no-repeat;*/
	background:transparent url(/common/images/scrollbar_track.gif) no-repeat 23px 0;
}

#scrollTopBg div {
	padding:5px 0 3px 36px;
}
	 
.Scrollbar-Up {
	cursor:pointer;
	position:absolute;
}

.Scrollbar-Track {
	width:5px;
	/*スクロールの高さを変える際はここのheightをいじる！
	あとトップページの「new jsScroller(document.getElementById("News"), 400, ★);」←★も変える*/
	height:495px;
	position:absolute;
/*top:-76px;
	left:23px;*/
	background:transparent url(/common/images/scrollbar_track.gif) repeat-y center center;
	border-bottom:1px solid #bbbbbb;
	border-top:1px solid #bbbbbb;
}

.Scrollbar-Handle {
	position:absolute;
	width:5px;
	height:38px;
	cursor:pointer;
}

.Scrollbar-Down {
	cursor:pointer;
	position:absolute;
	top:187px;
}

.Scroller-Container ul {
	margin:0; 
	padding:0
}

.Scroller-Container ul li {
	background:url(/common/common/images/li.gif) left 5px no-repeat;
	padding-left:7px;
	color:#343333;
	font-size:10px;
	line-height:120%;
	list-style-type:none;
	margin:2px 9px;
}

.Scroller-Container ul li a:hover {
	color:#3e41bd;
}

.Scroller-Container ul li a {
	color:#0b0d57;
}

.dotLine {
	padding:4px 0;
	text-align: right;
}

.newTxt {
	margin:10px;
	padding:1px 5px;
	text-align: left;
	background:#ff1f1f;
	color:#ffffff;
	border-style:solid;
	border-width:1px;
	font-size:10px;
}


.endTxt {
	margin:10px;
	padding:1px 5px;
	text-align: left;
	border:solid 1px #ff1f1f;
	color:#ff1f1f;
	border-style:solid;
	border-width:1px;
	font-size:10px;
	font-weight:bold;
}



.flex{display: flex;justify-content: space-between;align-items: center;width: calc(100% - 10px);}
.contact_btn{padding:10px 10px;display: inline-flex;background:#333;color:#fff;border-radius:5px;font-size: 12px;text-decoration: none;line-height: 14px;align-items: center;}
.contact_btn:hover{line-height:14px;background:#ff0033;}



#topics{
    display: flex;
    flex-direction: column;
    overflow: visible;
    height: auto;
}
#topics h3{
    padding: 5px 0 5px 15px;
    margin: 20px 15px 5px;
    width: 100%;
}
#News.news{
    display: block;
    /* height: 300px; */
}
.flex2col{
    display: flex;
    flex-direction: row;
    /* overflow: hidden; */
    }
    
#dealerInfo h3{padding-left: 0;}