@charset "utf-8";
/* CSS Document */


#wrapper{ min-width: 1000px; }

#header{ border-bottom: 3px solid #1a1a1a; padding: 12px 0; margin: 0 auto; }
#header .logo{ position: relative; left: 50%; margin-left: -500px; width: 294px; }
#header .drawer-nav{ background-color: #f9f9f9; }
#header .drawer-ttl{ background-color: #555555; color: #ffffff; text-align: center; font-weight: bold; padding: 5px 0; font-size: 14px; line-height: 20px; }
#header .drawer-list{ overflow: hidden; position: relative; border-bottom: 1px solid #cccccc; }
#header .drawer-list > .item{ float: left; width: 100%; position: relative; }
#header .drawer-list > .item a{ display: block; text-align: center; font-weight: bold; color: #222222; text-decoration: none; padding: 10px 0; font-size: 14px; line-height: 20px; background: url(../../img/root/sp/icon_allow04.png) 97% center no-repeat #f9f9f9; }
#header .drawer-list > .item+.item{ border-top: 1px solid #cccccc; }
#header .drawer-list.-store-navi:before{ content: ''; width: 1px; height: 100%; position: absolute; left: 50%; top: 0; background-color: #cccccc; z-index: 5; }
#header .drawer-list.-store-navi > .item{ z-index: 10; }
#header .drawer-list.-store-navi > .item+.item{ width: 50%; z-index: 1; }
#header .drawer-list.-store-navi > .item+.item a{ background-position: 94.5% center; }
#header .drawer-toggle{ width: 60px; height: 50px; display: block; background: url(../../img/root/header/icon_open.png) center 10px no-repeat #225ba9; border-radius: 0 0 0 6px;  color: #ffffff; text-decoration: none; padding: 0; font-size: 10px; line-height: 75px; text-align: center; }
.drawer-open #header .drawer-toggle{ background-image: url(../../img/root/header/icon_close.png); }
#header .drawer-nav{ display: none \9; }
#header .drawer-nav:not(:target){ display: none \9; }
#header .drawer-toggle{ display: none \9; }
#header .drawer-toggle:not(:target){ display: none \9; }

#main{ background: url(../../img/root/bg01.jpg) center 0 repeat; }
#main .content{ width: 1000px; margin: 0 auto; padding: 35px 0 50px; }

#footer{ border-top: 1px solid #d6d6d6; }
#footer .nav { border-bottom: 1px solid #d6d6d6; padding: 15px 0;}
#footer .other-link{ text-align: center; padding: 25px 0; width: 1000px; margin: 0 auto; }
#footer .ttl{ width: 1000px; text-align: center; margin: 0 auto; font-size: 16px; line-height: 20px; padding: 15px 0;  }
#footer .nav .other-link{ text-align: center; padding: 5px 0; width: 1000px; margin: 0 auto; }
#footer .other-link > .item{ display: inline-block; }
#footer .other-link > .item+.item{ margin-left: 15px; }
#footer .totop-btn{ background-color: #e9eaea; border-top: 1px solid #d6d6d6; height: 27px; position: relative; }
#footer .totop-btn > a{ background: url(../../img/root/footer/totop_btn.gif) 0 0 no-repeat; width: 28px; height: 25px; position: absolute; right: 50%; margin-right: -500px; top: -16px; opacity: 1; }
#footer .footer-navi-frame{ background-color: #000000; }
#footer .footer-navi{ width: 1000px; margin: 0 auto; padding: 15px 0; overflow: hidden; }
#footer .footer-navi > .item{ float: left; background: url(../../img/root/footer/icon_allow.gif) 0 center no-repeat; padding-left: 12px; }
#footer .footer-navi > .item+.item{ margin-left: 25px; }
#footer .footer-navi > .item a{ color: #ffffff; display: block; text-decoration: none; font-size: 12px; line-height: 20px; }
#footer .logo{ display: none; }
#footer .copyright{ width: 1000px; margin: 0 auto; font-size: 12px; line-height: 20px; padding: 15px 0 60px; }