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

/* reset
----------------------------------------------- */
h1,h2,h3,h4,p,ul,ol,li,dl,dt,dd {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 1em;
  line-height: 1em;
  list-style: none;
}
a,
a:hover,
a:active,
a:visited {
  margin: 0;
  padding: 0;
  text-decoration: none;
  overflow: hidden;
  outline: none;
}
img {
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  box-shadow: #000 0 0 0;
}
hr {
  display: none;
}

/* body
----------------------------------------------- */
body {
  color: rgb(50,50,50);
  text-align: center;
  font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
  background:rgb(255,255,255);
  position:relative;
}
a,
a:hover,
a:active,
a:visited {
  color:rgb(123,123,123);
  text-decoration:underline;
}
a:hover,
a:active {
  text-decoration:none;
}

/* clear
----------------------------------------------- */
.clear:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* header
----------------------------------------------- */
#header{
  position:absolute;
  z-index:2;
  width:100%;
  min-width:1000px;
  height:90px;
  background:url(../images/header_bg.png) top center repeat-x;
  text-align: left;
}
#header .header-wrapper{
  position:relative;
  width:1000px;
  margin:0 auto;
}
#header .header-main{
  position:absolute;
  width:190px;
  height:607px;
  background:url(../images/header_main_bg.png) top center no-repeat;
  top:0;
  left:0px;
}
#header .header-main .logo{
  margin:35px 0 0;
}
#header .header-main .shop{
  position:absolute;
  top:106px;
}
#header .header-main .copy{
  width:90px;
  height:255px;
  background:url(../images/header_copy.png) no-repeat;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
  margin:87px auto 0;
}

/* nav
----------------------------------------------- */
#nav{
  position:absolute;
  padding:0 0 0 190px;
  z-index: 2;
}
  /*#nav ul{
  width:810px;
  background:url(../images/top_nav_bg.png) top right no-repeat;
}*/
#nav ul > li{
  height:95px;
  float:left;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}
#nav ul > li a{
  height:95px;
  background:url(../images/top_nav.png) top left no-repeat;
  display: block;
}

#nav ul li a.nav-kodawari{width:116px; background-position:0 0;}
#nav ul li a.nav-party{width:116px; background-position:-116px 0;}
#nav ul li a.nav-menu{width:116px; background-position:-232px 0;}
#nav ul li a.nav-season{width:116px; background-position:-348px 0;}
#nav ul li a.nav-shop{width:116px; background-position:-464px 0;}
#nav ul li a.nav-coupon{width:116px; background-position:-580px 0;}
#nav ul li a.nav-birthday{width:114px; background-position:-696px 0;}

#nav ul li a.nav-kodawari:hover{width:116px; background-position:0 -95px;}
#nav ul li a.nav-party:hover{width:116px; background-position:-116px -95px;}
#nav ul li a.nav-menu:hover{width:116px; background-position:-232px -95px;}
#nav ul li a.nav-season:hover{width:116px; background-position:-348px -95px;}
#nav ul li a.nav-shop:hover{width:116px; background-position:-464px -95px;}
#nav ul li a.nav-coupon:hover{width:116px; background-position:-580px -95px;}
#nav ul li a.nav-birthday:hover{width:114px; background-position:-696px -95px;}


/* nav-menu-subs */
#nav ul li div.nav-menu-subs-menu {
}

#nav ul li div.nav-menu-subs-season {
}

#nav ul li div.nav-menu-subs {
  visibility: hidden;
  position: absolute;
  /*width:460px;*/
  /*height:200px;*/
  top: 95px;
  /*left: 75px;*/
  padding: 1em;
  background:rgb(255,255,255);
  background-color:rgba(255,255,255,0.95);
  text-indent: 0;
}

#nav ul li div.nav-menu-subs .menu_a {
  background-color: #ffe8e1;
  border: 1px solid #ef0054;
  padding: 1em;
  margin-bottom: 1em;
}

#nav ul li div.nav-menu-subs .menu_b {
  background-color: #fff1de;
  border: 1px solid #d98000;
  padding: 1em;
  margin-bottom: 1em;
}

#nav ul li div.nav-menu-subs .menu_c {
  background-color: #efe8f5;
  border: 1px solid #996699;
  padding: 1em;
}

#nav ul > li:hover div.nav-menu-subs {
  visibility: visible;
}
#nav ul li .nav-menu-subs h2{
  text-indent: 0;
  margin:20px 0 0 5px;
}
#nav ul li .nav-menu-subs div.main{
}
#nav ul li .nav-menu-subs div.main a{
  display: inline;
  height:auto;
  background:none;
  float:none;
  text-indent:0;
  white-space:normal;
  text-decoration: none;
}
#nav ul li .nav-menu-subs div.main p{
  text-align: center;
  line-height: 1.6em;
}
#nav ul li .nav-menu-subs div.side{
  width:285px;
  float:left;
}
#nav ul li .nav-menu-subs div.side ul{
  width:270px;
  background:none;
  margin:0 0 0 15px;
}
#nav ul li .nav-menu-subs div.side ul li{
  width:270px;
  height:55px;
  margin:10px 0 0;
  background:rgb(255,255,255);
}
#nav ul li .nav-menu-subs div.side ul li a{
  background:none;
  float:none;
  text-indent:0;
  white-space:normal;
  overflow:auto
}

/* slide
----------------------------------------------- */
#slide{
  position: relative;
  width: 100%;
  min-width: 1000px;
  height: 830px;
  overflow: hidden;
}
#slide-wrapper{
  width:4200px;
  height:830px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  margin-left: -2100px;
}
#main-slider{
  width: 5600px;
  height: 830px;
   position: absolute;
  top: 0;
  left: 0;
}
#main-slider li{
  float: left;
}

/* contents
----------------------------------------------- */
.contents{
  position: absolute;
  z-index:1;
  width: 1000px;
  height: 830px;
  top: 0px;
  left: 50%;
  margin-left: -500px;
}
.contents-weapper{
  position:relative;
  width:1000px;
  height:830px;
}

/* news
----------------------------------------------- */
#news{
  width:583px;
  position:absolute;
  z-index:2;
  background:rgb(255,255,255);
  background-color:rgba(255,255,255,0.75);
  right: 0;
  bottom:20px;
  border-radius: 4px 4px;
  -moz-border-radius: 4px 4px;
  -webkit-border-radius: 4px 4px;
}
#news .news-title{
  width:556px;
  margin:15px auto 0;
}
#news .news-title h2{
  width:126px;
  float:left;
}
#news .news-title .btn-more{
  width:85px;
  float:right;
}
#news dl.news-list{
  width:511px;
  margin:18px auto 3px;
  text-align:left;
  letter-spacing: .1em;
  position:relative;
}
#news dl.news-list dt{
  color:rgb(102,44,31);
  font-size:0.6em;
  padding:3px 0;
  position: absolute;
}
#news dl.news-list dd{
  background:url(../images/icon_news_list.png) top left no-repeat;
  font-size: 0.7em;
  padding: 0 0 12px 90px;
  background-position: 78px 0px;
  line-height:1.5em;
}
#news dl.news-list dd a:link,a:active,a:visited{
  color:rgb(30,30,30);
  text-decoration:none;
}
#news dl.news-list dd a:hover{
  color:rgb(102,44,31);
  text-decoration:underline;
}

/* footer
----------------------------------------------- */
#footer{
  position:absolute;
  width:100%;
  min-width:1000px;
  background:url(../images/footer_bg.png) top repeat-x;
  padding:7px 0 0;
  color:rgb(255,255,255);
  font-size: .8em;
  top:826px;
  left:0;
  z-index:2;
}
#footer .footer-wrapper{
  position:relative;
  width:auto;
  background:url(../images/footer_wrapper_bg.png) rgb(0,0,0) center top no-repeat;
  margin:0 auto;
  padding:50px 0 30px;
}

/* banner-area */
#footer .banner-area{
  position:relative;
  width:1000px;
  overflow:hidden;
  margin:0 auto;
}
#footer .banner-area ul{
  list-style:none outside none;
  float:left;
  position:relative;
  left:50%;
}
#footer .banner-area ul li{
  float:left;
  padding:0 0 0 25px;
  position:relative;
  left:-50%;
}
#footer .banner-area ul li:first-child{
  padding:0;
}


/* copyright */
#footer .copyright{
  margin:95px 0 0;
  font-size:0.7em;
  color:rgb(123,123,123);
}

/* footer-nav
----------------------------------------------- */
#footer .footer-nav{
  position:relative;
  overflow: hidden;
  width:1000px;
  margin:20px auto 0;
  font-size:0.9em;
  font-family:'Times New Roman', HiraMinProN-W3, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', Meiryo, 'メイリオ', Arial, serif;
  letter-spacing: .1em;
}
#footer .footer-nav a,
#footer .footer-nav a:active,
#footer .footer-nav a:visited {
  color:rgb(255,255,255);
  text-decoration:none;
}
#footer .footer-nav a:hover{
  color:rgb(123,123,123);
}
#footer .footer-nav ul{
  list-style:none outside none;
  float:left;
  position:relative;
  left:50%;
  margin:40px 0 0;
}
#footer .footer-nav ul li{
  float:left;
  padding:0 0 0 75px;
  position:relative;
  left:-50%;
}
#footer .footer-nav ul li:first-child{
  padding:0;
}