@charset "shift_jis";

#category_title {
  float: left;
  padding: 10px 0 15px;
  font-size: 1%;
}
#category_title img {
  vertical-align: top;
}
#txtweb {
  float: left;
  margin-left: 16px;
  padding-top: 12px;
  font-size: 1%;
}
.header_share_buttons {
  float: right;
  margin-top: 9px;
  margin-right: 237px;
  height: 20px;
  border-right: 1px solid #ccc;
}
.header_share_buttons li {
  float: right;
  margin-left: 15px;
}
.header_share_buttons .twitter {
  font-size: 12px;
}
.footer_share_buttons {
  display: none;
}
#content {
  margin: 0 auto;
  max-width: 820px;
  padding: 0 13px;
}
#content_wrap {
  float: right;
  width: 820px;
  margin-bottom: 60px;
}


/* マージン */

.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.br15em {
  margin-bottom: 1.5em !important;
}
.txt_l {
  text-align: left !important;
}
.txt_r {
  text-align: right !important;
}
.txt_c {
  text-align: center !important;
}
.bold {
  font-weight: bold;
}

/* 画像 */

.fluid_img {
  max-width: 100%;
}

/* タイトル・ラベル */

#content_wrap .headline {
  position: relative;
  color: #cc0000;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 10px;
}
#content_wrap .headline:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #cc0000;
  top: 45%;
}
#content_wrap .headline span {
  display: inline-block;
  background-color: #FFF;
  padding: 0 7px;
  position: relative;
  z-index: 2;
}
#content_wrap .headline span img {
  vertical-align: middle;
}
#content_wrap .sub_headline {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
#content_wrap .product_sub_headline {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;
  padding: 0 0 9px;
}
#content_wrap .label {
  color: #cc0000;
  font-weight: bold;
  margin-bottom: 10px;
}
#content_wrap .tagline {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}
#content_wrap p {
  font-size: 14px;
}

/* リスト */

#content_wrap .note_list {
  margin-top: 0.5em;
}
#content_wrap .note_list>li, #content_wrap .note_list>dd, #content_wrap p.note_list {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 14px;
  margin-bottom: 3px;
}
#content_wrap .note_list_2em {
  margin-top: 0.5em;
}
#content_wrap .note_list_2em>li, #content_wrap .note_list_2em>dd, #content_wrap p.note_list_2em {
  padding-left: 2em;
  text-indent: -2em;
  font-size: 14px;
  margin-bottom: 3px;
}
#content_wrap .decimal_list {
  margin-top: 1em;
}
#content_wrap .decimal_list>li {
  padding-left: 2em;
  text-indent: -2em;
  font-size: 14px;
  margin-bottom: 3px;
}
#content_wrap .note_list .decimal_list, #content_wrap .note_list .note_list {
  margin-top: 5px;
}
#content_wrap .note_list .decimal_list>li, #content_wrap .note_list .note_list>li {
  font-size: 100%;
}
#content_wrap .disc_list {
  margin-top: 1em;
}
#content_wrap .disc_list>li {
  margin-left: 1em;
  margin-bottom: 3px;
  list-style-type: disc;
}
#content_wrap .note_list.medium>* {
  font-size: 100%;
}

/* リンク */

.arr {
  background: url(../images/icon_arrow_black.gif) no-repeat left 0.35em;
  padding-left: 10px;
  display: inline-block;
  text-indent: 0;
}
#content_wrap .button {
  display: block;
  margin: 0 auto;
  text-align: center;
  background-color: #FFF;
  padding: 15px 20px;
}
#content_wrap .button span {
  background: url(../images/icon_arrow_black.gif) no-repeat left 0.5em;
  padding-left: 10px;
  display: inline-block;
}
#content_wrap .button:hover span {
  text-decoration: underline;
}
#content_wrap .productlink {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 50px;
  border-left: 1px solid #E6E6E6;
}
#content_wrap .productlink li {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #E6E6E6;
}
#content_wrap .productlink li+li {
  margin-right: 10px;
}
#content_wrap .productlink li a {
  display: block;
  padding: 10px;
  color: #333;
}
#content_wrap .productlink li a span {
  display: inline-block;
  padding-right: 24px;
}
#content_wrap .productlink li a:hover {
  color: #cc0000;
}

/* テーブル */

#content_wrap .table_def {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 15px;
}
#content_wrap .table_def th {
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  padding: 10px 20px;
  vertical-align: middle;
  font-weight: bold;
}
#content_wrap .table_def th.group {
  background-color: #000;
  color: #fff;
  text-align: center;
}
#content_wrap .table_def td {
  border: 1px solid #ccc;
  padding: 10px 20px;
  word-break: break-all;
}

/* レイアウト */

#content_wrap section  {
}
#content_wrap section+section  {
  margin-top: 70px;
}
#content_wrap .productlink+.section {
  margin-top: 50px;
}
#content_wrap .subsection {
  border-top: 1px solid #e5e5e5;
  padding-top: 50px;
  margin-top: 50px;
}
#content_wrap .headline+.subsection {
  border-top: none;
  padding-top: 0;
}
#content_wrap figure, #content_wrap .figure {
  text-align: center;
  margin: 20px 0 0;
}
#content_wrap figure img, #content_wrap .figure img {
  margin: 0 auto;
}
#content_wrap figure figcaption, #content_wrap figure .figcaption, #content_wrap .figure figcaption, #content_wrap .figure .figcaption {
  text-align: center;
  margin-bottom: 5px;
}
#content_wrap figure .caption, #content_wrap .figure .caption {
  font-weight: bold;
  color: #cc0000;
}
#content_wrap figure .caption span, #content_wrap .figure .caption span {
  display: block;
  font-weight: normal;
  font-size: 81.25%;
}
#content_wrap figure img+figcaption {
  margin-top: 3px;
}
#content_wrap .col2 {
  margin-top: 20px;
}
#content_wrap .col2 figure, #content_wrap .col2 .figure {
  margin: 0;
}
#content_wrap .col2 .left {
  float: left;
  width: 47.06%;
}
#content_wrap .col2 .right {
  float: right;
  width: 47.06%;
}
#content_wrap .col2.txtwide .img {
  width: 18.52%;
}
#content_wrap .col2.txtwide .text {
  width: 77.94%;
}
#content_wrap .col2 {
  *zoom: 1;
}
#content_wrap .col2:before, #content_wrap .col2:after {
  display: table;
  content: " ";
}
#content_wrap .col2:after {
  clear: both;
}
#himeji {
  border: 1px solid #ccc;
  padding: 20px;
}
#himeji .img {
  float: left;
  text-align: center;
  width: 220px;
  margin: 0 20px 0 0;
}
#himeji .text {
  float: right;
  width: 530px;
}
.emphasis {
  font-weight: bold;
  border-left: 4px solid #e60000;
  margin-bottom: 20px;
  padding-left: 10px;
  line-height: 1.5;
}
.lowfuel02 {
  padding-bottom: 30px;
}
.lowfuel02 .lowfuel_item {
  float: left;
  width: 500px;
}
.lowfuel02 .lowfuel_item p {
  margin-bottom: 1em;
}
.lowfuel02 .lowfuel_item_right {
  float: right;
  width: 220px;
}
.lowfuel02 .lowfuel_item_right img {
  margin-bottom: 10px;
}
.lowfuel02 ul.text_list li {
  padding-left: 15px;
  background: url(../images/icon_disc_black.png) no-repeat 3px 0.6em;
  margin-bottom: 10px;
}
.lowfuel02 ol.text_list li {
  margin-left: 1.5em;
  list-style: decimal outside;
  margin-bottom: 10px;
}
.lowfuel02 table.text {}
.product_back {
  border: 1px solid #cccccc;
  text-align: center;
  padding: 11px 0;
}
.product_back a {
  font-weight: bold;
  line-height: 1;
  display: block;
}
.product_back a span {
  padding-left: 20px;
  background: url(../images/icon_arrow_back.png) no-repeat 5px 0.3em;
}

.auto_list_img{
	margin-right:-18px;
}
.auto_list_img li{
	float:left;
	width:173px;
	padding: 0 52px;
}
.auto_list_img li+li{
/*border-left: thin solid #ccc;*/
}


.auto_list_img li img{
	margin-bottom:5px;
}
.auto_list_img li .link span{
	padding:0 0 0 10px;
	display:inline-block;
	background: url(../images/icon_arrow_black.gif) no-repeat left 0.5em;
}
.auto_list_img li a:hover span{
	text-decoration: underline;
}
