/*  カスタムパッケージ　詳細ページ　---------------------------------*/

/*トライトン*/
#custom_triton_page_head{
	width:716px;
	background:url("../img/custom_package/triton_custom_page_bg.jpg") no-repeat;
}
/*タウンエース*/
#custom_townace_page_head{
	width:716px;
	background:url("../img/custom_package/townace_custom_page_bg.jpg") no-repeat;
}
/*キャラバン*/
#custom_caravan_page_head{
	width:716px;
	background:url("../img/custom_package/caravan_custom_page_bg.jpg") no-repeat;
}
/*デリカ*/
#custom_d5_page_head{
	width:716px;
	background:url("../img/custom_package/d5_custom_page_bg.jpg") no-repeat;
}


#custom_package_wrap{
	width:676px;
	background:url(../img/custom_package/custom_package_page_bg.gif) repeat-y;
	padding:0 20px 1px;
}
#custom_package_pagenavi{
	width:676px;
	padding:0 0 12px 5px;
}
#custom_package_pagenavi_btm{
	width:676px;
	text-align:center;
}


/*  カスタムパッケージ詳細ページ　写真部分　---------------------------------*/

#custom_package_pagenavi img{
	margin-right:10px;
	float:left;
}
#custom_package_pic{
	width:676px;
	padding: 0 18px;
	margin-bottom:10px;
background:url(../img/custom_package/detail_bg.jpg) repeat-y;
}
#custom_package_pic h2{
	color:#fff;
	font-size:20px;
	font-weight:bold;
	padding:10px 0 0 0;
}
#custom_package_pic p.detail_kakaku{
	color:#fff;
	font-size:90%;
	padding:0 0 7px 0;
}
#custom_package_pic .detail_price{
	font-size:22px;
	color:#00e4ff;
	padding-right:3px;
}
.detail_box_p{
	width:676px;
	background:#FFF;
}
.custom_package_photo_main{
	width:640px;
	background:#91eeff;
	position:relative;
}
.custom_package_photo_main p.photo_exp{
	padding:5px 50px;
	color:#4c2800;
	font-size:12px;
	line-height:1.4em;
	min-height:30px;
}
.custom_package_photo_prev{
	width:313px;
	height:30px;
	padding-top:486px;
	padding-left:7px;
	position:absolute;
	left:0;
	top:0;
	cursor:pointer;
}
.custom_package_photo_next{
	width:313px;
	height:30px;
	padding-top:486px;
	padding-right:7px;
	position:absolute;
	right:0;
	top:0;
	text-align:right;
	cursor:pointer;
}
.custom_package_thumbnail{
	width:640px;
	padding:15px 0 15px 0;
}
.custom_package_thumbnail li{
	float:left;
	margin-right:4px;
	margin-bottom:6px;
}
.custom_package_thumbnail li:hover{
	opacity:0.8;
}


/*  カスタムパッケージ詳細ページ　SNS　---------------------------------*/
.custom_package_socialBottons{
	width:676px;
	text-align:right;
	padding-bottom:15px;
}


/*  カスタムパッケージ詳細ページ　ページ内リンク　---------------------------------*/
.custom_package_pagelink{
	margin-bottom:15px;
	padding-left:95px;
}


/* カスタムパッケージ詳細ページ　情報　---------------------------------*/
.custom_package_panel{
	width:676px;
	background:#fff;
	border:#aa9569 solid 1px;
	padding:8px 18px 18px;
	box-sizing: border-box;
}
.custom_package_panel .point_box{
	padding:0 20px ;
	font-size:82%;
	line-height:1.5em;
	color:#5b3200;
	width: 90%;
}
.custom_package_panel p{
	padding-bottom:15px;
}
.custom_package_panel .point_title h3{
	color:#5a0a00;
	font-size:14px;
	font-weight:bold;
	background:url(../img/custom_package/icon_check.gif) no-repeat;
	margin-top:5px;
	padding:1px 0 12px 150px;
	border-bottom:#008782 solid 1px;
margin-bottom:15px;
	border-left: none !important;
}


/* カスタムパッケージ詳細ページ　スペック表　---------------------------------*/
.custom_package_table{
	width:640px;
	background:#FFF;
	padding:10px 0 10px 0;
	margin-bottom:20px;
}
.custom_package_panel h3{
	color:#5a0a00;
	font-size:14px;
	font-weight:bold;
	border-left: solid 4px #0066ff;
	margin:5px 0 10px;
	padding:2px 0 0 12px;
}
.tbl_spec {
	font-size:70%;
    border-top: 1px solid  #e5e5e5;
    background: none repeat scroll 0% 0% #ffffff;
	border-spacing: 0px;
	border-collapse: separate;
}
.tbl_spec th {
    background:#f2f2f2;
	font-weight:normal;
}
.tbl_spec th, .tbl_spec td {
    padding: 3px 5px;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: middle;
	text-align:left;
    word-break: break-all;
}
.tbl_spec td.last {
    border-right: 1px solid #e5e5e5;
}

.custom_package_table ul li{
	font-size:70%;
	background-color: #f1f1f1;
	border: 1px solid #d0d0d0;
	color: #999999;
	float: left;
	margin-bottom: 3px;
	margin-right: 3px;
	padding: 4px 5px 3px;
	width: 145px;
	line-height: 17px;
}
.custom_package_table ul li.end{
	margin-right: 0px;
}
.custom_package_table ul li.on{
background-color: #ffdb96;
border: 1px solid #e79a20;
font-weight: bold;
color: #666666;
}


/* カスタムパッケージ一覧ページ　---------------------------------*/

/*メインページ*/
#custom_package_list_head{
	width:980px;
	min-height:201px;
	background:url("../img/custom_package/custom_package_top_bg.jpg") no-repeat;
	position: relative;
}
/*トライトン*/
#custom_triton_list_head{
	width:980px;
	min-height:201px;
	background:url(../img/custom_package/triton_custom_top_bg.jpg) no-repeat;
	position: relative;
}
/*キャラバン*/
#custom_caravan_list_head{
	width:980px;
	min-height:201px;
	background:url("../img/custom_package/caravan_custom_top_bg.jpg?") no-repeat;
	position: relative;
}
/*タウンエース*/
#custom_townace_list_head{
	width:980px;
	min-height:201px;
	background:url(../img/custom_package/townace_custom_top_bg.jpg) no-repeat;
	position: relative;
}
/*デリカ*/
#custom_d5_list_head{
	width:980px;
	min-height:201px;
	background:url(../img/custom_package/d5_custom_top_bg.jpg) no-repeat;
	position: relative;
}


#custom_package_list_wrap{
	width:980px;
	background:url(../img/custom_package/custom_package_list_bg.jpg) repeat-y;
}
.custom_package_list_head_L{
	float:left;
}
.custom_package_list_head_pdf{
position: absolute;
	width: 270px;
	bottom: 18px;
	right: 22px;
}
.custom_package_list_head_pdf a:hover{
opacity: 0.8;
}
p.custom_package_note{
	font-size:75%;
	padding-left:20px;
	line-height:1.4em;
}
p.custom_package_note_top{
	font-size:85%;
	padding-left:20px;
	line-height:1.5em;
}


/* カスタムパッケージ一覧ページ　テーブル　---------------------------------*/
.custom_package_box{
	width:936px;
	margin-left:20px;
	margin-bottom:20px;
	background:#ffffff;
	border:#0072d3 solid 1px;
	border:#796d09 solid 1px;
	font-size:80%;
}
.custom_package_box td.stock_image{
	width:170px;
	padding:10px;
	vertical-align:top;
}
.custom_package_box td.stock_title{
	width:240px;
	vertical-align:top;
	text-align:left;
	padding-top:10px;
}
.custom_package_box td.stock_title p{
	font-weight:bold;
	padding-bottom:0;
}
.custom_package_box td.stock_title p.maker{
	font-size:95%;
}
.custom_package_box td.stock_title p.carmodel{
	font-weight:bold;
	line-height:1.2em;
	font-size:110%;
}
.price{
	font-size: 150%;
	color:#EC0000;
	line-height:1.8em;
}
.custom_package_box td.stock_title p.hanbaiten{
	font-weight:normal;
}
.custom_package_box td.stock_exerpt{
	padding: 40px 10px 20px 20px;
	font-size:85%;
	line-height:1.5em;
	width:350px;
	vertical-align:top;
	background:url(../img/custom_package/exerpt_bg.gif) no-repeat;
	color:#09336b;
}
.custom_package_box td.subpic{
	padding:10px 5px 5px 10px;
	width:110px;
	text-align:center;
}
.custom_package_box td.subpic img{
	padding-bottom:5px;
}
.custom_package_box td.stock_sales{
	padding:5px 0 5px 10px;
	font-size:100%;
	line-height:1.35em;
	background:#f3f3f3;
	font-weight:bold;
	border-top:#796d09 solid 1px;
	background:url(../img/custom_package/sales_bg.gif) no-repeat;
	background:#fbf9ea;
}

.custom_package_box a,
.custom_package_box a:visited{
	color:#0048ff;
	text-decoration:underline;
}
.custom_package_box a:hover,
.custom_package_box a:active{
	color:#00a2ff;
	text-decoration:underline;
}

.new_area{
	height:20px;
}
.custom_package_photo{
    float: left;
    margin-right:10px;
	margin-bottom:10px;
}
.custom_package_photo .photo_list{
	background:#ffffff;
    border: 1px solid #D1D1D1;
	width: 190px;
	height:350px;
	overflow:hidden;
	padding:5px 10px;
	font-size:80%;
}
.custom_package_photo .photo:hover{
	opacity:0.8;
}
.custom_package_photo p{
	padding-bottom:5px;
}
.custom_package_photo p.carmodel{
	font-weight:bold;
	line-height:1.25em;
	color:#fff;
	background:#001a3d;
background:url(../img/custom_package/list_plate_bg.jpg) no-repeat;
	display:block;
	padding:3px;
	height:48px;
	overflow:hidden;
	margin-bottom:4px;
}
.custom_package_photo .photo_list p.kakaku{
	border-bottom: 1px solid #D1D1D1;
	margin-bottom:4px;
}
.custom_package_photo .photo_list span.price{
	font-size: 130%;
	color:#EC0000;
	line-height:1.5em;
	font-weight:bold;
	padding-right:3px;
}
.custom_package_photo p.point{
	line-height:1.35em;
	font-size:90%;
}
.custom_package_photo p.carmodel a{
	color:#FFFFFF;
	text-decoration:none;
}
.custom_package_photo p.carmodel a:hover{
	color:#d40c0c;
	text-decoration:none;
}
.custom_package_photo p.point a{
	color:#0d4dc2;
	text-decoration:none;
}
.custom_package_photo p.point a:hover{
	color:#206fff;
	text-decoration:underline;
}


/* カスタムパッケージ　一覧ページ　ページナビゲーション---------------------------------*/

p.title_searchbox{
	padding-left: 32px;
	font-size:12px;
}
.title_searchbox_top{
background: rgba(255,255,255,0.90);
border-radius: 3px;
padding: 4px 0.6em;
	font-size:14px;
	margin: 2px 0 10px 32px;
	
}
#custom_package_list_wrap .pagenavi{
	padding:0 0 20px 32px;
}
#custom_package_list_wrap .pagenavi,
#d5_list_wrap .pagenavi{
	font-size:12px;
	line-height:1.8em;
}
#custom_package_list_wrap  .pagenavi .current,
#d5_list_wrap  .pagenavi .current{
	font-size:12px;
	font-weight:bold;
	border:solid 1px #000000;
	background:#000000;
	color:#FFFFFF;
	padding:4px 5px 2px;
	margin-right:3px;
}
#custom_package_list_wrap .pagenavi a.square,
#d5_list_wrap .pagenavi a.square{
	font-size:12px;
	background:#FFFFFF;
	border:solid 1px #bdbdbd;
	color:#676767;
	padding:4px 5px 2px;
	margin-right:3px;
}
#custom_package_list_wrap .pagenavi a.square2,
#d5_list_wrap .pagenavi a.square2{
	font-size:12px;
	background:#FFFFFF;
	border:solid 1px #bdbdbd;
	color:#676767;
	padding:5px 3px 3px;
	margin-right:3px;
}
#custom_package_list_wrap .pagenavi a,
#custom_package_list_wrap .pagenavi a:visited,
#d5_list_wrap .pagenavi a,
#d5_list_wrap .pagenavi a:visited{
	text-decoration:none;
}
#custom_package_list_wrap .pagenavi a:hover,
#d5_list_wrap .pagenavi a:hover{
	color:#1119b4;
	text-decoration:none;
}
#custom_package_list_wrap .pagenavi a.square:hover,
#custom_package_list_wrap .pagenavi a.square2:hover,
#d5_list_wrap .pagenavi a.square:hover,
#d5_list_wrap .pagenavi a.square2:hover{
	border:solid 1px #1119b4;
	background:#1119b4;
	color:#FFFFFF;
}

/*　3D画像用　*/

.detail_3d_wrap{
	width:676px;
	background:#f5f2dc;
    background: url(../img/custom_package/detail_bg.jpg) repeat-y;
	border:#aa9569 solid 1px;
	padding:8px;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 30px;
}
.detail_3d_title{
color: #fff;
  background: #00176c;
  border-radius: 4px;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.5);
  border: solid 1px #3d4163;
  padding: 2px 0;
  margin-bottom: 10px;
  text-align: center;
  font-size: 18px;
  }
 .list_3d{
 box-sizing: border-box;
  text-align: left;
  font-size: 0;
 }
 .list_3d p{
 text-align: center;
 background: #91eeff;
 margin-bottom: 2px;
 font-size: 14px;
 color: #4c2800;
 }
 .list_3d div{
 display: inline-block;
 vertical-align: middle;
 }
 .list_3d_thumb{
 width: 160px;
 cursor: pointer;
 background: #000;
 }
 .list_3d_wrap{
 padding: 5px 0;
 box-sizing: border-box;
 margin-right: 10px;
 }
 .list_3d_thumb img{
 width: 100%;
 height: auto;
 opacity: 0.6;
 }
 .list_3d_thumb.selected img{
 opacity: 1;
 }
 .list_3d_thumb img:hover{
 opacity: 1;
 }