@charset "Shift_JIS";


/* Body + Wrap -----------------------------*/
html,body{height:100%;}
body{background-color:#000; text-align: center;}

#wrap {text-align: left; position: relative; width: 1000px; margin: 0 auto;}
#flashcontents {position: absolute; top: 0; left: 0;}

#contents {position: relative; width: 980px;}
#contents h1 {position: absolute; top: 24px; left: 20px;}

#header-nav {position: absolute; width: 410px; height: 35px; top: 0; right: 0;}
#header-nav li {position: absolute; top: 0;}
#header-nav li a{display: block; height: 35px; text-indent:-9999px; text-decoration: none; overflow:hidden; background:url(../img/bg_hd_menu.png) no-repeat;}
#header-nav #nav-search {width: 104px; left: 0;}
#header-nav #nav-contact {width: 93px; left: 104px;}
#header-nav #nav-shop {width: 91px; left: 197px;}
#header-nav #nav-online {width: 122px; right: 0;}

#header-nav #nav-search a {background-position: 0 0;}
#header-nav #nav-contact a {background-position: -104px 0;}
#header-nav #nav-shop a {background-position: -197px 0;}
#header-nav #nav-online a {background-position: -289px 0;}

#header-nav #nav-search a:hover { background-position: 0 -35px;}
#header-nav #nav-contact a:hover { background-position: -104px -35px;}
#header-nav #nav-shop a:hover {background-position: -197px -35px;}
#header-nav #nav-online a:hover {background-position: -289px -35px;} 

#featured {
	left:26px;
	margin:0;
	padding:0;
	position:absolute;
	top:360px;
	width:160px;
	z-index:0;
}
#featured h2 {margin-bottom: 5px;}
#featured ul {zoom: 1;}
#featured ul li { margin-bottom:5px;}
#featured div img { vertical-align:bottom;}
#featured div#flash-banner { position:absolute; width: 160px; height: 93px; bottom: 10px; left: 0; z-index:1;}
#featured div#flash-banner-link { position:absolute; width: 160px; height: 93px; bottom: 10px; left: 0; z-index:2;}

#news {position: absolute; top: 500px; left: 23px;}
#news h2 {margin-bottom: 5px;}
#news .news-inr {width: 200px; height: 75px; overflow: auto;}
#news .news-inr dl {width: 170px; font-size: 80%;}
#news .news-inr dl dt,
#news .news-inr dl dd {line-height: 1.2; padding-left: 10px;}
#news .news-inr dl dt {color: #a7a7a7;}
#news .news-inr dl dd {color: #fff; margin-bottom: 3px;}
#news .news-inr a:link { color:#fff; text-decoration:none;}
#news .news-inr a:visited { color:#fff; text-decoration:none;}
#news .news-inr a:hover { color:#fff; text-decoration:underline;}
#news .news-inr a:active { color:#fff; text-decoration:underline;}


/*:::サイドナビ:::*/
#special {position: absolute; width: 335px; height: 46px; top: 88px; left: 569px;}
#special h2 {position: absolute; top: 0; left: 0;}
#special ul li{position: absolute; top: 0; left: 23px;}
#special ul li a {display: block; width: 335px; height: 44px; text-indent:-99999px; text-decoration: none; overflow:hidden; background:url(../img/bg_menu_projectg.png) no-repeat 0 0;}
#special ul li a:hover { background-position: -335px 0;}

#side-nav {position: absolute; top: 160px; left: 569px;}
#side-nav li a,
#side-nav li span {display: block; text-indent:-99999px; text-decoration: none; overflow:hidden; background: url(../img/bg_side_menu.png) no-repeat;}

#side-nav #products {position: relative; width: 354px; height: 150px;}
#side-nav #products h2 {position: absolute; top: 0; left: 0;}
#side-nav #products li {position: absolute; left: 18px;}
#side-nav #products .nav01 {width: 256px; top: 0;}
#side-nav #products .nav02 {width: 273px; top: 45px;}
#side-nav #products .nav03 {width: 344px; top: 93px;}
#side-nav #products .nav01 a { height:30px; background-position: 0 0;}
#side-nav #products .nav02 a { height:29px; background-position: 0 -47px;}
#side-nav #products .nav03 a { height:31px; background-position: 0 -94px;}
#side-nav #products .nav01 a:hover {background-position: -396px 0;}
#side-nav #products .nav02 a:hover {background-position: -396px -47px;}
#side-nav #products .nav03 a:hover {background-position: -396px -94px;}

#side-nav #about {position: relative; width: 295px; height: 122px;}
#side-nav #about h2 {position: absolute; top: 0; left: 0;}
#side-nav #about li {position: absolute; left: 18px;}
#side-nav #about .nav01 {width: 189px; top: 0;}
#side-nav #about .nav02 {width: 237px; top: 40px;}
#side-nav #about .nav03 {width: 280px; top: 81px;}
#side-nav #about .nav01 a { height:26px; background-position: 0 -150px;}
#side-nav #about .nav02 a { height:27px; background-position: 0 -190px;}
#side-nav #about .nav02 span {display: block; height:27px; background-position: -396px -190px;}
#side-nav #about .nav03 span { height:25px; background-position: 0 -231px;}
#side-nav #about .nav01 a:hover {background-position: -396px -150px;}
#side-nav #about .nav02 a:hover{background-position: -396px -190px;}

#side-nav #culture {position: relative; width: 412px; height: 160px;}
#side-nav #culture h2 {position: absolute; top: 0; left: 0;}
#side-nav #culture li {position: absolute; left: 18px;}
#side-nav #culture .nav01 {top: 0; width: 396px;}
#side-nav #culture .nav02 {top: 65px; width:188px;}
#side-nav #culture .nav03 {top: 65px; left: 219px; width:141px;}
#side-nav #culture .nav04 {top: 116px; width:173px;}
#side-nav #culture .nav05 {top: 116px; left: 195px; width:180px;}
#side-nav #culture .nav01 a { height:60px; background-position: 0 -278px;}
#side-nav #culture .nav02 a { height:41px; background-position: 0 -338px;}
#side-nav #culture .nav03 a { height:41px; background-position: -204px -338px;}
#side-nav #culture .nav04 a { height:44px; background-position: 0 -389px;}
#side-nav #culture .nav05 a { height:44px; background-position: -173px -389px;}
#side-nav #culture .nav01 a:hover { background-position: -396px -278px;}
#side-nav #culture .nav02 a:hover { background-position: -396px -338px;}
#side-nav #culture .nav03 a:hover { background-position: -600px -338px;}
#side-nav #culture .nav04 a:hover { background-position: -396px -389px;}
#side-nav #culture .nav05 a:hover { background-position: -569px -389px;}

#index #footer {position: absolute; width: 960px; height: 35px; top: 610px; left: 20px; 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;}