@charset "UTF-8";

article,
aside,
details,
figcaption,
figure,
figure01,
figure02,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

body {
  margin: 0;
}

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

p,
pre {
  margin: 1em 0;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: '';
  content: none;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

menu,
ol,
ul {
  padding: 0 0 0 40px;
}

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
  overflow: hidden;
}

figure, figure01, figure02 {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button,
input {
  line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible;
}

button[disabled],
input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html,
button,
input,
select,
textarea {
  color: #222;
}

body {
  font-size: 1em;
  line-height: 1.4;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

img {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before, .headerWrapper .header .global:before, .headerWrapper .header .global .nav ul:before, .headerWrapper .header .global .social ul:before, .headerWrapper .navChild .navProductChild .block:before, .headerWrapper .navChild .navProductChild ul:before, .footerWrapper .footer .footerInner ul:before, .bottomModuleWrapper .bottomModule ul:before, .top-index .top .product .lineup .lineup-01:before, .top-index .top .product .productNav ul:before, .top-index .top .tips .column:before, .product .content .spec:before, .cm #tab .tab-ui ul:before, .cm .content #profile .honda:before, .cm .content #profile .hoshino:before, .cm #tab #making:before,
.clearfix:after,
.headerWrapper .header .global:after,
.headerWrapper .header .global .nav ul:after,
.headerWrapper .header .global .social ul:after,
.headerWrapper .navChild .navProductChild .block:after,
.headerWrapper .navChild .navProductChild ul:after,
.footerWrapper .footer .footerInner ul:after,
.bottomModuleWrapper .bottomModule ul:after,
.top-index .top .product .lineup .lineup-01:after,
.top-index .top .product .productNav ul:after,
.top-index .top .tips .column:after,
.product .content .spec:after,
.cm #tab .tab-ui ul:after,
.cm .content #profile .honda:after,
.cm .content #profile .hoshino:after,
.cm #tab #making:after {
  content: " ";
  display: table;
}

.clearfix:after, .headerWrapper .header .global:after, .headerWrapper .header .global .nav ul:after, .headerWrapper .header .global .social ul:after, .headerWrapper .navChild .navProductChild .block:after, .headerWrapper .navChild .navProductChild ul:after, .footerWrapper .footer .footerInner ul:after, .bottomModuleWrapper .bottomModule ul:after, .top-index .top .product .lineup .lineup-01:after, .top-index .top .product .productNav ul:after, .top-index .top .tips .column:after, .product .content .spec:after, .cm #tab .tab-ui ul:after, .cm .content #profile .honda:after, .cm .content #profile .hoshino:after, .cm #tab #making:after {
  clear: both;
}

.clearfix, .headerWrapper .header .global, .headerWrapper .header .global .nav ul, .headerWrapper .header .global .social ul, .headerWrapper .navChild .navProductChild .block, .headerWrapper .navChild .navProductChild ul, .footerWrapper .footer .footerInner ul, .bottomModuleWrapper .bottomModule ul, .top-index .top .product .lineup .lineup-01, .top-index .top .product .productNav ul, .top-index .top .tips .column, .product .content .spec, .cm #tab .tab-ui ul, .cm .content #profile .honda, .cm .content #profile .hoshino, .cm #tab #making {
  *zoom: 1;
}

.btn a span, .anchor a span, .footerWrapper .footer .footerInner ul li a span, .headerWrapper .header .global h1 a span, .headerWrapper .header .global .nav ul li a span, .headerWrapper .header .global .social ul li a span, .top-index .top .product .arrow a span, .top-index .top .product .productNav ul li a span, .top-index .top .tips .column .history span,
.top-index .top .tips .column .concept span {
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}

.lt-ie8 .headerWrapper .navChild ul li, .lt-ie8 .top-index .top .product .lineup .lineup-01 .rack, .lt-ie8 .top-index .top .product .lineup ul li {
  display: inline;
  *zoom: 1;
}

.product, .cm, .history, .concept, .about, .special {
  position: relative;
  z-index: 3;
  -webkit-box-shadow: 0 2px 3px rgba(4, 0, 0, 0.15);
  -moz-box-shadow: 0 2px 3px rgba(4, 0, 0, 0.15);
  -o-box-shadow: 0 2px 3px rgba(4, 0, 0, 0.15);
  -ms-box-shadow: 0 2px 3px rgba(4, 0, 0, 0.15);
  box-shadow: 0 2px 3px rgba(4, 0, 0, 0.15);
}

.btn, .anchor, .footerWrapper .footer .footerInner ul li {
  font-size: 1px;
  overflow: hidden;
}
.btn a, .anchor a, .footerWrapper .footer .footerInner ul li a {
  display: block;
  width: 100%;
  height: 100%;
  background-position: left top;
  background-repeat: no-repeat;
}
.btn a span, .anchor a span, .footerWrapper .footer .footerInner ul li a span {
  display: none;
}

body {
  font-family: "Hiragino Kaku Gothic Pro", "MS PGothic", Helvetica, Arial, sans-serif;
}

a {
  color: #f27900;
  text-decoration: none;
}
a:hover {
  color: #ffac59;
}

ul,
li,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

sub {
  bottom: auto;
}

.headerWrapper {
  width: 100%;
  position: relative;
  z-index: 20;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.headerWrapper .header {
  background-color: yellow;
  position: relative;
  z-index: 10;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.headerWrapper .header .global {
  width: 970px;
  margin: 0 auto;
  padding: 11px 0 0 0;
  background-color: yellow;
}
.headerWrapper .header .global h1 {
  float: left;
  width: 120px;
  height: 93px;
  margin: 0;
  padding: 0 13px 0 15px;
  background-image: url(../images/common/h_logo.gif);
  background-position: 15px 19px;
  background-repeat: no-repeat;
  font-size: 1px;
}
.headerWrapper .header .global h1 a {
  display: block;
  height: 93px;
}
.headerWrapper .header .global h1 a span {
  display: block;
}
.headerWrapper .header .global .nav {
  float: left;
  width: 760px;
/*
  background-image: url(../images/common/bg_nav_dot.gif);
  background-position: right top;
  background-repeat: no-repeat;
*/
}
.headerWrapper .header .global .nav ul li {
  float: left;
  height: 104px;
  background-image: url(../images/common/bg_nav_dot.gif);
  background-position: left top;
  background-repeat: no-repeat;
  position: relative;
  /*&.nav01-active a .hover {
    @include alpha(0.4);
  }*/
  /*&.nav02-active a .hover {
    @include alpha(0.4);
  }*/
  /*&.nav03-active a .hover {
    @include alpha(0.4);
  }*/
  /*&.nav04-active a .hover {
    @include alpha(0.4);
  }*/
  /*&.nav05-active a .hover {
    @include alpha(0.4);
  }*/
}
.headerWrapper .header .global .nav ul li.nav01 {
  width: 114px;
  padding-left: 11px;
  padding-right: 10px;
}
.headerWrapper .header .global .nav ul li.nav01 a .hover {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  width: 100%;
  height: 93px;
  background-image: none;
  background-color: #7fff00;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.headerWrapper .header .global .nav ul li.nav01 a span {
  background-image: url(../images/common/nav_01.png);
}
.headerWrapper .header .global .nav ul li.current a .hover {
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.headerWrapper .header .global .nav ul li.nav02 {
  width: 115px;
  padding-left: 11px;
  padding-right: 8px;
}
.headerWrapper .header .global .nav ul li.nav02 a .hover {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  width: 100%;
  height: 93px;
  background-image: none;
  background-color: #7fff00;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.headerWrapper .header .global .nav ul li.nav02 a span {
  background-image: url(../images/common/nav_02.png);
}
.headerWrapper .header .global .nav ul li.current a .hover {
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
}

.headerWrapper .header .global .nav ul li.nav03 {
  width: 131px;
  padding-left: 11px;
  padding-right: 10px;
}
.headerWrapper .header .global .nav ul li.nav03 a .hover {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  width: 100%;
  height: 93px;
  background-image: none;
  background-color: #7fff00;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.headerWrapper .header .global .nav ul li.nav03 a span {
  background-image: url(../images/common/nav_03.png);
}
.headerWrapper .header .global .nav ul li.current a .hover {
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
}

.headerWrapper .header .global .nav ul li.nav04 {
  width: 176px;
  padding-left: 11px;
  padding-right: 10px;
}
.headerWrapper .header .global .nav ul li.nav04 a .hover {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  width: 100%;
  height: 93px;
  background-image: none;
  background-color: #7fff00;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.headerWrapper .header .global .nav ul li.nav04 a span {
  background-image: url(../images/common/nav_04.png);
}
.headerWrapper .header .global .nav ul li.current a .hover {
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
}

.headerWrapper .header .global .nav ul li.nav05 {
  width: 119px;
  padding-left: 12px;
  padding-right: 11px;
}
.headerWrapper .header .global .nav ul li.nav05 a .hover {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  width: 100%;
  height: 93px;
  background-image: none;
  background-color: #7fff00;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.headerWrapper .header .global .nav ul li.nav05 a span {
  background-image: url(../images/common/nav_05.png);
}
.headerWrapper .header .global .nav ul li.current a .hover {
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
}

.headerWrapper .header .global .nav ul li.nav01 .arrow,
.headerWrapper .header .global .nav ul li.nav03 .arrow,
.headerWrapper .header .global .nav ul li.nav04 .arrow,
.headerWrapper .header .global .nav ul li.nav05 .arrow {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  width: 14px;
  height: 15px;
  margin: 0 0 0 -6px;
  background-image: url(../images/common/nav_active_arrow.gif);
  background-position: left top;
  position: absolute;
  top: 69px;
  left: 50%;
}
.headerWrapper .header .global .nav ul li a {
  display: block;
  height: 104px;
  position: relative;
}

.headerWrapper .header .global .nav ul li a span {
  display: block;
  height: 93px;
  border-radius: 2px;
  background-position: left top;
  background-repeat: no-repeat;
  position: relative;
  z-index: 20;
}
.headerWrapper .header .global .nav ul li.new a span {
	background-position: left bottom;
}


.headerWrapper .header .global .social {
  float: left;
  width: 62px;
  height: 93px;
  background-image: url(../images/common/bg_nav_dot.gif);
  background-position: left top;
  background-repeat: no-repeat;
}
.headerWrapper .header .global .social ul {
  width: 20px;
  padding: 7px 20px 0 22px;
}
.headerWrapper .header .global .social ul li.sns01 {
	padding: 0 0 11px;
}
.headerWrapper .header .global .social ul li.sns02 {
	padding: 0 1px 14px;
}
.headerWrapper .header .global .social ul li.sns03 {
	padding: 0 1px 14px;
}
.headerWrapper .header .global .social ul li.sns04 {
  padding: 0 1px;
}
.headerWrapper .header .global .social ul li.sns01 a {
  width: 20px;
  background-image: url(../images/common/icon_sns_twitter.gif);
}
.headerWrapper .header .global .social ul li.sns02 a {
  background-image: url(../images/common/icon_sns_facebook.gif);
}
.headerWrapper .header .global .social ul li.sns03 a {
  background-image: url(../images/common/icon_sns_google.gif);
}
.headerWrapper .header .global .social ul li.sns04 a {
  background-image: url(../images/common/icon_sns_insta.png);
}
.headerWrapper .header .global .social ul li a {
  display: block;
  width: 18px;
  height: 18px;
  background-position: left top;
  background-repeat: no-repeat;
}
.headerWrapper .header .global .social ul li a span {
  display: block;
}

.headerWrapper .navChild {
  display: none;
  height: 165px;
  background-color: #ffffff;
  position: relative;
}
.headerWrapper .navChild .navChild-1,
.headerWrapper .navChild .navChild-2,
.headerWrapper .navChild .navChild-3 {
  display: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.headerWrapper .navChild div {
  height: 165px;
  overflow: hidden;
}
.headerWrapper .navChild ul {
  width: 970px;
  height: 125px;
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
}
.headerWrapper .navChild ul li {
  display: inline-block;
  padding: 0 10px;
}
.headerWrapper .navChild ul li a {
  display: block;
  position: relative;
}
.headerWrapper .navChild ul li a img {
  position: relative;
  z-index: 2;
}
.headerWrapper .navChild ul li a span {
  width: 154px;
  height: 125px;
  background-image: url(../images/common/child/bg_child.png);
  background-position: left top;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
.headerWrapper .navChild .navProductChild {
  width: 100%;
  background-color: #f7f6f5;
}
.headerWrapper .navChild .navProductChild .block {
  display: none;
  width: 970px;
  margin: 0 auto;
  position: relative;
}
.headerWrapper .navChild .navProductChild .seriesSelect {
  float: left;
  width: 106px;
  position: relative;
  z-index: 50;
}
.headerWrapper .navChild .navProductChild .seriesList {
  float: left;
  width: 816px;
  padding: 0 20px 0 13px;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}
.headerWrapper .navChild .navProductChild ul {
  display: block;
  width: 2000px;
  height: 125px;
  padding: 20px 0;
  position: relative;
}
.headerWrapper .navChild .navProductChild ul li {
  float: left;
  width: 144px;
  height: 125px;
  padding: 0 10px;
}
.headerWrapper .navChild .navProductChild ul li a {
  display: block;
  position: relative;
}
.headerWrapper .navChild .navProductChild ul li a img {
  position: relative;
  z-index: 2;
}
.headerWrapper .navChild .navProductChild ul li a span {
  width: 144px;
  height: 125px;
  background-image: url(../images/common/productChild/bg_child.png);
  background-position: left top;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
.headerWrapper .navChild .navProductChild .btn, .headerWrapper .navChild .navProductChild .anchor, .headerWrapper .navChild .navProductChild .footerWrapper .footer .footerInner ul li, .footerWrapper .footer .footerInner ul .headerWrapper .navChild .navProductChild li {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 66px;
  z-index: 100;
}
.headerWrapper .navChild .navProductChild .btn.prev, .headerWrapper .navChild .navProductChild .prev.anchor, .headerWrapper .navChild .navProductChild .footerWrapper .footer .footerInner ul li.prev, .footerWrapper .footer .footerInner ul .headerWrapper .navChild .navProductChild li.prev {
  left: 91px;
}
.headerWrapper .navChild .navProductChild .btn.prev a, .headerWrapper .navChild .navProductChild .prev.anchor a, .headerWrapper .navChild .navProductChild .footerWrapper .footer .footerInner ul li.prev a, .footerWrapper .footer .footerInner ul .headerWrapper .navChild .navProductChild li.prev a {
  background-image: url(../images/common/btn_nav_product_prev.png);
}
.headerWrapper .navChild .navProductChild .btn.next, .headerWrapper .navChild .navProductChild .next.anchor, .headerWrapper .navChild .navProductChild .footerWrapper .footer .footerInner ul li.next, .footerWrapper .footer .footerInner ul .headerWrapper .navChild .navProductChild li.next {
  right: 0;
}
.headerWrapper .navChild .navProductChild .btn.next a, .headerWrapper .navChild .navProductChild .next.anchor a, .headerWrapper .navChild .navProductChild .footerWrapper .footer .footerInner ul li.next a, .footerWrapper .footer .footerInner ul .headerWrapper .navChild .navProductChild li.next a {
  background-image: url(../images/common/btn_nav_product_next.png);
}
.headerWrapper .navChild .navProductChild .btn a, .headerWrapper .navChild .navProductChild .anchor a, .headerWrapper .navChild .navProductChild .footerWrapper .footer .footerInner ul li a, .footerWrapper .footer .footerInner ul .headerWrapper .navChild .navProductChild li a {
  width: 30px;
  height: 30px;
}

.headerWrapper .navChild .productNavi li {
  padding: 0 5px;
}
.headerWrapper .navChild .productNavi li a span {
  width: 144px;
  background-image: url(../images/common/productChild/bg_child.png);
}

.anchor {
  display: none;
  width: 127px;
  height: 33px;
  margin: 0 0 0 358px;
  background-color: #ffffff;
  position: fixed;
  bottom: 0;
  left: 50%;
  z-index: 200;
  -webkit-box-shadow: -1px -1px 2px rgba(4, 0, 0, 0.15);
  -moz-box-shadow: -1px -1px 2px rgba(4, 0, 0, 0.15);
  -o-box-shadow: -1px -1px 2px rgba(4, 0, 0, 0.15);
  -ms-box-shadow: -1px -1px 2px rgba(4, 0, 0, 0.15);
  box-shadow: -1px -1px 2px rgba(4, 0, 0, 0.15);
}
.anchor a {
  background-image: url(../images/common/btn_anchor.gif);
}

.footerWrapper {
  width: 100%;
  background-color: yellow;
  position: relative;
  z-index: 100;
  -webkit-box-shadow: 0 -1px 2px rgba(4, 0, 0, 0.15);
  -moz-box-shadow: 0 -1px 2px rgba(4, 0, 0, 0.15);
  -o-box-shadow: 0 -1px 2px rgba(4, 0, 0, 0.15);
  -ms-box-shadow: 0 -1px 2px rgba(4, 0, 0, 0.15);
  box-shadow: 0 -1px 2px rgba(4, 0, 0, 0.15);
}
.footerWrapper .footer {
  background-color: #ffffff;
}
.footerWrapper .footer .footerInner {
  width: 970px;
  margin: 0 auto;
  position: relative;
}
.footerWrapper .footer .footerInner ul {
  padding: 29px 0 28px 0;
}
.footerWrapper .footer .footerInner ul li {
  float: left;
  background-position: left top;
  background-repeat: no-repeat;
}
.footerWrapper .footer .footerInner ul li.policy {
  width: 112px;
  height: 12px;
  margin: 3px 0 0 0;
  padding: 0 0 0 9px;
}
.footerWrapper .footer .footerInner ul li.policy a {
  background-image: url(../images/common/nav_policy.gif);
}
.footerWrapper .footer .footerInner ul li.terms {
  width: 60px;
  height: 12px;
  margin: 3px 0 0 0;
  padding: 0 0 0 33px;
}
.footerWrapper .footer .footerInner ul li.terms a {
  background-image: url(../images/common/nav_terms.gif);
}
.footerWrapper .footer .footerInner ul li.social {
  width: 158px;
  height: 12px;
  margin: 3px 0 0 0;
  padding: 0 0 0 33px;
}
.footerWrapper .footer .footerInner ul li.social a {
  background-image: url(../images/common/nav_socialmedia.gif);
}
.footerWrapper .footer .footerInner ul li.home {
  float: right;
  /*width: 176px;*/
  width: 214px;
  height: 15px;
  padding: 0 10px 0 0;
}
.footerWrapper .footer .footerInner ul li.home a {
  background-image: url(../images/common/h_home.gif);
}
.footerWrapper address {
  width: 970px;
  margin: 0 auto;
  padding: 14px 0 19px 0;
  font-size: 1px;
  text-align: right;
}

.sideNav {
  position: fixed;
  top: 172px;
  right: 0;
  z-index: 9999;
}
.sideNav .fakeBg {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  background-color: #bff2cc;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}
.sideNav ul {
  padding: 8px 0 25px 12px;
  position: relative;
  z-index: 10;
}
.sideNav ul li {
  font-size: 0.75em;
  line-height: 40px;
}
.sideNav ul li a {
  color: #6E635F;
  display: block;
  padding: 0 0 0 30px;
  background-image: url(../images/common/icon_side_nav.png);
  background-position: left center;
  background-repeat: no-repeat;
  font-weight: bold;
}
.sideNav ul li a:hover {
  opacity: 0.5;
}

.productsNav {
  width: 230px;
  height: 137px;
  right: -188px;
}
.productsNav .fakeBg {
  width: 230px;
  height: 137px;
}
.productsNav .fakeBg ul {
  width: 193px;
}

/* ▽130620 レモンスカッシュ + 140203 グリーンレモネード  */
#lemon-squash .sideNav .fakeBg,
#green-lemonade .sideNav .fakeBg {
	background-color: #ffffbf;
	height: 97px;
}
#lemon-squash .sideNav ul li a,
#green-lemonade .sideNav ul li a {
	color: #f27900;
}
#lemon-squash .productsNav,
#green-lemonade .productsNav {
	height: 97px;
}
/* △130620 レモンスカッシュ + 140203 グリーンレモネード */

/* ▽160608 ビタミンオレンジ、ビタミンレモンプレミアム、レモンの朝、リフレッシュウォーター */
#vitamin-orange .sideNav .fakeBg,
#vitamin-lemon-premium .sideNav .fakeBg,
#lemon-morning .sideNav .fakeBg,
#refresh-water .sideNav .fakeBg {
  height: 97px;
}
#vitamin-orange .productsNav,
#vitamin-lemon-premium .productsNav,
#lemon-morning .productsNav,
#refresh-water .productsNav {
  height: 97px;
}
/* △160608 ビタミンオレンジ、ビタミンレモンプレミアム、レモンの朝、リフレッシュウォーター */

.otherNav {
  width: 200px;
  height: 97px;
}
.otherNav .fakeBg {
  width: 200px;
  height: 97px;
}
.otherNav .fakeBg ul {
  width: 163px;
}

.cmNav {
  width: 143px;
  height: 177px;
  /*height: 137px;height: 97px;*/
  right: -101px;
}
.cmNav .fakeBg {
  width: 143px;
  height: 177px;
  /*height: 137px;height: 97px;*/
}
.cmNav .fakeBg ul {
  width: 106px;
}

.historyNav {
  width: 133px;
  height: 177px;
  right: -90px;
}
.historyNav .fakeBg {
  width: 133px;
  height: 177px;
}
.historyNav .fakeBg ul {
  width: 96px;
}

.conceptNav {
  width: 230px;
  height: 97px;
  right: -189px;
}
.conceptNav .fakeBg {
  width: 230px;
  height: 97px;
}
.conceptNav .fakeBg ul {
  width: 193px;
}

.aboutNav {
  width: 285px;
  height: 257px;
  right: -243px;
}
.aboutNav .fakeBg {
  width: 285px;
  height: 257px;
}
.aboutNav .fakeBg ul {
  width: 248px;
}

.vitamincNav {
  width: 213px;
  height: 217px;
  right: -172px;
}
.vitamincNav .fakeBg {
  width: 213px;
  height: 217px;
}
.vitamincNav .fakeBg ul {
  width: 213px;
}

#tips {
  width: 870px;
  margin: 0 auto;
}
#tips img {
  margin: 36px 0 0 0;
}

.vitamin {
  padding: 55px 0 0 0;
}

.candy {
  padding: 90px 0 0 0;
}

.hot {
  padding: 55px 0 0 0;
}

.bottomModuleWrapper {
  height: 241px;
  background-color: #4ce071;
  background-image: url(../images/common/related/bg_dot.gif);
  background-position: left top;
  background-repeat: repeat;
  position: relative;
  z-index: 1;
}
.bottomModuleWrapper .bottomModule {
  height: 203px;
  padding: 38px 0 0 0;
}
.bottomModuleWrapper .bottomModule ul {
  width: 780px;
  margin: 0 auto;
}
.bottomModuleWrapper .bottomModule ul li {
  float: left;
  width: 204px;
  padding: 0 28px;
}
.bottomModuleWrapper .bottomModule ul li.mlarge {
  float: left;
  text-align:center;
  width: 224px;
  padding: 0 8px;
}
.bottomModuleWrapper .bottomModule ul li a {
  color: #ffffff;
}
.bottomModuleWrapper .bottomModule ul li a:hover {
  color: #ffffff;
}
.bottomModuleWrapper .bottomModule ul li a p {
  margin: 1em 0 0 0;
  text-align: center;
  font-size: 0.8em;
  font-weight: bold;
  letter-spacing: 0.1em;
  -webkit-text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.5);
  -moz-text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.5);
  -o-text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.5);
  -ms-text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.5);
  text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.5);
}



.top-index .top .new .content .figure4 {
	position: absolute;
	left: 40px;
	bottom: 30px;
}
.top-index .top .new .content .figure4 a {
	display: block;
	width: 353px;
	height: 315px;
	background: url(../images/top/new/btn_c1000.png) no-repeat center top;
}
.top-index .top .new .content .figure4 a:hover {
	background-position: center bottom;
}
.top-index .top .new .content .figure5 {
	position: absolute;
	right: 40px;
	bottom: 20px;
}
.top-index .top .new .content .figure5 a {
	display: block;
	width: 247px;
	height: 215px;
	background: url(../images/top/ad/fig_nishino_yukihiko.png) no-repeat center top;
}
.top-index .top .new .content .figure5 a:hover {
	background-position: center bottom;
}
.top-index .top .new .content .figure6 {
	position: absolute;
	left: 40px;
	bottom: 30px;
}
.top-index .top .new .content .figure6 a {
	display: block;
	width: 160px;
	height: 280px;
	background: url(../images/top/special/fig_special3.png) no-repeat center top;
}
.top-index .top .new .content .figure6 a:hover {
	background-position: center bottom;
}
.top-index .top .new .content .figure7 {
	position: absolute;
	left: 186px;
	bottom: 30px;
}
.top-index .top .new .content .figure7 a {
	display: block;
	width: 160px;
	height: 134px;
	background: url(../images/top/special/btn_special.png) no-repeat center top;
}
.top-index .top .new .content .figure7 a:hover {
	background-position: center bottom;
}


/* contest */
.top-index .top .new .content {
  width: 970px;
  height: 600px;
  padding: 0;
  left: auto;
  top:auto;
  margin: 0 auto;
}
.top-index .top .new .content .figure {
  position: absolute;
  bottom: 24px;
  right: 6px;
}
.top-index .top .new .content .figure a {
  width: 160px;
  height: 154px;
  display: block;
  background-image: url(../images/top/special/contest/fig_contest_banner.png);
  background-position: center top;
  background-repeat: no-repeat;
}
.top-index .top .new .content .figure a:hover {
  background-position: center bottom;
}
.top-index .top .new .bg img {
  min-height: 600px;
}

.top-index .top .contest {
height: 600px;
background-image: url(../images/top/special/contest/fig_index_contest.jpg);
background-size: cover;
}

.top-index .top .contest .content {
  width: 280px;
  padding: 103px 644px 0 0;
  left: auto;
}
.top-index .top .contest .content .figure {
  top: 175px;
  right: 0;
}
.top-index .top .contest .content .figure a {
  width: 280px;
  height: 404px;
  display: block;
  background-image: url(../images/top/special/contest/fig_contest.png);
  background-position: left top;
  
  background-repeat: no-repeat;
}
.top-index .top .contest .content .figure a:hover {
  background-position: right top;
}
.top-index .top .contest .bg img {
  min-height: 600px;
}

/* jef */
.top-index .top .new .content .figure2 {
	position: absolute;
	right: 185px;
	bottom: 17px;
	/*
	bottom: 200px;
	right: 0;
	*/
}
.top-index .top .new .content .figure2 a {
  width: 172px;
  height: 172px;
  display: block;
  background-image: url(../images/top/special/jef/fig_jef.png);
  background-position: center top;
  background-repeat: no-repeat;
}
.top-index .top .new .content .figure2 a:hover {
  background-position: center bottom;
}

/* レモンスカッシュ */
.top-index .top .squash {
  background: url(../images/top/squash/bg_lemon_squash.gif) repeat-x left bottom #fff;
  height: 600px;
}
.top-index .top .squash .content {
	width: 643px;
	margin: 0 auto;
	padding: 48px 215px 0 112px;
	overflow: hidden;
}
.top-index .top .squash .content .column_left {
	float: left;
}
.top-index .top .squash .content .column_right {
	float: right;
	width: 320px;
	text-align: center;
	padding: 90px 0 0 0;
}
.top-index .top .squash .content .column_right p {
	margin: 0;
}
.top-index .top .squash .content .column_right h2 {
	margin: 0 0 20px 0;
}
.top-index .top .squash .content .column_right span {
	margin: 0 0 10px 0;
	display: block;
}
.top-index .top .squash .content .column_right a.link_cm_squash {
	display: block;
	margin: 0 0 30px 0;
}
.top-index .top .squash .content .column_right a:hover {
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
}
.top-index .top .squash .content .column_right a.link_cm_squash:hover {
	-ms-filter: "alpha( opacity=90 )";
	filter: alpha( opacity=90 );
	opacity: 0.9;
}



#product-index{
  background-image: url(/assets/images/common/bg.gif);
}

#product-index .content {
  width: 980px;
  margin: 0 auto;
  padding-bottom: 50px;
}

#product-index .content .product_menu{
  margin-left: 15px;
}

#product-index .content .product_menu .menu li,
#product-index .content .product_menu .pickup li{
  float: left;
  margin-top: 8px;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
  position: relative;
}

#product-index .content .product_menu .menu li{
  border: 6px transparent solid;
  margin-right: 8px;
}

#product-index .content .product_menu .menu li:hover{
  border: 6px #ffff7f solid;
}

#product-index .content .product_menu .pickup li{
  border: 6px #7fde97 solid;
  margin-right: 9px;
}

#product-index .content .product_menu .pickup li:hover{
  border: 6px #3fcd63 solid;
}

#product-index .content .product_menu .pickup li .icon{
  position: absolute;
  left: -6px;
  top: -6px;
}


.product {
  padding: 0 0 70px 0;
  background-image: url(../images/common/bg_gradation.gif);
  background-position: left top;
  background-repeat: repeat-x;
}
.product .content {
  width: 970px;
  margin: 0 auto;
}
.product .content .spec {
  padding: 31px 0 0 0;
  color: #009933;
}
.product .content .spec .description {
  float: right;
  width: 484px;
  padding: 0 42px 0 0;
  font-weight: bold;
}
.product .content .spec .description h2 {
  margin: 0;
  padding: 45px 0;
  font-size: 1px;
}
.product .content .spec .description h2 p{
  font-size: 14px;
  padding:16px 0 0 0;
}
.product .content .spec .description p {
  margin: 0;
  font-size: 0.85em;
  line-height: 2;
}
.product .content .spec .description p.sub {
  margin: 35px 0 0 0;
}
.product .content .spec .description p span {
  display: block;
  padding: 24px 0 0 0;
}
.product .content .spec .description p.nutrition{
	/*font-size:0.78em;*/
	padding:30px 0 0 0;
}
.product .content .spec .description p.nutrition a{
	text-decoration:underline;
}
.product .content .spec .description p.nutrition a:hover{
	text-decoration:none;
}
.product .content .spec .description .btn, .product .content .spec .description .anchor, .product .content .spec .description .footerWrapper .footer .footerInner ul li, .footerWrapper .footer .footerInner ul .product .content .spec .description li {
  width: 169px;
  padding: 24px 0 0 0;
}
.product .content .spec .figure {
  float: left;
  width: 428px;
  padding: 0 0 0 16px;
  text-align: center;
  position: relative;
}
.product .content .spec .figure {
  padding-top: 20px;
}
.product .content .spec .figure.under {
  margin: 40px 0 0 0;
}
.product .content .spec .candy_stick {
  margin: 75px 0 0 0;
}
.product .content .spec .figure img {
  position: relative;
  z-index: 5;
}
.product .content .spec .figure p {
  margin: 0;
  font-size: 0.75em;
  position: relative;
  top: -10px;
  z-index: 10;
}
.product .content .spec .candy_stick p{
	top:15px;
}
.product .content .spec .figure .point {
  position: absolute;
}
.product .content .spec .figure .point.seasonal-pet {
  top: 60px;
  left: 68px;
  z-index: 1;
}
.product .content .spec .figure .point.seasonal-hot {
  top: -53px;
  left: 55px;
  z-index: 1;
}
.product .content .spec .figure .point.stick {
  top: 360px;
  left: 650px;
}
.product .content .spec .figure .point.bottle {
  top: 306px;
  left: 640px;
}
.product .content .spec .figure .point.pack {
  top: 370px;
  left: 640px;
}

.product .content .oneday{
	padding:30px 0 0 0;
}


.product .content #about-kenko-club{
	padding:67px 0 0 0;
}

.product .content #about-kenko-club .box{
	width:740px;
	background-color:#fffbb3;
	background-color:rgba(255,255,255,0.7);
	border:1px #00cc33 solid;
	margin:0 auto;
	padding:27px 0 29px 0;
}

.product .content #about-kenko-club .box p,
.product .content #about-kenko-club .box .btn{
	padding:0;
	margin:0 0 0 29px;
}

.product .content #about-kenko-club .box p{
	padding:0 0 22px 0;
}

.product .content #floating-banner{
	width:190px;
	height:203px;
	position:fixed;
	right: 60px;
	bottom: 150px;
	z-index:9999;
}

.touch .product .content #floating-banner{
	top:480px;
	bottom: auto;
}

.product .content #floating-banner .close_btn{
	display:block;
	width:28px;
	height:28px;
	position:absolute;
	right: 10px;
	top: 0;
	z-index:10;
	display:none;
}

.product .content #floating-banner .link_btn{
	display:block;
	width:190px;
	height:190px;
	position:absolute;
	left: 0;
	bottom: 0;
	z-index:5;
	display:none;
}

.product .lemon .tips_list{
  color: #009933;
  font-weight: bold;
  font-size: 1.05em;
  margin-left: 240px;
  padding-top: 11px;
}

.product .lemon .tips_list li{
  text-indent: 22px;
  line-height: 18px;
  margin-top: 22px;
  letter-spacing: 1px;
  background-image: url(../images/product/tips/fig_icon.png);
  background-repeat: no-repeat;
  background-position: left center;
}

.cm {
  /* padding: 0 0 46px 0; */
  background-image: url(../images/cm/bg_cm.gif);
  background-position: left top;
  background-repeat: repeat-x;
  background-color: #ffff8c;
}
.cm .content {
  width: 870px;
  margin: 0 auto;
}
.cm .content h2 {
  margin: 0;
  padding: 43px 0 28px 0;
  font-size: 1px;
  text-align: center;
}
.cm .content h3 {
  margin: 0;
  padding: 30px 0 20px 0;
  font-size: 1px;
  text-align: center;
}

.cm_header {
  padding-top:40px;
  padding-bottom:21px;
	background:url(../images/cm/cm_header_bg.gif) left bottom repeat-x;
	position:relative;
}
.cm_header ul {
	width:870px;
	margin:0 auto;
	padding-bottom:35px;
}
.cm_header ul li {
	float:left;
	width:414px;
}
.cm_header ul li a {
	outline:none;
}
.cm_header ul li img {
	margin-bottom:22px;
}
.cm_header ul li img:hover {
	opacity:0.5;
}

.cm_header ul li span {
	display:block;
  font-size:0.9rem;
  font-weight:bold;
  color:#009933;
}
.cm_header ul li.cm1 {
	margin-right:41px;
}
.cm_content {
  display:none;
}
.movie_area {
  font-size:0;
  line-height:1;
}
.movie_close {
	text-align:center;
	height:46px;
	padding:20px 0 10px;
}
.movie_close img {
	opacity:0.5;
}
.movie_close img:hover {
	opacity:1;
}

#cm_archive{
	min-width:870px;
	position:relative;
	z-index:120;
	margin:20px auto 0 auto;
}

#cm_archive_frame{
	/* width:268px; */
	margin: 14px 0 0;
	padding:0 0 0 0;
	text-align:center;
	}

#cm_archive .btn_archive{
	/* width:268px; */
	margin: 14px 0 0;
	padding:0 0 0 0;
	text-align:center;
	}

#cm_archive ul.theMenu li.archive span {
  background-image: url('../images/cm/btn_cm_active_on.png');
}

.border_none{ border:none !important;}

#cm_archive h3{ display:inline;text-align:center;}

#cm_archive ul.menu{
	text-align:center;
	margin:0px 0 10px 0;
	letter-spacing: -.40em;
}

#cm_archive ul.menu li {
	display:inline-block;
	*display: inline;  
    *zoom: 1;
	letter-spacing: normal;
}

#cm_archive ul.menu li.archive {
	margin-right: 16px;
}

#cm_archive ul.menu li a {
	display: block;
	width: 268px;
	height: 71px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#cm_archive ul.menu li.archive a {
	background-image: url(../images/cm/btn_cm_archive.png);
}
#cm_archive ul.menu li.making_movie a {
	background-image: url(../images/cm/btn_making_movie.png);
}

#cm_archive ul.menu li a:hover {
	background-position: left -71px;
}

#cm_archive.isArchive ul.menu li.archive a {
	background-position: left -142px;
}
#cm_archive.isMaking ul.menu li.making_movie a {
	background-position: left -142px;
}


#cm_archive ul.menu li.sp{ margin-right:235px;}

#cm_archive ul.menu li.menu_online{
	padding-left:20px;
	margin-right:0;
	border-left:1px solid #b58604;
}

#cm_archive .submenu{
	clear:both;
	min-width:870px;
	background:url('../images/cm/bg_cm_active.png');
}

#cm_archive .submenu ul{
	display:none;
	width:870px;
	margin:0 auto;
	padding:30px 10px 28px;
	text-align:center;
	background:url('../images/cm/menu_arrow.png') center 0 ;
	background-repeat:no-repeat;
	}
#cm_archive .submenu ul.cm01 {
	background-position: 300px 0;
}
#cm_archive .submenu ul.making01 {
	background-position: 580px 0;
}


#cm_archive .submenu ul li{
	display: inline-block;
/* 	margin-left:25px; */
	margin: 0 16px;
}
	
#cm_archive .submenu ul li span{
	padding:20px 0 0;
	display:block;
}
	
#cm_archive .submenu ul li img{
	cursor: pointer;
}
.cm .content{
  padding-bottom: 50px;
}
.cm .content #movie {
  text-align: center;
}

.touch .cm .content #movie a{
  display: none;
}
.cm .content #movie .unsupport {
  display: none;
}

.cm #tab {
	background:#ffff00;
}
.cm #tab .tab-ui{
	width:870px;
	margin:0 auto;
}

.cm #tab .tab-ui ul {
  width: 526px;
  padding: 0;
}
.cm #tab .tab-ui ul li {
  float: left;
  width: 263px;
  height:66px;
}
.cm #tab .tab-ui ul li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  background-image: url(../images/cm/btn_tab.png);
  background-repeat:no-repeat;
}
.cm #tab .tab-ui ul li.graphic a{
	background-position:0 0;
}
.cm #tab .tab-ui ul li.making a{
	background-position:-263px 0;
}
.cm #tab .tab-ui ul li.graphic a:hover{
	background-position:0 -66px;
}
.cm #tab .tab-ui ul li.making a:hover{
	background-position:-263px -66px;
}
.cm #tab .tab-ui ul li.graphic.active a{
	background-position:0 -132px;
}
.cm #tab .tab-ui ul li.making.active a{
	background-position:-263px -132px;
}

.cm #tab .box{
	background-color: #FFDC00;
  //background-image: url(../images/common/bg.gif);
  //background-position: left top;
  //background-repeat: repeat;
  //background-color: #ffff8c;
	width:100%;
	padding:40px 0 55px 0;
}

.cm #tab .box #title{
  text-align: center;
  margin-bottom: 60px;
}

.cm #tab #graphic{
	width: 870px;
	margin: 0 auto;
}

.cm #tab #graphic ul {
    overflow:hidden;
    margin-bottom: 3px;
}

.cm #tab #graphic ul li {
    float: left;
    width:288px;
    height: 204px;
}
.cm #tab #graphic .figure05{
	margin-right: 1px;
	margin-left:1px;
}

.cm #tab #graphic .figure02 {
	margin-right: 3px;
}
.cm #tab #graphic ul li a {
	display: block;
	width:288px;
    height: 204px;
    background-position: center top;
    background-repeat: no-repeat;
	position:relative;
}
.cm #tab #graphic .figure01 a {
  background-image: url(../images/cm/fig_ad01.png);
}
.cm #tab #graphic .figure02 a {
  background-image: url(../images/cm/fig_ad02.png);
}
.cm #tab #graphic .figure03 a {
  background-image: url(../images/cm/fig_ad03.png);
}
.cm #tab #graphic .figure04 a {
  background-image: url(../images/cm/fig_ad04.png);
}
.cm #tab #graphic .figure05 a {
  background-image: url(../images/cm/fig_ad05.png);
}
.cm #tab #graphic .figure06 a {
  background-image: url(../images/cm/fig_ad06.png);
}
.cm #tab #graphic .figure07 a {
  background-image: url(../images/cm/fig_ad07.png);
}
.cm #tab #graphic .figure08 a {
  background-image: url(../images/cm/fig_ad08.png);
}
.cm #tab #graphic .figure09 a {
  background-image: url(../images/cm/fig_ad09.png);
}
.cm #tab #graphic .figure10 a {
  background-image: url(../images/cm/fig_ad10.png);
}
.cm #tab #graphic .figure11 a {
  background-image: url(../images/cm/fig_ad11.png);
}
.cm #tab #graphic .figure12 a {
  background-image: url(../images/cm/fig_ad12.png);
}
.cm #tab #graphic .figure13 a {
  background-image: url(../images/cm/fig_ad13.png);
}
.cm #tab #graphic .figure14 a {
  background-image: url(../images/cm/fig_ad14.png);
}
.cm #tab #graphic .figure15 a {
  background-image: url(../images/cm/fig_ad15.png);
}
.cm #tab #graphic .figure16 a {
  background-image: url(../images/cm/fig_ad16.png);
}
.cm #tab #graphic .figure17 a {
  background-image: url(../images/cm/fig_ad17.png);
}
.cm #tab #graphic ul li a:hover {
	background-position: center bottom;
}

.cm #tab #graphic ul li a div.icon{
	width:68px;
	height:68px;
	position:absolute;
	right:5px;
	top:5px;
	z-index:100;
}

.cm #tab #graphic ul li a div.y2013{
	background:url(../images/cm/fig_icon_2013.png) no-repeat;
}
.cm #tab #graphic ul li a div.y2014{
	background:url(../images/cm/fig_icon_2014.png) no-repeat;
}
.cm #tab #graphic ul li a div.y2015{
  background:url(../images/cm/fig_icon_2015.png) no-repeat;
}
.cm #tab #graphic ul li a div.y2016{
  background:url(../images/cm/fig_icon_2016.png) no-repeat;
}
.cm #tab #graphic ul li a div.y2017{
  background:url(../images/cm/fig_icon_2017.png) no-repeat;
}

.cm #tab #graphic ul li a:hover div.icon{
	right:0px;
	top:0px;
}

.cm .content .ad {
  width:870px;
  /*width:579px;*/
  margin: 0 auto;
  /*padding: 0 0 40px 0;
  background-image: url(../images/cm/shape_ad.png);
  background-position: center bottom;
  background-repeat: no-repeat;*/
}


.cm #tab #making {
  display: none;
  width: 902px;
  margin: 0 auto;
}
.cm #tab #making .figure {
  float: left;
  width: 423px;
  padding: 0 14px 60px 14px;
  text-align: center;
  position: relative;
}
.cm #tab #making .figure .img{
	width: 423px;
}
.cm #tab #making .figure p {
  width: 100%;
  margin: 0;
  color: #6e635f;
  font-size: 0.80em;
  line-height: 1.7;
  position: absolute;
  top: 300px;
  left:0;
  text-align:center;
}
.cm #tab #making h5 {
  width: 100%;
  text-align: center;
  float: left;
}
.cm #tab #making #cm_h_01 {
  margin: 10px 0 30px;
  font-size: 1.1rem;
  font-weight: bold;
  color: #009933;
}
.cm #tab #making #cm_h_02 {
  margin: 30px 0 30px;
  font-size: 1.1rem;
  font-weight: bold;
  color: #009933;
}
.cm #tab #making #cm_h_03 {
  margin: 45px 0 40px;
}

.cm .content #profile {
  padding: 40px 0 54px 0;
}
.cm .content #profile .honda {
  width: 706px;
  height: 510px;
  margin: 0 auto 0px;
  padding: 47px 82px 0;
  background-image: url(../images/cm/fig_frame04.png);
  background-position: left top;
  background-repeat: no-repeat;
}

.cm .content #profile .honda .main {
	overflow: hidden;
	border-bottom: 1px dotted #72b61c;
	padding: 0 0 25px 0;
	margin: 0 0 25px 0;
}

.cm .content #profile .honda .caption {
  float: right;
  width: 400px;
}
.cm .content #profile .honda .caption h4 {
  margin: 0;
  padding: 25px 0 24px 0;
  font-size: 1px;
}
.cm .content #profile .honda .caption p {
  margin: 0;
  color: #009933;
  font-weight: bold;
  /*font-size: 0.9em;
  line-height: 2;*/
  font-size: 0.8em;
  line-height: 1.75em;
}
.cm .content #profile .honda .figure {
  float: left;
  width: 276px;
}

.cm .content #profile .honda .aside p {
	margin: 0;
}

.cm .content #profile .honda .aside .blog {
	float: left;
	width: 308px;
	font-size: 12px;
	color: #009933;
	font-weight: bold;
}

.cm .content #profile .honda .aside .blog p {
	margin-bottom: 0.5em;
}

.cm .content #profile .honda .aside .blog p.insta {
  margin-top: 1.5em;
}

.cm .content #profile .honda .aside .blog p.insta .icon_insta {
  position: relative;
  left: 5px;
}

.cm .content #profile .honda .aside .blog a {
	font-size: 12px;
	font-weight: bold;
}

.cm .content #profile .honda .aside .status {
	float: left;
	font-size: 12px;
	color: #009933;
	font-weight: bold;
}

.cm .content #profile .honda .aside .status td {
	padding: 0 30px 0.5em 0;
}

.cm .content #profile .hoshino {
  width: 706px;
  margin: 0 auto 40px auto;
}
.cm .content #profile .hoshino .caption {
  float: right;
  width: 490px;
}
.cm .content #profile .hoshino .caption h4 {
  margin: 0;
  padding: 10px 0 15px 0;
  font-size: 1px;
}
.cm .content #profile .hoshino .caption p {
  margin: 0;
  color: #009933;
  font-size: 0.75em;
  line-height: 1.5;
}
.cm .content #profile .hoshino .figure {
  float: left;
  width: 186px;
}




/*------------------------------------------------
*about
------------------------------------------------*/
#about-index{
  background-image: url(../images/common/bg.gif);
}
#about-index .content{
  width: 960px;
  margin: 0 auto;
  padding: 50px 0;
}
#about-index .content .about_menu ul{
  margin-left: 95px;
}
#about-index .content .about_menu ul li{
  float: left;
  margin-right: 55px;
  background-image: url(../images/about/index/fig_bg.png);
  background-repeat: no-repeat;
  display: none;
}
#about-index .content .about_menu ul li a{
  width: 347px;
  height: 347px;
  display: block;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}
#about-index .content .about_menu ul li a:hover{
  opacity: 0.7;
}


.history {
  height: 4745px;
  padding: 43px 0 83px 0;
  background-color: #ffff2f;
  background-image: url(../images/history/bg_history.gif);
  background-position: left top;
  background-repeat: repeat-x;
}
.history .content {
  position: relative;
}
.history h2 {
  width: 130px;
  margin: 0 auto;
  padding: 0 40px 0 0;
  font-size: 1px;
}
.history #era-01 {
  position: absolute;
  top: 28px;
}
.history #era-02 {
  position: absolute;
  top: 308px;
}
.history #era-03 {
  position: absolute;
  top: 1488px;
}
.history #era-04 {
  position: absolute;
  top: 2858px;
}
.history .historyTable {
  width: 1080px;
  margin: 0 auto;
  position: relative;
}
.history .historyTable h3 {
  width: 140px;
  margin: 0;
  position: absolute;
}
.history .historyTable h3.year-01 {
  top: 158px;
  left: 68px;
}
.history .historyTable h3.year-02 {
  top: 466px;
  left: 68px;
}
.history .historyTable h3.year-03 {
  top: 665px;
  left: 68px;
}
.history .historyTable h3.year-04 {
  top: 933px;
  left: 67px;
}
.history .historyTable h3.year-05 {
  top: 1165px;
  left: 68px;
}
.history .historyTable h3.year-06 {
  top: 1379px;
  left: 67px;
}
.history .historyTable h3.year-07 {
  top: 1590px;
  left: 67px;
}
.history .historyTable h3.year-08 {
  top: 1820px;
  left: 67px;
}
.history .historyTable h3.year-09 {
  top: 2166px;
  left: 67px;
}
.history .historyTable h3.year-10 {
  top: 2354px;
  left: 67px;
}
.history .historyTable h3.year-11 {
  top: 2555px;
  left: 67px;
}
.history .historyTable h3.year-12 {
  top: 2785px;
  left: 67px;
}
.history .historyTable h3.year-13 {
  top: 3029px;
  left: 67px;
}
.history .historyTable h3.year-14 {
  top: 3304px;
  left: 67px;
}
.history .historyTable h3.year-15 {
  top: 3597px;
  left: 67px;
}
.history .historyTable h3.year-16 {
  top: 3870px;
  left: 67px;
}
.history .historyTable h3.year-17 {
  top: 4132px;
  left: 67px;
}
.history .historyTable h3.year-18 {
  top: 4390px;
  left: 67px;
}
.history .historyTable .figure {
  position: absolute;
}
.history .historyTable .plussy-01 {
  top: 0;
  left: 0;
  z-index: 6;
}
.history .historyTable .plussy-02 {
  top: -25px;
  left: 85px;
  z-index: 7;
}
.history .historyTable .plussy-03 {
  top: 116px;
  left: -20px;
  z-index: 8;
}
.history .historyTable .plussy-04 {
  top: 195px;
  left: 74px;
  z-index: 9;
}
.history .historyTable .anniversary {
  top: 350px;
  left: 63px;
}
.history .historyTable .anniversary-01 {
  top: 62px;
  left: 0;
  z-index: 6;
}
.history .historyTable .anniversary-02 {
  top: 0;
  left: 0;
  z-index: 5;
}
.history .historyTable .shape-01 {
  top: 1629px;
  left: 293px;
  z-index: 5;
}
.history .historyTable .shape-02 {
  top: 1710px;
  left: 479px;
  z-index: 5;
}
.history .historyTable .shape-03 {
  top: 2756px;
  left: 387px;
  z-index: 5;
}
.history .historyTable .position-01 {
  top: 50px;
  left: 241px;
  z-index: 10;
}
.history .historyTable .position-02 {
  top: 339px;
  left: 258px;
  z-index: 10;
}
.history .historyTable .position-03 {
  top: 339px;
  left: 340px;
  z-index: 10;
}
.history .historyTable .position-04 {
  top: 339px;
  left: 420px;
  z-index: 10;
}
.history .historyTable .position-05 {
  top: 563px;
  left: 220px;
  z-index: 10;
}
.history .historyTable .position-06 {
  top: 814px;
  left: 611px;
  z-index: 10;
}
.history .historyTable .position-07 {
  top: 1055px;
  left: 374px;
  z-index: 10;
}
.history .historyTable .position-08 {
  top: 1306px;
  left: 440px;
  z-index: 10;
}
.history .historyTable .position-09 {
  top: 1477px;
  left: 575px;
  z-index: 10;
}
.history .historyTable .position-10 {
  top: 1582px;
  left: 395px;
  z-index: 10;
}
.history .historyTable .position-11 {
  top: 1643px;
  left: 443px;
  z-index: 10;
}
.history .historyTable .position-12 {
  top: 1830px;
  left: 510px;
  z-index: 10;
}
.history .historyTable .position-13 {
  top: 1886px;
  left: 551px;
  z-index: 10;
}
.history .historyTable .position-14 {
  top: 1784px;
  left: 375px;
  z-index: 10;
}
.history .historyTable .position-15 {
  top: 1975px;
  left: 512px;
  z-index: 10;
}
.history .historyTable .position-16 {
  top: 2099px;
  left: 286px;
  z-index: 10;
}
.history .historyTable .position-17 {
  top: 2310px;
  left: 308px;
  z-index: 10;
}
.history .historyTable .position-18 {
  top: 2443px;
  left: 485px;
  z-index: 10;
}
.history .historyTable .position-19 {
  top: 2484px;
  left: 770px;
  z-index: 10;
}
.history .historyTable .position-20 {
  top: 2484px;
  left: 836px;
  z-index: 10;
}
.history .historyTable .position-21 {
  top: 2476px;
  left: 903px;
  z-index: 10;
}
.history .historyTable .position-22 {
  top: 2453px;
  left: 590px;
  z-index: 10;
}
.history .historyTable .position-23 {
  top: 2658px;
  left: 810px;
  z-index: 10;
}
.history .historyTable .position-24 {
  top: 2740px;
  left: 882px;
  z-index: 10;
}
.history .historyTable .position-25 {
  top: 2754px;
  left: 224px;
  z-index: 10;
}
.history .historyTable .position-26 {
  top: 2760px;
  left: 463px;
  z-index: 10;
}
.history .historyTable .position-27 {
  top: 2833px;
  left: 408px;
  z-index: 10;
}
.history .historyTable .position-28 {
  top: 2926px;
  left: 487px;
  z-index: 10;
}
// .history .historyTable .position-29 {
//   top: 3200px;
//   left: 238px;
//   z-index: 10;
// }
// .history .historyTable .position-30 {
//   top: 3190px;
//   left: 385px;
//   z-index: 10;
// }
// .history .historyTable .position-31 {
//   top: 3079px;
//   left: 595px;
//   z-index: 10;
// }
.history .historyTable .position-32 {
  top: 3195px;
  left: 368px;
  z-index: 10;
}
.history .historyTable .position-33 {
  top: 3079px;
  left: 633px;
  z-index: 10;
}
.history .historyTable .position-34 {
  top: 3381px;
  left: 236px;
  z-index: 10;
}
.history .historyTable .position-35 {
  top: 3743px;
  left: 400px;
  z-index: 10;
}
.history .historyTable .position-36 {
  top: 4019px;
  left: 268px;
  z-index: 10;
}
.history .historyTable .position-37 {
  top: 4268px;
  left: 309px;
  z-index: 10;
}
.history .historyTable .position-38 {
  top: 4268px;
  left: 426px;
  z-index: 10;
}
.history .historyTable .position-39 {
  top: 4268px;
  left: 541px;
  z-index: 10;
}
.history .historyTable .position-40 {
  top: 4258px;
  left: 690px;
  z-index: 10;
}
.history .historyTable .position-41 {
  top: 4150px;
  left: 885px;
  z-index: 10;
}
.history .historyTable .era-01 {
  top: 635px;
  left: 746px;
}
.history .historyTable .era-02 {
  top: 710px;
  left: 836px;
}
.history .historyTable .era-03 {
  top: 817px;
  left: 772px;
}
.history .historyTable .era-04 {
  top: 916px;
  left: 850px;
}
.history .historyTable .era-05 {
  top: 1625px;
  left: 750px;
}
.history .historyTable .era-06 {
  top: 1703px;
  left: 842px;
}
.history .historyTable .era-07 {
  top: 1810px;
  left: 778px;
}
.history .historyTable .era-08 {
  top: 1908px;
  left: 858px;
}
.history .historyTable .era-09 {
  top: 2916px;
  left: 745px;
}
.history .historyTable .era-10 {
  top: 3000px;
  left: 832px;
}
.history .historyTable .era-01 {
  z-index: 10;
}
.history .historyTable .era-05 {
  z-index: 10;
}
.history .historyTable .era-09 {
  z-index: 10;
}
.history .historyTable p {
  margin: 0;
  position: absolute;
}
.history .historyTable p.description-01 {
  top: 110px;
  left: 540px;
}
.history .historyTable p.description-02 {
  top: 348px;
  left: 540px;
}
.history .historyTable p.description-03 {
  top: 612px;
  left: 347px;
}
.history .historyTable p.description-04 {
  top: 877px;
  left: 289px;
}
.history .historyTable p.description-05 {
  top: 2618px;
  left: 814px;
}
.history .historyTable p.description-06 {
  top: 4600px;
  left: 180px;
}

.concept {
  padding: 0 0 56px 0;
  background-image: url(../images/common/bg_gradation.gif);
  background-position: left -120px;
  background-repeat: repeat-x;
}
.concept .content {
  width: 920px;
  margin: 0 auto;
  text-align: center;
}
.concept .content h2 {
  margin: 0;
  padding: 88px 0 26px 0;
  font-size: 1px;
}
.concept .content ul {
  padding: 0 0 22px 0;
  margin-top: -80px;
}
.concept .content ul li {
  display: inline;
}
.concept .content ul li img {
  vertical-align: bottom;
}
.concept .content p {
  margin: 0;
}
.concept .content .btn, .concept .content .anchor, .concept .content .footerWrapper .footer .footerInner ul li, .footerWrapper .footer .footerInner ul .concept .content li {
  width: 198px;
  margin: 0 auto;
  padding: 68px 0 0 0;
}

.about {
  height: 3459px;
  padding: 69px 0 0 0;
  background-color: #ffff2f;
  background-image: url(../images/about/bg_about.gif);
  background-position: left top;
  background-repeat: repeat-x;
  position: relative;
}
.about .content {
  width: 970px;
  margin: 0 auto;
  position: relative;
}
.about h2,
.about h3,
.about h4 {
  margin: 0;
  font-size: 1px;
  position: absolute;
}
.about #about-01 {
  position: absolute;
  top: -12px;
}
.about #about-02 {
  position: absolute;
  top: 385px;
}
.about #about-03 {
  position: absolute;
  top: 963px;
}
.about #about-04 {
  position: absolute;
  top: 1814px;
}
.about #about-05 {
  position: absolute;
  top: 2172px;
}
.about #about-06 {
  position: absolute;
  top: 2922px;
}
.about .property-01 {
  top: 0px;
  left: 346px;
}
.about .property-02 {
  top: 397px;
  left: 316px;
}
.about .property-03 {
  top: 975px;
  left: 306px;
}
.about .property-04 {
  top: 1826px;
  left: 246px;
}
.about .property-05 {
  top: 2184px;
  left: 316px;
}
.about .property-06 {
  top: 2934px;
  left: 276px;
}
.about .point-01 {
  top: 1197px;
  left: 304px;
}
.about .point-02 {
  top: 2388px;
  left: 229px;
}
.about .point-03 {
  top: 3079px;
  left: 173px;
}
.about .sample-01 {
  top: 1261px;
  left: 112px;
}
.about .sample-02 {
  top: 1261px;
  left: 719px;
}
.about .sample-03 {
  top: 1615px;
  left: 112px;
}
.about .sample-04 {
  top: 1615px;
  left: 472px;
}
.about .sample-05 {
  top: 1598px;
  left: 719px;
}
.about .figure {
  position: absolute;
}
.about .position-01 {
  top: 138px;
  left: 129px;
}
.about .position-02 {
  top: 520px;
  left: 593px;
}
.about .position-03 {
  top: 678px;
  left: 228px;
}
.about .position-04 {
  top: 685px;
  left: 424px;
}
.about .position-05 {
  top: 1249px;
  left: 110px;
}
.about .position-06 {
  top: 1314px;
  left: 722px;
}
.about .position-07 {
  top: 1674px;
  left: 106px;
}
.about .position-08 {
  top: 1680px;
  left: 472px;
}
.about .position-09 {
  top: 1677px;
  left: 728px;
}
.about .position-10 {
  top: 1923px;
  left: 164px;
}
.about .position-11 {
  top: 2506px;
  left: 152px;
}
.about .position-12 {
  top: 2434px;
  left: 397px;
}
.about .position-13 {
  top: 2480px;
  left: 664px;
}
.about .position-14 {
  top: 2696px;
  left: 282px;
}
.about .position-15 {
  top: 2627px;
  left: 473px;
}
.about .position-16 {
  top: 3212px;
  left: 184px;
}
.about p {
  margin: 0;
  position: absolute;
}
.about p.description-01 {
  top: 140px;
  left: 343px;
}
.about p.description-02 {
  top: 548px;
  left: 271px;
}
.about p.description-03 {
  top: 1115px;
  left: 273px;
}
.about p.description-04 {
  top: 2001px;
  left: 416px;
}
.about p.description-05 {
  top: 2324px;
  left: 294px;
}

.special {
  overflow: hidden;
}

#fig1 {
  height: 8229px;
}

#fig2 {
  height: 8230px;
}

#fig3 {
  height: 8260px;
}

.special .content {
  width: 1200px;
  margin: 0 0 0 -600px;
  position: relative;
  left: 50%;
}
.special .content .figure {
  position: absolute;
}
.special .content .texture {
  background-image: url(../images/special/bus_in_winter/bg_texture.gif);
  position: absolute;
}
.special .content .position-01 {
  top: 0;
  left: 0;
  z-index: 1;
}
.special .content .position-02 {
  top: 646px;
  left: 63px;
  z-index: 2;
}
.special .content .position-03 {
  top: 1247px;
  left: 0;
  z-index: 3;
}
.special .content .position-04 {
  top: 2084px;
  left: 128px;
  z-index: 4;
}
.special .content .position-05 {
  top: 1937px;
  left: 284px;
  z-index: 5;
}
.special .content .position-06 {
  top: 2175px;
  left: 548px;
  z-index: 6;
}
.special .content .position-07 {
  top: 2503px;
  left: 24px;
  z-index: 7;
}
.special .content .position-08 {
  top: 2503px;
  left: 815px;
  z-index: 8;
}
.special .content .position-09 {
  top: 2427px;
  left: 303px;
  z-index: 9;
}
.special .content .words-01 {
  top: 160px;
  left: 132px;
  z-index: 20;
}
.special .content .words-02 {
  top: 759px;
  left: 0px;
  z-index: 20;
}
.special .content .words-03 {
  top: 1342px;
  left: 519px;
  z-index: 20;
}
.special .content .words-04 {
  top: 5874px;
  left: 875px;
  z-index: 20;
}
.special .content .words-05 {
  top: 6582px;
  left: 101px;
  z-index: 20;
}
.special .content .position-10 {
  top: 3089px;
  left: 0;
  z-index: 10;
}
.special .content .position-11 {
  top: 3746px;
  left: 0;
  z-index: 11;
}
.special .content .position-12 {
  top: 4102px;
  left: 614px;
  z-index: 12;
}
.special .content .position-13 {
  top: 4441px;
  left: 0;
  z-index: 13;
}
.special .content .position-14 {
  top: 5131px;
  left: 0;
  z-index: 14;
}
.special .content .position-15 {
  top: 5742px;
  left: 0;
  z-index: 15;
}
.special .content .position-16 {
  top: 6343px;
  left: 0;
  z-index: 16;
}
.special .content .position-17 {
  top: 6911px;
  left: 100px;
  z-index: 17;
}
.special .content .position-18 {
  top: 7315px;
  left: 0;
  z-index: 18;
}
.special .content .position-19 {
  top: 646px;
  left: 53px;
  z-index: 19;
}
.special .content .position-20 {
  top: 1248px;
  left: 0;
  z-index: 20;
}
.special .content .position-21 {
  top: 1927px;
  left: 0;
  z-index: 21;
}
.special .content .position-22 {
  top: 2920px;
  left: 0;
  z-index: 22;
}
.special .content .position-23 {
  top: 4103px;
  left: 0;
  z-index: 23;
}
.special .content .position-24 {
  top: 3675px;
  left: 0;
  z-index: 24;
}
.special .content .position-25 {
  top: 4934px;
  left: 0;
  z-index: 25;
}
.special .content .position-26 {
  top: 4934px;
  left: 0;
  z-index: 26;
}
.special .content .position-27 {
  top: 6011px;
  left: 0;
  z-index: 27;
}
.special .content .position-28 {
  top: 6700px;
  left: 0;
  z-index: 28;
}
.special .content .position-29 {
  top: 7305px;
  left: 0;
  z-index: 28;
}

/*------------------------------------------------
*special fig03	
------------------------------------------------*/

.special .content .position-30 {
  top: 646px;
  left: 53px;
  z-index: 19;
}
.special .content .position-31 {
  top: 1247px;
  left: 0;
  z-index: 20;
}
.special .content .position-32 {
  top: 1917px;
  left: 115px;
  z-index: 21;
}
.special .content .position-33 {
  top: 3000px;
  left: 83px;
  z-index: 22;
}
.special .content .position-34 {
  top: 3709px;
  left: 0;
  z-index: 23;
}
.special .content .position-35 {
  top: 4310px;
  left: 0;
  z-index: 24;
}
.special .content .position-36 {
  top: 4818px;
  left: 0;
  z-index: 25;
}
.special .content .position-37 {
  top: 5220px;
  left: 0;
  z-index: 26;
}
.special .content .position-38 {
  top: 5939px;
  left: 0;
  z-index: 27;
}
.special .content .position-39 {
  top: 6767px;
  left: 0;
  z-index: 27;
}
.special .content .position-40 {
  top: 7363px;
  left: 0;
  z-index: 27;
}



.special .content .position-41 {
  top: 1425px;
  left: 0;
  z-index: 1;
}
.special .content .position-42 {
  top: 2090px;
  left: 0;
  z-index: 1;
}
.special .content .position-43 {
  top: 2625px;
  left: 0;
  z-index: 1;
}
.special .content .position-44 {
  top: 3286px;
  left: 0;
  z-index: 1;
}
.special .content .position-45 {
  top: 3937px;
  left: 0;
  z-index: 2;
}
.special .content .position-46 {
  top: 4364px;
  left: 0;
  z-index: 1;
}
.special .content .position-47 {
  top: 5115px;
  left: 0;
  z-index: 2;
}
.special .content .position-48 {
  top: 5680px;
  left: 0;
  z-index: 1;
}
.special .content .position-49 {
  top: 6469px;
  left: 0;
  z-index: 1;
}
.special .content .position-50 {
  top: 7312px;
  left: 0;
  z-index: 1;
}

/*------------------------------------------------
*special fig05	
------------------------------------------------*/

.special .content .position-51 {
  top: 655px;
  left: 0;
  z-index: 1;
}
.special .content .position-52 {
  top: 1350px;
  left: 88px;
  z-index: 1;
}
.special .content .position-53 {
  top: 2030px;
  left: 0;
  z-index: 1;
}
.special .content .position-54 {
  top: 2690px;
  left: 0;
  z-index: 1;
}
.special .content .position-55 {
  top: 3180px;
  left: 232px;
  z-index: 2;
}
.special .content .position-56 {
  top: 3665px;
  left: 88px;
  z-index: 1;
}
.special .content .position-57 {
  top: 4330px;
  left: 0;
  z-index: 1;
}
.special .content .position-58 {
  top: 4860px;
  left: 165px;
  z-index: 1;
}
.special .content .position-59 {
  top: 5295px;
  left: 0;
  z-index: 1;
}
.special .content .position-60 {
  top: 5785px;
  left: 680px;
  z-index: 2;
}
.special .content .position-61 {
  top: 6044px;
  left: 80px;
  z-index: 2;
}
.special .content .position-62 {
  top: 6505px;
  left: 0;
  z-index: 1;
}
.special .content .position-63 {
  top: 7490px;
  left: 0;
  z-index: 1;
}

/*------------------------------------------------
*special fig06	
------------------------------------------------*/

.special .content .position-64 {
  top: 655px;
  left: 45px;
  z-index: 1;
}
.special .content .position-65 {
  top: 1635px;
  left: 0;
  z-index: 1;
}
.special .content .position-66 {
  top: 2185px;
  left: 145px;
  z-index: 1;
}
.special .content .position-67 {
  top: 2585px;
  left: 0;
  z-index: 1;
}
.special .content .position-68 {
  top: 2750px;
  left: 0;
  z-index: 1;
}
.special .content .position-69 {
  top: 3405px;
  left: 88px;
  z-index: 1;
}
.special .content .position-70 {
  top: 4077px;
  left: 295px;
  z-index: 1;
}
.special .content .position-71 {
  top: 4325px;
  left: 55px;
  z-index: 2;
}
.special .content .position-72 {
  top: 4845px;
  left: 88px;
  z-index: 1;
}
.special .content .position-73 {
  top: 5520px;
  left: 0;
  z-index: 1;
}
.special .content .position-74 {
  top: 6343px;
  left: 255px;
  z-index: 1;
}
.special .content .position-75 {
  top: 6876px;
  left: 0;
  z-index: 1;
}
.special .content .position-76 {
  top: 7630px;
  left: 0;
  z-index: 1;
}

/*------------------------------------------------
*special fig07	
------------------------------------------------*/

.special .content .position-77 {
  top: 655px;
  left: 0px;
  z-index: 1;
}

.special .content .position-78 {
  top: 1357px;
  left: 89px;
  z-index: 1;
}

.special .content .position-79 {
  top: 2040px;
  left: 0px;
  z-index: 1;
}

.special .content .position-80 {
  top: 2645px;
  left: 313px;
  z-index: 2;
}

.special .content .position-81 {
  top: 3082px;
  left: 89px;
  z-index: 1;
}

.special .content .position-82 {
  top: 3765px;
  left: 0px;
  z-index: 1;
}

.special .content .position-83 {
  top: 4370px;
  left: 35px;
  z-index: 2;
}

.special .content .position-84 {
  top: 5009px;
  left: 0px;
  z-index: 1;
}

.special .content .position-85 {
  top: 5796px;
  left: 691px;
  z-index: 2;
}

.special .content .position-86 {
  top: 6059px;
  left: 0px;
  z-index: 1;
}

.special .content .position-87 {
  top: 6788px;
  left: 164px;
  z-index: 1;
}

.special .content .position-88 {
  top: 7350px;
  left: 77px;
  z-index: 1;
}

.special .content .position-89 {
  top: 8015px;
  left: 0px;
  z-index: 1;
}

/*------------------------------------------------
*special fig08	
------------------------------------------------*/

.special .content .position-90 {
  top: 655px;
  left: 0px;
  z-index: 1;
}

.special .content .position-91 {
  top: 1325px;
  left: 0px;
  z-index: 1;
}

.special .content .position-92 {
  top: 1828px;
  left: 295px;
  z-index: 2;
}

.special .content .position-93 {
  top: 2278px;
  left: 89px;
  z-index: 1;
}

.special .content .position-94 {
  top: 2978px;
  left: 0px;
  z-index: 1;
}

.special .content .position-95 {
  top: 3698px;
  left: 123px;
  z-index: 1;
}

.special .content .position-96 {
  top: 4260px;
  left: 0px;
  z-index: 1;
}

.special .content .position-97 {
  top: 5061px;
  left: 497px;
  z-index: 2;
}

.special .content .position-98 {
  top: 5471px;
  left: 89px;
  z-index: 1;
}

.special .content .position-99 {
  top: 6171px;
  left: 0px;
  z-index: 1;
}

.special .content .position-100 {
  top: 6781px;
  left: 101px;
  z-index: 1;
}

.special .content .position-101 {
  top: 7239px;
  left: 101px;
  z-index: 1;
}

.special .content .position-102 {
  top: 7864px;
  left: 0px;
  z-index: 1;
}

.special .content .position-103 {
  top: 8046px;
  left: 0px;
  z-index: 1;
}

/*------------------------------------------------
*special fig09	
------------------------------------------------*/

.special .content .position-104 {
  top: 655px;
  left: 89px;
  z-index: 1;
}

.special .content .position-105 {
  top: 1285px;
  left: 0px;
  z-index: 1;
}

.special .content .position-106 {
  top: 1955px;
  left: 50px;
  z-index: 1;
}

.special .content .position-107 {
  top: 2205px;
  left: 560px;
  z-index: 2;
}

.special .content .position-108 {
  top: 2681px;
  left: 0px;
  z-index: 1;
}

.special .content .position-109 {
  top: 3371px;
  left: 0px;
  z-index: 1;
}

.special .content .position-110 {
  top: 3887px;
  left: 180px;
  z-index: 1;
}

.special .content .position-111 {
  top: 4517px;
  left: 505px;
  z-index: 1;
}

.special .content .position-112 {
  top: 4742px;
  left: 120px;
  z-index: 2;
}

.special .content .position-113 {
  top: 5184px;
  left: 0px;
  z-index: 1;
}

.special .content .position-114 {
  top: 5939px;
  left: 89px;
  z-index: 1;
}

.special .content .position-115 {
  top: 6569px;
  left: 320px;
  z-index: 1;
}


.special .content .decoration-01 {
  width: 1074px;
  height: 537px;
  top: 666px;
  left: 53px;
  z-index: 1;
}
.special .content .decoration-02 {
  width: 833px;
  height: 469px;
  top: 3787px;
  left: 21px;
  z-index: 2;
}
.special .content .decoration-03 {
  width: 493px;
  height: 275px;
  top: 4132px;
  left: 625px;
  z-index: 3;
}
.special .content .decoration-04 {
  width: 449px;
  height: 351px;
  top: 6931px;
  left: 109px;
  z-index: 4;
}
.special .content .shape-01 {
  position: absolute;
  top: 2118px;
  left: 600px;
}
.special .content .shape-02 {
  position: absolute;
  top: 5308px;
  left: 721px;
  z-index: 20;
}
.special .content .shape-03 {
  position: absolute;
  top: 5221px;
  left: 900px;
}
.special .content .shape-04 {
  position: absolute;
  top: 7149px;
  left: 618px;
}
.special .content .caption-01 {
  position: absolute;
  top: 780px;
  left: 177px;
}
.special .content .caption-02 {
  position: absolute;
  top: 1415px;
  left: 827px;
}
.special .content .caption-03 {
  position: absolute;
  top: 2029px;
  left: 680px;
}
.special .content .caption-04 {
  position: absolute;
  top: 2991px;
  left: 423px;
}
.special .content .caption-05 {
  position: absolute;
  top: 3931px;
  left: 883px;
}
.special .content .caption-06 {
  position: absolute;
  top: 5873px;
  left: 914px;
}
.special .content .caption-07 {
  position: absolute;
  top: 6582px;
  left: 101px;
}
.special .content .caption-08 {
  position: absolute;
  top: 7074px;
  left: 653px;
}
.special .content .caption-09 {
  position: absolute;
  top: 8064px;
  left: 516px;
}



/*------------------------------------------------
*special .archive
*vitaminC  .sensei .archive
------------------------------------------------*/
.special .archive,
.sensei .archive{
	width:960px;
	margin:0 auto;
}

.special .archive dl dt,
.special .archive dl dd,
.sensei .archive dl dt,
.sensei .archive dl dd{
	margin:0 8px 8px 0;
	float:left;
}

.special .archive dl dd a,
.sensei .archive dl dd a{
	width:229px;
	height:229px;
	display:block;
	position:relative;
  z-index: 1;
}

.special .archive dl dd a .cover,
.sensei .archive dl dd a .cover{
	width:229px;
	height:229px;
	background-color:#00bd2f;
	position:absolute;
	left:0;
	top:0;
	display:none;
}
.special .archive dl dd.new a img{
  position: relative;
}

.special .archive dl dd.new a:after,
.sensei .archive dl dd.new a:after{
  content: " ";
  display: block;
  width: 68px;
  height: 68px;
  background-image: url(../images/common/icon_new.png);
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}



/*------------------------------------------------
*special .cooking
------------------------------------------------*/
.cooking{
	width:100%;
	padding:0 0 100px 0;
	background:url(../images/common/bg.gif) repeat;
}

.cooking .inner{
	width:1024px;
	margin:0 auto;
	overflow:visible;
}

.cooking .main{
	width:100%;
}

.cooking .main .main_visual{
	width:1294px;
	height:562px;
	margin:0 0 0 -128px;
	position:relative;
}

.cooking .main .main_visual h1{
	position:absolute;
	left:110px;
	top:-40px;
	width:354px;
	height:354px;
	display:none;
	margin:0;
	padding:0;
}

.cooking .main .main_visual img.bg{
	border-right:14px #ffff9d solid;
	border-bottom:14px #ffff9d solid;
}

.cooking .main .main_txt{
	width:1024px;
	padding:0 0 45px 0;
}

.cooking .main .main_txt h2{
	float: left;
	margin:0 0 0 55px;
	padding:58px 0 0 0;
}

.cooking .main .main_txt .txt{
	float: left;
	margin:0;
	padding:0;
	width:568px;
	text-align:center;
}

.cooking .main .main_txt .txt h3{
	padding: 57px 0 33px 0;
	margin:0;
}

.cooking .main .main_txt .txt p{
	padding: 0;
	margin: 0;
}

.cooking .main .main_txt .chara{
	float: left;
	margin:0;
	padding:38px 0 0 0;
	width:160px;
}

.cooking .main .main_txt .chara .img{
	padding:0;
	text-align:center;
}
	
.cooking .main .main_txt .chara .name{
	color:#00bd2f;
	font-size: 18px;
	padding:12px 0 10px 0;
	margin:0;
	text-align:center;
}

.cooking .main .main_txt .chara .profile{
	color:#00bd2f;
	font-size: 12px;
	padding:0;
	margin:0;
}

.cooking .try{
	width:100%;
	background: #ffff8c;
	padding:28px 0 60px 0;
}

.cooking .try h2{
	text-align:center;
	margin:0;
	padding:0;
}

.cooking .try .foodstuffs{
	padding:60px 0 0 0;
}

.cooking .try .foodstuffs h3{
	float:left;
	padding:0;
	margin:0 0 0 106px;
}

.cooking .try .foodstuffs p{
	float:left;
	padding:4px 0 0 0;
	margin:0 0 0 23px;
}




.cooking .try_new_layout .img_area{
  position: relative;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  border: none;
}

.cooking .try_new_layout .img_area .product_icon,
.cooking .try_new_layout .img_area .product_img{
  position: absolute;
}

.cooking .try_new_layout .foodstuffs{
  padding:80px 0 0 0;
}

.cooking .try_new_layout .foodstuffs h3{
  float:none;
  margin:0;
  text-align: center;
}

.cooking .try_new_layout .foodstuffs .img{
  text-align: center;
  padding-top: 80px;
  margin: 0;
}

.cooking .try_new_layout .foodstuffs h4{
  text-align: center;
  padding-top: 38px;
  margin: 0;
}

.cooking .try_new_layout .foodstuffs p{
  float:none;
  padding:40px 0 0 0;
  margin:0;
  text-align: center;
}




.cooking .step{
	width:100%;
	padding:32px 0 55px 0;
	background: url(../images/special/cooking_step_bg.gif) repeat;
}

.cooking .step h2{
	padding:0;
	margin:0 0 0 185px;
}

.cooking .step .img_area{
	float:left;
	width:366px;
}

.cooking .step .txt_area{
	float:left;
	width:390px;
	margin:0 0 0 30px;
}

.cooking .step .txt_area .number{
	text-align:center;
}

.cooking .step .txt_area h3{
	padding:15px 0 25px 0;
	margin:0;
	color:#00bd2f;
	font-size:20px;
	font-weight:normal;
	text-align:center;
}
.cooking .step .txt_area p.txt{
	padding:0;
	margin:0;
	color:#333;
	font-size:16px;
	line-height:1.6em;
}

.cooking .step .txt_area p.txt .underline{
	text-decoration:underline;
}

.cooking .step .step01{
	width:810px;
	height:500px;
	margin:-93px 0 0 144px;
	background: url(../images/special/cooking_step_illust01.png) no-repeat right top;
}

.cooking .step .step01 .img_area{
	padding:133px 0 0 0;
}

.cooking .step .step02{
	width:810px;
	height:366px;
	margin:25px 0 0 144px;
	background: url(../images/special/cooking_step_illust02.png) no-repeat 428px 0px;
}

.cooking .step .step03{
	width:810px;
	height:392px;
	margin:0 0 0 144px;
	background: url(../images/special/cooking_step_illust03.png) no-repeat 666px 0px;
}

.cooking .step .step03 .img_area{
	padding:25px 0 0 0;
}

.cooking .step .point{
	width:820px;
	height:269px;
	margin:0 0 0 130px;
	position:relative;
	background: url(../images/special/cooking_step_illust04.png) no-repeat 575px 34px;
}

.cooking .step .point h3{
	margin:0;
	padding:0;
	position:absolute;
	bottom:0;
	left:0;
}

.cooking .step .point p{
	padding:184px 0 0 0;
	margin:0 0 0 160px;
}

.cooking .step .last{
	padding:65px 0 0 0;
}

.cooking .step .last .img{
	text-align:center;
}

.cooking .step .last .txt{
	padding:24px 0 25px 0;
	margin:0;
	text-align:center;
}

.cooking .step .last .credit{
	padding:0;
	margin:0;
	text-align:center;
	font-size:14px;
	color:#333;
	line-height:1.6em;
}

.cooking .archive{
	padding-top:78px;
}


/*------------------------------------------------
*special #cooking01
------------------------------------------------*/
#cooking01 .try .img_area{
	position:relative;
	width:810px;
	height:627px;
	margin:-8px 0 0 117px;
	padding:0;
	background:url(../images/special/cooking01/try_img.png) no-repeat;
}

#cooking01 .try .img_area .product_img{
	width:81px;
	height:214px;
	position:absolute;
	left:70px;
	top:73px;
	margin:0;
	padding:0;
}

#cooking01 .try .img_area .product_img a{
	width:81px;
	height:214px;
	display:block;
}

#cooking01 .try .img_area .product_icon{
	width:170px;
	height:60px;
	position:absolute;
	left:35px;
	top:40px;
	margin:0;
	padding:0;
}

#cooking01 .step .step01 .txt_area{
	padding:240px 0 0 0;
}

#cooking01 .step .step02 .txt_area{
	padding:84px 0 0 0;
}

#cooking01 .step .step03 .txt_area{
	padding:35px 0 0 0;
}



/*------------------------------------------------
*special #cooking02
------------------------------------------------*/
#cooking02 .try .img_area{
	position:relative;
	width:846px;
	height:610px;
	margin:19px 0 0 110px;
	padding:0;
	background:url(../images/special/cooking02/try_img.png) no-repeat;
}

#cooking02 .try .img_area .product_img{
	width:97px;
	height:189px;
	position:absolute;
	left:65px;
	top:62px;
	margin:0;
	padding:0;
}

#cooking02 .try .img_area .product_img a{
	width:97px;
	height:189px;
	display:block;
}

#cooking02 .try .img_area .product_icon{
	width:170px;
	height:60px;
	position:absolute;
	left:35px;
	top:12px;
	margin:0;
	padding:0;
}

#cooking02 .step .step01 .txt_area{
	padding:154px 0 0 0;
}

#cooking02 .step .step02 .txt_area{
	padding:58px 0 0 0;
}

#cooking02 .step .step03 .txt_area{
	padding:28px 0 0 0;
}
#cooking02 .step .step03 .txt_area h3{
	padding-bottom: 18px;
}
#cooking02 .step .step03 .txt_area .txt{
	padding:0 0 8px 0;
	margin:0;
}
#cooking02 .step .step03 .txt_area .txt02{
	padding:0;
	margin:0;
}


/*------------------------------------------------
*special #cooking03
------------------------------------------------*/
#cooking03 .try .img_area{
  position:relative;
  width:843px;
  height:555px;
  margin:43px 0 0 108px;
  padding:0;
  background:url(../images/special/cooking03/try_img.png) no-repeat;
}

#cooking03 .try .img_area .product_img{
  width:152px;
  height:180px;
  position:absolute;
  left:36px;
  top:57px;
  margin:0;
  padding:0;
}

#cooking03 .try .img_area .product_img a{
  width:97px;
  height:189px;
  display:block;
}

#cooking03 .try .img_area .product_icon{
  width:170px;
  height:60px;
  position:absolute;
  left:35px;
  top:0px;
  margin:0;
  padding:0;
}

#cooking03 .step .step01 .txt_area{
  padding:242px 0 0 0;
}

#cooking03 .step .step02 .txt_area{
  padding:53px 0 0 0;
}
#cooking03 .step .step02 .txt_area h3{
  padding-bottom: 20px;
}

#cooking03 .step .step03 .txt_area{
  padding:60px 0 0 0;
}
#cooking03 .step .step03 .txt_area .txt{
  padding:0 0 8px 0;
  margin:0;
}
#cooking03 .step .step03 .txt_area .txt02{
  padding:0;
  margin:0;
}




/*------------------------------------------------
*special #cooking04
------------------------------------------------*/
#cooking04 .try .img_area{
  position:relative;
  width:826px;
  height:574px;
  margin:37px 0 0 118px;
  padding:0;
  background:url(../images/special/cooking04/try_img.png) no-repeat;
}

#cooking04 .try .img_area .product_img{
  width:80px;
  height:217px;
  position:absolute;
  left:72px;
  top:37px;
  margin:0;
  padding:0;
}

#cooking04 .try .img_area .product_img a{
  width:80px;
  height:217px;
  display:block;
}

#cooking04 .try .img_area .product_icon{
  width:170px;
  height:60px;
  position:absolute;
  left:35px;
  top:8px;
  margin:0;
  padding:0;
}

#cooking04 .step .step01 .txt_area{
  padding:220px 0 0 0;
}
#cooking04 .step .step02{
  height:422px;
  margin:0 0 0 144px;
  position: relative;
  top: -26px;
  background: url(../images/special/cooking_step_illust02.png) no-repeat 428px 0px;
}

#cooking04 .step .step02 .img_area{
  padding: 56px 0 0 0;
}

#cooking04 .step .step02 .txt_area{
  padding:115px 0 0 0;
}
#cooking04 .step .step02 .txt_area h3{
  padding-bottom: 24px;
}
#cooking04 .step .step03{
  margin-top: 0px;
  background-position: 666px 20px;
}
#cooking04 .step .step03 .img_area{
  padding:6px 0 0 0;
}
#cooking04 .step .step03 .txt_area{
  padding:120px 0 0 0;
}
#cooking04 .step .step03 .txt_area .txt{
  padding:0 0 8px 0;
  margin:0;
}
#cooking04 .step .step03 .txt_area .txt02{
  padding:0;
  margin:0;
}




/*------------------------------------------------
*special #cooking05
------------------------------------------------*/
#cooking05 .try .img_area{
  position:relative;
  width:874px;
  height:579px;
  margin:32px 0 0 64px;
  padding:0;
  background:url(../images/special/cooking05/try_img.png) no-repeat;
}

#cooking05 .try .img_area .product_img{
  width:80px;
  height:217px;
  position:absolute;
  left:110px;
  top:34px;
  margin:0;
  padding:0;
}

#cooking05 .try .img_area .product_img a{
  width:80px;
  height:217px;
  display:block;
}

#cooking05 .try .img_area .product_icon{
  width:170px;
  height:60px;
  position:absolute;
  left:72px;
  top:0px;
  margin:0;
  padding:0;
}

#cooking05 .step .step01 .txt_area{
  padding:220px 0 0 0;
}
#cooking05 .step .step02{
  height:422px;
  margin:0 0 0 144px;
  position: relative;
  top: -26px;
  background: url(../images/special/cooking_step_illust02.png) no-repeat 428px 0px;
}

#cooking05 .step .step02 .img_area{
  padding: 56px 0 0 0;
}

#cooking05 .step .step02 .txt_area{
  padding:115px 0 0 0;
}
#cooking05 .step .step02 .txt_area h3{
  padding-bottom: 24px;
}
#cooking05 .step .step03{
  margin-top: 0px;
  background-position: 666px 20px;
}
#cooking05 .step .step03 .img_area{
  padding:6px 0 0 0;
}
#cooking05 .step .step03 .txt_area{
  padding:120px 0 0 0;
}
#cooking05 .step .step03 .txt_area .txt{
  padding:0 0 8px 0;
  margin:0;
}
#cooking05 .step .step03 .txt_area .txt02{
  padding:0;
  margin:0;
}


/*------------------------------------------------
*special #cooking06
------------------------------------------------*/
#cooking06 .try_new_layout .img_area{
  width: 335px;
  height: 159px;
  background-image: url(../images/special/cooking06/try_product_bg.png);
}

#cooking06 .try_new_layout .img_area .product_icon{
  left: 11px;
  top: 0px;
  width: 19px;
  height: 21px;
}

#cooking06 .try_new_layout .img_area .product_img{
  left: 32px;
  top: 16px;
  width: 48px;
  height: 124px;
}



#cooking06 .step .step01 .txt_area{
  padding:205px 0 0 0;
}
#cooking06 .step .step02{
  height:422px;
  margin:0 0 0 144px;
  position: relative;
  top: -26px;
  background: url(../images/special/cooking_step_illust02.png) no-repeat 428px 0px;
}

#cooking06 .step .step02 .img_area{
  padding: 56px 0 0 0;
}

#cooking06 .step .step02 .txt_area{
  padding:142px 0 0 0;
}
#cooking06 .step .step02 .txt_area h3{
  padding-bottom: 24px;
}
#cooking06 .step .step03{
  margin-top: 0px;
  background-position: 666px 20px;
}
#cooking06 .step .step03 .img_area{
  padding:6px 0 0 0;
}
#cooking06 .step .step03 .txt_area{
  padding:80px 0 0 0;
}
#cooking06 .step .step03 .txt_area .txt{
  padding:0 0 8px 0;
  margin:0;
}
#cooking06 .step .step03 .txt_area .txt02{
  padding:0;
  margin:0;
}





/*------------------------------------------------
*special #cooking07
------------------------------------------------*/
#cooking07 .try_new_layout .img_area{
  width: 335px;
  height: 159px;
  background-image: url(../images/special/cooking07/try_product_bg.png);
}

#cooking07 .try_new_layout .img_area .product_icon{
  left: 11px;
  top: 0px;
  width: 19px;
  height: 21px;
}

#cooking07 .try_new_layout .img_area .product_img{
  left: 32px;
  top: 16px;
  width: 48px;
  height: 124px;
}

#cooking07 .try_new_layout .foodstuffs p{
  text-align: left;
  margin-left: 370px;
}
#cooking07 .try_new_layout .foodstuffs .img{
  padding-top: 16px;
}
#cooking07 .try_new_layout .foodstuffs:last-child .img{
  padding-top: 49px;
}


#cooking07 .step .step01 .txt_area{
  padding:205px 0 0 0;
}
#cooking07 .step .step02{
  height:422px;
  margin:0 0 0 144px;
  position: relative;
  top: -26px;
  background: url(../images/special/cooking_step_illust02.png) no-repeat 428px 0px;
}

#cooking07 .step .step02 .img_area{
  padding: 56px 0 0 0;
}

#cooking07 .step .step02 .txt_area{
  padding:142px 0 0 0;
}
#cooking07 .step .step02 .txt_area h3{
  padding-bottom: 24px;
}
#cooking07 .step .step03{
  margin-top: 0px;
  background-position: 666px 20px;
}
#cooking07 .step .step03 .img_area{
  padding:6px 0 0 0;
}
#cooking07 .step .step03 .txt_area{
  padding:80px 0 0 0;
}
#cooking07 .step .step03 .txt_area .txt{
  padding:0 0 8px 0;
  margin:0;
}
#cooking07 .step .step03 .txt_area .txt02{
  padding:0;
  margin:0;
}




/*------------------------------------------------
*special #cooking08
------------------------------------------------*/
#cooking08 .try_new_layout .img_area{
  width: 461px;
  height: 133px;
  background-image: url(../images/special/cooking08/try_product_bg.png);
}

#cooking08 .try_new_layout .img_area .product_icon{
  left: 18px;
  top: 3px;
  width: 19px;
  height: 21px;
}

#cooking08 .try_new_layout .img_area .product_img{
  left: 32px;
  top: 16px;
  width: 48px;
  height: 124px;
}

#cooking08 .try_new_layout .foodstuffs p{
  text-align: left;
  margin-left: 135px;
}
#cooking08 .try_new_layout .foodstuffs .img{
  padding-top: 57px;
}
#cooking08 .try_new_layout .foodstuffs:last-child .img{
  padding-top: 62px;
}


#cooking08 .step .step01 .txt_area{
  padding:205px 0 0 0;
}
#cooking08 .step .step02{
  height:422px;
  margin:0 0 0 144px;
  position: relative;
  top: -26px;
  background: url(../images/special/cooking_step_illust02.png) no-repeat 428px 0px;
}

#cooking08 .step .step02 .img_area{
  padding: 56px 0 0 0;
}

#cooking08 .step .step02 .txt_area{
  padding:142px 0 0 0;
}
#cooking08 .step .step02 .txt_area h3{
  padding-bottom: 24px;
}
#cooking08 .step .step03{
  margin-top: -50px;
  padding-top: 50px;
  background-position: 666px 0px;
}
#cooking08 .step .step03 .img_area{
  padding:6px 0 0 0;
}
#cooking08 .step .step03 .txt_area{
  padding:0px 0 0 0;
}
#cooking08 .step .step03 .txt_area .txt{
  padding:0 0 8px 0;
  margin:0;
}
#cooking08 .step .step03 .txt_area .txt02{
  padding:0;
  margin:0;
  font-size: 0.875em;
}


/*------------------------------------------------
*special #cooking09
------------------------------------------------*/
#cooking09 .main .main_txt .txt p{
  position: relative;
  left: -15px;
}

#cooking09 .try_new_layout .img_area{
  width: 398px;
  height: 157px;
  background-image: url(../images/special/cooking09/try_product_bg.png);
}

#cooking09 .try_new_layout .img_area .product_icon{
  left: 12px;
  top: 0px;
  width: 19px;
  height: 21px;
}

#cooking09 .try_new_layout .img_area .product_img{
  left: 12px;
  top: 25px;
  width: 90px;
  height: 107px;
}

#cooking09 .try_new_layout .foodstuffs p{
  text-align: left;
  margin-left: 70px;
}
#cooking09 .try_new_layout .foodstuffs .img{
  padding-top: 57px;
}
#cooking09 .try_new_layout .caution{
  margin-left: 50px;
  padding-top: 100px;
}

#cooking09 .step .step01 .txt_area{
  padding:205px 0 0 0;
}
#cooking09 .step .step02{
  height:422px;
  margin:0 0 0 144px;
  position: relative;
  top: -26px;
  background: url(../images/special/cooking_step_illust02.png) no-repeat 428px 0px;
}

#cooking09 .step .step02 .img_area{
  padding: 56px 0 0 0;
}

#cooking09 .step .step02 .txt_area{
  padding: 52px 0 0 0;
}
#cooking09 .step .step02 .txt_area h3{
  padding-bottom: 24px;
}
#cooking09 .step .step03{
  margin-top: -50px;
  padding-top: 50px;
  background-position: 666px 50px;
}
#cooking09 .step .step03 .img_area{
  padding:6px 0 0 0;
}
#cooking09 .step .step03 .txt_area{
  padding:50px 0 0 0;
}
#cooking09 .step .step03 .txt_area .txt{
  padding:0 0 8px 0;
  margin: 0;
}
#cooking09 .step .step03 .txt_area .txt02{
  padding:0;
  margin:0;
  font-size: 0.875em;
}




/*------------------------------------------------
*special #cooking10
------------------------------------------------*/
#cooking10 .main .main_txt .txt p{
  position: relative;
  left: -15px;
}

#cooking10 .try_new_layout .img_area{
  width: 398px;
  height: 157px;
  background-image: url(../images/special/cooking10/try_product_bg.png);
}

#cooking10 .try_new_layout .img_area .product_icon{
  left: 12px;
  top: 0px;
  width: 19px;
  height: 21px;
}

#cooking10 .try_new_layout .img_area .product_img{
  left: 12px;
  top: 25px;
  width: 90px;
  height: 107px;
}

#cooking10 .try_new_layout .foodstuffs p{
  text-align: left;
  margin-left: 70px;
}
#cooking10 .try_new_layout .foodstuffs .img{
  padding-top: 57px;
}
#cooking10 .try_new_layout .caution{
  margin-left: 50px;
  padding-top: 100px;
}

#cooking10 .step .step01 .txt_area{
  padding:205px 0 0 0;
}
#cooking10 .step .step02{
  height:422px;
  margin:0 0 0 144px;
  position: relative;
  top: -26px;
  background: url(../images/special/cooking_step_illust02.png) no-repeat 428px 0px;
}

#cooking10 .step .step02 .img_area{
  padding: 56px 0 0 0;
}

#cooking10 .step .step02 .txt_area{
  padding: 58px 0 0 0;
}
#cooking10 .step .step02 .txt_area h3{
  padding-bottom: 12px;
}
#cooking10 .step .step03{
  position: relative;
  background-position: 686px 50px;
}
#cooking10 .step .step03 .img_area{
  padding:0;
}
#cooking10 .step .step03 .txt_area{
  padding: 45px 0 0 0;
}
#cooking10 .step .step03 .txt_area .txt{
  padding:0 0 8px 0;
}
#cooking10 .step .step03 .txt_area .txt02{
  padding:0;
  margin:0;
  font-size: 0.875em;
}




/*------------------------------------------------
*special #cooking11
------------------------------------------------*/
#cooking11 .main .main_txt .txt p{
  position: relative;
  left: -15px;
}

#cooking11 .try{
  padding:28px 0 80px 0;
}

#cooking11 .try_new_layout .img_area{
  width: 339px;
  height: 163px;
  margin-top: 15px;
  background-image: url(../images/special/cooking11/try_product_bg.png);
}

#cooking11 .try_new_layout .img_area .product_icon{
  left: 12px;
  top: 0px;
  width: 19px;
  height: 21px;
}

#cooking11 .try_new_layout .img_area .product_img{
  left: 12px;
  top: 20px;
  width: 90px;
  height: 122px;
}

#cooking11 .try_new_layout .foodstuffs{
  padding-top: 75px;
}

#cooking11 .try_new_layout .foodstuffs p{
  text-align: left;
  margin-left: 70px;
}
#cooking11 .try_new_layout .foodstuffs .img{
  padding-top: 57px;
}
#cooking11 .try_new_layout .caution{
  margin-left: 50px;
  padding-top: 100px;
}

#cooking11 .step .step01 .txt_area{
  padding:205px 0 0 0;
}
#cooking11 .step .step02{
  height:422px;
  margin:0 0 0 144px;
  position: relative;
  top: -26px;
  background: url(../images/special/cooking_step_illust02.png) no-repeat 428px 0px;
}

#cooking11 .step .step02 .img_area{
  padding: 56px 0 0 0;
}

#cooking11 .step .step02 .txt_area{
  padding: 58px 0 0 0;
}
#cooking11 .step .step02 .txt_area h3{
  padding-bottom: 12px;
}
#cooking11 .step .step03{
  position: relative;
  background-position: 686px 0px;
}
#cooking11 .step .step03 .img_area{
  padding:0;
}
#cooking11 .step .step03 .txt_area{
  padding: 65px 0 0 0;
}
#cooking11 .step .step03 .txt_area .txt{
  padding:0 0 8px 0;
}
#cooking11 .step .step03 .txt_area .txt02{
  padding:0;
  margin:0;
  font-size: 0.875em;
}



/*------------------------------------------------
*special .mantan
------------------------------------------------*/
.mantan{
	width:100%;
	padding:0 0 100px 0;
	background:url(../images/common/bg.gif) repeat;
}

.mantan .inner{
	width:1024px;
	margin:0 auto;
	padding:0 0 45px 0;
	position:relative;
}

.mantan .inner h1{
	position:absolute;
	top:-60px;
	left:-22px;
	z-index:0;
	width:352px;
	height:352px;
}

.mantan .inner .main_visual{
	width:1024px;
	text-align:center;
	padding:78px 0 0 0;
	position:relative;
	z-index:1;
}

.mantan .inner .main_visual > img{
	border:6px solid #7fde97;
	border:6px solid rgba(0,189,47,0.5);
}

.mantan .inner .main_visual .product_info{
	width:220px;
	position:absolute;
	bottom:0;
	right:0;
}

.mantan .inner .main_visual .product_info img{
	padding:0;
	margin:0;
}

.mantan .inner .main_visual .product_info .img{
	text-align:center;
	padding:0 0 20px 0;
	margin:0;
}

.mantan .inner .main_visual .product_info h3{
	padding:0 0 8px 0;
	margin:0;
	line-height:18px;
	font-size:18px;
	color:#00bd2f;
	font-weight:normal;
}

.mantan .inner .main_visual .product_info p{
	color:#00bd2f;
	font-size:15px;
	padding:0;
	margin:0;
	line-height:1.7em;
	padding:0 0 20px 0;
}


.mantan .inner .main_visual .product_info .btn{
	margin:0 0 0 22px;
}

.mantan .inner .main_visual .product_info .btn a{
	display:block;
	width:164px;
	height:45px;
	background:url(../images/special/mantan_product_btn_bg.png) no-repeat;
}

.mantan .inner .main_visual .product_info .btn a:hover img{
	opacity: .70; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=70); /* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	-khtml-opacity: .70; /* Safari 1.x */
	-moz-opacity: .70; /* FF lt 1.5, Netscape */
}

.mantan .inner h2{
	text-align:center;
	line-height:1.5em;
	padding:34px 0 25px 0;
	margin:0;
	color:#00bd2f;
	font-weight:normal;
	font-size:1.3em;
}

.mantan .inner .txt{
	width:466px;
	margin:0 auto;
	font-size:16px;
	line-height:1.7em;
	color:#666;
	text-align:left;
}



/*------------------------------------------------
*special .nonno
------------------------------------------------*/
.nonno{
	width:100%;
	padding:0 0 100px 0;
	background:url(../images/common/bg.gif) repeat;
}

.nonno .inner{
	width:960px;
	margin:0 auto;
	padding:0 0 45px 0;
	position:relative;
}

.nonno .inner .title_area{
	width:235px;
	float:left;
}

.nonno .inner .title_area p{
	color:#009900;
	font-size:14px;
	line-height:1.7em;
}

.nonno .inner .title_area .txt_area{
	float:none;
	padding:0;
}

.nonno .inner .txt_area{
	width:229px;
	float:right;
}

.nonno .inner .txt_area ul li{
	padding:45px 0 0 0;
}

.nonno .inner .txt_area ul li h2{
	line-height:0;
	margin:0;
	padding:0 0 8px 0;
}

.nonno .inner .txt_area ul li p{
	font-size:13px;
	line-height:1.7em;
	color:#666;
	margin:0;
}

.nonno .inner .img{
	position:absolute;
}

.nonno .inner .copy{
	position:absolute;
}

/*------------------------------------------------
*special #nonno01
------------------------------------------------*/
#nonno01 .inner .txt_area{
	padding:35px 0 0 0;
}

#nonno01 .inner .img{
	left:265px;
	top:70px;
}

#nonno01 .inner .copy{
	left:138px;
	top:380px;
}

/*------------------------------------------------
*special #nonno02
------------------------------------------------*/
#nonno02 .inner .title_area .txt_area{
	padding:168px 0 0 0;
}

#nonno02 .inner .txt_area{
	padding:18px 0 0 0;
}

#nonno02 .inner .txt_area ul li.mgt_narrow{
	padding:13px 0 0 0;
}

#nonno02 .inner .img{
	left:232px;
	top:60px;
}

#nonno02 .inner .copy{
	left:27px;
	top:400px;
}

/*------------------------------------------------
*special #nonno03
------------------------------------------------*/
#nonno03 .inner .txt_area{
	padding:10px 0 0 0;
}

#nonno03 .inner .txt_area li.left_top{
	padding:25px 0 0 0;
}

#nonno03 .inner .img{
	left:294px;
	top:30px;
}

#nonno03 .inner .copy{
	left:753px;
	top:504px;
}

/*------------------------------------------------
*special #nonno04
------------------------------------------------*/
#nonno04 .inner{
	padding:0 0 110px 0;
}

#nonno04 .inner .txt_area{
	padding:10px 0 0 0;
}

#nonno04 .inner .txt_area li.left_top{
	padding:25px 0 0 0;
}

#nonno04 .inner .img{
	left:291px;
	top:65px;
}

#nonno04 .inner .copy{
	left:120px;
	top:406px;
}

/*------------------------------------------------
*special #nonno05
------------------------------------------------*/
#nonno05 .inner{
  padding:0 0 230px 0;
}

#nonno05 .inner .txt_area{
  padding:20px 0 0 0;
}

#nonno05 .inner .txt_area li.left_top{
  padding:25px 0 0 0;
}

#nonno05 .inner .img{
  left:321px;
  top:55px;
}

#nonno05 .inner .copy{
  left:120px;
  top:406px;
}




/*------------------------------------------------
*special challenge01
------------------------------------------------*/
#challenge01{
	width:100%;
	background:url(../images/common/bg.gif) repeat;
}

#challenge01 .inner{
	width:1024px;
	margin:0 auto;
	padding:0 0 30px 0;
	position:relative;
}

#challenge01 .inner .ie8_alert{
	display:none;
}

.lt-ie9 #challenge01 .inner .ie8_alert{
	position:absolute;
	width:100%;
	text-align:center;
	top:20px;
	color:#00bd2f;
	display:block;
}

#challenge01 .inner img.frame{
	border:6px solid #ffff7f;
	border:6px solid rgba(255,255,0,0.5);
}

#challenge01 .inner h1{
	margin:0;
	position:absolute;
	left:-20px;
	top:-40px;
	width:352px;
	height:352px;
}

#challenge01 .inner .fukidashi{
	position:absolute;
	right:105px;
	top:42px;
	width:320px;
	height:258px;
	z-index:20;
}

#challenge01 .inner .main_visual{
	text-align:center;
	padding:78px 0 24px 0;
	position:relative;
	z-index:10;
}

#challenge01 .inner .vine_area{
	width:860px;
	margin:0 auto;
}

#challenge01 .inner .vine_area ul li{
	position:relative;
}

#challenge01 .inner .vine_area ul li.left{
	width:385px;
	float:left;
}

#challenge01 .inner .vine_area ul li.right{
	width:385px;
	float:right;
}

#challenge01 .inner .vine_area ul li.step02{
	margin:182px 0 0 0;
}

#challenge01 .inner .vine_area ul li.step03{
	margin:-94px 0 0 0;
}

#challenge01 .inner .vine_area ul li.step04{
	margin:72px 0 0 0;
}

#challenge01 .inner .vine_area ul li.step05{
	margin:-93px 0 0 0;
}

#challenge01 .inner .vine_area ul li.step06{
	margin:88px 0 0 0;
}

#challenge01 .inner .vine_area ul li.step07{
	margin:-116px 0 0 0;
}


#challenge01 .inner .vine_area ul li h2{
	color:#00bd2f;
	font-size:18px;
	line-height:52px;
	height:52px;
	font-weight:normal;
	margin:0;
	background-repeat:no-repeat;
	text-indent:60px;
}

#challenge01 .inner .vine_area ul li.step01 h2{
	background-image:url(../images/special/challenge01/step01.png);
}

#challenge01 .inner .vine_area ul li.step02 h2{
	background-image:url(../images/special/challenge01/step02.png);
}

#challenge01 .inner .vine_area ul li.step03 h2{
	background-image:url(../images/special/challenge01/step03.png);
}

#challenge01 .inner .vine_area ul li.step04 h2{
	background-image:url(../images/special/challenge01/step04.png);
}

#challenge01 .inner .vine_area ul li.step05 h2{
	background-image:url(../images/special/challenge01/step05.png);
}

#challenge01 .inner .vine_area ul li.step06 h2{
	background-image:url(../images/special/challenge01/step06.png);
}

#challenge01 .inner .vine_area ul li.step07 h2{
	background-image:url(../images/special/challenge01/step07.png);
}

#challenge01 .inner .vine_area ul li .voice{
	position:absolute;
}

#challenge01 .inner .vine_area ul li.step01 .voice{
	top:-8px;
	right:-78px;
}

#challenge01 .inner .vine_area ul li.step03 .voice{
	top:-14px;
	right:-78px;
}

#challenge01 .inner .vine_area ul li.step04 .voice{
	top:-15px;
	right:-48px;
}

#challenge01 .inner .vine_area ul li.step06 .voice{
	top:-14px;
	right:-50px;
}

	
#challenge01 .inner .vine_area ul li .vine{
	padding:10px 0 0 0;
	margin:0 0 0 19px;
}

#challenge01 .inner .vine_area ul li .vine iframe{
	border:6px solid #ffff7f;
	border:6px solid rgba(255,255,0,0.5);
}

#challenge01 .inner .vine_area ul li .vine img{
	display:none;
}

.lt-ie9 #challenge01 .inner .vine_area ul li .vine iframe{
	display:none;
}

.lt-ie9 #challenge01 .inner .vine_area ul li .vine img{
	border:6px solid #ffff7f;
	border:6px solid rgba(255,255,0,0.5);
	display:block;
}

#challenge01 .inner .vine_area ul li p{
	margin:0 0 0 25px;
	width:354px;
	font-size:14px;
	line-height:1.7em;
	color:#666;
	padding:8px 0 0 0;
}

#challenge01 .inner .vine_area ul li.teacher .img{
	padding:95px 0 0 0;
	margin:0 0 0 95px;
}

#challenge01 .inner .vine_area ul li.teacher p{
	color:#00bd2f;
	padding:0;
	margin:0;
	width:354px;
	margin:0 0 0 25px;
}

#challenge01 .inner .vine_area ul li.teacher p.name{
	font-size:16px;
	padding:16px 0 10px 0;
}

#challenge01 .inner .vine_area ul li.teacher p.profile{
	font-size:12px;
}

#challenge01 .inner .bottom_visual{
	padding:70px 0 30px 0;
	text-align:center;
	position:relative;
}

#challenge01 .inner .bottom_visual .fukidashi{
	position:absolute;
	left:90px;
	top:-35px;
}

#challenge01 .inner .archive{
	margin:0 0 0 43px;
}

#challenge01 .inner .archive h2{
	float:left;
	margin:0;
	padding:0;
	line-height:0;
}

#challenge01 .inner .archive ul{
	float:left;
}

#challenge01 .inner .archive ul li{
	float:left;
	margin:0 0 0 8px;
}



/*
スペシャルインデックス
*/
#special-index{
  background-image: url(../images/common/bg02.gif);
  padding-bottom: 45px;
}

#special-index .tanken{
  width: 100%;
  background-image: url(../images/special/index/bg04.gif);
  background-repeat: repeat;
  background-position: center;
  padding: 73px 0;
}

#special-index .quickrecipe{
  width: 100%;
  background-image: url(../images/special/index/bg03.gif);
  background-repeat: repeat;
  background-position: center;
  padding: 73px 0;
}

#special-index .content .cooking_menu{
  padding: 73px 0;
}

#special-index .mantan_outer{
  width: 100%;
  background-image: url(../images/special/index/bg01.gif);
  background-repeat: repeat;
  padding: 73px 0;
}

#special-index .honda_outer{
  width: 100%;
  background-image: url(../images/special/index/bg02.gif);
  background-repeat: repeat;
  padding: 73px 0;
}




#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.70;
  display: none;
}

#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}

#lightbox img {
  width: auto;
  height: auto;
}

#lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: #000000;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 3px rgba(4, 0, 0, 0.5);
  -moz-box-shadow: 0 0 3px rgba(4, 0, 0, 0.5);
  -o-box-shadow: 0 0 3px rgba(4, 0, 0, 0.5);
  -ms-box-shadow: 0 0 3px rgba(4, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(4, 0, 0, 0.5);
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 0;
}

.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
}

.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}

.lb-prev {
  left: 0;
  float: left;
}

.lb-next {
  right: 0;
  float: right;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}

.lb-data .lb-close {
  display: block;
  width: 48px;
  height: 46px;
  margin: 0 auto;
  padding: 20px 0 0 0;
  outline: none;
  opacity: 0.5;
}
.lb-data .lb-close:hover {
  opacity: 1;
}

.lb-data .lb-close:hover {
  cursor: pointer;
}

#hParallax1 {
  height: 339px;
}

#hParallax2 {
  height: 222px;
}

#hParallax3 {
  height: 252px;
}

#hParallax4 {
  margin-top: -179px;
  height: 434px;
}

#hParallax5 {
  margin-top: -15px;
  height: 251px;
}

#hParallax6 {
  height: 217px;
}

#hParallax7 {
  margin-top: -46px;
  height: 258px;
}

#hParallax8 {
  margin-top: -153px;
  height: 537px;
}

#hParallax9 {
  margin-top: -11px;
  height: 194px;
}

#hParallax10 {
  height: 142px;
}

#hParallax11 {
  height: 288px;
}

#hParallax12 {
  margin-top: -74px;
  height: 392px;
}

#hParallax13 {
  margin-top: -133px;
  height: 221px;
}

#hParallax14 {
  margin-top: -61px;
  height: 460px;
}

#hParallax15{
  margin-top: -152px;
  height: 352px;
}
#hParallax16{
  height:286px;
}
#hParallax17{
  height:231px;
}
#hParallax18{
  height:450px;
}
#hParallax_last {
  height: 172px;
}

.figure.plussy-01,
.figure.plussy-02,
.figure.plussy-03,
.figure.plussy-04,
.figure.era-01,
.figure.era-02,
.figure.era-03,
.figure.era-04,
.figure.position-05,
.description-03,
.figure.position-06,
.description-04,
.figure.era-01,
.figure.era-02,
.figure.era-03,
.figure.era-04,
.figure.anniversary-01,
.figure.anniversary-02,
.figure.position-20,
.figure.position-25 {
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

#sParallax2 {
  height: 1247px;
}
#sParallax2 .figure.words-02 {
  opacity: 0;
}
#sParallax2 .texture.decoration-01 {
  opacity: 0;
}

#sParallax3 {
  height: 637px;
}

#sParallax4 {
  height: 543px;
}

#sParallax5 {
  height: 514px;
}

#sParallax6 {
  height: 762px;
}

#sParallax7 {
  height: 738px;
}

#sParallax8 {
  height: 690px;
}

#sParallax9 {
  height: 611px;
}

#sParallax10 {
  height: 601px;
}

#sParallax11 {
  height: 626px;
}

#sParallax12 {
  height: 346px;
}

#sParallax13 {
  height: 614px;
}

#sParallax14 {
  height: 300px;
}

#sParallax15 {
  height: 600px;
}

#sParallax16 {
  height: 647px;
}

#sParallax17 {
  height: 671px;
}

#sParallax18 {
  height: 1002px;
}

#sParallax19 {
  height: 756px;
}

#sParallax20 {
  height: 1259px;
}

#sParallax21 {
  height: 1076px;
}

#sParallax22 {
  height: 690px;
}

#sParallax23 {
  height: 605px;
}

#sParallax24 {
  height: 825px;
}

.shape-02,
.shape-03 {
  display: none;
}
.shape-02 img,
.shape-03 img {
  width: 100%;
  height: 100%;
}

.shape-04 {
  overflow: hidden;
}

.shape-04.cover {
  background-color: white;
  width: 558px;
  height: 67px;
  z-index: 1;
}

.caption-05 {
  z-index: 10;
}

/* --------------  specail sp01 ------------------ */
#s_parallax001{height:690px;}
#s_parallax002{height:650px;}
#s_parallax003{height:380px;}
#s_parallax004{height:760px;}
#s_parallax005{height:800px;}

#s_parallaboxes001{height:80px;}

.s1position-02{ left:140px;}
.s1position-03{left:140px;}
.opacity{
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

/* --------------  specail sp02 ------------------ */
#s_parallax006{height:646px;}
#s_parallax007{height:656px;}
#s_parallax008{height:750px;}
#s_parallax009{height:544px;}
#s_parallax010{height:727px;}

.s2position-07{left:165px;}
.s2position-09{left:115px;}
.opacity{
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

/* --------------  specail sp03 ------------------ */
#s_parallax022{height:646px;}
#s_parallax023{height:606px;}
#s_parallax024{height:770px;}
#s_parallax025{height:571px;}
#s_parallax026{height:950px;}
#s_parallax027{height:752px;}
#s_parallax028{height:590px;}

.s3position-23{ left:115px;}
.opacity{
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

/* --------------  specail sp04 ------------------ */
#s_parallax070{height:646px;}
#s_parallax071{height:602px;}
#s_parallax072{height:996px;}
#s_parallax073{height:795px;}
#s_parallax074{height:559px;}
#s_parallax075{height:761px;}

.s4position-02{left:100px;}
.opacity{
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

/* --------------  specail sp05 ------------------ */
#s_parallax098{height:646px;}
#s_parallax099{height:502px;}
#s_parallax100{height:482px;}
#s_parallax101{height:729px;}
#s_parallax102{height:742px;}
#s_parallax103{height:684px;}
#s_parallax104{height:195px;}
#s_parallax105{height:654px;}
#s_parallax106{height:440px;}

.s5position-02{left:170px;}
.s5position-03{left:97px;}
.s5position-05{left:80px;}
.s5position-09{left:156px;}
.opacity{
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}

/* --------------  specail fig03------------------ */
#s_parallax011{height:646px;}
#s_parallax012{height:601px;}
#s_parallax013{height:670px;}
#s_parallax014{height:1083px;}
#s_parallax015{height:709px;}
#s_parallax016{height:601px;}
#s_parallax017{height:910px;}
#s_parallax018{height:718px;}
#s_parallax019{height:829px;}
#s_parallax020{height:595px;}
#s_parallax021{height:825px;}

/* --------------  specail fig04------------------ */
#s_parallax029{height:1425px;}
#s_parallax030{height:665px;}
#s_parallax031{height:1196px;}
#s_parallax032{height:651px;}
#s_parallax033{height:1178px;}
#s_parallax034{height:1354px;}
#s_parallax035{height:843px;}
#s_parallax036{height:917px;}

/* --------------  specail fig05------------------ */
#s_parallax037{height:655px;}
#s_parallax038{height:695px;}
#s_parallax039{height:680px;}
#s_parallax040{height:660px;}
#s_parallax041{height:975px;}
#s_parallax042{height:666px;}
#s_parallax043{height:964px;}
#s_parallax044{height:723px;}
#s_parallax045{height:1472px;}
#s_parallax046{height:740px;}

/* --------------  specail fig06------------------ */
#s_parallax047{height:655px;}
#s_parallax048{height:980px;}
#s_parallax049{height:950px;}
#s_parallax050{height:165px;}
#s_parallax051{height:655px;}
#s_parallax052{height:672px;}
#s_parallax053{height:770px;}
#s_parallax054{height:672px;}
#s_parallax055{height:825px;}
#s_parallax056{height:531px;}
#s_parallax057{height:754px;}
#s_parallax058{height:722px;}

/* --------------  specail fig07------------------ */
#s_parallax059{height:655px;}
#s_parallax060{height:702px;}
#s_parallax061{height:683px;}
#s_parallax062{height:1042px;}
#s_parallax063{height:683px;}
#s_parallax064{height:1244px;}
#s_parallax065{height:787px;}
#s_parallax066{height:992px;}
#s_parallax067{height:562px;}
#s_parallax068{height:665px;}
#s_parallax069{height:835px;}

/* --------------  specail fig08------------------ */
#s_parallax076{height:655px;}
#s_parallax077{height:670px;}
#s_parallax078{height:953px;}
#s_parallax079{height:700px;}
#s_parallax080{height:720px;}
#s_parallax081{height:562px;}
#s_parallax082{height:801px;}
#s_parallax083{height:1110px;}
#s_parallax084{height:1068px;}
#s_parallax085{height:807px;}
#s_parallax086{height:790px;}

/* --------------  specail fig09------------------ */
#s_parallax087{height:655px;}
#s_parallax088{height:630px;}
#s_parallax089{height:670px;}
#s_parallax090{height:726px;}
#s_parallax091{height:690px;}
#s_parallax092{height:516px;}
#s_parallax093{height:630px;}
#s_parallax094{height:667px;}
#s_parallax095{height:755px;}
#s_parallax096{height:630px;}
#s_parallax097{height:387px;}


/*ビタミンCについて*/
#vitaminc {
  height: 3238px;
  background: url('../images/vitaminc/vitaminc_bg.jpg');
}

.c1000 h2 {
  padding: 28px 0 0 0;
  text-align:center;
  margin:0;
}

.c1000 .content {
  width: 1200px;
  margin: 0 0 0 -600px;
  position: relative;
  left: 50%;
}
.c1000 .content .figure {
  position: absolute;
}

.c1000 .content .vitamin-01 {
  top: 0;
  left: 203px;
  z-index: 1;
}
.c1000 .content .vitamin-02 {
  top: 0;
  left: 791px;
  z-index: 2;
}
.c1000 .content .vitamin-03 {
  top: 638px;
  left: 425px;
  z-index: 3;
}
.c1000 .content .vitamin-04 {
  top: 638px;
  left: 425px;
  z-index: 4;
}
.c1000 .content .vitamin-05 {
  top: 1156px;
  left: 0;
  z-index: 5;
}
.c1000 .content .vitamin-06 {
  top: 1352px;
  left: 185px;
  z-index: 6;
}
.c1000 .content .vitamin-07 {
  top: 1341px;
  left: 200px;
  z-index: 7;
}
.c1000 .content .vitamin-08 {
  top: 1940px;
  left: 380px;
  z-index: 8;
}
.c1000 .content .vitamin-09 {
  top: 2467px;
  left: 303px;
  z-index: 9;
}
.c1000 .content .copy-01 {
  top: 134px;
  left: 433px;
  z-index: 20;
}
.c1000 .content .copy-02 {
  top: 748px;
  left: 126px;
  z-index: 20;
}
.c1000 .content .copy-03 {
  top: 2065px;
  left: 692px;
  z-index: 20;
}

.c1000 .content .drop-01 {
  width: 30px;
  height: 68px;
  top: 373px;
  left: 612px;
  z-index: 11;
}
.c1000 .content .drop-02 {
  width: 30px;
  height: 56px;
  top: 420px;
  left: 546px;
  z-index: 12;
}
.c1000 .content .drop-03 {
  width: 67px;
  height: 96px;
  top: 451px;
  left: 566px;
  z-index: 13;
}
.c1000 .content .drop-04 {
  width: 39px;
  height: 46px;
  top: 550px;
  left: 626px;
  z-index: 14;
}
.c1000 .content .drop-05 {
  width: 52px;
  height: 65px;
  top: 550px;
  left: 532px;
  z-index: 15;
}
.c1000 .content .drop-06 {
  width: 10px;
  height: 39px;
  top: 1773px;
  left: 604px;
  z-index: 16;
}
.c1000 .content .drop-07 {
  width: 16px;
  height: 47px;
  top: 1825px;
  left: 585px;
  z-index: 17;
}
.c1000 .content .drop-08 {
  width: 14px;
  height: 48px;
  top: 1864px;
  left: 615px;
  z-index: 18;
}
.c1000 .content .drop-09 {
  width: 24px;
  height: 65px;
  top: 1930px;
  left: 592px;
  z-index: 19;
}

.c1000 .content .c-01 {
  width: 21px;
  height: 25px;
  top: 384px;
  left: 572px;
  z-index: 20;
}

.c1000 .content .c-02 {
  width: 42px;
  height: 46px;
  top: 444px;
  left: 638px;
  z-index: 21;
}

.c1000 .content .c-03 {
  width: 27px;
  height: 30px;
  top: 515px;
  left: 507px;
  z-index: 21;
}

.c1000 .content .c-04 {
  width: 21px;
  height: 25px;
  top: 1829px;
  left: 634px;
  z-index: 20;
}

.c1000 .content .c-05 {
  width: 27px;
  height: 30px;
  top: 1851px;
  left: 522px;
  z-index: 21;
}

.c1000 .content .c-06 {
  width: 32px;
  height: 36px;
  top: 1907px;
  left: 637px;
  z-index: 21;
}

#cParallax1 {
 height: 400px;
}

#cParallax1-2 {
 height: 550px;
}

#cParallax2 {
  height: 155px;
}

#cParallax2 .figure.drop-01 {
  opacity: 0;
  -ms-filter: "alpha(opacity=0)"
}
#cParallax2 .figure.drop-02 {
  opacity: 0;
	-ms-filter: "alpha(opacity=0)"
}
#cParallax2 .figure.drop-03 {
  opacity: 0;
  -ms-filter: "alpha(opacity=0)"
}
#cParallax2 .figure.drop-04 {
  opacity: 0;
  -ms-filter: "alpha(opacity=0)"
}
#cParallax2 .figure.drop-05 {
  opacity: 0;
  -ms-filter: "alpha(opacity=0)"
}
#cParallax2 .figure.c-01 {
  opacity: 0;
   -ms-filter: "alpha(opacity=0)"
}
#cParallax2 .figure.c-02 {
  opacity: 0;
   -ms-filter: "alpha(opacity=0)"
}
#cParallax2 .figure.c-03 {
  opacity: 0;
   -ms-filter: "alpha(opacity=0)"
}
#cParallax2 .figure.vitamin-04 {
  opacity: 0;
}

#cParallax2-2 {
  /*height: 280px;*/
	height: 350px;
}

#cParallax2-2 #era-04 {
	margin:50px;
}

#cParallax3 {
  /*height: 385px;*/
  height: 250px;
}

#cParallax3 .figure.vitamin-06 {
  opacity: 0;
}

#cParallax3-2 {
  /*height: 303px;*/
  height: 450px;
}

#cParallax4 {
  height: 288px;
}
#cParallax4 .figure.drop-06 {
  opacity: 0;
   -ms-filter: "alpha(opacity=0)"
}
#cParallax4 .figure.drop-07 {
  opacity: 0;
   -ms-filter: "alpha(opacity=0)"
}
#cParallax4 .figure.drop-08 {
  opacity: 0;
   -ms-filter: "alpha(opacity=0)"
}
#cParallax4 .figure.drop-09 {
  opacity: 0;
   -ms-filter: "alpha(opacity=0)"
}
#cParallax4 .figure.c-04 {
  opacity: 0;
   -ms-filter: "alpha(opacity=0)"
}
#cParallax4 .figure.c-05 {
  opacity: 0;
   -ms-filter: "alpha(opacity=0)"
}
#cParallax4 .figure.c-06 {
  opacity: 0;
   -ms-filter: "alpha(opacity=0)"
}

#appreciation,
#appreciation-fallback {
  position: relative;
  margin: 0 0 0 -600px;
  left: 50%;
  width: 1200px;
}

#appreciation {
  height: 505px;
}

#appreciation-fallback {
  height: 1515px;
  top: 16px;
}

#appreciation .figure,
#appreciation-fallback .figure {
  position: absolute;
}

#appreciation .picture-frame {
  background-image: url(../images/vitaminc/vitaminc_picture_frame.png);
  background-repeat: no-repeat;
  top: 16px;
  left: 333px;
  width: 531px;
  height: 366px;
  z-index: 1;
}

#appreciation .pictures {
  top: 49px;
  left: 368px;
  width: 462px;
  height: 298px;
  overflow: hidden;
}

#appreciation .pictures img {
  position: absolute;
  width: 462px;
  height: 298px;
}

#appreciation .comment-frame {
  background-image: url(../images/vitaminc/vitaminc_comment_frame.png);
  background-repeat: no-repeat;
  top: 393px;
  left: 337px;
  width: 523px;
  height: 90px;
}

#appreciation .comments img {
  position: absolute; }

#appreciation .comments img.comment01 {
  top: 412px;
  left: 355px;
}

#appreciation .comments img.comment02 {
  display: none;
  top: 412px;
  left: 355px;
}

#appreciation .comments img.comment03 {
  display: none;
  top: 412px;
  left: 355px;
}

/* IOSのみの背景CSS */

/* iPhone 3G/3GS/4/4S 縦横向き共通*/
@media only screen and (max-device-width: 480px) {
    #vitaminc{
		background: url('../images/vitaminc/vitaminc_bg.jpg');
		background-size:100% auto;
		-webkit-background-size: 100% auto;
    }
}

/* iPad/iPad2 縦横向き共通*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
    #vitaminc{
		background: url('../images/vitaminc/vitaminc_bg.jpg');
		background-size:100% auto;
		-webkit-background-size: 100% auto;
    }
}






/*------------------------------------------------
*vitaminc .sensei
------------------------------------------------*/
.sensei{
	width:100%;
	padding:0 0 100px 0;
	background:url(../images/common/bg.gif) repeat;
}

.sensei .inner{
	width:1024px;
	margin:0 auto;
	padding:0 0 45px 0;
	position:relative;
}

.sensei .inner h1{
	position:absolute;
	top:-60px;
	left:-22px;
	z-index:0;
	width:352px;
	height:352px;
}

.sensei .inner .main_visual{
	width:1024px;
	text-align:center;
	padding:78px 0 0 0;
	position:relative;
	z-index:1;
}

.sensei .inner .main_visual > img{
	border:6px solid #7fde97;
	border:6px solid rgba(0,189,47,0.5);
}

.sensei .inner .main_visual .teacher{
	width:192px;
	position:absolute;
	bottom:0;
	left:768px;
}

.sensei .inner .main_visual .teacher img{
	padding:0;
	margin:0;
}

.sensei .inner .main_visual .teacher .img{
	text-align:center;
	padding:0 0 20px 0;
	margin:0;
}

.sensei .inner .main_visual .teacher h3{
	padding:0 0 8px 0;
	margin:0;
	line-height:18px;
	font-size:1em;
	color:#00bd2f;
	font-weight:normal;
}

.sensei .inner .main_visual .teacher p{
	color:#00bd2f;
	font-size:12px;
	padding:0;
	margin:0;
	text-align:left;
	line-height:1.7em;
}

.sensei .inner h2{
	text-align:center;
	line-height:22px;
	padding:34px 0 28px 0;
	margin:0;
	color:#00bd2f;
	font-weight:normal;
	font-size:1.3em;
}

.sensei .inner .txt{
	width:466px;
	margin:0 auto;
	font-size:16px;
	line-height:1.7em;
	color:#666;
	text-align:left;
}

.sensei .inner .ref{
	width:466px;
	margin:0 auto;
	font-size:14px;
	line-height:1.7em;
	color:#666;
	text-align:left;
	padding:15px 0 45px 0;
}

.sensei .inner .btn{
	width:268px;
	height:70px;
	margin:0 auto;
}

.sensei .inner .btn a{
	width:268px;
	height:70px;
	display:block;
	background:url(../images/vitaminc/sensei_btn_bg.png) no-repeat;
}

.sensei .inner .btn a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


/*
ビタミンCについてインデックス
*/
#vitaminc-index{
  background-image: url(../images/common/bg02.gif);
  padding-bottom: 45px;
}
#vitaminc-index .content .c_sensei{
  padding: 73px 0;
}
#vitaminc-index .about_vitaminc{
  width: 100%;
  background-image: url(../images/vitaminc/index/bg_about.gif);
  background-repeat: repeat;
}
#vitaminc-index .about_vitaminc .inner{
  width: 960px;
  margin: 0 auto;
  padding-top: 27px;
  padding-bottom: 61px;
}
#vitaminc-index .about_vitaminc .inner a{
  margin-left: 140px;
  width: 724px;
  height: 290px;
  display: block;
  -webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}
#vitaminc-index .about_vitaminc .inner a:hover{
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}



/* ▽ビタミンCについて ナビ スライダー @ashikaga 20140815追加 */
.navChild-4 {
  background: #f7f6f5;
}
.navChild-4 .specialContentList {
  width: 890px;
  position: relative;
  margin: 0 auto;
  overflow: visible!important;
}
.navChild-4 .specialContentList .slideWrap {
  width: 870px;
  padding: 0 10px;
  margin: 0 auto;
  background: #fff;
  overflow: hidden;
}
.navChild-4 .specialContentList ul {
  width: 2800px;
  overflow: hidden;
}
.navChild-4 .specialContentList ul li {
  display: block;
  float: left;
  
}

.navChild-4 .btn {
  width: 30px;
  height: 30px!important;
  position: absolute;
  top: 66px;
  z-index: 100;
  display:block;
}
.navChild-4 .btn a {
  width: 30px;
  height: 30px;
}
.navChild-4 .btn.next {
  background:url(../images/common/btn_nav_product_next.png) no-repeat;
  right: -15px;
}
.navChild-4 .btn.prev {
  background:url(../images/common/btn_nav_product_prev.png) no-repeat;
  left: -15px;
}
/* △ビタミンCについて ナビ スライダー @ashikaga 20140815追加 */



/* ▽スペシャル ナビ スライダー @tsutsumi 20130613追加 */
.navChild-3 {
	background: #f7f6f5;
}
.navChild-3 .specialContentList {
	width: 890px;
	position: relative;
	margin: 0 auto;
	overflow: visible!important;
}
.navChild-3 .specialContentList .slideWrap {
	width: 870px;
	padding: 0 10px;
	margin: 0 auto;
	background: #fff;
	overflow: hidden;
}
.navChild-3 .specialContentList ul {
	width: 4008px;
	overflow: hidden;
}
.navChild-3 .specialContentList ul li {
	display: block;
	float: left;
	
}

.navChild-3 .btn {
	width: 30px;
	height: 30px!important;
	position: absolute;
	top: 66px;
	z-index: 100;
	display:block;
}
.navChild-3 .btn a {
	width: 30px;
	height: 30px;
}
.navChild-3 .btn.next {
	background:url(../images/common/btn_nav_product_next.png) no-repeat;
	right: -15px;
}
.navChild-3 .btn.prev {
	background:url(../images/common/btn_nav_product_prev.png) no-repeat;
	left: -15px;
}
/* △スペシャル ナビ スライダー @tsutsumi 20130613追加 */



/* 商品グロナビ.productSlideWrap */
.productSlideWrap{
	width:940px;
	margin:0 auto;
	background: #fff;
	position: relative;
	overflow: visible!important;
}
.productSlideWrap .slideWrap {
	width: 750px;
	padding: 0 15px;
	margin: 0 auto;
	background: #fff;
	overflow: hidden;
}
.productSlideWrap .slideWrap ul{
	width: 2400px;
	overflow:hidden;
	position:relative;
}
.productSlideWrap .slideWrap ul li{
	display: block;
	float: left;
}

.productSlideWrap .btn {
	width: 30px;
	height: 30px!important;
	position: absolute;
	top: 66px;
	z-index: 100;
	display:block;
}
.productSlideWrap .btn a {
	width: 30px;
	height: 30px;
}
.productSlideWrap .btn.next {
	background:url(../images/common/btn_nav_product_next.png) no-repeat;
	right: -15px;
}
.productSlideWrap .btn.prev {
	background:url(../images/common/btn_nav_product_prev.png) no-repeat;
	left: -15px;
}



/* ▽IE8以下のときの推奨環境表示 @ashikaga 20140408追加 */
.recom_environment{
	width:940px;
	margin:0 auto;
}

.recom_environment p{
	padding:20px 0 0 0;
	font-size:13px;
	color:#00bd2f;
	/*color:#666;*/
	line-height:1.7em;
}

/* △IE8以下のときの推奨環境表示 @ashikaga 20140408追加 */