@charset "UTF-8";
/* CSS Document */

#contents {background: none;}
.floatL {float: left;}
.floatR {float: right;}


/* store
------------------------------------------------ */
#store_contents {
	width: 1080px;
	margin: 0 auto;
	padding-bottom: 70px;
	position: relative;
}
#store_contents h2 {
	margin: 10px auto 30px;
	width: 100%;
	font-size: 42px;
	line-height: 42px;
	text-align: center;
	letter-spacing: 0.2em;
	font-weight: normal;
}
#store_contents h3 {
	margin: 30px auto 20px;
	padding: 6px 0 3px;
	width: 100%;
	font-size: 22px;
	text-align: center;
	color: #FFF;
	background: url(../img/background/bg_blue.png) repeat left top;
	letter-spacing: 0.1em;
	font-weight: normal;
	position: relative;
}
#store_contents h3 .select_again {
	padding: 0 106px;
	position: relative;
	line-height: 1em;
}
#store_contents h3 .select_again a {
	display: block;
	height: 24px;
	width: 106px;
	margin-top: -12px;
	position: absolute;
	top: 50%;
	right: 0px;
}
#store_contents h4.carsearch {
	margin: 0px auto 10px;
	padding: 6px 0 3px;
	width: 100%;
	font-size: 18px;
	text-align: center;
	color: #000000;
	background-color: #ced8e6;
	letter-spacing: 0.1em;
	font-weight: normal;
	position: relative;
}


/* dl.option_kit */
dl.option_kit {
	background-color: #eee;
	width: 980px;
	padding: 12px 50px;
	margin: 30px 0 10px;
}
dl.option_kit dt {
	float: left;
	font-size: 15px;
	width:700px;
}
dl.option_kit dt span {
	vertical-align: middle;
	display: table-cell;
	height: 45px;
}
dl.option_kit dd {
	float: right;
}

/* ul.option_kit */
ul.option_kit {
	background-color: #eee;
	width: 1060px;
	padding: 12px 10px;
	margin: 30px 0 10px;
	text-align: center;
}
ul.option_kit li {
	font-size: 15px;
	display: inline-block;
	height: 45px;
	line-height: 45px;
}
ul.option_kit li:last-child {
	margin-left: 10px;
}

/* .column1, .column2 */
#store_contents .column1,
#store_contents .column2 {
	width: 1096px;
	margin-right: -16px;
}
#store_contents .column3 {
	width: 1095px;
	margin-right: -15px;
}
.column1 li,
.column2 li {
	float: left;
	width: 532px;
	margin: 0 16px 30px 0;
}
.column3 li {
	float: left;
	width: 350px;
	margin: 0 15px 20px 0;
}
.column1 li h4,
.column2 li h4,
.column3 li h4 { margin-bottom: 14px;}
.column1 li p,
.column2 li p,
.column3 li p {
	font-size: 16px;
	line-height: 22px;
	padding-left: 12px;
	background: url(../img/icon/arrow2.png) no-repeat left 4px;
	letter-spacing: 0.2em;
}

/* .option_nav */
.option_nav {
	background-color: #eeeeee;
	text-align: center;
	width: 100%;
	padding: 12px 0px;
	margin: 20px 0px!important; /*編集 2016.02.02*/
}
#search_area .option_nav,
#search_tab .option_nav {
	margin: 20px 0px -10px!important; /*編集 2016.02.02*/
}
.option_nav p {
	font-size: 14px;
	color: #333;
}
.option_nav p .current {color: #0052ad;}
.option_nav p a { text-decoration: underline;}
.option_nav p a:hover { text-decoration: none;}

/* .series_list */
.series_list {
	width: 1095px;
	margin: 0 -15px -20px 0;
}
.series_list li {
	float: left;
	width: 350px;
	margin: 0 15px 30px 0;
	padding-bottom: 30px;
	background-color: #f4f5f7;
}
.series_list li h4 {
	margin-bottom: 14px;
}
.series_list li .info_box {
	width: 326px;
	margin: 0 auto 10px
}
.series_list li .info_box .pro_name {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 10px;
}
.series_list li .info_box .pro_number {
	font-size: 13px;
	margin-bottom: 6px;
}
.series_list li .info_box .pro_text {
	font-size: 15px;
	line-height: 20px;
	color: #666;
}
.series_list li .pro_price {
	font-size: 24px;
	width: 326px;
	margin: 0 auto 10px;
}
.series_list li .pro_more {
	width: 326px;
	margin: 0px auto;
}

/* #search_area */
#search_area {
	width: 1080px;
	background-color: #ced8e6;
	padding: 14px 0px 10px; /*編集 2016.01.29*/
	margin: 0px;
}
#search_area h3 {
	font-size: 16px;
	text-align: center;
	background: none;
	color:#000;
	margin: 0px 0px 10px; /*編集 2016.01.29*/
	padding: 0px;
}
#search_area ul {
	margin-left: 36px; /*編集 2016.01.29*/
	/*margin-bottom: 6px;*/ /*編集 2016.01.29*/
	margin-bottom: 20px; /*編集 2016.02.02*/
}
#search_area ul li {
	float: left;
	margin-right: 10px;
	height: 1.5em; /*編集 2016.01.29*/
}
#store_contents #search_area ul li.a_maker .customSelect { width: 16em; } /*編集 2016.01.29*/
#store_contents #search_area ul li.a_car .customSelect { width: 30em; } /*編集 2016.01.29*/
#store_contents #search_area ul li.a_year .customSelect { width: 16em; } /*編集 2016.01.29*/
#search_area ul li input {
    border: 1px solid #ccc;
    font-size: 110%;
    height: 14px;
    margin-top: 0px; /*編集 2016.02.02*/
    padding: 3px 0 5px 11px;
    width: 290px;
}
#search_area #str_parts_search_keyword {
	text-align: center;
}
#search_area #str_parts_search_keyword ul {
	display: inline-block;
	margin: 0;
}
#search_area p#search_btn {
	margin-top: 0px; /*編集 2016.01.29*/
}

#search_tab {
	width: 100%;
	margin-top: 20px; /*編集 2016.02.02*/
}

#search_tab ul.tab_menu {
	text-align: center;
	width: 1080px;
	margin: 0px 0px -16px; /*編集 2016.02.02*/
}
#search_tab ul.tab_menu li {
	display: inline-block;
	padding: 4px 8px 8px;
	margin: 0 8px;
	float: none;
}
#search_tab ul.tab_menu li {
	background: #FFF url(../img/background/bg_search_tab.png) no-repeat center bottom;
}
#search_tab ul.tab_menu li:hover,
#search_tab ul.tab_menu li.select {
	background: #459def url(../img/background/bg_search_tab_on.png) no-repeat center bottom;
}
#search_tab ul.tab_menu li a:hover,
#search_tab ul.tab_menu li.select {
	color: #FFF;
	cursor: pointer;
}
.tab_nav {
	/*margin-bottom: 0px;*/ /*編集 2016.02.02*/
}

#tab_container {
	background-color: #f4f5f7;
}

.pro_main {
	margin-bottom: 30px;
}
/* #g-inner */
div.g-inner {
	position: relative;
	width: 620px;
	height: 570px;
	float: left;
}
#view {
  position: absolute;
  width:620px;
  height:466px;
  top:0;
  left:0;
  overflow:hidden;
}
#view p {
  position: absolute;
  width:240px;
  height:150px;
  top:0;
  left:0;
}
#thumbBtn {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color: #f4f5f7;
	width: 620px;
}
#thumbBtn li {
  padding: 0;
  float:left;
  overflow: hidden;
  text-align:right;
  cursor:pointer;
  background-color: #000;
}
#thumbBtn li.active {
  border: solid 5px #999;
}
#thumbBtn li.active img {
  margin: -5px;
}
#thumbBtn li.active img {
  opacity: 0.5;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
}

/* #pro_info */
#pro_info {
	float: right;
	width: 440px;
	margin-bottom: 30px;
}
.name_container {
	margin: 8px 0px 0px;
	padding-left: 10px;
	border-left: 3px solid #000;
}
.name_container h4 {
	font-size: 22px;
	line-height: 32px;
}
.name_container h5 {
	font-size: 18px;
	line-height: 22px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.name_container p {
	font-size: 14px;
	line-height: 22px;
	padding-left: 1em;
	text-indent: -1em;
}
#pro_info p {
	font-size: 19px;
	line-height: 22px;
	margin-bottom: 40px;
}
#pro_info p.price { font-size: 30px;}
#pro_info p.car { font-size: 16px;}
#store_contents .tax,
#store_contents .str,
#store_contents .quantity,
#store_contents .stock { font-size: 50%; margin-right: 0.5em; }
#store_contents .stock { color: #cc3333; }
#store_contents span.stock_long { color: #cc3333; margin-left:8px; }
#store_contents p.stock_long { color: #cc3333; width: 100%; float: left; clear: both; }
#store_contents .str {
	background: url(https://ec.alpine.co.jp/user_data/packages/default/add/img/icon/ico_pdf.png) no-repeat left center;
	padding-left: 20px;
}
#pro_info .select_box { margin-bottom: 10px; }
#pro_info .select_box p { font-size: 14px; margin-bottom: 0px; }
#pro_info .option_list {
	width: 440px;
	margin-top: 40px;
	padding-top: 20px;
	border-top: 1px solid #333333;
}
ul.option_list li {
	float: left;
	margin-right: 46px;
	padding-left: 16px;
}
ul.option_list li a:hover {text-decoration: underline; }
ul.option_list li#add_favorite {background: url(../img/icon/ico_favorite.png) no-repeat left center;}
ul.option_list li#add_favorite:hover {background: url(../img/icon/ico_favorite_on.png) no-repeat left center;}
ul.option_list li#more_product {background: url(../img/icon/ico_product.png) no-repeat left center;}
ul.option_list li#more_product:hover {background: url(../img/icon/ico_product_on.png) no-repeat left center;}

.pro_scope {
	float: left;
	width: 580px;
}

.pro_scope h5 {
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
}
.pro_scope p {
	font-size: 16px;
	line-height: 24px;
	text-indent: -1em;
	padding-left: 1em;
}

.youtube {
	float: right;
	height: 240px;
	width: 460px;
}
#store_contents #pro_intro {
	margin-bottom: 50px;
}
.intro_box {
	width: 1080px;
	background-color: #f4f5f7;
	margin-bottom: 20px;
}
.intro_box .image_box {
	width: 350px;
	float: left;
}
.txt_box1 {
	margin: 20px;
	height: 220px;
	width: 690px;
	float: right;
	overflow: auto;
}
.txt_box1 h4,
.txt_box2 h4 {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 4px;
}
.txt_box1 p,
.txt_box2 p {
	font-size: 16px;
	line-height: 26px;
}

.txt_box2 {
	padding: 20px;
}

.txt_box2 .coution {
	font-size: 12px;
	line-height: 24px;
	margin-top: 10px;
}
.carsearch_box {
	margin-bottom: 20px;
}
.carsearch_box .connect_pro {
	margin-bottom: 10px;
}
.connect_pro {
	background-color: #f4f5f7;
	padding: 10px;
	margin-bottom: 20px;
	width: 1060px;
	display: table;
}
.connect_pro .img_box {
	float: left;
}
.connect_pro .connect_spec {
	float: right;
	width: 710px;
	position:relative;
}
.connect_pro .connect_spec.noPhoto {
	width: 100%!important;
}
.connect_pro .connect_spec2 {
	float: left;
	width: 326px;
	margin-left: 24px;
	position:relative;
}

/* 選択ボタン */
.connect_pro .select_container {
	float: right;
	width: 330px;
	padding: 20px;
	background-color: #d1dae3;
	display: table;
}
.select_container .select_box {
	width: 100%;
	display: table-cell;
	vertical-align:middle;
}
.select_container .select_box h4 {
	font-size: 16px;
	margin-bottom: 2px;
}
.select_container .select_box p {
	font-size: 12px;
	margin-bottom: 4px;
}
.select_container .select_box ul li {
	padding: 1px 0; /*編集 2016.02.02*/
}
.select_container .select_box input[type="radio"] {
    display:none;
    width:0;
    height:0;
}
.select_container .select_box input[type="radio"]+label {
    display:block;
	width: 100%;
    font-size:16px;
	text-align:center;
    padding: 4px 2px; /*編集 2016.02.02*/
	margin: 3px 0; /*編集 2016.02.02*/
	background: #fff url(../img/icon/ico_check_off.png) 10px center no-repeat; /*編集 2016.02.02*/
    color:#000;
	cursor:pointer;
    border:1px solid #000;
    border-radius:8px;
	box-sizing:border-box;
}
.select_container .select_box input[type="radio"]:checked+label {
    color:#0873d7;
	background: #fff url(../img/icon/ico_check_on.png) 7px center no-repeat; /*編集 2016.02.02*/
    border:4px solid #0873d7; /*編集 2016.02.02*/
	margin: 0px 0;
}

.connect_spec .spec_set,
.connect_spec2 .spec_set {
	margin-bottom: 30px;
}
.connect_spec h4,
.connect_spec2 h4 {
	font-size: 18px;
	line-height: 23px;
	margin: 10px 0 2px;
}
.connect_spec h5,
.connect_spec2 h5 {
	font-size: 14px;
	margin-bottom: 4px;
}
.connect_spec p,
.connect_spec2 p {
	font-size: 15px;
	line-height: 23px;
}
.connect_spec .price_moreBtn, 
.connect_spec2 .price_moreBtn {
	 position: absolute;
	 bottom: 0;
}
.connect_spec .price, .connect_spec2 .price { font-size: 30px; margin-top: 20px;}
.connect_spec .more_product, .connect_spec2 .more_product {margin-top: 10px;}
.wide_conrtainer {
	padding: 20px;
	width: 1040px;
	min-height: 160px; /*編集 2016.02.02*/
	margin-bottom: 20px;
	position: relative;
}
.shucchou_service {background-color: #e7eaf0;}
.wide_conrtainer .name_container,
.wide_conrtainer .service_container {
	float: left;
	width: 730px;
}
.wide_conrtainer .cart_container {
	width: 263px;
	position:absolute;
	bottom: 20px;
	right: 20px;
}
.wide_conrtainer .cart_container2 {
	width: 263px;
	position: absolute;
	right: 20px;
	bottom: 20px;
}
.wide_conrtainer .cart_container h6.price { font-size: 30px; text-align: left; font-weight: normal;}
.wide_conrtainer .cart_container p {display: none}
.wide_conrtainer .cart_container p.btn_on { display: block;}
.wide_conrtainer .cart_container p.coution { display: block; font-size: 14px; line-height: 18px; color:#cc3333; margin-bottom: 16px;}  /*編集 2016.02.02*/ 
.wide_conrtainer .cart_container2 #set_cart p { display: none}
.wide_conrtainer .cart_container2 #set_cart p.btn_on { display: block;}
.service_container h4 {
	font-size: 18px;
	background: url(../img/icon/repair1.png) no-repeat left center;
	padding-left: 50px;
	margin-bottom: 10px;
}
.service_container p {font-size: 14px; margin-bottom: 16px;}

.service_container .coution {
	margin-bottom: 20px;
}
.service_container .coution li {
	font-size: 14px;
	float: left;
	margin-right: 30px;
}
.service_container .coution li a {
	color: #459def;
	text-decoration: underline;
}
.service_container .coution li a:hover {
	text-decoration: none;
}
.service_container form .kakunin li {
	font-size: 16px;
	margin-bottom: 4px;
	line-height: 16px;
}
.service_container form .kakunin li input {
	width: 20px;
	height: 20px;
	margin-right: 4px;
	vertical-align: middle;
}
#store_contents .notes {
	font-size: 12px;
	position: absolute;
	bottom: 10px;
	text-align: left;
	width: 100%;
}

/*str_parts_search_keyword*/
#str_parts_search_keyword #keyword_btn {
	width: auto;
	margin: 10px auto 20px;
}
#str_parts_search_keyword #keyword_btn tr td {
	margin: 0px 1px 1px 0px;
	position: relative;
	width: 36px;
	height: 36px;
}
#str_parts_search_keyword #keyword_btn tr td p {
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
}
#str_parts_search_keyword #keyword_btn tr td p.btn_on {
	display: block;
}

/* other_pro */
.other_pro {
	display: table-cell;
	vertical-align: middle;
	font-size: 15px;
	width: 810px;
}

/* 編集 2016.02.10 ここから */

/* package_area */
.package_area {
	width: 1056px;
	background-color: #eeeeee;
	padding: 10px 12px;
	margin: 0px;
}
.package_area ul {
	width: 100%;
	display: table;
}
.package_area ul li {
	display: table-cell;
	vertical-align:middle;
}
.package_area ul li.txt_package p {
	width: 57em;
	margin: 0 auto;
	color: #cc0000;
}
.package_area ul li.btn_package {
	width: 236px;
}

/*.connect_pro.other_product*/
.connect_pro.other_product p {
	margin-bottom: 10px;
	font-size: 18px;
}
.connect_pro.other_product p:last-child {
	margin-bottom: 0px;
}

/* 編集 2016.02.10 ここまで */