@charset "Shift_JIS";

/* Body + Wrap -----------------------------*/
html {overflow-y: scroll;}
html,body{height:100%; }
body{text-align: center; background-color:#000;}
#wrap{text-align: left;width:960px;margin: 0 auto;font-size:100%;}

/* Header -----------------------------*/
#header{position:relative; height: 72px; width:960px;}
#header #logo {position: absolute; top: 24px; left: 0;}
#header #header-nav {position: absolute; width: 409px; height: 33px; top: 0; right: 0;}
#header #header-nav li {position: absolute; top: 0;}
#header #header-nav li a {text-indent: -9999px; display: block; height: 35px; overflow:hidden;}
#header #header-nav li.nav01 {left: 0;}
#header #header-nav li.nav01 a {width:104px; background: url(../img/hd_nav_search.gif) no-repeat 0 0;}
#header #header-nav li.nav02 {left: 103px;}
#header #header-nav li.nav02 a {width:93px; background: url(../img/hd_nav_contact.gif) no-repeat 0 0;}
#header #header-nav li.nav03 {left: 198px;}
#header #header-nav li.nav03 a {width:91px; background: url(../img/hd_nav_shoplist.gif) no-repeat 0 0;}
#header #header-nav li.nav04 {left: 289px;}
#header #header-nav li.nav04 a {width:122px; background: url(../img/hd_nav_online.gif) no-repeat 0 0;}

#header #header-nav li.nav01 a:hover,
#header #header-nav li.nav02 a:hover,
#sn-contact #header #header-nav li.nav02 a,
#header #header-nav li.nav03 a:hover,
#sn-shop #header #header-nav li.nav03 a,
#header #header-nav li.nav04 a:hover {background-position: 0 -35px;}

/* Content -----------------------------*/
#content{
width:775px;
float:right;
}
#content .inr{
padding-bottom:20px;
}
#content #cate-wrap {margin-bottom: 5px; clear: left;}
#content #category-title {float: right; width: 350px; text-align: right;}
#content #category-title img {vertical-align: bottom;}

#content #cate-wrap-ln {padding-bottom: 5px; border-bottom: 3px solid #2f2f30; clear: left;}
#content #cate-wrap-ln #category-title {float: right; width: 350px; text-align: right;}
#content #cate-wrap-ln #category-title img {vertical-align: bottom;}

#content #breadcrumbs {float: left; width: 425px;}
#content #breadcrumbs ol {padding-top: 10px;}
#content #breadcrumbs li {display: inline; font-size: 90%;}
#content #breadcrumbs li a {color:#fafafa;}
/*#content #breadcrumbs li a {color:#818181;}*/
#content #breadcrumbs li a:hover {text-decoration: none;}
#content #breadcrumbs li span {color:#fafafa; padding-right: 3px;}

/* 403、403エラー*/
#error-content {width:960px; clear:both !important; border-top:1px solid #5E5E5E}
#error-content #content-wrap{width:770px; padding: 50px 0; margin:20px 0 0 95px; }
#error-content #content-wrap h1 {margin-bottom: 2em;}
#error-content #content-wrap p,
#error-content #content-wrap ul {margin-bottom: 1em;}
#error-content #content-wrap strong {font-weight: bold;}

/* Menu -----------------------------*/
#menu{
position:relative;
width:161px;
float:left;
padding: 37px 0 20px 0;
}

#menu h3 {font-size: 0; line-height: 0; margin: 0; padding: 0; height: 5px;}
#menu ul li a{display: block; text-indent: -9999px; width: 160px; height: 32px; background: url(../img/sn_bg.gif) no-repeat 0 0; overflow: hidden;}
#menu .mn-special h3 {margin-bottom: 0;}
#menu .mn-special ul {margin-bottom: 18px;}
#menu .mn-special ul li.sn01 a{ background: url(../img/sn_bg_spl.gif) no-repeat 0 0; overflow: hidden;}
#menu .mn-special ul li.sn01 a:hover {background-position: -160px 0;}


#menu .mn-products h3 {margin-bottom: 0;}
#menu .mn-products ul {margin-bottom: 18px;}
#menu .mn-products ul li.sn01 a{background-position: 0 0;}
#menu .mn-products ul li.sn01 a:hover {background-position: -160px 0;}
#menu .mn-products ul li.sn02 a{background-position: 0 -32px;}
#sn-lineup #menu .mn-products ul li.sn02 a,
#menu .mn-products ul li.sn02 a:hover {background-position: -160px -32px;}
#menu .mn-products ul li.sn03 a{background-position: 0 -64px;}
#sn-catalogue #menu .mn-products ul li.sn03 a,
#menu .mn-products ul li.sn03 a:hover {background-position: -160px -64px;}

#menu .mn-about h3 {margin-bottom: 0;}
#menu .mn-about ul {margin-bottom: 18px;}

#menu .mn-about ul li.sn01 a{background-position: 0 -96px;}
#sn-concept #menu .mn-about ul li.sn01 a,
#menu .mn-about ul li.sn01 a:hover {background-position: -160px -96px;}

#menu .mn-about ul li.sn02 a{background-position: 0 -128px;}
#sn-technology #menu .mn-about ul li.sn02 a,
#menu .mn-about ul li.sn02 a:hover {background-position: -160px -128px;}

#menu .mn-about ul li.sn03 a{background-position: 0 -160px;}
#menu .mn-about ul li.sn03 a:hover {background-position: -160px -160px;}

#menu .mn-about ul li.sn01 span{display: block; text-indent: -9999px; width:159px; height: 32px; background: url(../img/sn_bg.gif) no-repeat 0 -96px;}
#menu .mn-about ul li.sn02 span{display: block; text-indent: -9999px; width:159px; height: 32px; background: url(../img/sn_bg.gif) no-repeat 0 -128px;}
#menu .mn-about ul li.sn03 span{display: block; text-indent: -9999px; width:159px; height: 32px; background: url(../img/sn_bg.gif) no-repeat 0 -160px;}

#menu .mn-culture h3 {margin-bottom: 0;}
#menu .mn-culture ul {margin-bottom: 18px;}
#menu .mn-culture ul li.sn01 a{background-position: 0 -192px;}
#menu .mn-culture ul li.sn01 a:hover {background-position: -160px -192px;}
#menu .mn-culture ul li.sn02 a{background-position: 0 -224px;}
#sn-clubG #menu .mn-culture ul li.sn02 a,
#menu .mn-culture ul li.sn02 a:hover {background-position: -160px -224px;}
#menu .mn-culture ul li.sn03 a{background-position: 0 -256px;}
#menu .mn-culture ul li.sn03 a:hover {background-position: -160px -256px;}

/* Page Navi -----------------------------*/
.pagenavi {margin: 30px 0 10px 0;}
.pagenavi ul {margin-bottom: 10px;}
.pagenavi ul li {display: inline; padding-right: 10px;}
.pagenavi .pagetop {border-top: 3px solid #2f2f30; padding-top: 5px; text-align: right; margin: 0;}

/* Footer -----------------------------*/
#footer {clear: both; position: relative; width: 960px; height: 35px; margin: 0 auto; background:url(../img/bg_footer.gif) no-repeat 0 0;}
#footer li {position: absolute; font-size:0; line-height:0;}
#footer li#ft-link {top: 11px; left: 15px;}
#footer li#ft-privacy {top: 11px; left: 92px;}
#footer li#ft-index {top: 12px; left: 173px;}
#footer li#ft-babyg {top: 0; left: 287px;}
#footer li#ft-copy {top: 13px; left: 618px;}
#footer li#ft-logo {top: 10px; left: 877px;}

noscript span.noscript-txt {display: block; font-size: 110%; text-align:center; font-weight: bold; padding: 5px 0;}

.pagetop {text-align: right; margin: 20px 0 10px 0;}

/* プリント用設定 -----------------------------*/
@media print {
	* {zoom: 1;}
	* html {zoom: 0.8;}
	#header,#menu,#footer,.pagenavi,.pagetop,noscript {display: none;}
	#content {float: none; margin: 0 auto;}
	#content .pdct-detail h2 {position: relative; overflow: hidden;}
}