@charset "UTF-8";

/*���共通部分のスタイルシート

■目次：

・全体レイアウト
・CarLineupトップ
・Productsトップ
・車種選択
・CAR詳細
・製品選択
・製品詳細

*/



/*---------------�全体レイアウト---------------*/

#content_products {
	margin: 0 50px;
	padding: 28px 0 0;
}

#content_products h1 {
	display: inline;
}

#content_products h2 {
	padding: 0 0 0 14px;
	display: inline;
}

#content_products h3#selecttype {
	margin: 4px 0 0;
	padding: 7px 0 0;
	font-size: 120%;
	border-top: 1px solid #CCCCCC;
}


/*---------------Productsトップ---------------*/

#pagebody_car {
	width: 950px;
}

.carlineupbox {
	padding: 0 0 0 25px;
	width: 925px;
}

body #content h2 {
	margin: 46px 0 0;
	padding: 4px 25px 5px 21px;
	font-size: 100%;
	color: #FFFFFF;
	border-left: 3px solid #FFFFFF;
	border-bottom: 1px solid #333333;
}

body #content p.car_sort {
	margin: 28px 0 0 0;
	padding: 3px 0 3px 22px;
	color: #FFFFFF;
	border: 1px solid #333333;
	background: #111111;
}

body #content #pagebody_car .carlineupbox h3 {
	padding: 18px 0 4px;
	font-size: 100%;
	color: #FFFFFF;
}

.carlineupbox_mini {
	margin: 0 21px 0 0;
	padding: 0 0 0 0;
	width: 286px;
	float: left;
}

.carlineupbox_minilast {
	padding: 0 0 0 0;
	width: 286px;
	float: right;
}

.carlineupbox ul {
	padding: 4px 0 4px;
	border-left: 1px solid #1A1A1A;
	border-top: 1px solid #1A1A1A;
}

.carlineupbox ul li {
	margin: 0 0 0 10px;
	padding: 2px 0 0;
	list-style: none;
	color: #999999;
}

body #container .carlineupbox ul li a {
	padding-left: 15px;
	background: url(../image/p_arrow_off.gif) 0 5px no-repeat;
}

body #container .carlineupbox ul li a:hover {
	padding-left: 15px;
	background: url(../image/p_arrow_on.gif) 0 5px no-repeat;
}



/*---------------�車種選択---------------*/

table.products_car-select_table {
	margin: 36px auto 0;
	border-collapse: collapse;
	table-layout: fixed;
}

table.products_car-select_table th {
	padding: 6px 0 30px;
}

table.products_car-select_table td {
	padding: 0 6px;
	width: 164px;
}

table.products_car-select_table td.products_car-select_category {
	padding: 0;
	vertical-align: top;
}

table.products_car-select_table td.products_car-select_category h3{
	padding: 0 0 0 6px;
	border-left: 5px solid #808080;
	font-size: 100%;
}

table.products_car-select_table td a {
	padding: 1px;
	display: block;
	width: 160px;
}

table.products_car-select_table td a:link,
table.products_car-select_table td a:visited {
	border: 1px solid #808080;
}

table.products_car-select_table td a:hover,
table.products_car-select_table td a:active {
	border: 1px solid #FFFFFF;
}

#submit {
	text-align: center;
	margin-top: 20px;
}

#submit input {
	margin: 0 10px 0;
	padding: 2px 6px;
}


/*--------------CAR詳細---------------*/

#products_title {
	text-align: left;
}

#content_products #products_title h1 {
	margin: 0 0 8px 0;
	padding: 0 0 10px;
	border-bottom: 1px solid #CCCCCC;
	display: block;
}

#content_products #products_title h2 {
	padding: 0 0 0 0;
	display: block;
}

#car_detail_table {
	margin: 0 auto;
	width: auto;
}

p#grade_select {
	margin: 0 auto 2px;
	padding: 24px 0 2px;
	width: 800px;
	border-bottom: 1px solid #666666;
}

#content_products table#car_detail_table_pa {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#tabPanel1 {
	margin: 0 auto;
	text-align: center;
	border-collapse: collapse;
}

.TabbedPanelsContent table {
	margin: 6px auto 0;
	width: 800px;
	border-collapse: collapse;
	border: 1px solid #000000;
	text-align: center;
	font-size: 80%;
}
/*IEのみ適用*/
*:first-child+html body .TabbedPanelsContent table {
	font-size: 74%;
}
* html body .TabbedPanelsContent table {
	font-size: 74%;
}
/**/

.TabbedPanelsContent table th {
	padding: 0.4em 0.8em;
	border: 1px solid #000000;
	text-align: center;
	background: #282828;
	font-weight: normal;
}

.TabbedPanelsContent table th img {
	vertical-align: text-top;
}

.TabbedPanelsContent table th.car_detail_title {
	padding: 0 0 6px;
	text-align: left;
	background: #000000;
	border: 1px solid #000000;
}

#content_products .TabbedPanelsContent table th.car_detail_title h2 {
	padding: 0 0 0 6px;
	border-left: 5px solid #CC0000;
	font-size: 120%;
}

.TabbedPanelsContent table td {
	padding: 0.4em 0.8em;
	border: 1px solid #000000;
	background: #484848;
	text-align: left;
}

.TabbedPanelsContent table td.car_detail_attention {
	padding: 6px 0 0;
	background: none;
}

.TabbedPanelsContent table td.like_th {
	padding: 0.4em 0.8em;
	border: 1px solid #000000;
	background: #333333;
	text-align: left;
}

.TabbedPanelsContent table td.txt-center {
	text-align: center;
}

.TabbedPanelsContent table td a:link,
.TabbedPanelsContent table td a:visited {
	color: #FF6600;
}

.TabbedPanelsContent table td a:hover,
.TabbedPanelsContent table td a:active {
	color: #CC9900;
}

.TabbedPanelsContent p {
	margin: 8px 0 0;
	width: 800px;
	font-size: 80%;
	text-align: left;
}
/*IEのみ適用*/
*:first-child+html body .TabbedPanelsContent p {
	font-size: 74%;
}
* html body .TabbedPanelsContent p {
	font-size: 74%;
}
/**/

table#products_thumbnailbox {
	margin: 8px auto 0;
	border-collapse: collapse;
}

table#products_thumbnailbox td {
	padding: 4px 4px;
}

table#products_thumbnailbox td a {
	padding: 1px;
	display: block;
}

table#products_thumbnailbox td a:link,
table#products_thumbnailbox td a:visited {
	border: 1px solid #808080;
}

table#products_thumbnailbox td a:hover,
table#products_thumbnailbox td a:active {
	border: 1px solid #FFFFFF;
}



/*---------------製品選択---------------*/

table.products_parts-select_table {
	margin: 36px auto 0;
	border-collapse: collapse;
	table-layout: fixed;
}

table.products_parts-select_table th {
	padding: 6px 0 18px;
}

table.products_parts-select_table td {
	padding: 0 8px;
	width: 164px;
}

table td.products_parts-select_category {
	padding: 0;
	vertical-align: top;
	width: 206px;
}

table.products_parts-select_table td.products_parts-select_category  h3{
	padding: 3px 0 3px 8px;
	border-left: 5px solid #333333;
	font-size: 100%;
}

table.products_parts-select_table td a {
	padding: 1px;
	display: block;
	width: 160px;
}

table.products_parts-select_table td a:link,
table.products_parts-select_table td a:visited {
	border: 1px solid #808080;
}

table.products_parts-select_table td a:hover,
table.products_parts-select_table td a:active {
	border: 1px solid #FFFFFF;
}



/*--------------���製品詳細---------------*/

/*imgbox*/

.products_imgbox {
	margin: 40px auto 0;
	text-align: center;
}
body #content_products .products_imgbox h2 {
	margin: 0 auto 18px;
	padding: 5px 0 5px 20px;
	font-size: 100%;
	color: #FFFFFF;
	display: block;
	background: #111111;
	width: 780px;
	text-align: left;
}
.products_imgbox table {
	margin: 0 auto;
	border-collapse: collapse;
}
.products_imgbox table th {
	padding: 6px 0 0;
	font-weight: normal;
	color: #FFFFFF;
	vertical-align: top;
	font-size: 80%;
}
/*IEのみ適用*/
*:first-child+html body .products_imgbox table th {
	font-size: 74%;
}
* html body .products_imgbox table th {
	font-size: 74%;
}
/**/

.products_imgbox table.lts-mode th {
	padding: 8px 0;
	border: 1px solid #333333;
	line-height: 1.0;
	font-size: 100%;
	color: #CCCCCC;
}

.products_imgbox table td {
	padding: 0 5px;
}

.products_imgbox table.lts-mode td {
	padding: 10px 5px 0;
}

.products_imgbox table.imgtable_2nd {
	margin: 20px auto 0;
	border-collapse: collapse;
}


/*products_explanation*/

.products_explanation {
	margin: 0 auto;
	padding: 12px 0 0;
	width: 800px;
	text-align: left;
}
.products_explanation_mini {
	margin: 0 auto;
	width: 600px;
	text-align: left;
}
.products_explanation h3 {
	padding: 36px 0 6px;
	color: #FFFFFF;
	font-size: 100%;
	border-bottom: 1px solid #333333;
}

.products_explanation p,
.products_explanation_mini p,
.products_explanation p {
	padding: 24px 0 0;
}

.products_explanation ul,
.products_explanation_mini ul,
.products_explanation ul {
	margin: 0 0 0 15px;
	padding: 24px 0 0;
}

.products_explanation ol,
.products_explanation_mini ol,
.products_explanation ol {
	margin: 0 0 0 15px;
	padding: 24px 0 0;
}



/*段下げ本文*/

.products_indent {
	margin: 0 auto;
	width: 800px;
	text-align: left;
}
body #content_products .products_indent h3,
body #content_products .products_indent p {
	padding-left: 20px;
	padding-right: 20px;
}
body #content_products .products_indent ul {
	margin: 0 20px 0 35px;
}
body #content_products .products_indent ol {
	margin: 0 20px 0 40px;
}
body #content_products .products_indent h2 {
	margin: 0 auto 18px;
	padding: 5px 0 5px 20px;
	font-size: 100%;
	color: #FFFFFF;
	display: block;
	background: #111111;
	width: 780px;
	text-align: left;
}


/**/
.products_explanation_left {
	padding: 0 0 0 20px;
	width: 200px;
	float: left;
}

.products_explanation_left img {
	padding: 0 0 14px;
}

.products_explanation_right {
	padding: 0 20px 0 0;
	width: 540px;
	float: right;
}

body #content_products .products_explanation h2 {
	margin: 40px auto 18px;
	padding: 5px 0 5px 20px;
	font-size: 100%;
	color: #FFFFFF;
	display: block;
	background: #202020;
	width: 780px;
}
body #content_products .products_explanation h3 {
	padding-top: 18px;

}
body #content_products .products_explanation_left p {
	padding: 10px 0 0;
}
body #content_products .products_explanation_right p {
	padding: 10px 0 0;
}
body #content_products .products_explanation_right ul {
	margin: 0 0 0 15px;
	padding: 10px 0 0;
}


/**/
.products_explanation_lsize {
	margin: 0 auto;
	width: 800px;
	text-align: left;
}
.products_explanation_lsize .products_explanation_left {
	padding: 0 0 0 20px;
	width: 330px;
	float: left;
}

.products_explanation_lsize .products_explanation_right {
	padding: 0 20px 0 0;
	width: 410px;
	float: right;
}
body #content_products .products_explanation_lsize h2 {
	margin: 40px auto 18px;
	padding: 5px 0 5px 20px;
	font-size: 100%;
	color: #FFFFFF;
	display: block;
	background: #111111;
	width: 780px;
}
body #content_products .products_explanation_lsize p {
	padding: 10px 20px 0;
}
body #content_products .products_explanation_lsize .products_explanation_right p {
	padding: 10px 0 0;
}
body #content_products .products_explanation_lsize .products_explanation_right ul {
	margin: 0 0 0 15px;
	padding: 10px 0 0;
}


/**/
.products_explanation_ssize {
	margin: 0 auto;
	padding: 18px 0 0;
	width: 800px;
	text-align: left;
}
.products_explanation_ssize .products_explanation_left {
	padding: 0 0 0 20px;
	width: 180px;
	float: left;
}
.products_explanation_ssize .products_explanation_right {
	padding: 0 20px 0 0;
	width: 560px;
	float: right;
}
body #content_products .products_explanation_ssize h2 {
	margin: 40px auto 18px;
	padding: 5px 0 5px 20px;
	font-size: 100%;
	color: #FFFFFF;
	display: block;
	background: #111111;
	width: 780px;
}
body #content_products .products_explanation_ssize .products_explanation_right p {
	padding: 10px 0 0;
}
body #content_products .products_explanation_ssize .products_explanation_right ul {
	margin: 0 0 0 15px;
	padding: 10px 0 0;
}
/**/


/*詳細データテーブル*/

body #content_products table.parts_detail_table {
	margin: 48px auto 0;
	border-collapse: collapse;
	border: 1px solid #000000;
	text-align: center;
	font-size: 80%;
}
/*IEのみ適用*/
*:first-child+html body table.parts_detail_table th {
	font-size: 90%;
}
* html body table.parts_detail_table th {
	font-size: 90%;
}
/**/
*:first-child+html body table.parts_detail_table td {
	font-size: 90%;
}
* html body table.parts_detail_table td {
	font-size: 90%;
}
/**/

body #content_products table.parts_detail_table th {
	padding: 0.4em 0.8em;
	border: 1px solid #000000;
	text-align: center;
	background: #282828;
	font-weight: normal;
}

body #content_products table.parts_detail_table th img {
	vertical-align: text-top;
}

body #content_products table.parts_detail_table td {
	padding: 0.4em 0.8em;
	border: 1px solid #000000;
	background: #505050;
	text-align: left;
}

body #content_products table.parts_detail_table td li {
	margin: 0 0 0 15px;
}

body #content_products table.parts_detail_table td.txt-center {
	text-align: center;
}

body #content_products table.parts_detail_table td.like_th {
	padding: 0.4em 0.8em;
	border: 1px solid #000000;
	background: #333333;
	text-align: left;
}

body #content_products table.parts_detail_table th.parts_detail_title {
	padding: 0 0 6px;
	text-align: left;
	background: #000000;
	border: 1px solid #000000;
}

body #content_products table.parts_detail_table th.txt-center {
	text-align: center;
}

body #content_products table.parts_detail_table th.parts_detail_title h2 {
	margin: 0;
	padding: 0 0 0 6px;
	border-left: 5px solid #CC0000;
	font-size: 120%;
	background: #000000;
}

body #content_products table.parts_detail_table tr.bgon th {
	background: #484848;
}

body #content_products table.parts_detail_table tr.bgon td {
	background: #484848;
}


/*詳細データテーブル*/

body #content_products table.parts_detail_table_800 {
	margin: 24px auto 0;
	border-collapse: collapse;
	border: 1px solid #000000;
	text-align: center;
	font-size: 80%;
	width: 800px;
}
/*IEのみ適用*/
*:first-child+html body table.parts_detail_table_800 th {
	font-size: 90%;
}
* html body table.parts_detail_table_800 th {
	font-size: 90%;
}
/**/
*:first-child+html body table.parts_detail_table_800 td {
	font-size: 90%;
}
* html body table.parts_detail_table_800 td {
	font-size: 90%;
}
/**/

body #content_products table.parts_detail_table_800 th {
	padding: 0.4em 0.8em;
	border: 1px solid #000000;
	text-align: center;
	background: #282828;
	font-weight: normal;
}

body #content_products table.parts_detail_table_800 th img {
	vertical-align: text-top;
}

body #content_products table.parts_detail_table_800 td {
	padding: 0.4em 0.8em;
	border: 1px solid #000000;
	background: #505050;
	text-align: left;
}

body #content_products table.parts_detail_table_800_lead {
	margin: 0 auto 0;
	border-collapse: collapse;
	border: 1px solid #000000;
	text-align: center;
	font-size: 80%;
	width: 800px;
}
/*IEのみ適用*/
*:first-child+html body table.parts_detail_table_800_lead th {
	font-size: 90%;
}
* html body table.parts_detail_table_800_lead th {
	font-size: 90%;
}
/**/
*:first-child+html body table.parts_detail_table_800_lead td {
	font-size: 90%;
}
* html body table.parts_detail_table_800_lead td {
	font-size: 90%;
}
/**/

body #content_products table.parts_detail_table_800_lead th {
	padding: 0.4em 0.8em;
	border: 1px solid #000000;
	text-align: center;
	background: #282828;
	font-weight: normal;
}

body #content_products table.parts_detail_table_800_lead th img {
	vertical-align: text-top;
}

body #content_products table.parts_detail_table_800_lead td {
	padding: 0.4em 0.8em;
	border: 1px solid #000000;
	background: #505050;
	text-align: left;
}


body #content_products table.parts_detail_table_800 td li {
	margin: 0 0 0 15px;
}

body #content_products table.parts_detail_table_800 td.txt-center {
	text-align: center;
}

body #content_products table.parts_detail_table_800 td.like_th {
	padding: 0.4em 0.8em;
	border: 1px solid #000000;
	background: #333333;
	text-align: left;
}

body #content_products table.parts_detail_table_800 th.parts_detail_title {
	padding: 0 0 6px;
	text-align: left;
	background: #000000;
	border: 1px solid #000000;
}

body #content_products table.parts_detail_table_800 th.txt-center {
	text-align: center;
}

body #content_products table.parts_detail_table_800 th.parts_detail_title h2 {
	margin: 0;
	padding: 0 0 0 6px;
	border-left: 5px solid #CC0000;
	font-size: 120%;
	background: #000000;
}

body #content_products table.parts_detail_table_800 tr.bgon th {
	background: #484848;
}

body #content_products table.parts_detail_table_800 tr.bgon td {
	background: #484848;
}

body #content_products table.parts_detail_table_800 td span{
	color: #fb8455;
	font-size: 1.00em;
}




/*postscript*/

.postscript {
	margin: 24px 0 0;
	padding: 0 24px 24px;
	background: #111111;
	border: 1px solid #333333;
}

.postscript_mini {
	margin: 24px 20px 0;
	padding: 0 24px 24px;
	background: #111111;
	border: 1px solid #333333;
}

body #content_products .products_explanation .postscript h3,
body #content_products .products_explanation .postscript_mini h3 {
	padding: 24px 0 6px;
	color: #FFFFFF;
	font-size: 100%;
	border-bottom: 1px solid #333333;
}

body #content_products .products_explanation .postscript p.pdfdl_p,
body #content_products .products_explanation .postscript_mini p.pdfdl_p {
	padding: 8px 0 0;
}
body #content_products .products_explanation .postscript p.pdfdl_p img,
body #content_products .products_explanation .postscript_mini p.pdfdl_p img {
	vertical-align: bottom;
}

body #content_products .products_explanation .postscript p.acrobatdl_p img,
body #content_products .products_explanation .postscript_mini p.acrobatdl_p img {
	vertical-align: bottom;

}

/*枠*/
p.postscript_p {
	margin: 24px 0 0;
	padding: 10px 18px 10px;
	background: #111111;
	border: 1px solid #333333;
}

p.postscript_p_white {
	margin: 24px 0 0;
	padding: 10px 18px 10px;
	background: #ffffff;
	border: 1px solid #333333;
	color:#d52020;
	font-weight: bold;
}

p.postscript_p_soldout {
	margin: 24px 0 0;
	padding: 10px 18px 10px;
	background: #ffffff;
	border: 1px solid #333333;
	color:#d52020;
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
}

/*その他*/

.products_advox {
	margin: 60px auto 0;
	padding: 36px 0 0;
	width: 800px;
	text-align: left;
	border-top: 1px solid #333333;
} 


/*3カラム*/

.compressor-box {
	margin: 36px auto 0;
	width: 800px;
}

.compressor-box_left {
	width: 250px;
	float: left;
}

.compressor-box_center {
	padding: 0 25px;
	width: 250px;
	float: left;
}

.compressor-box_right {
	width: 250px;
	float: left;
}

body #container #content_products .compressor-box h2 {
	margin: 0;
	padding: 14px 0 0;
	font-size: 100%;
	color: #FFFFFF;
	line-height: 1.2;
	text-align: center;
	width: auto;
	display: block;
}

body #container #content_products .compressor-box p {
	padding: 10px 0 0;
	line-height: 1.2;
}

body #content_products .compressor-box img {
	display: block;
}

/* ギャラリー用css */

.products_imgbox .dis {
	display: none;
	margin:0 auto;
}
.products_imgbox .dis_o {
	display: block;
	margin:0 auto;
}