@charset "UTF-8";

/*--------------------------------------------------------------------
product04.html
product01.html
product03.html
product04.html
product.css
--------------------------------------------------------------------*/


/*------------product---------------------------------------------------------------*/
ul.product > li {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
ul.product > li + li { margin-top: 60px; }
ul.product li div.prodPho {}
ul.product li div.prodPho img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #bfbfbf;
}
ul.product li div.prodTxt { margin-top: 20px; }
ul.product li div.prodTxt h5 {
	margin-bottom: 0.8em;
	line-height: 1.2;
	text-align: center;
	font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 1.53em;
}
ul.product li div.prodTxt dl dt {
	padding-left: 1em;
	text-indent: -1em;
	color: #29abe2;
}
ul.product li div.prodTxt dl dt:before { content: "◆"; }
ul.product li div.prodTxt dl dd {
	padding-left: 1em;
	overflow: hidden;
}
ul.product li div.prodTxt ol { padding-left: 1.5em; }
ul.product li div.prodTxt sub {
	padding-right: 0.2em;
	vertical-align: -0.2em;
	font-size: 0.65em;
}
ul.product li ul li {
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
}
ul.product li ul li:before { content: "・"; }
/*NewDesign*/
.NewDesign h4 span {
	display: block;
	font-size: 0.8em;
}
.NewDesign ul.product li div.prodTxt dl:not(:first-of-type) { margin-top: 1em; }
.NewDesign ul.product li div.prodTxt dl { padding-left: 1em; }
.NewDesign ul.product li div.prodTxt dl dt {
	position: relative;
	padding-left: 1.5em;
}
.NewDesign ul.product li div.prodTxt dl dt:before {
	position: absolute;
	display: inline-block;
	content: "▲";
	top: 10px;
	left: 0;
	transform: rotate(90deg);
	font-size: 0.89em;
}
.NewDesign ul.product li div.prodTxt dl dt a { color: #29abe2; }
.NewDesign ul.product li div.prodTxt dl dt a span {
	display: inline-block;
	text-indent: 0;
}
.NewDesign ul.product li div.prodTxt dl dt a .gas { color: #0000ff; }
.NewDesign ul.product li div.prodTxt dl dt a .oil { color: #ff0000; }
.NewDesign ul.product li div.prodTxt dl dt a .nooil { color: #008800; }
/**/
ul.product li div.Detail {
	width: 160px;
	margin: 1em auto 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background: #555;
	letter-spacing: 0;
	transition: opacity .3s;
}
ul.product li div.Detail a {
	display: block;
	padding: 0.35em 1.3em 0.3em;
	background: url(../../img/parts/top_nav.png) no-repeat 0.8em center;
	line-height: 1.2;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
	text-align: center;
	font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 0.93em;
	color: #fff;
	transition: opacity .3s;
}
ul.product li div.Detail:hover,
ul.product li div.Detail a:hover {
	text-decoration: none;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	color: #ff0;
}

p.Note {
	margin-top: 1em;
	padding-left: 1em;
	text-indent: -1em;
}


/*------------product04---------------------------------------------------------------*/
div#product04 h5 {
	margin-bottom: 20px;
	padding: 0 0.6em 0.4em;
	background: url(../../img/parts/line03.png) no-repeat left bottom;
	line-height: 1.2;
	letter-spacing: 0.09em;
	font-size: 1.33em;
	color: #ff9400;
}
div#product04 h6 {
	margin-bottom: 15px;
	line-height: 1.2;
	letter-spacing: 0.09em;
	text-align: center;
	font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 1.53em;
}
div#product04 div.prodPho { margin-top: 30px; }
div#product04 div.prodPho ul {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#product04 div.prodPho ul li + li { margin-top: 1em; }
div#product04 div.prodPho ul li p + p {
	margin-top: 0.3em;
	text-align: center;
}
div#product04 div.prodTxt {}
div#product04 div.prodTxt dl dt {
	padding-left: 1em;
	text-indent: -1em;
	color: #29abe2;
}
div#product04 div.prodTxt dl dt:before { content: "◆"; }
div#product04 div.prodTxt dl dd {
	padding-left: 1em;
	overflow: hidden;
}
div#product04 div.prodTxt dl dd + dt { margin-top: 1.5em; }
div#product04 div.prodTxt ol { padding-left: 1.5em; }
div#product04 p.Annotation { text-align: right; }
div#product04 table {
	width: 100%;
	margin-top: 5px;
	border-collapse: collapse;
	border-top: 1px solid #bfbfbf;
}
div#product04 table tr th {
	width: auto;
	padding: 5px 10px;
	background: #eaeaea;
	border-bottom: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	text-align: center;
	vertical-align: top;
}
div#product04 table tr td {
	width: auto;
	padding: 5px 10px;
	border-bottom: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	text-align: center;
	vertical-align: top;
}
div#product04 table tr th:nth-of-type(1),
div#product04 table tr td:nth-of-type(1) { border-left: 0 none; }
div#product04 div#caseL { padding-top: 20px; }
div#product04 div#caseL dl dt {
	padding-left: 0;
	text-indent: 0;
	color: inherit !important;
	float: left;
}
div#product04 div#caseL dl dd {
	padding-left: 0;
	overflow: hidden;
}
div#product04 div#caseL dl dd + dt { margin-top: 0; }
div#product04 div#caseR { margin-top: 10px; }
div#product04 div#caseR ul {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#product04 div#caseR ul li { width: 160px; }
div#product04 div#caseR ul li:nth-of-type(1) { float: left; }
div#product04 div#caseR ul li:nth-of-type(2) { float: right; }
div#product04 div#caseR ul li table tr th { text-align: left; }
div#product04 div#caseR ul li table tr td { text-align: right; }


/*------------product01---------------------------------------------------------------*/
div#product01 div.Inner { margin-bottom: 30px; }
div#product01 .Scroll {
	overflow: auto;
	white-space: nowrap;
}
div#product01 .Scroll::-webkit-scrollbar{ height: 5px; }
div#product01 .Scroll::-webkit-scrollbar-track { background: #f1f1f1; }
div#product01 .Scroll::-webkit-scrollbar-thumb { background: #bcbcbc; }
div#product01 div.Special {
	width: 100%;
	margin-bottom: 60px;
	overflow: hidden;
}
div#product01 div.Special h5 {
	margin-bottom: 15px;
	padding: 0 0.6em 0.4em;
	background: url(../../img/parts/line03.png) no-repeat left bottom;
	line-height: 1.2;
	letter-spacing: 0;
	font-size: 1.33em;
	color: #ff9400;
}
div#product01 div.Special p + h5 { margin-top: 15px; }
div#product01 div.Special strong { color: #ff1d25; }
div#product01 div.Special p.EndNote {
	margin-top: 0.2em;
	text-align: right;
}
div#product01 ol.Use {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#product01 ol.Use > li {
	margin-bottom: 20px;
	position: relative;
}
div#product01 ol.Use > li:nth-child(2n) { margin-right: 0; }
div#product01 ol.Use > li dl dt {
	font-size: 1.13em;
	color: #29abe2;
}
div#product01 ol.Use > li dl dd ul li {
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
}
div#product01 ol.Use > li dl dd ul li:before { content: "〇"; }
div#product01 ol.Use > li img {
	display: block;
	margin: 0 10px 0 auto;
}
div#product01 div#Spe01 div#SpePho {}
div#product01 div#Spe01 div#SpeTxt { margin-top: 20px; }
div#product01 div#Spe01 div#SpeTxt ul#Separation {
	width: 100%;
	margin-top: 10px;
	list-style: none;
	overflow: hidden;
}
div#product01 div#Spe01 div#SpeTxt ul#Separation li { margin-bottom: 30px; }
div#product01 div#Spe01 div#SpeTxt ul#Separation li:nth-child(3n) { margin-bottom: 0; }
div#product01 div#Spe01 div#SpeTxt ul#Separation li dl dt {
	text-align: center;
	font-size: 1.13em;
	color: #29abe2;
}
div#product01 div#Spe01 div#SpeTxt ul#Separation li dl dd img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #bfbfbf;
}
div#product01 div#Spe01 div#SpeTxt ul#Separation li dl dd p { margin-top: 5px; }
div#product01 div#Spe01 div#selfPho {}
div#product01 div#Spe01 div#selfTxt { margin-top: 20px; }
div#product01 div.Lineup table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #bfbfbf;
}
div#product01 div.Lineup table tr th {
	width: auto;
	padding: 10px;
	background: #eaeaea;
	border-bottom: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	text-align: center;
	vertical-align: middle;
}
div#product01 div.Lineup table tr td {
	width: auto;
	padding: 10px;
	border-bottom: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
	text-align: center;
	vertical-align: middle;
}
div#product01 div.Lineup table tr th:nth-child(1),
div#product01 div.Lineup table tr td:nth-child(1) {
	border-right: 1px solid #bfbfbf;
	border-left: 0 none;
}
div#product01 div.Lineup p + p,
div#product01 div.Lineup p + ul { margin-top: 0.8em; }
div#product01 div.Lineup ul li + li { margin-top: 0.45em; }
div#product01 div#Spe02 div#Spe02Txt { margin-top: 20px; }
div#product01 div#Spe02 div#Spe02Txt02 { margin-top: 20px; }
div#product01 div#Spe02 div#Spe02Pho {}
div#product01 div#Spe02 div#Spe02Pho02 {}
div#product01 div#Spe02 div#Spe02Txt02 ul li {
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
}
div#product01 div#Spe02 div#Spe02Txt02 ul li:before { content: "〇"; }