@charset "utf-8";

/* グラデーションボタン */
#shopCatListAll li a,
div#content #shopCatNav p.list span,
div#content div#shopInformationView p.nav ,
div#content div#eventView #eventViewNav p.nav {
	cursor: pointer; width: 26px; padding-top: 0;
	background: #f2f2f3; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f2f3 0%, #d6d8d9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f3), color-stop(100%,#d6d8d9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2f2f3 0%,#d6d8d9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2f2f3 0%,#d6d8d9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2f2f3 0%,#d6d8d9 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2f2f3 0%,#d6d8d9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f3', endColorstr='#d6d8d9',GradientType=0 ); /* IE6-9 */
	border: 1px solid #d6d8d9; text-align: center; line-height: 26px; color: #8f9192;
}
/* フラットボタン */
div#content div#eventView #eventViewNav #eventViewList a{ background:#ebeeef; border: 1px solid #d6d8d9; line-height: 26px; text-align:center; color:#8f9192; }
div#content div#eventView #eventViewNav #eventViewList a:hover{ background-color:#fff; }

#content{ width:801px; }
#content #endepaInformation #infoBar{ margin-bottom: 17px; }

/* タブナビゲーション */
#shopInformationView{ clear:both; position:relative; }

#eventViewContents{ overflow:hidden; height:323px; }
div#content div#eventView{ margin-bottom: 17px; }
div#content div#eventView #eventViewNav{ overflow:hidden; border-top: 1px solid #d6d8d9; }
div#content div#eventView #eventViewNav p.nav { float:left; margin:-1px 4px 0 0; }
div#content div#eventView #eventViewNav #eventViewList a{ float:right; width:96px; height:26px; margin-top:-1px; background:#ebeeef; border: 1px solid #d6d8d9; line-height: 26px; text-align:center; color:#8f9192; }
div#content div#eventView #eventViewNav #eventViewList a span{ margin-left:4px; vertical-align:-2px; }

/* news */
div#content div#newsView { min-height: 162px; }
div#content div#newsView ul { margin-bottom: 10px; }
div#content div#newsView li { border-bottom: 1px solid #d6d8d9; position:  relative; }
div#content div#newsView li:after { -moz-font-feature-settings: "liga"; font-family: "SSStandard"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizelegibility; white-space: nowrap; content: "▻"; position: absolute; margin-top: -10px; top: 50%; right: 5px; color: #d6d8d9; }
div#content div#newsView a { display: block; padding: 10px; overflow: hidden; }
div#content div#newsView a span.date { float: left; width: 90px; color: #747779; font-family: Verdana,Arial,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック"; }
div#content div#newsView a span.title { display: block; padding: 0 10px 0 90px; }
div#content div#newsView a:hover { background: #f3f6fd; }
div#content .newsOn { height: 162px; }

div#content div.itemList { margin:-1px 0 0 0; width:800px; overflow:hidden; }
div#content div.itemList { overflow: visible; zoom:1; }
div#content div.itemList:after { display:block; clear:both; content:""; } /* clearfix */

/* item */
#recommendItem div.loading{ padding:120px 60px; text-align:center; color:#ccc; }

#wrapper div.recommendItem { position:relative; width: 159px; padding-bottom:0; }
#wrapper div.recommendItem h3.rank { position:absolute; top:4px; left:4px; margin:0; }
#wrapper div.recommendItem p.photo { width: 141px; height: 141px; }
#wrapper div.recommendItem p.photo img { width: 131px; height: auto; line-height:141px; }

#wrapper #shopNews div.recommendItem { width: 399px; min-height:77px; padding-bottom:0; }
#wrapper #shopNews div.recommendItem p { margin-top:0.5em; line-height: 1.4; }
#wrapper #shopNews div.recommendItem p.photo { float: left; height:48px; margin-top:0; padding: 10px; }

#wrapper div.rankItem{ min-height:200px; background:#fbfbfb; }
#wrapper div.rankItem p.photo { margin:0; padding:9px; background:#fff; }
#wrapper div.rankItem p.info{ margin:0; padding:5px 10px; border-top:1px solid #d6d8d9; }

/* more */
div#content div.sectionInner { clear:both; position:relative; }
div#content div.sectionInner h3{ line-height:40px; }
div#content div.sectionInner h3 span{ display:inline-block; width:40px; text-align:center; color:#8f9192; }
div#content div.sectionInner p.more{ position:absolute; top:0; right:0; line-height:40px; }
div#content div.sectionInner p.more span{ display:inline-block; width:40px; text-align:center; }
div#content div.sectionInner p.subcat a{ display:inline-block; margin-right:4px; padding:0.5em; line-height:16px; border:1px solid #d6d8d9; background:#ebeeef; }
div#content div.sectionInner p.subcat a.current,
div#content div.sectionInner p.subcat a:hover{ background-color:#fff; }

/* tab */

div#content #shopCatNav { width: 100%; height: 40px; background: url(/images/common/nav_category.png) left top no-repeat; }
div#content #shopCatNav ul { padding-left: 6px; }
div#content #shopCatNav ul li { float: left; margin-right: 3px; cursor: pointer; }
div#content #shopCatNav ul li a { display: block; width: 69px; height: 40px; cursor: pointer; overflow: hidden; text-indent: 100%; white-space: nowrap; }
div#content #shopCatNav ul li a:hover,
div#content #shopCatNav ul li a.current { background-image: url(/images/common/nav_category.png); background-repeat: no-repeat; background-size: auto; }
div#content #shopCatNav ul li.category1 a:hover,
div#content #shopCatNav ul li.category1 a.current { background-position: -6px -40px; }
div#content #shopCatNav ul li.category2 a:hover,
div#content #shopCatNav ul li.category2 a.current { background-position: -78px -40px; }
div#content #shopCatNav ul li.category3 a:hover,
div#content #shopCatNav ul li.category3 a.current { background-position: -150px -40px; }
div#content #shopCatNav ul li.category5 a:hover,
div#content #shopCatNav ul li.category5 a.current { background-position: -222px -40px; }
div#content #shopCatNav ul li.category6 a:hover,
div#content #shopCatNav ul li.category6 a.current { background-position: -294px -40px; }
div#content #shopCatNav ul li.category7 a:hover,
div#content #shopCatNav ul li.category7 a.current { background-position: -366px -40px; }
div#content #shopCatNav ul li.category8 a:hover,
div#content #shopCatNav ul li.category8 a.current { background-position: -438px -40px; }
div#content #shopCatNav ul li.category9 a:hover,
div#content #shopCatNav ul li.category9 a.current { background-position: -510px -40px; }
div#content #shopCatNav ul li.category10 a:hover,
div#content #shopCatNav ul li.category10 a.current { background-position: -582px -40px; }
div#content #shopCatNav ul li.category11 a:hover,
div#content #shopCatNav ul li.category11 a.current { background-position: -654px -40px; }
div#content #shopCatNav ul li.category12 a:hover,
div#content #shopCatNav ul li.category12 a.current { background-position: -726px -40px; }
/* snsTimeline*/
div#snsTimeline { margin-top: 30px; }
div#snsTimeline #facebookTL { float: left; width: 390px; }
div#snsTimeline #twitterTL { float: right; width: 390px; }
/*test130620*/
div#content div#shopInformationView #shopCatNavPrev{ position: absolute; top: 44px; left: 0px; }
div#content div#shopInformationView #shopCatNavNext{ position: absolute; top: 44px; left: 32px; z-index: 1; }

#sidebar .snsBanner{ overflow:hidden; width:180px; }
#sidebar #youTubeSection h2 { left: 65px; }
#sidebar #youTubeSection { height: 210px; background: url(/images/common/youtube/bg_youtube.png) no-repeat 65px top; }
#sidebar #youtubeChannel { height: 160px; }
#sidebar #twitterSection{ width:165px; padding: 7px 5px 2px; background-image:none; text-align:center; }
div#votebox p { padding: 10px 0 5px; }
div#votebox a.enqueteBtn { padding: 5px 12px; }

#bannerSlider #bannerSliderContents ul li{ background: #d7d7d9 url(/images/common/ico_loader.gif) no-repeat center center; }

#twitterTLSection,
#facebookSection{ float: right; width: 490px; margin-bottom: 40px; }
/* facebook */
#facebookSection { float: left; position:relative; margin-bottom:0;}
#facebookSection h2{ margin-bottom:0; padding:5px; background:#395a9d; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#facebookSection p.more{ position:absolute; overflow: hidden; top:13px; right:13px; width: 115px; background:#395a9d; text-indent: -105px; }
#facebookSection p.more img{ display:inline; }
#facebookSection .fb-like-box{ min-height: 355px; border: 1px solid #e8e8e8; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }

#loadingProgressG{ width:26px; height:2px; margin: 20px auto; overflow:hidden; background-color:#d2d7d9; -webkit-border-radius:1px; -ms-border-radius:1px; border-radius:1px; }
.loadingProgressG{ width:26px; height:2px; background-color:#FFFFFF; margin-top:0; margin-left:-26px;
-webkit-animation-name:bounce_loadingProgressG;
-webkit-animation-duration:0.8s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-ms-animation-name:bounce_loadingProgressG;
-ms-animation-duration:0.8s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
animation-name:bounce_loadingProgressG;
animation-duration:0.8s;
animation-iteration-count:infinite;
animation-timing-function:linear; }
@-webkit-keyframes bounce_loadingProgressG{
	0%{ margin-left:-26px; }
	100%{ margin-left:26px; }
}
@-ms-keyframes bounce_loadingProgressG{
	0%{ margin-left:-26px; }
	100%{ margin-left:26px; }
}
@keyframes bounce_loadingProgressG{
	0%{ margin-left:-26px; }
	100%{ margin-left:26px; }
}

/* popup */
.popup-wrapper { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#55000000,EndColorStr=#55000000); z-index: 100000; }
.popup-wrapper .popup { margin: 80px auto; padding: 20px; width: 750px; background: #FFFFFF; position: relative; }
.popup-wrapper .popup .btn-close { display: inline-block; width: 50px; height: 50px; border-radius: 25px; border: 1px solid #FFFFFF; background: #333333; color: #FFFFFF; font-size: 20px; text-align: center; line-height: 280%; letter-spacing: 0; position: absolute; top: -25px; right: -25px; behavior: url("/PIE.htc"); }
.popup-wrapper .popup .btn-close:hover { cursor: pointer; }
.popup-wrapper .popup p { margin: 0 0 20px; }
.popup-wrapper .popup p.last { margin-bottom: 0; }

/* slidewrapper */
#home #slidewrapper {
  position: relative;
  width: 800px;
  height: 349px;
  overflow: hidden;
  margin-bottom: 10px;
}
#home #slidewrapper ul li {
  display: block;
  float: left;
}
#home #slidewrapperImages { overflow: hidden; }
#home #slidewrapperImages ul li img { width: 800px; height: 289px; }
#home #slidewrapperThumbs {
  height: 60px;
  overflow: hidden;
}
#home #slidewrapperImages {
  width: 800px;
  height: 289px;
}
#home #slidewrapperThumbs {  }
#home #slidewrapperThumbs a {
  width: 160px;
  height: 60px;
  margin: 0;
  cursor: pointer;
  display: inline-block;
}
#home #slidewrapperThumbs a img {
  opacity: 0.6;
  -ms-filter: "alpha( opacity=60 )";
  filter: alpha(opacity=60);
}
#home #slidewrapperThumbs a.selected img ,
#home #slidewrapperThumbs a:hover img {
  opacity: 1;
  -ms-filter: "alpha( opacity=100 )";
  filter: alpha(opacity=100);
}
#home #slidewrapperPrev {
  width: 20px;
  height: 60px;
  display: block;
  background: transparent url("../images/top/btn_slider_prev.gif") no-repeat 0 0;
  position: absolute;
  left: 0;
  bottom: 0px;
}
#home #slidewrapperNext {
  width: 20px;
  height: 60px;
  display: block;
  background: transparent url("../images/top/btn_slider_next.gif") no-repeat 0 0;
  position: absolute;
  right: 0px;
  bottom: 0px;
}