@charset "utf-8";

@font-face {
font-family:"icons"; 
src:url("../img/icons.eot"); 
src:url("../img/icons.eot?#iefix") format("embedded-opentype"), 
    url("../img/icons.ttf") format("truetype"), 
    url("../img/icons.woff") format("woff"), 
    url("../img/icons.svg#icons") format("svg"); 
font-weight:normal; 
font-style:normal; 
}

div#container {overflow:hidden;}
div#container > #body {padding-bottom:110px;}

div#contentsBody {font-family:Verdana, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
div#contentsBody h1, 
div#contentsBody h2, 
div#contentsBody h3 {margin:0; font-size:inherit; line-height:inherit;}
div#contentsBody i, 
div#contentsBody em {font-style:normal;}
div#contentsBody a {color:#000; text-decoration:underline;}
div#contentsBody a, 
div#contentsBody a img {transition:all 0.3s ease-in-out 0s; transition-property:border-color,background-color,color,opacity;}
div#contentsBody a:hover {color:#999;}
div#contentsBody a:hover img {opacity:0.5;}
div#contentsBody .cart {
	display:block; width:157px; height:55px; background:#c0946f; color:#fff; font-size:18px; font-weight:bold; line-height:55px; text-align:center; text-decoration:none;}
div#contentsBody a.cart:hover {background-color:#d1b39c; color:#fff;}
div#contentsBody .cart.available {}
div#contentsBody .cart.few {}
div#contentsBody .cart.sold, 
div#contentsBody .cart.non  {background-color:#bababa !important;}

#banners {padding:60px 0 0;}
#banners > ul {width:740px; margin:-40px auto 0;}
#banners > ul > li {margin:40px 0 0;}
#banners > ul > li > a {display:block; text-decoration:none;}
#banners > ul > li img {display:block;}

#page-footer {margin:60px 0 0;}
#page-footer > div {}
#page-footer > div > img {display:block;}
#page-footer > .shipping {}
#page-footer > .inquiry {margin:34px 0 0;}
#page-footer > .nav {margin:50px 0 0; text-align:center;}
#page-footer > .nav > a {display:inline-block; width:300px; height:65px; margin:0 30px; background:no-repeat; text-indent:110%; white-space:nowrap; vertical-align:top; overflow:hidden;}
#page-footer > .nav > a:hover {opacity:0.5;}
#page-footer > .nav > a.products   {background-image:url(../img/footer_products.gif);}
#page-footer > .nav > a.onlineshop {background-image:url(../img/footer_onlineshop.gif);}


/** Components **/

/* fac.Popup */
body > .fac-popup {display:none; position:fixed; left:0; right:0; top:0; bottom:0; z-index:9999; opacity:0; overflow:hidden;}
body > .fac-popup:after {display:block; content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; background:#000; opacity:0.6;}
body > .fac-popup.fac-popup-show {
	display:block; opacity:1; 
	-webkit-animation:fac-popup-show 0.5s ease-in-out 0s 1 normal both; 
	        animation:fac-popup-show 0.5s ease-in-out 0s 1 normal both;}
body > .fac-popup > div {position:absolute; left:0; right:0; top:0; bottom:0; z-index:2;}
body > .fac-popup > div > .fac-popup-close {
	display:block; width:50px; height:50px; padding:0; position:absolute; top:0; right:0; z-index:3; border:none; outline:none; 
	background:#000 url(../img/popup_close.png); color:#999; text-indent:110%; text-decoration:none; white-space:nowrap; overflow:hidden; 
	cursor:pointer; appearance:none; transition:background-color 0.2s ease-in-out 0s;}
body > .fac-popup > div > .fac-popup-close:hover {background-color:#666;}
@-webkit-keyframes fac-popup-show {
	0%   {display:none;  opacity:0;}
	1%   {display:block; opacity:0;}
	100% {display:block; opacity:1;}
}
@keyframes fac-popup-show {
	0%   {display:none;  opacity:0;}
	1%   {display:block; opacity:0;}
	100% {display:block; opacity:1;}
}