/*--------------------------------------------------
	shop car search list
--------------------------------------------------*/
.carsearchbox_upper01 {
	display:table-cell;
	vertical-align:top;
	padding-right:10px;
	border-right:1px dotted #ccc;
}
.carsearchbox_upper02 {
	display:table-cell;
	vertical-align:top;
	padding:0 10px;
	border-right:1px dotted #ccc;
}
.carsearchbox_upper03 {
	display:table-cell;
	vertical-align:top;
	padding:0 10px;
	width:210px;
	border-right:1px dotted #ccc;
}
.carsearchbox_upper04 {
	display:table-cell;
	padding-left:10px;
}
.carname_group_box {
	display:none;
}
.carsearchbox_hiddenbox {
	display:none;
	border:2px solid #f2f2f2;
	border-bottom:none;
	background:#fff;
	padding:15px;
}
.carsearchbox_lower01 {
	display:table-cell;
	padding-right:10px;
	border-right:1px dotted #ccc;
}
.carsearchbox_lower02, .carsearchbox_lower03 {
	display:table-cell;
	padding:0 10px;
	border-right:1px dotted #ccc;
}
.carsearchbox_lower04 {
	display:table-cell;
	padding-left:10px;
}
.carsearchbox_colorlist {
	width:200px;
}
.carsearchbox_colorlist li {
	float:left;
	width:25%;
	white-space:nowrap;
	margin-bottom:10px;
}
.carsearchbox_otherconditionslist li {
	margin-bottom:7px;
}
.carsearchbox_speclist {
	float:left;
	width:25%;
}
.carsearchbox_speclist li {
	margin-bottom:7px;
}
.list_transmission {
	width:170px;
}
.list_transmission li {
	float:left;
	margin:0 5px 5px 0;
}
.list_transmission .detail {
	display:none;
}
.btn_transmission {
	cursor:pointer;
	display:inline-block;
}
.carsearchbox_btnbox {
	padding:10px 15px;
	background:#f2f2f2;
	position:relative;
}
.carsearchbox_btnbox .more {
	display:inline-block;
	margin-top:10px;
	height:21px;
	line-height:21px;
	background:url(/img/carsearchform/icon_more.png) no-repeat left top;
	padding-left:26px;
}
.carsearchbox_btnbox .more.active {
	background:url(/img/carsearchform/icon_more_active.png) no-repeat left top;
}
.carsearchbox_btnbox .more:hover, .carsearchbox_btnbox .more.active:hover {
	background-position:left bottom;
}
.carsearchbox_btnbox .clear {
	width:115px;
	height:30px;
}
.carsearchbox_btnbox .clear:hover img {
	top:-30px;
}
.btn_submit_konojoken {
	width:252px;
	height:42px;
	border-radius:5px;
}
.btn_submit_konojoken:hover img {
	top:-42px;
}
/*carsearch_listbox*/
.carsearch_listbox_header {
	background:#fff;
	margin-bottom:10px;
  position: relative;
}
.carsearch_listbox_header.fixed_position {
	position: fixed;
	padding-top:10px;
}
.carsearch_listbox_header_zero {
	margin-bottom:20px;
}
.carsearch_listbox_header h2, .carsearch_listbox_header_zero h2 {
	/*background:url(/img/bg/contentbox_title_bg.png) repeat-x left bottom;
	border:1px solid #ccc;
	border-bottom:none;
	padding-bottom:4px;
	font-size:1.1em;*/
  padding: 5px 0 15px;
    margin-bottom: .5em;
    border-bottom: 3px solid #A30000;
    font-size: 1.6rem;
}
/*.carsearch_listbox_header h2 span, .carsearch_listbox_header_zero h2 span {
	display:block;
	padding:13px;
	background: #e6e6e6;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: linear-gradient(to bottom, #e6e6e6 0%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff', GradientType=0 );
}*/
.carsearch_listbox_link_otherpage {
	position:absolute;
	right:10px;
	top:6px;
	line-height:18px;
}
.carsearch_listbox_link_otherpage li {
	float:right;
	margin-left:10px;
}
.carsearch_listbox_link_otherpage a {
	color:#666;
	text-decoration:underline;
}
.carsearch_listbox_link_otherpage a:hover {
	text-decoration:none;
}
.fixed_position .carsearch_listbox_link_otherpage {
	top:22px;
}
.carsearch_listbox_header_num {
	padding:5px 10px;
}
.carsearch_listbox_header_num .num {
	font-weight:bold;
	color:#900;
	height:28px;
	line-height:28px;
}
.carsearch_listbox_header_num .num span {
	font-size:1.6em;
}
.carsearch_listbox_header_operationarea {
	/*border:1px solid #ccc;
	border-bottom:none;*/
	padding:7px;
}
.display_switch {
	float:left;
}
.display_switch li {
	float:left;
	margin-right:10px;
	color:#333;
	line-height:26px;
}
.display_switch a {
	opacity:0.7;
	color:#333;
	text-decoration:underline;
}
.display_switch a:hover {
	text-decoration:none;
}
.pagination {
	float:right;
}
.pagination li {
	float:left;
	margin-left:5px;
}
.pagination li a, .pagination li span {
	/*
  display:block;
	padding:0 9px;
	border-radius:3px;
	height:24px;
	line-height:24px;*/
  display:block;
	padding:0 12px;
	border-radius:3px;
	height:28px;
	line-height:28px;
}
.pagination li a {
	/*
  color:#666;
	text-decoration:none;
	border:1px solid #ccc;
	background: #fefefe;
	background: linear-gradient(to bottom, #fefefe 0%, #e8e8e8 100%);*/
  color:#666;
	text-decoration:none;
	border:1px solid #ccc;
	background: #fff;
}
.pagination li a:hover, .pagination li span {
	/*
  border:1px solid #666;
	color:#fff;
	background: #979797;
	background: linear-gradient(to bottom, #979797 0%, #6a6a6a 100%);*/
  border:1px solid #333;
	color:#fff;
	background: #333;
}
.carsearch_simple_list .box {
	margin-bottom:1em;
  border: 1px solid #ddd;
  border-top: 3px solid #ddd;
}
.carsearch_simple_list .box:hover {
	cursor:pointer;
	background:#F1FBFF;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
}
.carsearch_simple_list .carname {
	position:relative;
	padding:10px 10px 7px;
	line-height:1.2;
/*	background: #f4f4f4 url(/img/bg/border_gray_groove.png) repeat-x;
	background: url(/img/bg/border_gray_groove.png) repeat-x, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:url(/img/bg/border_gray_groove.png) repeat-x, linear-gradient(to bottom, #f4f4f4 0%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff', GradientType=0 );*/
}
.carsearch_simple_list .box:hover .carname {
	cursor:pointer;
	background: #ddf2ff url(/img/bg/border_gray_groove.png) repeat-x;
	background: url(/img/bg/border_gray_groove.png) repeat-x, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZjJmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWZiZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:url(/img/bg/border_gray_groove.png) repeat-x, linear-gradient(to bottom, #ddf2ff 0%, #f1fbff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddf2ff', endColorstr='#f1fbff', GradientType=0 );
}
.carsearch_simple_list .carname.new {
	padding:10px 10px 7px 25px;
}
.carsearch_simple_list .carname .icon_new {
	position:absolute;
	left:0;
	top:3px;
}
.carsearch_simple_list .carname a {
	position:relative;
}
/*carsearchlist_table*/
.carsearchlist_table {
	width:100%;
	table-layout:fixed;
}
.carsearchlist_table th, .carsearchlist_table td {
	padding:4px;
	border:1px solid #eee;
	line-height:1.2;
}
.carsearchlist_table thead th {
	background:#f2f2f2;
	font-weight:normal;
	font-size:0.9em;
}
.carsearchlist_table tbody {
	color:#333;
}
.carsearchlist_table thead a.active {
	color:#900;
}
.carsearchlist_table .cell_img {
	text-align:center;
	width:120px;
}
.carsearchlist_table .cell_img img {
	max-width:120px;
}
.carsearchlist_table .cell_price {
	font-weight:bold;
}
.carsearchlist_table .cell_price .price {
	color:#c00;
	font-size:1.3em;
}
.btn_fav_add_m {
	width:125px;
	height:20px;
	margin-top:3px;
}
.btn_fav_add_m:hover img {
	top:-20px;
}
.btn_carlist_to_cardetail {
	width:100px;
	height:25px;
}
.btn_carlist_to_cardetail:hover img {
	top:-25px;
}
.carsearch_image_list > .inner {
	letter-spacing:-.4em;
}
.carsearch_image_list .box {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	border:1px solid #ddd;
  border-top: 3px solid #ddd;
	padding:40px 7px 7px;
	width:176px;
	color:#333;
	margin-left:10px;
	margin-bottom:15px;
	position:relative;
}
.carsearch_image_list .box:hover {
	cursor:pointer;
	background:#F1FBFF;
}
.carsearch_image_list .box:nth-child(5n+1) {
	margin-left:0;
}
.carsearch_image_list .img {
	height:120px;
	line-height:120px;
	margin-bottom:5px;
	text-align:center;
}
.carsearch_image_list .img img {
	max-width:160px;
}
.carsearch_image_list .name {
	font-weight:bold;
	line-height:1.2;
}
.carsearch_image_list .icon {
	width:100%;
	height:34px;
	position:absolute;
	left:0;
	top:0;
	margin-top:0;
}
.carsearch_image_list ul {
	margin-left:24px;
	padding-top:5px;
}
.carsearch_image_list li {
	float:left;
}
.carsearch_image_list .icon .new {
	position:absolute;
	left:0;
	top:0;
}
.carsearch_image_list .icon .hosyo {
	margin-right:5px;
}
.carsearch_image_list dd {
	margin-top:5px;
}
.carsearch_image_list .spec {
	line-height:1.3;
	font-size:0.9em;
}
.carsearch_image_list .btn {
	text-align:center;
	border-top:1px solid #eee;
	padding-top:9px;
	line-height:1;
}
/*searchresult_0*/
.searchresult_0_text {
	padding:40px;
	font-size:1.1em;
	color:#333;
	font-weight:bold;
	text-align:center;
	line-height:1.3;
	margin-bottom:10px;
}
.searchresult_0_text .text_red {
	font-size:1.3em;
}
.searchresult_0_alertmail {
	background:#f2f2f2;
	border:1px solid #ccc;
	padding:3px;
	margin-bottom:10px;
}
.searchresult_0_alertmail .inner {
	background:#fff;
	border-radius:1px;
	padding:10px;
}
.btn_searchresult_0_alertmail {
	width:350px;
	height:60px;
}
.btn_searchresult_0_alertmail:hover img {
	top:-60px;
}
/*--------------------------------------
    list_staff_info
--------------------------------------*/
.carsearchlist_table .onepoint,.carsearchlist_table .simple_list_staff_info_wrapper{
	padding-right:109px;
}
.simple_list_staff_info_wrapper {
	position:relative;
}
.simple_list_staff_info_wrapper .list_staff_info{
	position:absolute;
	right:0;
	bottom:-6px;
}
.list_staff_info .iam{
	position:absolute;
	right:32px;
	bottom:0;
	z-index:2;
}
.list_staff_info:hover .iam img{
	opacity:0;
}
.list_staff_info .photo{
	position:absolute;
	right:0;
	bottom:0;
}
.list_staff_info .photo img{
	width:50px;
	height:50px;
	border-radius:50%;
	border:3px solid #ccc;
	background:#ccc;
}
.list_staff_info:hover .photo img{
	border:4px solid #999;
}
.simple_list_staff_info_wrapper .list_staff_info .tooltip{
	visibility:hidden;
	position:absolute;
	right:60px;
	bottom:5px;
	z-index:2;
	border:4px solid #999;
	background:#fff;
	padding:7px;
	border-radius:9px;
	width:250px;
	box-sizing:border-box;
	font-size:.8em;
	transform-origin: 100% 100%;
    transition: transform 0.1s ease-out;
    transform: scale(.1);
	
}
.simple_list_staff_info_wrapper .list_staff_info:hover .tooltip{
	visibility:visible;
    transform: scale(1);
}
.simple_list_staff_info_wrapper .list_staff_info .tooltip:after {
	left: 100%;
	bottom:20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(153, 153, 153, 0);
	border-left-color: #999999;
	border-width: 12px;
	margin-top: -12px;
}
.list_staff_info .tooltip .comment{
	color:#666;
	margin-bottom:.3em;
}
.list_staff_info .tooltip .staff_name{
	text-align:right;
	font-weight:bold;
}
/*staff tooltip iamge list pattern*/
.image_list_staff_info_wrapper .list_staff_info{
	position:relative;
	width:50px;
	height:50px;
	margin-left:128px;
}
.image_list_staff_info_wrapper .list_staff_info .tooltip{
	visibility:hidden;
	position:absolute;
	right:0;
	bottom:60px;
	z-index:2;
	border:4px solid #999;
	background:#fff;
	padding:7px;
	border-radius:9px;
	width:250px;
	box-sizing:border-box;
	font-size:.8em;
	transform-origin: 100% 100%;
    transition: transform 0.1s ease-out;
    transform: scale(.1);
	
}
.image_list_staff_info_wrapper .list_staff_info:hover .tooltip{
	visibility:visible;
    transform: scale(1);
}
.image_list_staff_info_wrapper .list_staff_info .tooltip:after {
	top: 100%;
	right:36px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(153, 153, 153, 0);
	border-top-color: #999999;
	border-width: 12px;
	margin-left: -12px;
}

/* visited */
.carsearch_simple_list .box.visited {
  background: #f2f2f2;
}
.carsearch_simple_list .box.visited .carname {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.carsearch_simple_list .box.visited .carname a {
  color: #5819AC;
}
.carsearch_simple_list .box.visited .carsearchlist_table th,
.carsearch_simple_list .box.visited .carsearchlist_table td {
  border: 1px solid #ddd;
}