@charset "utf-8";

/* シンプルな右矢印 */
.type-01 li a:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  border-top-style: solid;
  border-right-style: solid;
  -webkit-transform: rotate(45deg);
	right: 10px;
	width: 6px;
	height: 6px;
	border-top-width: 3px;
	border-right-width: 3px;
	margin-top: -4px;
	border-color: #999;
}

/* PCサイトに遷移する場合用 */
.pc-link li a:after {
	content: "";
  position: absolute;
  top: 50%;
	display: block;
	right: 10px;
	margin-top: -8px;
	width: 18px;
	height: 15px;
	background: url(/smartphone/images/pc_link.png) no-repeat;
	background-size: 18px 15px;
}


/* サムネイル付きリスト - 01

	サムネイルサイズが一定、横並びな感じのやつ

	[画像][テキスト] >

	↑こんな感じ
-----------------------------------------------------------------------------------------------------------*/
.thumbnail-list li {
}

.thumbnail-list li a {
	display: block;
	width: 100%;
	position: relative;
	overflow: visible;
	display: -webkit-box;
	text-decoration: none;
	color: #333;
}

.list-text {
	-webkit-box-flex: 1;
	padding: 5px 30px 0 10px;
}


.thumbnail-list {
	border-top: solid 1px #dbdbdb;
}

.thumbnail-list li {
	border-bottom: solid 1px #dbdbdb;
	background-image: -webkit-linear-gradient(top, #fcfcfc, #f2f2f2);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f2f2f2));
}

.thumbnail-list .thumbnail {
	width: 100px;
}
.thumbnail-list .thumbnail img {
	width: 100px !important;
	height: 75px !important;
}

.thumbnail-list .thumbnail span {
	/*
	display: block;
	width: 80px;
	height: 80px;
	background: #000;
	*/
}

.topics {
	font-size: 10px;
	font-weight: bold;
	line-height: 1.3;
}

.text-box p {
	font-size: 12px;
	line-height: 1.45;
	padding: 0;
	margin: 0;
}

/* 中古車EX用指定 */
.price {
	font-size: 10px !important;
	margin: 0 !important;
}

.price span {
	font-size: 12px !important;
	font-weight: bold !important;
	color: #c00 !important;
	line-height: 1.25;
}

.spec {
	font-size: 10px !important;
	color: #666 !important;
}


/* プレーンなリスト - 01

	[テキスト] >
	[テキスト] >

	↑こんな感じ
-----------------------------------------------------------------------------------------------------------*/
.normal-list {
}

.normal-list li a {
	-webkit-background-clip: padding-box;
	border-bottom: solid 1px #ccc;
}


.normal-list li a {
	font-size: 12px;
	font-weight: bold;
	text-align: left !important;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}

.normal-list li:first-child a {
	-webkit-border-radius: 4px 4px 0 0;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}

.normal-list li:last-child a {
	-webkit-border-radius: 0 0 4px 4px;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}



/* 開閉式リスト - 01

	+ [見出し]
	- [見出し]
		[テキスト]

	↑こんな感じ
-----------------------------------------------------------------------------------------------------------*/
.collapse-list {
	margin: 0 0 10px;
	border-bottom: solid 1px #ccc;
}
.collapse-list dd {
	padding: 10px;
	font-size: 10px;
	line-height: 1.45;
	background: #fefefe;
	border-top: solid 1px #eaeaea;
	text-align:justify;
	text-justify:inter-ideograph;
}

.collapse-list dd ol,
.collapse-list dd ul {
	padding: 0 0 0 1.5em;
}

.collapse-list dd ol li {
	list-style-type: decimal;
}

.collapse-list dd ul li {
	list-style-type: disc;
}


.collapse-list dd li {

}

.collapse-list dt {
	border-top: solid 1px #ccc;
}


/* 閉じてる時 */
.collapse-list dt {
	padding: 8px 0 8px 30px;
/*	text-indent: 30px;*/
	position: relative;
	z-index: 1;
	font-size: 14px;
	font-weight: bold;
	color: #333 !important;
}

/* 背景の○ */
.collapse-list dt:before {
	position: absolute;
	left: 8px;
	top: 50%;
	margin-top: -8px;
	content: "";
	width:16px;
	height:16px;
	-webkit-border-radius:16px;
	background: #1683FF;
	-webkit-box-shadow: 0px 0px 1px 0px #fff, inset 0 1px 1px 0 rgba(0,0,0,0.25) !important;
}

.collapse-list dt:after {
		position: absolute;
		content: "";
    left:12px;
		top: 50%;
    width:8px;
    height:2px;
    margin-top:-1px;
    background:#fff;
		z-index: 2;
}

.collapse-list dt span:before {
		position: absolute;
		content: "";
    left:15px;
    width:2px;
    height:8px;
		top: 50%;
    margin-top:-4px;
    background:#fff;
		z-index: 2;
}




/* 開いている時 */
.collapse-list dt.active {
	background: #dedede;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), color-stop(0.5, #f2f2f2), to(#fefefe));
}

.collapse-list dt:before {
	position: absolute;
	left: 8px;
	content: "";
	width:16px;
	height:16px;
	-webkit-border-radius:16px;
	background: #1683FF;
	-webkit-box-shadow: 0px 0px 1px 0px #fff, inset 0 1px 1px 0 rgba(0,0,0,0.25) !important;
}

.collapse-list dt.active:after {
		position: absolute;
		content: "";
    left:12px;
		top: 50%;
    width:8px;
    height:2px;
    margin-top:-1px;
    background:#fff;
		z-index: 2;
}

.collapse-list dt.active span:before {
	display: none;
}


/* 見出しありのリスト - 01

	+ [見出し]
	- [見出し]
		[テキスト]

	↑こんな感じ
-----------------------------------------------------------------------------------------------------------*/
.notesList {
	margin: 0 0 10px;
	padding: 0 2px;
}

.notesList dt {
	position: relative;
	font-size: 12px;
	padding: 5px 10px;
	border: 1px solid #666;
	background: #666;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 -1px 1px #444;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#999), to(#666));
}

	.notesList dl dt {
		font-size: 10px !important;
		color: #333 !important;
		border: none !important;
		background: none !important;
		background-image: none !important;
		text-shadow: none !important;
		padding: 0 !important;
	}


.notesList dd {
	font-size: 10px;
	line-height: 1.45;
	padding: 10px;
	border: solid 1px #ccc;
	background: #dedede;
	text-align:justify;
	text-justify:inter-ideograph;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), color-stop(0.5, #f2f2f2), to(#eaeaea));
}

	.notesList dl dd {
		padding: 0 !important;
		border: none !important;
		background: none !important;
		background-image: none !important;
	}

.notesList dd ol,
.notesList dd ul,
.ui-collapsible-content ol,
.ui-collapsible-content ul {
	margin-left: 20px;
}

.notesList dd ul li,
.ui-collapsible-content ul li {
	list-style: disc outside !important;
}

.notesList dd ol li,
.ui-collapsible-content ol li {
	list-style: decimal outside !important;
}

.notesList dt:first-child {
	-webkit-border-radius: 4px 4px 0px 0px;
}

.notesList dd:last-child {
	-webkit-border-radius: 0px 0px 4px 4px;
}

/* 車買取EX専用
-----------------------------------------------------------------------------------------------------------*/
.pertner-list {
	margin: 10px 2px;
	text-align: center;
}

.pertner-list span {
	display: none;
}

.pertner-list li {
	display: inline-block;
	margin-bottom: 3px;
}

.pertner-list li img {
	height: 12px;
}


.p8{padding: 8px;}
.main_box .privacy_box p{
	font-size: 12px;
}
.main_box .privacy_box dt{
	padding: 8px;
	font-size: 14px;
	font-weight: bold;
	background-color: #f5f5f5;
	line-height: 1.6;
}
.main_box .privacy_box dd,
.privacy_box dd{
	padding: 8px;
	font-size: 12px;
	line-height: 1.6;
}

.main_box .privacy_box ul {
	margin-left: 25px;
	list-style-type: disc;
}

.main_box .contact,
.main_box .sign {
	padding: 8px;
}
.main_box .contact p,
.main_box .sign p{
	padding: .25em;
}
.privacy_box p{
	padding: 8px;
}
.privacy_box dd p{
	padding: 0;
}
.companyTable {
  width: 100%;
  table-layout: fixed;
  font-size: 14px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-collapse: separate;
}
.companyTable th {
  font-size: 12px;
  width: 105px;
  background-color: #F0F0F0;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  box-shadow: 1px 1px 0 0 #fff inset, -1px -1px 0 0 #fff inset;
  -moz-box-shadow: 1px 1px 0 0 #fff inset,-1px -1px 0 0 #fff inset;
  -webkit-box-shadow: 1px 1px 0 0 #fff inset, -1px -1px 0 0 #fff inset;
  padding: 7px 10px 5px 10px;
  line-height: 150%;
  text-align: left;
}
.companyTable td {
  font-size: 12px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 15px;
  line-height: 150%;
}
.companyTable td p{
  padding: .25em;
}

.sitemap .privacy{
  margin: 0;
}
.sitemap_box h4,
.sitemap_box .line,
.sitemap_box h5
{
  padding: 10px 8px;
  position: relative;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  background-color: #555;
}
.sitemap_box h6,
.sitemap_box dl dt{
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
  background: #CCC;
}
.sitemap_box h6{
  margin: 0;
}
.sitemap_box ul li a{
  font-size: 14px;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  display: block;
  background-color: #f0f0f0;
  background-image: -moz-linear-gradient(center top, #fefefe, #eaeaea);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eaeaea));
  padding: 15px 20px 12px 10px;
  border-bottom: solid 1px #aeaeae;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overf
}

.sitemap_box ul li a:after{
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  border-top-style: solid;
  border-right-style: solid;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  right: 10px;
  width: 8px;
  height: 8px;
  border-top-width: 3px;
  border-right-width: 3px;
  margin-top: -4px;
  border-color: #1683FF;
}

.sitemap .link_color{
  color: #FFF;
  text-decoration: none;
}

.breadcrumb_list{
  border-top: 1px solid #CCC;
  overflow: scroll;
  padding: 8px;
  width: 100%;
  white-space: nowrap;
}
.breadcrumb_list .breadcrumb_item{
  display: inline;
  font-size: 12px;
  padding-right: 8px;
  position: relative;
}