@charset "utf-8";

/*============================
body
============================*/
body { background: #f5f5f5; -webkit-text-size-adjust: none; min-width: 1020px; }
h1 { display: inline-block; }

/*============================
#pageSet
============================*/
#pageSet { position: relative; width: 980px; margin: 0 auto; text-align: left; }

/*============================
#header
============================*/
#header { width: 100%; border-top: solid 5px #688649; text-align: center; background: #fff; }
#header .pad { width: 980px; margin: 0 auto; text-align: left; }
#header .pad .navArea { position: relative; }
#header .pad .navArea .tagline { display: inline-block; font-size: 0.75em; color: #555; margin-top: 15px; font-weight: bold; }
#header .pad .navArea .logo { margin-top: 15px; }
#header .pad .navArea .logo a {}
#header .pad .navArea .logo a img {}
#header .pad .navArea .subNav { display: inline-block; width: 400px; height: 50px; position: absolute; right: 0; top: 20px; }
#header .pad .navArea .subNav .link { font-size: 0.75em; line-height: 1.5; }
#header .pad .navArea .subNav .link span { display: inline-block; float: right; margin-right: 20px; padding-right: 25px; background: url(../../imageFile/global/icon_arrow.png) no-repeat right center; }
#header .pad .navArea .subNav .link a { display: inline-block; float: right; width: 166px; }
#header .pad .navArea .subNav .link a img {}
#header .pad .navArea ul.mainNav {}
#header .pad .navArea ul.mainNav li.nav { float: left; display: block; width: 196px; height: 70px; text-indent: -9999px; }
#header .pad .navArea ul.mainNav li.nav a { display: block; width: 196px; height: 70px; }
#header .pad .navArea ul.mainNav li.nav a:hover { opacity: 0.5; }
#header .pad .navArea ul.mainNav li.home a { background: url(../../imageFile/global/navi.png) no-repeat 0 0; }
#header .pad .navArea ul.mainNav li.home a:hover { background: url(../../imageFile/global/navi.png) no-repeat 0 -70px; }
#header .pad .navArea ul.mainNav li.home.on a { background: url(../../imageFile/global/navi.png) no-repeat 0 -70px; }
#header .pad .navArea ul.mainNav li.about a { background: url(../../imageFile/global/navi.png) no-repeat -196px 0; }
#header .pad .navArea ul.mainNav li.about a:hover { background: url(../../imageFile/global/navi.png) no-repeat -196px -70px; }
#header .pad .navArea ul.mainNav li.about.on a { background: url(../../imageFile/global/navi.png) no-repeat -196px -70px; }
#header .pad .navArea ul.mainNav li.beauty a { background: url(../../imageFile/global/navi.png) no-repeat -392px 0; }
#header .pad .navArea ul.mainNav li.beauty a:hover { background: url(../../imageFile/global/navi.png) no-repeat -392px -70px; }
#header .pad .navArea ul.mainNav li.beauty.on a { background: url(../../imageFile/global/navi.png) no-repeat -392px -70px; }
#header .pad .navArea ul.mainNav li.health a { background: url(../../imageFile/global/navi.png) no-repeat -588px 0; }
#header .pad .navArea ul.mainNav li.health a:hover { background: url(../../imageFile/global/navi.png) no-repeat -588px -70px; }
#header .pad .navArea ul.mainNav li.health.on a { background: url(../../imageFile/global/navi.png) no-repeat -588px -70px; }
#header .pad .navArea ul.mainNav li.houseware a { background: url(../../imageFile/global/navi.png) no-repeat -784px 0; }
#header .pad .navArea ul.mainNav li.houseware a:hover { background: url(../../imageFile/global/navi.png) no-repeat -784px -70px; }
#header .pad .navArea ul.mainNav li.houseware.on a { background: url(../../imageFile/global/navi.png) no-repeat -784px -70px; }
#header_sp { display: none; }
#header_pc { display: block; }

/*============================
#pankuzu
============================*/
#pankuzu { font-size: 0.75em; padding: 20px; }
#pankuzu a { text-decoration: underline; margin-right: 20px; color: #777; }
#pankuzu span { margin-right: 20px; }
#pankuzu em {}

/*============================
#footer
============================*/
#footer { background: #e7e7e7; text-align: center; padding: 50px 0; margin-top: 60px; }
#footer .content { width: 980px; margin: 0 auto; text-align: left; }

#footer .mainNav { margin: -10px 30px 0; }
#footer .mainNav a { font-size: 0.875em; margin-right: 30px; color: #333; line-height: 1.8; text-decoration: underline; }

#footer ul.subNav { margin: 20px 30px 0; }
#footer ul.subNav li { margin-top: 10px; }
#footer ul.subNav li span { display: block; margin-bottom: 5px; font-size: 0.875em; font-weight: bold; }
#footer ul.subNav li a { font-size: 0.75em; margin-right: 20px; color: #555; line-height: 1.5; }

/*============================
#copyRight
============================*/
#copyRight { text-align: center; font-size: 0.75em; padding: 30px 0; }

/*============================
#error404
============================*/
#error404 { padding: 40px 40px 80px; }
#error404 .errorBlock {}
#error404 .errorBlock .catch { font-size: 1.125em; font-weight: bold; }
#error404 .errorBlock .text { margin-top: 20px; line-height: 1.6; }