@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	font-size : 100%;
}
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
a {
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
	text-decoration: none;
}
a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	text-decoration: none;
}
a:hover img {
	/* [disabled]opacity: 0.7; */
	/* [disabled]filter: alpha(opacity=70); */
}
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 75%;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
body {
	margin: 0px;
	padding: 0px;
	line-height: 1.3em;
	background-color: #FFFFFF;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W4","Hiragino Kaku Gothic Pro W4","Hiragino Kaku Gothic Pro",Meiryo,Arial,verdana,"Trebuchet MS",Helvetica,sans-serif;
	font-size: 1em;
	-webkit-text-size-adjust: 100%;
}

/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 1px;
}
 
/* IE6以下でpadding指定 */
*html body {
padding-left: 1px;
}

/* Common */
.clearBoth {
	margin: 0px;
	padding: 0px;
	clear: both;
}
.textindent {
	text-indent: -9999px;
}
.displaynone {
	display: none;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* Font Size Common */
.text10 {
	font-size:77%;
}
.text11 {
	font-size:85%;
}
.text12 {
	font-size:93%;
}
.text13 {
	font-size:100%;
}
.text14 {
	font-size:108%;
}
.text15 {
	font-size:116%;
}
.text16 {
	font-size:123.1%;
}
.text17 {
	font-size:131%;
}
.text18 {
	font-size:138.5%;
}
.text19 {
	font-size:146.5%;
}
.text20 {
	font-size:153.9%;
}
.text21 {
	font-size:161.6%;
}
.text22 {
	font-size:167%;
}
.text23 {
	font-size:174%;
}
.text24 {
	font-size:182%;
}
.text25 {
	font-size:189%;
}
.text26 {
	font-size:197%;
}
strong {
	font-weight: bold;
}

/* wrapper */
#wrapper {
	margin-right: auto;
	margin-left: auto;
	min-width: 960px;
	text-align: left;
	position: absolute;
	background-image: url(images/body_bg2.png);
	background-repeat: repeat;
	background-position: center top;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#wrapper .inner {
	margin-right: auto;
	margin-left: auto;
	min-width: 960px;
	text-align: left;
	position: relative;
	background-image: url(images/body_bg2.png);
	background-repeat: repeat;
	background-position: center top;
	overflow: hidden;
}
.btn {
	border: 7px solid #ED1C24;
	width: 210px;
	height: 50px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: bold;
}
.btn.back {
	border: 3px solid #ED1C24;
	width: 210px;
	height: 46px;
	padding-top: 7px;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px;
}
.btn.down {
	border: 3px solid #ED1C24;
	width: 210px;
	height: 46px;
	padding-top: 7px;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-top: 15px;
}
.btn.thin {
	border: 3px solid #ED1C24;
}
.btn a {
	display: block;
	position: absolute;
	top: -7px;
	left: -7px;
	right: -7px;
	bottom: -7px;
	padding-left: 7px;
	padding-right: 42px;
	background-image: url(images/arrow.png);
	background-repeat: no-repeat;
	background-position: 168px center;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #ED1C24;
}
.btn.back a {
	display: block;
	position: absolute;
	top: -3px;
	left: -3px;
	right: -3px;
	bottom: -3px;
	padding-left: 36px;
	padding-right: 3px;
	background-image: url(images/arrow_back.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	line-height: 46px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #ED1C24;
}
.btn.down a {
	display: block;
	position: absolute;
	top: -3px;
	left: -3px;
	right: -3px;
	bottom: -3px;
	padding-left: 36px;
	padding-right: 3px;
	background-image: url(images/arrow_down.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	line-height: 46px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #ED1C24;
}
.btn.thin a {
	display: block;
	position: absolute;
	top: -3px;
	left: -3px;
	right: -3px;
	bottom: -3px;
	padding-left: 3px;
	padding-right: 42px;
	background-image: url(images/arrow.png);
	background-repeat: no-repeat;
	background-position: 168px center;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #ED1C24;
}
input {
	font-family: "ヒラギノ角ゴ Pro W4","Hiragino Kaku Gothic Pro W4","Hiragino Kaku Gothic Pro",Meiryo,Arial,verdana,"Trebuchet MS",Helvetica,sans-serif;
	font-size: 16px;
}


/* headerContents */
#headerContents {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 16px;
	padding-bottom: 15px;
	position: relative;
}
#headerContents h1 {
	width: 500px;
	border: 7px solid #ED1C24;
	height: 72px;
	position: relative;
}
#headerContents h1 a {
	display: block;
	position: absolute;
	top: -7px;
	left: -7px;
	right: -7px;
	bottom: -7px;
	text-indent: -9999px;
	background-image: url(images/header_title.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#headerContents .headProduct {
	position: absolute;
	left: 520px;
	top: 28px; 
}
#headerContents .headSearch {
	position: absolute;
	right: 0;
	top: 28px; 
}


/* mainContents */
#mainContents {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}


/* topPage */
.topFrame {
	background-image: url(images/top_bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #FFF;
	min-height: 550px;
}
.topFrame .article {
	background-image: url(images/body_bg.png);
	background-repeat: repeat;
	background-position: center top;
	height: 550px;
	border: 7px solid #ED1C24;
	position: relative;
	padding: 30px;
}
.topFrame .article p {
	font-size: 14px;
	font-weight: bold;
	line-height: 26px;
	white-space: pre-wrap;
}
.topFrame .article p span {
	font-size: 12px;
	line-height: 26px;
	white-space: pre-wrap;
}
.topFrame .article #slideshow {
	position: absolute;
	top: -20px;
	right: -100px;
	width: 751px;
	height: 387px;
	z-index: 10;
}
.topFrame .article #slideshow img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	opacity: 0;
}
.topFrame .article #slideshow img.active {
	z-index: 10;
	opacity: 1;
}
.topFrame .article #slideshow img.last-active {
	z-index: 9;
}
.topFrame .article h2 {
	font-size: 22px;
	font-weight: bold;
	color: #E60012;
	margin-bottom: 20px;
	margin-top: 60px;
}
.topFrame .article dl {
	color: #E60012;
}
.topFrame .article dt {
	clear: left;
	float: left;
	font-size: 12px;
    padding-bottom: 5px;
	width: 90px;
	font-weight: bold;
	text-align: left;
}
.topFrame .article dd {
	font-size: 12px;
    padding-bottom: 5px;
	padding-left: 90px;
	font-weight: bold;
	text-align: left;
}
.topFrame .article dl a {
	color: #E60012;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
.topFrame .article dl a:before {
	content: "> ";
	margin-right: 0px;
}
.topFrame .article ul {
	clear: both;
	list-style: none;
}
.topFrame .article ul li {
	width: 420px;
	height: 170px;
	position: relative;
}
.topFrame .article ul li.selector {
	border: 7px solid #000;
	background-image: url(images/top_btn_bg.png);
	background-repeat: repeat;
}
.topFrame .article ul li.selector a {
	display: block;
	position: absolute;
	top: -7px;
	left: -7px;
	right: -7px;
	bottom: -7px;
	text-align: center;
	z-index: 100;
}
.topFrame .article ul li.selector img {
	position: absolute;
	top: 25px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 375px;
	height: 110px;
}
.topFrame .article ul li.selector a img {
	position: absolute;
	top: 32px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
}
.topFrame .article ul li.selector a:hover {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
.topFrame .article ul li.selector a img:hover {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
}
.topFrame .article ul li.car {
	position: absolute;
	bottom: 30px;
	left: 30px;
}
.topFrame .article ul li.car:after {
	display: block;
	position: absolute;
	right: -45px;
	top: 75px;
	width: 30px;
	height: 7px;
	content: "";
	background-color: #000;
}
.topFrame .article ul li.bike {
	position: absolute;
	bottom: 30px;
	right: 30px;
}
.topFrame .article ul li.disable {
	opacity: 0.3;
	filter: alpha(opacity=30);
	filter: grayscale(100%);
}
.topFrame .articleNews {
	background-image: url(images/body_bg.png);
	background-repeat: repeat;
	background-position: center top;
	min-height: 550px;
	border: 7px solid #ED1C24;
	position: relative;
	padding: 30px;
}
.topFrame .articleNews h2 {
	font-size: 25px;
	font-weight: bold;
	color: #E60012;
	margin-bottom: 20px;
}
.topFrame .articleNews dl {
	color: #E60012;
}
.topFrame .articleNews dt {
	clear: left;
	float: left;
	font-size: 16px;
    padding-bottom: 15px;
	width: 130px;
	font-weight: bold;
	text-align: left;
}
.topFrame .articleNews dd {
	font-size: 16px;
    padding-bottom: 15px;
	padding-left: 130px;
	font-weight: bold;
	text-align: left;
}
.topFrame .articleNews dd .imgList {
	display: flex;
	margin: 15px 0;
}
.topFrame .articleNews dd .imgList .imgBox {
	max-width: 150px;
	padding: 0 20px;
	flex-shrink:0;
}
.topFrame .articleNews dd .imgList .imgBox img {
	width: 100%;
}
.topFrame .articleNews dd .imgList .textBox {
	font-size: 16px;
	padding-bottom: 15px;
	font-weight: bold;
}

/* topPage2020 */
.topFrame2020 {
	background-image: url(images/top_bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #FFF;
	min-height: auto;
}
.topFrame2020 .article {
	background-image: url(images/body_bg.png);
	background-repeat: repeat;
	background-position: center top;
	height: auto;
	border: 7px solid #ED1C24;
	position: relative;
	padding: 22px;
}
.topFrame2020 .article p {
	font-size: 17px;
	font-weight: bold;
	line-height: 1.25em;
	white-space: pre-wrap;
	margin-bottom: 15px;
	width: 111.11%;
	transform: scale(0.90, 1);
	margin-left: -5.55%;
}
.topFrame2020 .article p span {
	font-size: 12px;
	line-height: 1.25em;
	white-space: pre-wrap;
}
.topFrame2020 .article ul {
	clear: both;
	list-style: none;
	position: relative;
}
.topFrame2020 .article ul li {
	width: 428px;
	height: 374px;
	position: relative;
}
.topFrame2020 .article ul li.selector {
	border: 7px solid #000;
	background-image: url(images/top_btn_bg.png);
	background-repeat: repeat;
}
.topFrame2020 .article ul li.selector a {
	display: block;
	position: absolute;
	top: -7px;
	left: -7px;
	right: -7px;
	bottom: -7px;
	text-align: center;
	z-index: 100;
}
.topFrame2020 .article ul li.selector img {
	position: absolute;
	top: 25px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 388px;
	height: 320px;
}
.topFrame2020 .article ul li.selector a img {
	position: absolute;
	top: 25px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
}
.topFrame2020 .article ul li.selector a:hover {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
.topFrame2020 .article ul li.selector a img:hover {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
}
.topFrame2020 .article ul li.car {
}
.topFrame2020 .article ul li.car:after {
	display: block;
	position: absolute;
	right: -45px;
	top: 285px;
	width: 30px;
	height: 7px;
	content: "";
	background-color: #000;
}
.topFrame2020 .article ul li.bike {
	position: absolute;
	right: 0;
	top: 0;
}
.topFrame2020 .article ul li.disable {
	opacity: 0.3;
	filter: alpha(opacity=30);
	filter: grayscale(100%);
}
.topFrame2020 .article .newsArea {
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
}
.topFrame2020 .article .newsArea h2 {
	font-size: 26px;
	font-weight: bold;
	color: #E60012;
	position: absolute;
	left: 0;
	top: 0;
}
.topFrame2020 .article .newsArea dl {
	color: #E60012;
	margin-left: 100px;
}
.topFrame2020 .article .newsArea dt {
	clear: left;
	float: left;
	font-size: 16px;
    padding-bottom: 5px;
	width: 110px;
	font-weight: bold;
	text-align: left;
}
.topFrame2020 .article .newsArea dd {
	font-size: 16px;
    padding-bottom: 5px;
	padding-left: 110px;
	font-weight: bold;
	text-align: left;
}
.topFrame2020 .article .newsArea dl a {
	color: #E60012;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}
.topFrame2020 .article .newsArea dl a:before {
	content: "> ";
	margin-right: 0px;
}


/* subPage */
.subFrame .article {
}
.subFrame .article .leftArea {
	clear: both;
	position: relative;
	width: 230px;
	float: left;
	margin-bottom: 20px;
}
.subFrame .article .leftArea .leftTitle {
	border: 3px solid #ED1C24;
	width: 210px;
	padding: 10px;
	margin-bottom: 15px;
}
.subFrame .article .leftArea .leftTitle h2 {
	padding: 0px;
	margin-top: 5px;
	font-size: 26px;
	font-weight: bold;
	color: #000;
}
.subFrame .article .leftArea .leftTitle h2 span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #ED1C24;
	margin-top: 10px;
}
.subFrame .article .leftArea .leftTitle h2.productsList {
	padding: 0px;
	font-size: 20px;
	font-weight: bold;
	color: #000;
	white-space: pre-wrap;
}
.subFrame .article .leftArea .leftTitle h2.productsList span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #ED1C24;
	margin-top: 0px;
	margin-bottom: 10px;
}
.subFrame .article .leftArea .leftTitle:after {
	display: block;
	position: absolute;
	left: 215px;
	top: 35px;
	width: 10px;
	height: 3px;
	content: "";
	background-color: #ED1C24;
}
.subFrame .article .leftArea .search {
	border: 3px solid #ED1C24;
	width: 210px;
	padding: 10px;
}
.subFrame .article .leftArea .search h3 {
	font-size: 16px;
	font-weight: bold;
	color: #ED1C24;
	margin-bottom: 5px;
}
.subFrame .article .leftArea .leftTitle form {
	margin-top: 5px;
}
.subFrame .article .leftArea .search .searchText,
.subFrame .article .leftArea .leftTitle .searchText {
	width: 155px;
	height: 36px;
	padding: 5px;
	border: 1px solid #CCC;
	background-color: #FFF;
}
.subFrame .article .leftArea .search .searchBtn,
.subFrame .article .leftArea .leftTitle .searchBtn {
	border: none;
	background-color: transparent;
	width: 36px;
	height: 36px;
	padding: 0px;
	color: #FFF;
	cursor: pointer;
	font-weight: bold;
	position: absolute;
	background-image: url(images/arrow.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
}
.subFrame .article .leftArea .search .searchBtn:hover,
.subFrame .article .leftArea .leftTitle .searchBtn:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.subFrame .article .rightArea {
	position: relative;
	width: 730px;
	float: right;
	margin-bottom: 20px;
}
.subFrame .article .rightArea .borderBox {
	border: 3px solid #ED1C24;
	background-image: url(images/data_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
    background-color: rgba(255, 255, 255, 0.7);
	padding-top: 13px;
	padding-bottom:13px;
	margin-bottom: 15px;
}
.subFrame .article .rightArea .noPadding {
	padding: 0px;
	background-image: none;
}
.subFrame .article .rightArea .noPaddingTop {
	padding-top: 0px;
	border-top: none;
}
.subFrame .article .rightArea .cautionArea {
	margin: 0px 0px 20px 0px;
}
.subFrame .article .rightArea .cautionArea p.caution {
	margin: -5px 0px 15px 0px;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 11px;
	line-height: 1.5em;
}
.subFrame .article .rightArea .borderBox .tableBox+.tableBox {
	margin-top: 50px;
}
.subFrame .article .rightArea .borderBox .tableBox h2 {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #ED1C24;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ED1C24;
	padding: 13px 13px 13px 30px;
	font-size: 22px;
	font-weight: bold;
	color: #ED1C24;
	margin-bottom: 13px;
}
.subFrame .article .rightArea .borderBox .tableBox h3 {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #ED1C24;
	padding: 0px 13px 13px 30px;
	font-size: 16px;
	font-weight: bold;
	color: #ED1C24;
	margin-bottom: 13px;
}
.subFrame .article .rightArea .borderBox .tableBox h4 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ED1C24;
	padding: 0px 10px 10px 5px;
	font-size: 14px;
	font-weight: bold;
	color: #ED1C24;
	margin-top: 30px;
	margin-bottom: 13px;
	margin-right: 10px;
	margin-left: 10px;
}
.subFrame .article .rightArea .borderBox .tableBox h3+h4 {
	margin-top: 0px;
}
.subFrame .article .rightArea .borderBox .tableBox table {
	width: 100%;
    border-spacing: 0;
    color: #000;
}
.subFrame .article .rightArea .borderBox .tableBox table.searchTable thead {
}
.subFrame .article .rightArea .borderBox .tableBox table.searchTable thead th {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #ED1C24;
	padding: 0px 13px 13px 30px;
	font-size: 16px;
	font-weight: bold;
	color: #ED1C24;
}
.subFrame .article .rightArea .borderBox .tableBox table.searchTable tbody {
}
.subFrame .article .rightArea .borderBox .tableBox table.searchTable tbody tr {
}
.subFrame .article .rightArea .borderBox .tableBox table.searchTable tbody th a {
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	color: #000;
	padding-left: 20px;
	background-image: url(images/arrow30.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px 15px;
}
.subFrame .article .rightArea .borderBox .tableBox table.searchTable tbody td a {
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	color: #000;
}
.subFrame .article .rightArea .borderBox .tableBox table.searchTable tbody th {
	padding: 10px 13px 0px 30px;
	text-align: left;
	word-break: break-all;
}
.subFrame .article .rightArea .borderBox .tableBox table.searchTable tbody td {
	padding: 10px 13px 0px 30px;
	text-align: left;
}
.subFrame .article .rightArea .borderBox .tableBox table.searchTable2 thead th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ED1C24;
	padding: 0px 13px 13px 30px;
	font-size: 16px;
	font-weight: bold;
	color: #ED1C24;
}
.subFrame .article .rightArea .borderBox .tableBox table.searchTable2 tbody th a {
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	color: #000;
	padding-left: 20px;
	background-image: url(images/arrow30.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px 15px;
}
.subFrame .article .rightArea .borderBox .tableBox table.searchTable2 tbody td a {
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	color: #000;
}
.subFrame .article .rightArea .borderBox .tableBox table.searchTable2 tbody th {
	padding: 10px 13px 0px 30px;
	text-align: left;
}
.subFrame .article .rightArea .borderBox .tableBox table.searchTable2 tbody td {
	padding: 10px 13px 0px 30px;
	text-align: left;
}
.subFrame .article .rightArea .borderBox .tableBox table.dataTable tbody {
}
.subFrame .article .rightArea .borderBox .tableBox table.dataTable tbody th {
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	color: #ED1C24;
	padding: 21px;
	width: 18%;
	text-align: center;
}
.subFrame .article .rightArea .borderBox .tableBox table.dataTable tbody td {
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
	padding: 21px;
	border-right: 3px solid #ED1C24;
	width: 32%;
}
.subFrame .article .rightArea .borderBox .tableBox table.dataTable tbody td:last-child {
	border-right: none;
}
.subFrame .article .rightArea .borderBox .tableBox table.resultTable tbody {
}
.subFrame .article .rightArea .borderBox .tableBox table.resultTable tbody th {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	color: #ED1C24;
	padding: 3px 10px 3px 10px;
	width: 13%;
	text-align: left;
}
.subFrame .article .rightArea .borderBox .tableBox table.resultTable tbody td {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	padding: 3px 10px 3px 10px;
	border-right: 3px solid #ED1C24;
	width: 38%;
	text-align: left;
}
.subFrame .article .rightArea .borderBox .tableBox table.resultTable tbody th:nth-child(3),
.subFrame .article .rightArea .borderBox .tableBox table.resultTable tbody td:nth-child(4) {
	padding-top:10px;
}
.subFrame .article .rightArea .borderBox .tableBox table.resultTable tbody .last {
	padding-bottom: 10px;
}
.subFrame .article .rightArea .borderBox .tableBox table.resultTable tbody td:last-child {
	border-right: none;
}
.subFrame .article .rightArea .borderBox .tableBox table.detailTable {
	width: auto;
}
.subFrame .article .rightArea .borderBox .tableBox table.detailTable thead {
}
.subFrame .article .rightArea .borderBox .tableBox table.detailTable thead th {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #ED1C24;
	padding: 0px 13px 13px 30px;
	font-size: 16px;
	font-weight: bold;
	color: #ED1C24;
}
.subFrame .article .rightArea .borderBox .tableBox table.detailTable tbody {
}
.subFrame .article .rightArea .borderBox .tableBox table.detailTable tbody tr {
}
.subFrame .article .rightArea .borderBox .tableBox table.detailTable tbody th a {
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	color: #000;
	padding-left: 40px;
	background-image: url(images/arrow30.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.subFrame .article .rightArea .borderBox .tableBox table.detailTable tbody th {
	padding: 0px 15px 0px 30px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #ED1C24;
	width: 170px;
}
.subFrame .article .rightArea .borderBox .tableBox table.detailTable tbody td {
	padding: 0px 13px 0px 0px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}

.subFrame .article .rightArea .borderBox .tableBox ul.oilList {
	list-style: none;
	width: 690px;
	margin-left: 30px;
	margin-top: 20px;
	margin-bottom: 0px;
}
.subFrame .article .rightArea .borderBox .tableBox ul.oilList li {
	display: inline-block;
	width: 32.5%;
	position: relative;
	padding-bottom: 175px;
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
	vertical-align: top;
}
.subFrame .article .rightArea .borderBox .tableBox ul.oilList li:hover {
}
.subFrame .article .rightArea .borderBox .tableBox ul.oilList li p {
	font-size: 11px;
	font-weight: bold;
	padding-left: 40px;
	line-height: 15px;
}
.subFrame .article .rightArea .borderBox .tableBox ul.oilList li p span {
	color: #ED1C24;
	font-weight: bold;
	display: block;
}
.subFrame .article .rightArea .borderBox .tableBox ul.oilList li p:before {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	content: "";
	background-image: url(images/arrow30.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.subFrame .article .rightArea .borderBox .tableBox ul.oilList li a {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.subFrame .article .rightArea .borderBox .tableBox ul.oilList li a img {
	width: 120px;
	height: 120px;
	display: block;
	position: absolute;
	left: 50%;
	bottom: 40px;
	margin-left: -60px;
}
.subFrame .article .rightArea .borderBox .tableBox ul.oilList li a img {
	-webkit-transform: rotate(0) scale(1);
	transform: rotate(0) scale(1);
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
}
.subFrame .article .rightArea .borderBox .tableBox ul.oilList li a:hover img {
	-webkit-transform: rotate(10deg) scale(1.3);
	transform: rotate(10deg) scale(1.3);
	-webkit-transition: .1s ease-in-out;
	transition: .1s ease-in-out;
	opacity: 1;
}
.subFrame .article .rightArea .borderBox .tableBox ul.oilList li a:hover {
	opacity: 1;
}

.subFrame .article .detailBox {
	border: 3px solid #ED1C24;
    background-color: rgba(255, 255, 255, 0.7);
	padding: 30px;
	min-height: 410px;
	position: relative;
}
.subFrame .article .detailBox img {
	display: block;
	width: 350px;
	height: 350px;
	position: absolute;
	top: 30px;
	left: 30px;
}
.subFrame .article .detailBox .tableBox {
	margin-left: 380px;
	width: 500px;
	
}
.subFrame .article .detailBox .tableBox h2 {
	font-size: 36px;
	font-weight: bold;
	color: #E60012;
	line-height: 40px;
	margin-bottom: 10px;
}
.subFrame .article .detailBox .tableBox p {
	font-size: 12px;
	line-height: 18px;
	margin-top: 20px;
	margin-bottom: 20px;
	white-space: pre-wrap;
}
.subFrame .article .detailBox .tableBox table {
	width: 100%;
    border-spacing: 0;
    color: #000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #58595B;
}
.subFrame .article .detailBox .tableBox table th {
	font-size: 12px;
	font-weight: bold;
	color: #E60012;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #58595B;
	padding: 7px 7px 7px 0px;
	width: 170px;
}
.subFrame .article .detailBox .tableBox table td {
	font-size: 12px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #58595B;
	padding: 7px 0px 7px 0px;
}



/* footerArea */
#footerArea {
	clear: both;
	width: 960px;
	height: 150px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	position: relative;
}
#footerArea ul {
	list-style: none;
}
#footerArea ul li {
	position: absolute;
}
#footerArea ul li.motul a,
#footerArea ul li.rokurin a,
#footerArea ul li.facebook a,
#footerArea ul li.twitter a,
#footerArea ul li.instagram a {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-indent: -9999px;
}
#footerArea ul li.motul {
	left: 0;
	top: 0;
	width: 198px;
	height: 54px;
}
#footerArea ul li.motul a {
	background-image: url(images/footer_logo_motul.png);
	background-repeat: no-repeat;
}
#footerArea ul li.rokurin {
	left: 220px;
	top: 3px;
	width: 172px;
	height: 49px;
}
#footerArea ul li.rokurin a {
	background-image: url(images/footer_logo_rokurin.png);
	background-repeat: no-repeat;
}
#footerArea ul li.facebook {
	right: 60px;
	top: 16px;
	width: 14px;
	height: 27px;
}
#footerArea ul li.facebook a {
	background-image: url(images/footer_icon_facebook.png);
	background-repeat: no-repeat;
}
#footerArea ul li.twitter {
	right: 0;
	top: 15px;
	width: 35px;
	height: 29px;
}
#footerArea ul li.twitter a {
	background-image: url(images/footer_icon_twitter.png?20241213);
	background-repeat: no-repeat;
}
#footerArea ul li.instagram {
	right: 103px;
	top: 15px;
	width: 29px;
	height: 29px;
}
#footerArea ul li.instagram a {
	background-image: url(images/footer_icon_instagram.png);
	background-repeat: no-repeat;
}
#footerArea address {
	font-size: 12px;
	position: absolute;
	right: 170px;
	top: 20px;
}


#gotoPageTop {
    bottom: 25px;
    display: block;
    height: 50px;
    position: fixed;
    right: 25px;
    text-align: left;
    text-indent: -9999px;
    width: 50px;
    z-index: 1000;
}
#gotoPageTop span {
    background-image: url("images/gototop.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-color: rgba(255, 255, 255, 1);
    border: 2px solid rgba(237, 28, 36, 1);
    display: block;
    height: 46px;
    opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
    padding: 0;
    width: 46px;
	cursor: pointer;
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
}
#gotoPageTop span:hover {
    opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
#caution {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2000;
    background-color: rgba(0, 0, 0, 0.3);
}
#caution .textBox {
	width: 800px;
	height: 450px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #FFF;
	padding: 30px;
}
#caution .textBox h2 {
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	color: #E60012;
	line-height: 1.25em;
}
#caution .textBox h2 span {
	display: block;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.25em !important;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 15px;
}
#caution .textBox p {
	font-size: 14px;
	text-align: left;
	height: 330px;
	overflow: auto;
}
#caution .textBox span {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #E60012;
	cursor: pointer;
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
}
#caution .textBox span:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}