﻿.item4 {
    font-size: medium;
}
#content .item4 table , #content .item4 .sublist {
    font-size: 12px;
    text-align: left;
}

#content #foo h3 {
	font-size: 100%;
	color: transparent;
	background-color: #FFF;
	margin: 0;
	padding: 0;
	letter-spacing: normal;
	border-bottom-style: none;
	border-bottom-width: 0;
	text-shadow: none;
	font-weight: bold;
}
#content .item4 table a:visited , #contentt .item4 table a , #contentt .item4 table a:visited , #content .item4 table a:link {
	color: #336699;
}
#content .item4 .sublist a:visited , #contentt .item4 .sublist a , #contentt .item4 .sublist a:visited , #content .item4 .sublist a:link {
	color: #336699;
}
#foo {
    color: #333;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Geneva, Arial, Helvetica ,sans-serif;
/*    background-color: #f5f5f5; */
    font-size: 72.5%;
    line-height: 150%;
    letter-spacing: 0.1em;
	background-color: #FFF;

}
.sale_price {
    color: #f00;
}
/*  最位数的に　.item4 を先頭にいれて調整 　*/
.item4 div , .item4 #foo p , h3 {
	margin: 0;
	padding: 0;
}
.item4 div.sublist {
	border-top: 1px solid;
	padding-top: 25px;
	margin-top: 15px;
}

.item4 h2 , .accordion ul {
	display: none;
}
#content .item4 .midasi h3 {
	font-size: 70%;
}
.item4 h3 {
	line-height: 150%;
	font-size: 100%;
}
.clearfix:after {
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    content: ".";
}
a:link ,
a:visited {
    color: #336699;
    text-decoration: none;
}
a:link:hover ,
a[href]:hover {
    color: #3399cc;
    text-decoration: underline;
}


#category_area2 .nav {
	margin-left: 20px;
}

#foo li {
	width: auto;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	background-color: transparent;	
	border-bottom-color: initial;
	border-bottom-style: none;
	border-bottom-width: 0;
	border-left-color: initial;
	border-left-style: none;
	border-left-width: 0;
	float: none;
	color: initial;	
}

#category_area2 ul.blocknavi {
	margin: 0;
	padding:0;
	background-color: transparent;
}

#category_area2 ul.blocknavi li {
	margin: 0;
	padding: 5px 0 5px 0;
	list-style: none;
	font-weight: bold;
}
#category_area2 ul.blocknavi ul {
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #FF9933;
	margin: 0;
	padding: 0;
	color: transparent;
	background-color: transparent;
}

#category_area2 ul.blocknavi li a {
	padding-left: 15px;
	padding-right: 5px;
	background-color: none;
	text-decoration: none;
	color: #FF6600;
	background-image:url('//www.auto-acp.com/img_sozai/li_mark.gif');
	background-repeat:no-repeat;
	background-position:2px 5px;
}
#category_area2 ul.blocknavi li a:hover {
	background-color: #F90;
	text-decoration:none;
	color:#ffffff;
	text-shadow:1px 1px 1px #990000;
}
#category_area2 ul li.level1 {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #FF9933;
}
#category_area2 ul li.level2 , #category_area2 ul li.level3 , #category_area2 ul li.level4 , #category_area2 ul li.level5 , #category_area2 ul li.level5 {
	margin-left: 15px;
}
#category_area2 ul li.level3 a {
	color: #4265AE;
	font-weight: normal;
}
#category_area2 ul li.level4 a {
	color: #999;
}

#category_area2 li.level1 li a {
    background: url("//www.auto-acp.com/img/icon/ico_level.gif") 7px 7px no-repeat;
	background-image: url('//www.auto-acp.com/img/icon/ico_level.gif');
	background-repeat: no-repeat;
	background-position: 4px 4px;
}

#content ul.model li a {
	font-size: 15px;
	display: block;
	padding-top: 7px;
	padding-left: 10px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	color: #EEE;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#111)); /* Chrome,Safari */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff666666,EndColorStr=#ff111111); 					zoom: 1; /* IE */
	background: -moz-linear-gradient(top, #666, #111); /* Firefox */
	background: -o-linear-gradient(top, #666, #111);   /* Opera */
	background: -ms-linear-gradient(top, #666, #111);      /*                 CSS                3 */
	text-shadow: -1px -1px #000, -2px 0px #000;
}
#content ul.model li a:hover , #content ul.subCategory li li a:hover {
	color: #FFF;
	text-decoration: underline;
}

#content ul.model li li a , #content ul.subCategory li li a {
	font-size: 15px;
	padding: 7px 20px 5px 20px;
	margin: 5px 5px 20px 5px;
}

#content ul.model ul {
	padding-left: 15px;
}
#content ul.model li li a , #content ul.subCategory li li a {
	float: left;
	color: #F90;
	line-height: 120%;
	font-weight: normal;
	font-size: 12px;
	border: 1px solid #F60;
	background: url("//www.auto-acp.com/img_sozai/li_mark.gif") no-repeat 2% center, -webkit-gradient(linear, left top, left bottom, from(#666), to(#111)); /* Chrome,Safari */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff666666,EndColorStr=#ff111111); 					zoom: 1; /* IE */
	background: url("//www.auto-acp.com/img_sozai/li_mark.gif") no-repeat 2% center, -moz-linear-gradient(top, #666, #111); /* Firefox */
	background: url("//www.auto-acp.com/img_sozai/li_mark.gif") no-repeat 2% center, -o-linear-gradient(top, #666, #111);   /* Opera */
	background: url("//www.auto-acp.com/img_sozai/li_mark.gif") no-repeat 2% center, -ms-linear-gradient(top, #666, #111);      /*                 CSS                3 */

	-webkit-border-radius: 4px; /* Chrome,Safari */;
	-webkit-border-radius: 4px; /* Chrome,Safari */;
	-moz-border-radius: 4px; /* Firefox */;
	-moz-border-radius: 4px; /* Firefox */;
	border-radius: 4px; /*                 CSS                3 */;
}

h4.model:before , .itembox4 h3:before , .maker_parts li.left:before , table.sublist th b:before , ul.model li a:before , .productoptionlist em:before , .item4 #foo p.subtitle b:before {
	content: "";
	position: relative;
	width: 0;
	height: 0;
	border-top: 15px solid red;
	border-right: 15px solid transparent;
	left: -10px;
	bottom: -15px;
}
ul.model li li a:before  {
	border-style: none;
}

.nav {
	background: url("//www.auto-acp.com/images/wall4.gif")
}

.bloc_body {
	background-color: #fff;
	margin-right:5px;
	margin-left: 5px;
}

.gotop {
	display: none;
}
div.list_area {
	min-height: 110px;
}
div.listrightbloc strong {
 margin-left:10px;
 width:65%;
}

#two_maincolumn_right {
	float: none;
	width: 100%;
}
#two_maincolumn_right div.listrightbloc {
	width: 69%;
}

div.listrightbloc strong a , div.product_item h3 a , div.listrightbloc h4 a , div.listrightbloc h3.maker_item a {
	color: #FFF;
	display: block;
	padding-left: 5px;
	padding-top: 5px;
   	min-height: 22px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ccccff), color-stop(1.00, #cccccc)); /* Chrome,Safari */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#00ccccff,EndColorStr=#99cccccc); 	zoom: 1;
	background: -webkit-linear-gradient(rgba(204,204,255,0), #cccccc);
	background: -moz-linear-gradient(rgba(204,204,255,0), #cccccc); /* Firefox */
	background: -o-linear-gradient(rgba(204,204,255,0), #cccccc);  /* Opera */
	background: -ms-linear-gradient(top, #fff 1%, #ccc 100%);
	-webkit-border-radius: 4px; /* Chrome,Safari */;
	-moz-border-radius: 4px; /* Firefox */;
	border-radius: 4px;
	border: 1px solid #CCF;
}
div.listrightbloc strong a:hover , div.product_item h3 a:hover , div.listrightbloc h4 a:hover , div.listrightbloc h3.maker_item a:hover {
	color: #F90;
	border: 1px solid #CCC;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#111)); /* Chrome,Safari */
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ff666666,EndColorStr=#ff111111); 					zoom: 1; /* IE */
	background: -moz-linear-gradient(top, #666, #111); /* Firefox */
	background: -o-linear-gradient(top, #666, #111);   /* Opera */
	background: -ms-linear-gradient(top, #666, #111);      /*                 CSS                3 */
	text-shadow: -1px -1px #000, -2px 0px #000;
}
div.product_item h3 a {
    color: #369;
    display: block;
    padding-left: 20px;
	text-shadow: 1px 1px 1px #999;
	border-color: #888;
}

#content .item4 table a:hover , #content .item4 .sublist a:hover {
	color: #F90;
}
.status_icon_img {
	position: absolute;
}

.item_list a:before , .itembox4 h4 a:before , h3.maker_item a:before , .product_item h3 a:before , .itembox6 h4:after {
	content: "";
	position: relative;
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 5px solid #F60;
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	left: -5px;
	bottom: -1px;
}
div.listphoto {
	float: left;
	text-align: left;
	width:30%;
}
div.listrightbloc {
    float: right;
}
div.product_item .listcomment2 {
	width: 250px;
	float: right;
	text-align: left;
	color: #999;
	font-size: 80%;
	line-height: 120%;
	padding-top: 5px;
	min-height: 50px;
}
#content .item4 table , #content .item4 table .all_list_bloc {
    margin: 15px auto 20px auto;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 100%;
    border-collapse: collapse;
}
#content .item4 table.sublist tr {
    border-top: 10px solid #BAD3FF;
}
#content .item4 table.sublist tr tr {
    border-top: 1px solid #ccc;
}
#content .item4 table.sublist th , p.subtitle {
    border-top: 10px double #333;
    padding-top: 3px;
}

#content .item4 table th , p.subtitle {
    text-align: left;
    padding: 8px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #333;
    background-color: #f0f0f0;
    font-weight: normal;
}
.item4 #foo p.subtitle {
	color: #F60;
}
.item4 #foo p.subtitle b {
	padding: 5px 5px 5px 30px;
	background-color: #333;
	display:block ;
}

#category_maker_area h3.sbtitle {
	color: #F60;
	width: 50%;
	background-color: #222;
}

#content .item4 table td {
    padding: 8px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#content .item4 .sublist div.product_item {
	margin-bottom: 0px;
	border-bottom: none;
	background: url("//www.auto-acp.com/images/wall4.gif")

}
table.sublist div.product_item , div.all_list_bloc , div.aero_list_bloc {
	padding: 5px;
	margin-bottom: 30px;
	width: 98%;
	border-bottom: 1px solid #333;
}
div.product_item .item_listbox {
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
}
div.product_item .item_list , div.maker_sub_item .item_list {
	padding: 5px;
	float: left;
	text-align: left;
	color: #999;
	line-height: 120%;
	margin-right: 5px;
	margin-left: 5px;
}
#content .item4 table.sublist div.product_item {
	margin-bottom: 0px;
	border-bottom: none;
}

div.listphoto a:hover {
	position: relative;
}
div.listphoto a .mainImage {
	display: none;
}
div.listphoto a:hover .mainImage {
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	display: block;
	position: absolute;
	z-index: 1;
	top: -210px;
	left: -370px;
	box-shadow: 10px 10px 10px #333333;
	background-color: #EEE;
	border-color: #666;
}
img.list_image , .setlist img.list_subimage {
	width: 180px;
	height: auto;
}
img.subimage {
	width: 90px;
	height: auto;
	max-height: 55px;
}
img.subimage {
	width: 90px;
	height: auto;
	max-height: 55px;
}
.aero_thumb {
	margin-left: 5px;
}

.aero_thumb img {
	width: 63px;
	height: auto;
}
img.list_subimage {
	width: 126px;
	height: auto;
	margin-top: 5px;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
a:hover img.list_subimage , .setlist img.list_subimage {
	filter: alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
}
img.list_image2 {
	width: 180px;
	height: auto;
}

img.list_image2:hover {
	width: 360px;
	height: auto;
	position: relative;
	z-index: 5;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 10px 10px 10px #333333;
	background-color: #EEE;
	border-color: #666;
	-webkit-border-radius: 4px; /* Chrome,Safari */;
	-moz-border-radius: 4px; /* Firefox */;
	border-radius: 4px;
}
div.listrightbloc .listcomment {
	clear: both;
	margin: 0 0 10px 0;
	text-align: left;
	float: left;
	font-size: 80%;
	line-height: 120%;
}
.item4 .list_com {
	margin-bottom: 15px;
	color: #666;
	padding: 10px;
}
#foo div.listrightbloc .listcomment p {
	padding-top: 5px;
}
div.product_item div.listrightbloc .pricebox {
	float: left;
}
div.listrightbloc .pricebox img {
	position: relative;
	top: 6px;
}
div.listrightbloc .pricebox {
	clear: both;
	margin: 0 0 5px;
	padding: 5px;
	float: left;
	display: block;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #FF3300;
}
.maincol_com img {
	display: none;
}

.maincol_com .accordion {
	width: 100%;
}
#foo .accordion .table_title {
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#foo .accordion .table_title:hover {
	cursor: pointer;
	text-decoration: underline;
}
.accordion .table_title:before {
	content: "";
	position: relative;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top: 5px solid #f60;
	left: -10px;
	bottom: -15px;
}
@media screen and (max-width: 900px) {
#two_maincolumn_right div.listrightbloc {
	width: 65%;
}
}
@media screen and (max-width: 800px) {
#container {
    padding: 0;
    width: 100%;
}
div.listrightbloc .detail_btn , .maincol_com{
	display: none;
}
div.listrightbloc strong{
	width: 95%;
}
#content ul.model li {
	padding-left: 0;
}
div.product_item .listcomment2 {
	width: 100%;
}
div.all_list_bloc {
	width: 98%;
}
#content .item4 table , #content .item4 .sublist {
    margin: 0;
}
#content .item4 table.sublist th b , .item4 #foo p.subtitle b {
	text-decoration: none;
	color: #F60;
	white-space: normal;
	font-weight: bold;
	background: transparent;
	border: none;
}
.item4 #foo p.subtitle {
    background-color: #333;
}
div.listphoto {
	float:none;
	width:100%;
	margin-right: 5px;
}

#two_maincolumn_right div.listrightbloc {
	 float:none;
	width: 100%;
}
.status_icon_img {
	position: static;
}

img.list_image2 {
	 width:100%;
	 max-width:360px;
	 height: 220px;
	 object-fit: cover;
}
img.subimage {
	width: 50px;
	z-index: 100;
	position: relative;
	top: 5px;
	right: -20px;
	max-height: 31px;
}
table {
    margin: 0;
}
table td {
    padding: 0;
}
#container .bloc_body {
    margin: 0;
}
}