@charset "UTF-8";

html{ height:100%; -webkit-text-size-adjust: none; }
body { min-width:1000px; width:100%; font-size:15px; color:#222; font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;	line-height:1.8; background:#f1f1f1; position:relative; }

/* CSS reset */  
*{ margin:0; padding:0; }  
a img { border-width: 0px; }
a { outline:0; overflow:hidden; }
h1,h2,h3,h4,h5,em{ font-style: normal; font-weight: normal; margin: 0; padding: 0; }
ul li { list-style: none; }
html { height: 100%; }
.clear { clear: both; }
.fleft { float: left; }
.fright { float: right; }

/* text */
a{color:#222; text-decoration:none;}
a:hover{color:#ccc; }


input {
  padding: 5px 15px;
  border-radius: 3px;
  border:1px solid #d9d9d9;
}
textarea{ padding: 5px 15px; border:1px solid #d9d9d9; border-radius: 3px;}

/* --clearfix--------------------- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* --class------------------------ */
.f-left{float:left;}
.f-right{float:right;}

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.self{font-family: "ヒラギノ明朝 Pro W3","平成明朝","HG明朝E","HG明朝B","ＭＳ Ｐ明朝","MS Serif",Century,"Times New Roman",serif;}
.red{ color:#f42a41; }
.big { font-size: 120%; }
.small { font-size: 88%; }
.bold { font-weight: bold; }
.photo{box-shadow: 0 0 8px 0 rgba(0,0,0,0.4); }
.shadow{box-shadow: 0 0 8px 0 rgba(0,0,0,0.4); }
.radius{border-radius:6px; }

.clear { clear: both; }

a, .anime {
	-ms-transition: all .5s;
	transition: all .5s;
}


.inner{width:1000px; margin:auto; position:relative; }

/* header */
header{ width:100%; height:90px; background:#226b49; }
header h1{ padding-top:24px; }
header .shopdata{ position:absolute; top:10px; right:0; z-index:1; font-size:12px; color:#fff; line-height:1.5; text-align:right; }
header .mail{ position:absolute; top:63px; right:30px; z-index:1; font-size:12px; color:#fff; line-height:1.5; text-align:right; }
header .contact{ position:absolute; top:62px; right:0;  z-index:10;}

/* gnav------------------------*/
#gNav{ background:#fff; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
#gNav ul { width:1000px; height:110px; margin:0 auto; overflow: hidden; }
#gNav li { float:left; position:absolute; }
#gNav li a { display:block; position:relative; height:110px; overflow: hidden; z-index:10; }
#gNav li img { display: block; position: absolute; top:0; }

#gNav li.home   { left:0; }     #gNav li.home a   { width:93px; }
#gNav li.stock  { left:190px; } #gNav li.stock  a { width:113px; }
#gNav li.how    { left:382px; } #gNav li.how  a   { width:169px; }
#gNav li.bank   { left:633px; } #gNav li.bank    a{ width:150px; }
#gNav li.contact{ left:865px; } #gNav li.contact a{ width:135px; }

#gNav li.home a img      { left:0; }
#gNav li.stock a img       { left:-190px; }
#gNav li.how a img       { left:-382px; }
#gNav li.bank a img 	      { left:-633px; }
#gNav li.contact a img{ left:-865px; }

#gNav li a:hover img, 
#gNav li.current img { top:-110px; }


/* contents------------------------*/
section { position:relative;  }
.ttlSub{ margin-bottom:50px; text-align:center; }
.ttlSub span{ display:inline-block; padding-bottom:2px; font-size:27px; border-bottom:5px solid #f42a41; letter-spacing:2px; }

.scale {
    overflow: hidden;
}
a .scale img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
a:hover .scale img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}


/* footer------------------------ */

footer{ color:#fff; text-align:center; background:url(../img/bg_footer.png) no-repeat 50% 0; background-color:#006a4e; }
footer a{ color:#fff; }
footer a:hover{ color:#ccc; }

#fNav{ height:20px; padding:30px 0 70px; font-size:14px; }
#fNav li{ float:left; margin-left:150px; }
#fNav li:first-child{ margin-left:0; }
#fNav li:before{ content:"- "; }
footer .fLogo{  }
footer .address{ padding-bottom:55px; color:#fff; font-size:13px; line-height:1.5; }

footer #shop1{ position:absolute; top:135px; left:0; }
footer #shop2{ position:absolute; top:125px; left:126px; }
footer #shop3{ position:absolute; top:125px; right:126px; }
footer #shop4{ position:absolute; top:135px; right:0; }

.footer2{ background:#222; }
#copyright{ padding:3px; font-size:11px; color:#96c3b7; text-align:center; }

#pagetop { position:fixed; bottom:30px; right:30px; height:81px; margin:0; z-index: 400; }