@charset "utf-8";


* {
	margin: 0px;
	font-size: 100%;
	padding: 0px;
}

body {
	text-align: left;
	color: #CCCCCC;
	font-size: 11px;
	line-height: 1.3em;
	background-color: #000000;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a:hover {
	color: #CC6600;
	text-decoration: underline;
}
a {
	color: #C20A38; 
	text-decoration: none;
}
address {font-style: normal;}
.clear {clear: both;}

#header {
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #C20A38;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	height: 78px;
}
#header #logo {
	/* width: 500px; */
	width: 320px;
	height: 78px;
	float: left;
}
#header #kaisou  {
	height: 20px;
  /* width: 440px; */
	width: 600px;
	float: right;
	text-align: right;
	vertical-align: text-bottom;
	padding-top: 58px;
}

#main {
	background-color: #222222;
	padding: 10px;
}
#contents2  {
	width: 725px;
	float: left;
	margin-left: 9px;
	text-align: left;
}


#left_coll {
	width: 215px;
	float: left;
}
#right_coll {
	width: 500px;
	margin-left: 3px;
	float: right;
}


#footer {
	color: #CCCCCC;
	margin-top: 20px;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
}
#footlogo {
	text-align: left;
	width: 120px;
	float: left;
}
#footer #add {
	float: left;
	padding-top: 5px;
}

#copyright {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
}



/*---collection---*/
.parts {
	padding-top: 5px;
	margin-top: 5px;
}
.set {
	color: #C20A38;
	font-weight: bolder;
}
.cyui {
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 11px;
	line-height: 1.3em;
}
.red    {
	color: #FF0000;
}
.syosai {
	font-size: 11px;
	line-height: 1.3em;
	margin-top: 4px;
	margin-bottom: 4px;
}


.txt_bk {
	color: #333333;
	text-align: right;
	margin-top: 2px;
}
.nankaiauto {
	margin-top: 10px;
	font-size: 10px;
	color: #FFFFFF;
}
.nankaiauto img {
	margin-bottom: 3px;
}

/* 販売終了表記 */
.discontinued {
  color: #C20A38;
  font-size: 1rem;
  margin-block: 0.5rem;
}


/*---news---*/


a img {
	border-style : none;
	border-width : 0px;
	text-decoration : none;
}


/*-------------------------------------------------------*/

#main_top {
	background-color: #000000;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	line-height: 1.3em;
}
#contents  {
	width: 725px;
	float: left;
	margin-left: 9px;
	text-align: center;
}
#news-event {
	text-align: left;
}
#news-event .kiji {
	font-size: 11px;
	line-height: 1.3em;
	padding: 10px;
	margin-bottom: 5px;
}


#left {
	width: 200px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: center;
	float: left;
}

#menu {
	text-align: left;
	height: 274px;
}

#menu ul li {
	display: block;
	width: 200px;
	height: 37px;
	float: left;
	margin-right: 5px;
	margin-bottom: 7px;
}
#menu ul li a {
	display: block;
	width: 200px;
	height: 37px;
	text-indent: -9999px;

}

#menu ul li.menu_a a {
	background-image: url(index_parts/menu_new.gif);
	background-repeat: no-repeat;
}
#menu ul li.menu_a a:hover {
	background-image: url(index_parts/menu_new_f2.gif);
	background-repeat: no-repeat;
}

#menu ul li.menu_b a {
	background-image: url(index_parts/menu_aeroparts.gif);
	background-repeat: no-repeat;
}
#menu ul li.menu_b a:hover {
	background-image: url(index_parts/menu_aeroparts_f2.gif);
	background-repeat: no-repeat;
}

#menu ul li.menu_c a {
	background-image: url(index_parts/menu_a-accessory.gif);
	background-repeat: no-repeat;
}
#menu ul li.menu_c a:hover {
	background-image: url(index_parts/menu_a-accessory_f2.gif);
	background-repeat: no-repeat;
}

#menu ul li.menu_d a {
	background-image: url(index_parts/menu_n-accessory.gif);
	background-repeat: no-repeat;
}
#menu ul li.menu_d a:hover {
	background-image: url(index_parts/menu_n-accessory_f2.gif);
	background-repeat: no-repeat;
}

#menu ul li.menu_e a {
	background-image: url(index_parts/menu_company.gif);
	background-repeat: no-repeat;
}
#menu ul li.menu_e a:hover {
	background-image: url(index_parts/menu_company_f2.gif);
	background-repeat: no-repeat;
}

#menu ul li.menu_f a {
	background-image: url(index_parts/menu_order.gif);
	background-repeat: no-repeat;
}
#menu ul li.menu_f a:hover {
	background-image: url(index_parts/menu_order_f2.gif);
	background-repeat: no-repeat;
}

#menu ul li.menu_g a {
	background-image: url(index_parts/menu_billet_s1.gif);
	background-repeat: no-repeat;
}

#menu ul li.menu_g a:hover {
	background-image: url(index_parts/menu_billet_s2.gif);
	background-repeat: no-repeat;
}

#menu ul li.menu_h a {
	background-image: url(index_parts/menu_wheel_s1.gif);
	background-repeat: no-repeat;
}

#menu ul li.menu_h a:hover {
	background-image: url(index_parts/menu_wheel_s2.gif);
	background-repeat: no-repeat;
}


#banner_collection {
	padding-top: 10px;
	padding-bottom: 10px;
}
#banner_collection img {
	padding-bottom: 6px;
}


#banner {
	width: 150px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#banner img {
	margin-bottom: 5px;
}

#right img {
	margin-bottom: 10px;
}

/* 150827 */
#container{width:950px; margin:0 auto 0 auto;}
#main_top{overflow:hidden;}
#left{width:215px; padding:0;}
#menu{height:301px; margin:10px 5px 10px 10px;}
#banner_collection{width:200px; margin-left:10px; margin-bottom:10px; padding:0;}
#contents{float:right; margin:0;}
#contents2{float:right; margin:0;}

/* 180603 */
#main_top p{margin-bottom:0.2em;}
#main_top p:last-child{margin-bottom:0;}

/* 180617 */
#photos{width:100%; max-width:900px; font-size:0; line-height:1em;}
#main_top{max-width:950px; width:auto;}
#demo_car{width:100%; overflow:hidden; font-size:0; line-height:1em;}
#demo_left{width:600px; float:left; overflow:hidden;}
#demo_left img, #demo_img{float:left;}
#demo_img_res, .resitem{display:none;}
form{display:inline-block; width:100px; height:33px; background-image:url("./collection/00_parts/order_h.gif");}
input#order:hover{opacity:0;}
#parts_list{width:950px; columns:460px auto; column-gap:30px;}
#parts_list p{overflow:hidden; padding-right:3em;}
span.price{display:inline-block; position:relative; float:right;}
table.variation{margin:2px 0 6px 46%;}
table.variation tr td.price{padding-left:10px; vertical-align:middle;}

#header{max-width:950px; width:auto; overflow:hidden;}
#logo{width:auto; float:left;}
#kaisou{width:auto; max-width:450px; float:right; padding-right:4px;}
#kaisou a::after{display:inline-block; content:""; margin:0 0.5em; width:6px; height:6px; border-top:2px solid #ccc; border-right:2px solid #ccc; transform:rotate(45deg);}
#footer{max-width:950px; width:auto;}
.nankaiauto{margin-bottom:15px;}

@media screen and (max-width:899px){
#header #kaisou{padding-top:1em; height:auto; margin-bottom:4px;}
#photos{max-width:600px;}
#demo_img{display:none;}
#demo_img_res{display:block; width:100%; max-width:600px; height:auto;}
#parts_list{font-size:14px; line-height:1.5em; width:90%; padding:12px; columns:1 auto;}
#parts_list p{padding-right:1em;}
#header, #footer, .cyui, .nankaiauto{width:100%; height:auto; padding:0 1em;}
}

@media screen and (max-width:599px){
.pcitem{display:none;}
img.resitem{display:block;}
#demo_left{width:100%; margin-bottom:4px;}
#demo_left img{width:100%; height:auto;}
#parts_list{font-size:12px; padding:2%; width:100%;}
#header, #footer, #demo_left, #photos, #parts_list{min-width:300px;}
}