@charset "UTF-8";
/* ========================================================

	Is compiled with the SCSS.

========================================================= */
::selection {
  color: #ffffff;
  background: #128a61;
  /* CSS3 */
}

::-moz-selection {
  color: #ffffff;
  background: #128a61;
  /* Firefox */
}

a:link {
  color: #957600;
  text-decoration: none;
}

a:visited {
  color: #957600;
  text-decoration: none;
}

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

a:active {
  color: #957600;
  text-decoration: none;
}

#loader {
  position: relative;
  z-index: 200;
}
#loader .mask-left {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#loader .mask-left img {
  width: 100%;
  height: 100%;
}
#loader .mask-right {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 2;
}
#loader .mask-right img {
  width: 100%;
  height: 100%;
}
#loader .logo-center {
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -40px 0 0 -176px;
  display: none;
}

body {
  font-size: 13px;
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  letter-spacing: 1px;
  background: url(../images/loading/bg.jpg) left top repeat;
}

#container {
  width: 100%;
  background: #f4f3f1 url(../images/bg.jpg) center top no-repeat;
  overflow: hidden;
  display: none;
}

@media screen and (max-device-width: 480px) {
  #container {
    -webkit-background-size: 260%;
    background-size: 260%;
  }
}
.fixed {
  display: none;
}

section#about .sectionTitle, section#news .sectionTitle, section#contact .sectionTitle, section#products .sectionTitle, .man-cap, .woman-bike, .bird-three, .cloud, .moon, .bird-left, .bird-left-wood, .man-dog, .about-text, .deer, .rabbit-l, .rabbit-r, .tiger, .wood, .monkey, .women-onepiece, .flower, .man-bike, .yagi, .contact-button, .miacat, .woman-two, .bird-green, .duck, .ball, .gotostore {
  position: absolute;
}

#head {
  position: fixed;
  width: 100%;
  height: 100px;
  margin: 0;
  overflow: hidden;
  background: url(../images/navi/bg.png) center top repeat-x;
  z-index: 100;
}
#head .inner {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}
#head .inner ul {
  position: absolute;
  left: 0;
  top: 0;
  height: 12px;
}
#head .inner ul li {
  position: absolute;
  margin: 0 0 0 30px;
  cursor: pointer;
}
#head .inner ul li#logo {
  left: 14px;
  top: 21px;
}
#head .inner ul li#about {
  left: 353px;
  top: 34px;
}
#head .inner ul li#news {
  left: 427px;
  top: 34px;
}
#head .inner ul li#contact {
  left: 489px;
  top: 34px;
}
#head .inner ul li#products {
  left: 577px;
  top: 34px;
}

#content {
  position: relative;
  width: 1000px;
  height: 4520px;
  margin: 0 auto;
  overflow: hidden;
}

#foot {
  position: relative;
  width: 100%;
  height: 356px;
  overflow: hidden;
  background: url(../images/obj/field.png) center top no-repeat;
}
#foot .inner {
  position: relative;
  width: 1000px;
  height: 356px;
  margin: 0 auto;
  overflow: hidden;
}

section {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}

section#top {
  height: 750px;
}

section#about {
  height: 750px;
}
section#about .sectionTitle {
  left: 420px;
  top: 0px;
}

section#news {
  height: 1000px;
}
section#news .sectionTitle {
  left: 420px;
  top: 15px;
}

section#contact {
  height: 750px;
}
section#contact .sectionTitle {
  left: 420px;
  top: 90px;
}

section#products {
  height: 1270px;
}
section#products .sectionTitle {
  left: 420px;
  top: 160px;
}
section#products ul {
  width: 720px;
  margin: 330px auto 0;
  padding: 0 0 0 10px;
  overflow: hidden;
}
section#products ul li {
  float: left;
  width: 230px;
  height: 360px;
  margin: 0 10px 10px 0;
  background: #fff;
}
section#products ul li a {
  display: block;
}
section#products ul li a:hover .pic {
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.50;
}
section#products ul li .name {
  width: 100%;
  padding: 30px 0 5px;
  text-align: center;
  overflow: hidden;
}
section#products ul li .name h4 {
  font-size: 14px;
  font-weight: bold;
  color: #C81E14;
  letter-spacing: 3px;
}
section#products ul li .pic {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  opacity: 1;
  width: 100%;
  text-align: center;
  overflow: hidden;
}
section#products ul li .detail {
  padding: 15px 10px 0;
}
section#products ul li .detail p {
  font-size: 13px;
  color: #5A5A5A;
  line-height: 20px;
  letter-spacing: 0px;
}

.man-cap {
  left: 710px;
  top: 427px;
}

.woman-bike {
  left: 371px;
  top: 438px;
}

.bird-three {
  left: 800px;
  top: 260px;
}

.cloud {
  left: 662px;
  top: 126px;
}

.moon {
  left: 557px;
  top: 101px;
}

.bird-left {
  left: 0px;
  top: 292px;
}

.bird-left-wood {
  left: -200px;
  top: 222px;
}

.man-dog {
  left: 723px;
  top: 428px;
}

.about-text {
  left: 235px;
  top: 120px;
  display: none;
}

.deer {
  left: 888px;
  top: 67px;
}

.rabbit-l {
  left: 76px;
  top: 265px;
}

.rabbit-r {
  left: 136px;
  top: 370px;
}

.tiger {
  left: 120px;
  top: 595px;
}

.wood {
  left: -200px;
  top: 1791px;
}

.monkey {
  left: -200px;
  top: 1708px;
}

.women-onepiece {
  left: 860px;
  top: 409px;
}

.flower {
  left: 758px;
  top: 665px;
}

.fb-container {
  width: 700px;
  margin: 80px auto 0;
  padding: 0 100px 0 0;
  overflow: hidden;
}

.fb-wall {
  height: 480px !important;
}
.fb-wall a {
  display: block !important;
}

.fb-wall-data {
  margin-left: 70px !important;
}

.fb-wall-message {
  margin-right: 10px !important;
  font-size: 13px !important;
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif !important;
  letter-spacing: 2px !important;
}

.fb-wall-date {
  font-size: 10px !important;
  letter-spacing: 4px !important;
}

.fb-wall-icon {
  display: none;
}

/* Let's get this party started */
::-webkit-scrollbar {
  width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #F0D23C;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(50, 115, 185, 0.8);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(50, 115, 185, 0.4);
}

.man-bike {
  left: 803px;
  top: 476px;
}

.yagi {
  left: 728px;
  top: 244px;
}

.contact-button {
  left: 415px;
  top: 254px;
  width: 171px;
  height: 136px;
  background: url(../images/obj/contact-button.png) left top no-repeat;
}
.contact-button:hover {
  background: url(../images/obj/contact-button_on.png) left top no-repeat;
}
.contact-button a {
  display: block;
  width: 171px;
  height: 136px;
}

.miacat {
  left: 65px;
  top: 113px;
}

.woman-two {
  left: 768px;
  top: 113px;
}

.bird-green {
  left: 900px;
  top: 357px;
}

.duck {
  left: 970px;
  top: 875px;
}

.ball {
  left: 117px;
  top: 1198px;
}

.gotostore {
  left: 770px;
  top: 10px;
  cursor: pointer;
}