/*-----------------------------------------------------
Header
-------------------------------------------------------*/
#Header {
  height: 71px;
  background: #fff;
}

/*-------------------------------------
head-topnavi_allb
---------------------------------------*/
#Header #head-topnavi_allb {
  border: none !important;
}

/*-------------------------------------
logo
---------------------------------------*/
/*-------------------------------------
GlobalNavi
---------------------------------------*/
#Header #GlobalNavi {
  top: 695px;
  left: 50%;
  position: absolute;
  margin: 0 0 0 -461px;
  padding: 0;
  background: none;
}

/*-------------------------------------
pankuzu
---------------------------------------*/
#Header dl.pankuzu {
  display: none;
}

/*-----------------------------------------------------
Content
-------------------------------------------------------*/
#Content {
  width: 922px;
  margin: 0 auto;
  padding: 55px 0 0;
}

/*-----------------------------------------------------
Main
-------------------------------------------------------*/
#Main {
  width: 660px;
  float: left;
}

/*-------------------------------------
banner
---------------------------------------*/
#Main .banner {
  margin-bottom: 14px;
  padding-top: 16px;
}

#Main .banner a {
  display: block;
}

#Main .banner a:hover {
  opacity: 0.7;
}

#Main .banner img {
  width: 100%;
  height: auto;
}

/*-------------------------------------
news
---------------------------------------*/
#Main section.news {
  position: relative;
  padding: 16px 0 104px;
}

#Main section.news h2 {
  width: 100%;
  height: 44px;
  overflow: hidden;
  text-indent: -9999px;
  margin: 0 0 10px;
  background: url(../images/news_pc_ttl.gif) no-repeat 0 0;
}

#Main section.news div.inline {
  width: 684px;
  overflow: hidden;
}

#Main section.news p.btn {
  width: 155px;
  height: 31px;
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 40px;
  margin: 24px 0 0;
}

#Main section.news p.btn a {
  width: 155px;
  height: 31px;
  display: block;
  float: right;
  text-indent: -9999px;
  background: url(../images/main_pc_btn.png) no-repeat 0 0;
}

#Main section.news p.btn a:hover {
  background: url(../images/main_pc_btn.png) no-repeat 0 -31px;
}

/* box
---------------------*/
#Main section.news div.box {
  width: 204px;
  float: left;
  margin: 24px 24px 0 0;
}

#Main section.news div.box:nth-child(3n),
#Main section.news div.box.break {
  clear: both;
}

#Main section.news div.box a {
  display: block;
  text-decoration: none;
  color: #593926;
}

#Main section.news div.box p.thumb {
  margin: 0 0 12px;
  padding: 2px;
  border: 1px solid #EDE2C7;
  background: #fff;
}

#Main section.news div.box p.thumb span {
  width: 198px;
  height: 147px;
  display: block;
  position: relative;
  overflow: hidden;
}

#Main section.news div.box p.thumb span img {
  width: 100%;
  height: auto;
}

#Main section.news div.box p.thumb img.noimg {
  margin-top: -20px;
}

#Main section.news div.box a:hover p.thumb span img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

#Main section.news div.box p.label {
  margin: 0 0 9px;
}

#Main section.news div.box p.label a {
  color: #fff;
}

#Main section.news div.box p.date {
  margin: 0 0 3px;
  font-size: 10px;
  color: #7F6759;
}

#Main section.news div.box p.title {
  clear: both;
  font-size: 14px;
  font-weight: bold;
}

#Main section.news div.box a:hover p.title {
  color: #7F6759;
  text-decoration: underline;
}

/* l */
#Main section.news div.box.l {
  width: 318px;
}

#Main section.news div.box.l p.thumb span {
  width: 312px;
  height: 223px;
}

#Main section.news div.box.l p.label {
  float: left;
}

#Main section.news div.box.l p.date {
  float: right;
  line-height: 21px;
}

#Main section.news div.box.l p.thumb img.noimg {
  margin-top: -40px;
}

/*-------------------------------------
popular
---------------------------------------*/
#Main section.popular {
  position: relative;
  padding: 0 0 53px;
}

#Main section.popular h2 {
  width: 100%;
  height: 44px;
  overflow: hidden;
  margin: 0 0 10px;
  text-indent: -9999px;
  background: url(../images/popular_pc_ttl.gif) no-repeat 0 0;
}

#Main section.popular div.inline {
  width: 684px;
  overflow: hidden;
}

/* box
---------------------*/
#Main section.popular div.box {
  width: 318px;
  float: left;
  overflow: hidden;
  margin: 24px 24px 0 0;
}

#Main section.popular div.box:nth-child(odd) {
  clear: both;
}

#Main section.popular div.box a {
  display: block;
  text-decoration: none;
  color: #593926;
}

#Main section.popular div.box p.thumb {
  float: left;
  margin: 0 12px 0 0;
  padding: 2px;
  border: 1px solid #EDE2C7;
  background: #fff;
}

#Main section.popular div.box p.thumb span {
  width: 140px;
  height: 104px;
  display: block;
  position: relative;
  overflow: hidden;
}

#Main section.popular div.box p.thumb span img {
  width: 100%;
  height: auto;
}

#Main section.popular div.box a:hover p.thumb span img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

#Main section.popular div.box p.label {
  margin: 0 0 9px;
  float: right;
}

#Main section.popular div.box p.label a {
  color: #fff;
}

#Main section.popular div.box p.date {
  width: 160px;
  float: right;
  margin: 0 0 5px;
  font-size: 10px;
  color: #7F6759;
}

#Main section.popular div.box p.title {
  width: 160px;
  float: right;
  font-size: 13px;
  font-weight: bold;
}

#Main section.popular div.box a:hover p.title {
  color: #7F6759;
  text-decoration: underline;
}

/*-------------------------------------
shop
---------------------------------------*/
#Main section.shop {
  position: relative;
  padding: 0 0 60px;
}

#Main section.shop h2 {
  width: 100%;
  height: 77px;
  overflow: hidden;
  margin: 0 0 8px;
  text-indent: -9999px;
  background: url(../images/shop_pc_ttl.png) no-repeat 0 0;
}

#Main section.shop ul {
  overflow: hidden;
}

#Main section.shop ul li {
  width: 330px;
  float: left;
  margin: 16px 0 0;
}

#Main section.shop ul li a {
  display: block;
  padding: 0 20px 0 21px;
  color: #593926;
  font-size: 14px;
  font-weight: bold;
  background: url(../images/shop_pc_ico.png) no-repeat 0 0;
}

/*-------------------------------------
gallery
---------------------------------------*/
#Main section.gallery {
  position: relative;
  padding: 0 0 60px;
}

#Main section.gallery h2 {
  width: 100%;
  height: 56px;
  margin-bottom: 22px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../images/gallery_pc_ttl.gif) no-repeat 0 0;
}

#Main section.gallery p a:hover {
  opacity: .7;
}

/*-------------------------------------
goods
---------------------------------------*/
#Main section.goods {
  position: relative;
  padding: 0 0 72px;
}

#Main section.goods h2 {
  width: 100%;
  height: 50px;
  margin-bottom: 28px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../images/goods_pc_ttl.gif) no-repeat 0 0;
}

#Main section.goods div.inline {
  width: 684px;
  overflow: hidden;
}

#Main section.goods p.btn {
  width: 123px;
  height: 31px;
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 20px;
  margin: 24px 0 0;
}

#Main section.goods p.btn a {
  width: 123px;
  height: 31px;
  display: block;
  float: right;
  text-indent: -9999px;
  background: url(../images/main_pc_btn.png) no-repeat 0 -124px;
}

#Main section.goods p.btn a:hover {
  background: url(../images/main_pc_btn.png) no-repeat 0 -155px;
}

/* box
---------------------*/
#Main section.goods div.box {
  width: 204px;
  float: left;
  overflow: hidden;
  margin: 22px 24px 0 0;
}

#Main section.goods div.box a {
  display: block;
  padding: 26px 10px 10px;
  text-decoration: none;
  color: #593926;
  border-radius: 0 0 6px 6px;
  background: url(../images/goods_pc_box_bg.gif) no-repeat 0 0 #fff;
}

#Main section.goods div.box p.thumb {
  width: 184px;
  height: 184px;
  margin: 0 0 10px;
  position: relative;
}

#Main section.goods div.box p.thumb img.frame {
  width: 184px;
  height: 184px;
  position: absolute;
  top: 0;
  bottom: 0;
}

#Main section.goods div.box p.thumb span {
  width: 184px;
  height: 184px;
  display: block;
  position: relative;
  overflow: hidden;
}

#Main section.goods div.box p.thumb span img {
  width: 100%;
  height: auto;
}

#Main section.goods div.box a:hover p.thumb span img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

#Main section.goods div.box p.title {
  margin: 0 0 10px;
  font-weight: bold;
}

#Main section.goods div.box a:hover p.title {
  color: #7F6759;
  text-decoration: underline;
}

#Main section.goods div.box ul.icon {
  height: 14px;
  overflow: hidden;
  margin: 0 0 10px;
}

#Main section.goods div.box ul.icon li {
  width: 67px;
  height: 14px;
  margin: 0 8px 0 0;
  float: left;
}

#Main section.goods div.box ul.icon li img {
  width: 100%;
  height: auto;
}

#Main section.goods div.box ul.icon li.fund {
  width: 58px;
  height: 14px;
}

#Main section.goods div.box p.price {
  margin: 0 0 3px;
  color: #333;
  font-weight: bold;
}

#Main section.goods div.box p.fund {
  color: #999;
  font-size: 11px;
}

#Main section.goods div.box a p.btn {
  width: 184px;
  height: 41px;
  display: block;
  float: none;
  position: relative;
  top: 0;
  left: 0;
  margin: 5px 0 0;
  text-indent: -9999px;
  background: url(../images/main_pc_btn.png) no-repeat 0 -186px;
}

#Main section.goods div.box a:hover p.btn {
  background: url(../images/main_pc_btn.png) no-repeat 0 -227px;
}

/*-----------------------------------------------------
Side
-------------------------------------------------------*/
#Side {
  width: 224px;
  position: relative;
  float: right;
}

#Side > span.animation01 {
  width: 220px;
  height: 318px;
  display: block;
  background: url(../images/side_pc_img01.gif) no-repeat 0 0;
}

/*-------------------------------------
pickup
---------------------------------------*/
#Side section.pickup {
  padding: 30px 0 20px;
  background-image: url(../images/side_pc_pickup_bg_top.gif), url(../images/side_pc_pickup_bg_btm.gif), url(../images/side_pc_pickup_bg.gif);
  background-repeat: no-repeat,no-repeat,repeat;
  background-position: 0 0, 0 100%, 0 0;
  background: url(../images/side_pc_pickup_bg_top.gif) no-repeat 0 0 #fff \9;
}

#Side section.pickup h2 {
  width: 120px;
  height: 20px;
  margin: 0 auto;
  text-indent: -9999px;
  background: url(../images/side_pc_pickup_ttl.gif) no-repeat 0 0;
}

#Side section.pickup ul li {
  width: 180px;
  margin: 14px auto 0;
}

#Side section.pickup ul li img {
  width: 100%;
  height: auto;
  border-radius: 5px;
  overflow: hidden;
}

#Side section.pickup ul li a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

/*-------------------------------------
blog
---------------------------------------*/
#Side section.blog {
  position: relative;
}

#Side section.blog h2 {
  width: 224px;
  height: 95px;
  text-indent: -9999px;
  background: url(../images/side_pc_blog_ttl.gif) no-repeat 0 0;
}

#Side section.blog p.btn {
  width: 183px;
  height: 69px;
  position: relative;
  text-indent: -9999px;
  padding: 11px 0 0 41px;
  background: url(../images/side_pc_blog_btn_bg.gif) no-repeat 0 0;
}

#Side section.blog p.btn a {
  width: 142px;
  height: 29px;
  display: block;
  text-indent: -9999px;
  background: url(../images/main_pc_btn.png) no-repeat 0 -268px;
}

#Side section.blog p.btn a:hover {
  background: url(../images/main_pc_btn.png) no-repeat 0 -297px;
}

#Side section.blog ul {
  position: relative;
}

#Side section.blog span.animation01,
#Side section.blog span.animation02 {
  display: block;
  position: absolute;
}

#Side section.blog span.animation01 {
  width: 222px;
  height: 92px;
  top: 2px;
  left: 0;
  background: url(../images/side_pc_blog_img01.gif) no-repeat 0 0;
}

#Side section.blog span.animation02 {
  width: 64px;
  height: 116px;
  bottom: -26px;
  left: 196px;
  background: url(../images/side_pc_blog_img02.gif) no-repeat 0 0;
}

/*-------------------------------------
wannyan
---------------------------------------*/
#Side section.wannyan {
  padding: 0 0 50px;
  background: url(../images/side_pc_wannyan_bg_btm.gif) no-repeat 0 100%;
}

#Side section.wannyan h2 {
  width: 224px;
  height: 67px;
  text-indent: -9999px;
  background: url(../images/side_pc_wannyan_ttl.gif) no-repeat 0 0;
}

/*-------------------------------------
blog,wannyan
---------------------------------------*/
#Side section.blog ul li,
#Side section.wannyan ul li {
  padding: 0 2px 2px;
  background: url(../common/images/side_bg_dotted.png) repeat-x 0 100%;
}

#Side section.blog ul li:last-child,
#Side section.wannyan ul li:last-child {
  padding: 0 2px;
  background: none;
}

#Side section.blog ul li a,
#Side section.wannyan ul li a {
  display: block;
  position: relative;
  padding: 12px 20px 10px 30px;
  color: #593926;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  background: url(../common/images/side_ico_arw.png) no-repeat 100% 50%;
}

#Side section.blog ul li a:hover,
#Side section.wannyan ul li a:hover {
  color: #7F6759;
  text-decoration: underline;
}

#Side section.blog ul li a span.ico,
#Side section.wannyan ul li a span.ico {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  margin: -11px 0 0;
}

#Side section.blog ul li a span.small,
#Side section.wannyan ul li a span.small {
  display: block;
  font-size: 12px;
}

/*-------------------------------------
sns
---------------------------------------*/
#Side section.sns {
  height: 290px;
  margin: 31px 0 0;
  background: url(../images/side_pc_sns_bg.png) no-repeat 0 100%;
}

#Side section.sns h2 {
  width: 224px;
  height: 52px;
  margin: 0 auto 5px;
  text-indent: -9999px;
  background: url(../images/side_pc_sns_ttl.png) no-repeat 0 0;
}

#Side section.sns p.txt {
  width: 122px;
  height: 40px;
  margin: 0 auto 11px;
  text-indent: -9999px;
  background: url(../images/side_pc_sns_txt.png) no-repeat 0 0;
}

#Side section.sns ul {
  width: 192px;
  overflow: hidden;
  margin: 0 auto 36px;
}

#Side section.sns ul li {
  width: 52px;
  height: 52px;
  float: left;
  margin: 0 6px;
}

#Side section.sns ul li a {
  width: 52px;
  height: 52px;
  display: block;
  text-indent: -9999px;
}

#Side section.sns ul li.fb a {
  background: url(../images/side_pc_sns_btn01.png) no-repeat 0 0;
}

#Side section.sns ul li.tw a {
  background: url(../images/side_pc_sns_btn02.png) no-repeat 0 0;
}

#Side section.sns ul li.insta a {
  background: url(../images/side_pc_sns_btn03.png) no-repeat 0 0;
}

#Side section.sns ul li.fb a:hover {
  background: url(../images/side_pc_sns_btn01_on.png) no-repeat 0 0;
}

#Side section.sns ul li.tw a:hover {
  background: url(../images/side_pc_sns_btn02_on.png) no-repeat 0 0;
}

#Side section.sns ul li.insta a:hover {
  background: url(../images/side_pc_sns_btn03_on.png) no-repeat 0 0;
}

#Side section.sns p.bnr {
  width: 200px;
  height: 78px;
  margin: 0 auto;
}

#Side section.sns p.bnr a {
  width: 200px;
  height: 82px;
  display: block;
  position: relative;
}

#Side section.sns p.bnr a span {
  width: 54px;
  height: 56px;
  position: absolute;
  bottom: 0;
  right: 6px;
  text-indent: -9999px;
  background: url(../images/side_pc_sns_line_bnr.png) no-repeat 0 0;
}

#Side section.sns p.bnr a:hover span {
  background-image: url(../images/side_pc_sns_line_bnr_on.png);
}