@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
/* ### 基本的なレイアウト ### */
body	{margin: 25px 10px;
		font-size:16px;
		overflow-x: hidden;}

.index	{margin:10px 0 0}


#container	{width: 960px;
	margin: auto;}

#header	{margin-bottom:10px;}


#content	{margin: 30px 0;}

img			{max-width: 100%;
			height: auto;}

.post h2	{background-image:url(../img/point.gif);
			background-repeat:no-repeat;
			background-position:0 70%;
			margin:0;
			padding:0 0 0 15px}


h2,h3	{background-image:url(../img/point.gif);
	background-repeat:no-repeat;
	background-position:0 70%;
	margin:0;
	clear:both;
	padding:0 0 0 15px;
	font-size:20px}


.box			{margin:20px 0;}

.headerspace	{margin:20px 0}

a {text-decoration: none;}
a:link { color: #dc2020; } /* リンクの色 */
a:visited { color: #dc2020; } /* 済みリンク */
a:hover {
	color: #dc2020;
	text-decoration: underline;}/* リンク上 */

a:hover img {
opacity: .8;
-webkit-opacity: .8;-moz-opacity: .8;
filter: alpha(opacity=80);	/* IE lt 8 */
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}



a.phone_no	{color:#000;text-decoration:none;}

/* ### コンテンツ部分の記事のレイアウト ### */

#content	{overflow: hidden;}

.post	{float: left;
	width: 210px;
	margin-right: 35px;
	margin-bottom: 40px;}

.post:last-child	{margin-right: 0;}

.post + .post + .post + .post	{margin-right: 0;}




/* ### コンテンツ ### */

/* サムネイル画像 */
.post img	{width: 220px;
			height: auto;
			vertical-align: bottom;
			border: none;}

/* 記事のタイトルと文章 */
.post h2	{font-size: 15px;
			margin: 5px 0 5px}

.post ul	{font-size: 16px;
			margin:0;
			padding:10px 0 0 10px}

.post li	{list-style-type:none;}	
/* 続きを読むボタン */
.post .more_s	{float: right;
				color: #ffffff;
				font-size: 14px;
				background-color: #ED1C24;
				background-image: url(../img/more_small.png);
				background-repeat: no-repeat;
				background-position: 94% 50%;
				padding: 3px 25px 3px 5px;
				margin: 0;}

/* リンク */
.post a	{color: #000000;
		text-decoration: none;
		display: block;
		overflow: hidden;}


/* ### ヘッダー ### */

/* サイト名 */
#site h1	{font-size:13px;font-weight:normal;margin:0 0 5px}

#site p		{float:left;margin: 0;}

#site img	{vertical-align: bottom;}
#site img.contact_button	{float:right;margin:10px 0 0}

/* ナビゲーションメニュー */
#nav	{float: right;
		font-size: 16px;
		padding-top: 40px;
		padding-bottom: 20px;}

#nav ul	{margin: 0;
		padding: 0;}
	
#nav li	{list-style-type: none;
		float: left;}

#nav li a	{display: block;
			float: left;
			margin-left: 20px;
			text-decoration: none;
			color: #000000;
			border-right: solid 1px #000;
			padding-right:20px}

#nav li:last-child a	{border: none}

/*#nav li + li+ li+ li + li a	{border: none} */

#nav li a:hover {color: #dc2020;
				text-decoration: none}
							

#header	{overflow: hidden;}


/* ### フッター ### */

#footer	{
	color: #ffffff;
	background-color: #333333;
	clear:both;
	margin:0 -200%;
	padding:10px 200% 20px;}


/* サイト名 */
#footer p	{float: left;
	margin: 0;}


/* アイコンメニュー */
#iconmenu	{float: right;}

#iconmenu ul	{margin: 0;
	padding: 3px 0 0;}

#iconmenu li	{display: inline;
				list-style-type: none;
				margin-right:5px}

#iconmenu img	{border: none;}

#iconmenu li:last-child	{margin-right: 0;}

#iconmenu li + #iconmenu li + #iconmenu li + #iconmenu li	{margin-right: 0;}

/* サブメニュー */
#submenu	{clear: both;}

#submenu ul	{margin: 10px 0;
	padding: 3px 0 0;
	font-size: 12px;}

#submenu li	{display: inline;
	list-style-type: none;}

#submenu a	{color: #ED1C24;
	font-weight: bold;
	border-right: solid 1px #ffffff;
	padding-right: 6px;
	margin-right: 3px;
	text-decoration: none;}

#submenu li:last-child a	{border: none;}

#submenu li + li + li a	{border: none;}

/* コピーライト */
small	{font-size: 12px;
	font-weight: bold;
	display: block;}




/*リンクボタン*/
.link_box	{float: left;
	width: 234px;
	margin-right: 8px;
	margin-bottom: 55px;
	}

.link_box:last-child	{margin-right: 0;}

.link_box + .link_box + .link_box + .link_box	{margin-right: 0;}

.link_box img	{width: 234px;
				height: auto;
				vertical-align: bottom;
				border: none;}

/*ランキングTOP3*/
.ranking_box	{float: left;
	width: 300px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-top:5px}

.ranking_box:last-child	{margin-right: 0;}

.ranking_box + .ranking_box + .ranking_box + .ranking_box	{margin-right: 0;}

.ranking_box img	{width: 300px;
				height: auto;
				vertical-align: bottom;
				border: none;}

header{display:none}

/*中古車リンク*/
.boxCR		{float:right;
			width: 470px;
			margin-bottom: 25px;
			}

.boxCR img	{width: 470px;
			height: auto;
			vertical-align: bottom;
			border: none;}

.boxCL		{float:left;
			width: 470px;
			margin-bottom: 25px;
			clear:both}

.boxCL p	{margin:5px 0 0}
@media (max-width: 640px) {
.boxCL p	{margin:5px 3%}

}

/* jQuery Mobile */
[data-role="page"]:focus	{outline: none;}
.ui-loader	{display: none;}

a	{-webkit-tap-highlight-color: rgba(0,0,0,0);}

@media (min-width:980px) {
	[data-role="page"]	{padding-top: 0!important;}
}

.ui-collapsible-heading-status	{display: none}
.post h2 a:hover	{background-color: transparent}

/* 会社概要 */
.tbbox1{
	width:100%;
	border:0;
	border-collapse:separate;
	border-spacing:1px;
	background-color:#999999;
	margin:0 0 20px}

.tbbox1 th{
	width:20%;
	padding:14px;
	font-weight:normal;
	text-align:right;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	background-color:#FAFAFA;
	vertical-align:top;}

.tbbox1 td{
	width:80%;
	padding:14px;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	background-color: #FFF;}

#visual2box{
	overflow:hidden;
	line-height:20px;
	background-color:#dc2020;
	margin:0 -200%;
	padding:0 200%;}
	
#visual2box h1{
	font-size:24px;
	font-weight:normal;
	letter-spacing: 3px;
	color:#FFF}



/* プライバシーポリシー */
#privacy p	{margin:0}
#privacy .apakku{font-size:18px;
				float:right;
				margin:0 0 20px}


/* 保険 */
.hoken	{float: left;
	width: 450px;
	margin-right: 30px;}

.hoken p	{margin:5px 0}

.hoken:last-child	{margin-right: 0;}

.hoken + .hoken + .hoken	{margin-right: 0;}


.hoken img	{width: 450px;
	height: auto;
	vertical-align: bottom;
	margin:0 0 20px}

/* 車検･点検 */
.tbbox2{margin:5px 0 0;
	width:100%;
	border: 0;
	border-collapse: separate;
	border-spacing: 1px;
	background-color: #999999}
	
.tbbox2 th{
	padding:14px;
	text-align:left;
	font-weight:normal;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	background-color:#FAFAFA;
	vertical-align:top;}
	
.tbbox2 td{
	padding:14px;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	background-color: #FFF;
	text-align:center;
}
.tbbox2 td.gray{
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	background-color:#FAFAFA;
	text-align:center;
}

.tax{margin:5px 0;
	text-align:right}

.tbbox3{width:100%;
	margin:5px 0 0;
	border: 0;
	border-collapse: separate;
	border-spacing: 1px;
	background-color: #999999;}
	
.tbbox3 th{width:65%;
	padding:14px;
	text-align:left;
	font-weight:normal;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	background-color: #FAFAFA;
	vertical-align:top;
}
.tbbox3 td{width:35%;
	padding:14px;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	background-color: #FFF;
	text-align:center;
}
.tbbox3 th.gray{
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	background-color:#FAFAFA;
	text-align:center;
}
.tbbox3 td.gray{
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	background-color:#FAFAFA;
	text-align:center;
}
.tbbox3 td.large{
	color:#930;
	font-size:150%;
	font-weight:bold;
}
/* リース */
scr{margin:5px 0 0;
	width:100%;
	border: 0;
	border-collapse: separate;
	border-spacing: 1px;
		background-color: #999999}

.tbbox5{margin:5px 0 0;
	width:100%;
	min-width:500px;
 	overflow:scroll;
	border: 0;
	border-collapse: separate;
	border-spacing: 1px;
}
	
.tbbox5 th{
	padding:14px;
	text-align:center;
	font-weight:normal;
	border-top:1px solid  #999999;
	border-left:1px solid  #999999;
	background-color: #FFF;
	vertical-align:middle;}
	
.tbbox5 td{
	padding:14px;
	border-top: 1px solid  #999999;
	border-left: 1px solid  #999999;
	background-color: #FFF;
	text-align:center;
}
.tbbox5 td:last-child{
	border-right: 1px solid  #999999;
}	
.tbbox5 td.gray{
	border-top:1px solid  #999999;
	border-left:1px solid  #999999;
	background-color:#FAFAFA;
	text-align:center;
}

.tbbox5{
	border-bottom: 1px solid #999999;
}	

/*tableをスクロールさせる*/
/*tableのセル内にある文字の折り返しを禁止*/
.scroll {
 overflow: auto;
 white-space: nomal;
}

/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar {
 height: 5px;
}

/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar-track {
 background: #F1F1F1;
}

/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}

.syaken	{float: left;
	width: 460px;
	margin-right: 40px;
}

.syaken p	{margin:5px 0;}

.syaken:last-child	{margin-right: 0;}

.syaken + .syaken + .syaken	{margin-right: 0;}


.syaken img	{width: 460px;
	height: auto;
	vertical-align: bottom;
	margin:0 0 20px}


.syaken ul	{font-size: 14px;
	margin:0;padding:10px 0 0}

.syaken li	{list-style-type:none;}

.pay{clear:both;margin:20px 0 20px}
.pay ul	{margin:10px 0 0;padding:0}
.pay li	{display: inline;
	list-style-type: none;
	margin-right:15px}
.pay p{margin:0}

/*店舗案内*/
.store	{float: left;
	width: 465px;
	margin-right: 30px;}

.store:last-child	{margin-right: 0;}

.store + .store	{margin-right: 0;}


.store img	{width: 465px;
	height: auto;
	vertical-align: left;
	margin:0 0 20px}

.store ul	{font-size: 14px;
	margin:0;padding:10px 0 0}

.store li	{list-style-type:none;}

iframe{width:100%;height:770px;margin:10px 0 20px;

}


/*ページトップ*/
#pageTop {
  position: fixed;
  bottom: 10px;
  right: 20px;}

/*中古車スマホ*/
.used_box			{display:none}

/*中古車詳細*/
.price_box		{border:solid 1px #999999;
				background:#FAFAFA;
				padding:10px 20px;
				margin:0 0 20px}

.price_box p	{text-align:left;margin:0;}

.price_box p span	{font-size:30px;
					font-weight:bold;
					color:#FF0000;
					padding:0 10px}

.tbbox4{width:48%;
	float:left;
	border: 0;
	border-collapse: separate;
	border-spacing: 1px;
	background-color: #999999;}
.tbbox4:first-child{
	margin-right:4%}
	
.tbbox4 th{width:35%;
	padding:14px;
	text-align:left;
	font-weight:normal;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	background-color: #FAFAFA;
	vertical-align:top;
}
.tbbox4 td{width:65%;
	padding:14px;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	background-color: #FFF;
	text-align:right}

.smart_table{display:none}
.pc_table	{margin:0 0 30px}


/*INFORMATON*/
.flexcroll	{margin:0 0 30px;
			height:500px;
			overflow: auto;
			border-bottom:1px dotted #a6a6a6;}
.flexcroll2	{margin:0 0 30px;
			height:900px;
			overflow:hidden;
			border-bottom:1px dotted #a6a6a6;}

.facebook {margin:0}

.news		{border-bottom:1px dotted #a6a6a6;}

.news dt	{float:left;
			clear:both;
			padding:0 0 10px 0;}

.news dd	{padding:0 0 10px 80px}


/*中古車情報*/
table.tablesorter{
	border:0;
	border-collapse:separate;
	border-spacing:1px;
	background-color:#999999;
	margin:0 0 30px;
	width:100%;
}
table.tablesorter tr{padding-bottom:10px}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	background-color:#FAFAFA;
	font-weight:normal;
	line-height:30px;
	padding: 0 5px;
	text-align:center;
}
table.tablesorter thead tr .header {
	background-image: url(../img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	padding:10px;
	line-height:20px;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	background-color: #FFF;
	text-align:right;
}
table.tablesorter tbody td.img {text-align:center}
table.tablesorter tbody td.left {text-align:left}

/*assist*/
table.tablesorter tbody td.sold{
	text-align:center;
		padding:3px;
}
/*assist*/

table.tablesorter thead tr .headerSortUp {
	background-image: url(../img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../img/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color:#BABABA;
}
table.tablesorter tbody tr.clickable:hover td {cursor:pointer;background:#FFF4F4}


.boxCLN		{float:left;
			width: 940px;
			margin-bottom:30px;
			clear:both;
			}


.eventbox{
	color:#FFF;
	background-color:#900;
	padding:10px;
	margin-bottom:20px;
}


.eventbox h4{
	color:#000;
	padding:10px;
	text-align:center;
	font-size:110%;
}

.eventbox h4 span{
	color:#ED1C24;
}

.eventbox .eventA{
	border-radius: 20px;
	display:block;
	background-color:#EAFFCF;
}

.eventbox .eventB{
	border-radius: 20px;
	display:block;
	background-color:#FFF4B4;
}

.eventbox .eventC{
	border-radius: 20px;
	display:block;
	background-color:#EDEBFF;
}

.eventbox .eventD{
	border-radius: 20px;
	display:block;
	background-color:#FFE7D2;
}

/*スマートカーリース*/
@media (max-width: 640px) {
.pc {display: none;}
.sp {display: block;}
}
@media (min-width: 641px) {
.pc {display: block;}
.sp {display: none;}
}

.lease {
	padding: 30px 0;
}
