﻿#globalSide h3.search {
	background-color: #7c3b82;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	padding-left: 10px;
	margin-bottom: 8px;
}

#globalContents .now,
#globalSide .now {
	display: block;
	background: #E8E9EA;
}

/* 記事 */
#globalContents .article > li {
	margin-bottom: 20px;
	clear: both;
	overflow: hidden;
}

#globalContents .article .subject {
	margin-bottom: 8px;
	padding: 5px 10px;
	color: #795284;
	font-size: 14px;
	font-weight: bold;
	background: #DCC6E5;
}

#globalContents .article .subject a {
	text-decoration: none;
}

#globalContents .article img.newsImg,
#globalContents .article .newsImg img {
	float: left;
	width: 200px;
	height: 150px;
	margin-right: 15px;
}

#globalContents .article .newsImg + p + div,
#globalContents .article .newsImg + p + div + ul.sns {
	margin-left: 215px;
}

#globalContents .article .date {
	margin-bottom: 5px;
	color: #999;
	font-weight: bold;
}

#globalContents ul.sns {
	overflow: hidden;
	margin-top: 10px;
	padding: 5px;
	background: #F3F4F4;
}

#globalContents .article .newsImg + p + div + ul.sns {
}

#globalContents ul.sns li {
	float: right;
	width: 105px;
	height: 20px;
}

#globalContents ul.sns li .FBConnectButton_Small {
	width: 90px;
}

#globalContents .article span a {
	display: block;
	padding-left: 13px;
	background: url(../../images/shop/news/link.gif) no-repeat left center;
}

#globalContents .article p span:first-child a {
	font-weight: bold;
}

#globalContents .article ul.photo {
	overflow: hidden;
	margin: 10px -10px 0 0;
}

#globalContents .article ul.photo li {
	float: left;
	width: 350px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#globalContents .article ul.photo li img {
	width: 350px;
}

/* ニュース個別ナビ */

#globalContents .newsnavi {
	clear: both;
	overflow: hidden;
	margin-top: 15px;
	padding: 15px 0;
	border-top: 1px dotted #CCC;
}

#globalContents .newsnavi li {
	float: left;
}

#globalContents .newsnavi li + li {
	float: right;
}

/* ページナビ */
.pagenavi_box,
.pagenavi_box ol.pagenavi,
#globalContents .pagenavi_box .page {
	float: right;
}

#globalContents .pagenavi_box .page {
	margin-right: 10px;
}

#globalContents .pagenavi_box ol.pagenavi li {
	float: left;
	font-weight: bold;
}

#globalContents .pagenavi_box ol.pagenavi li + li {
	margin-left: 6px;
	padding-left: 12px;
	background: url(../../images/path02.gif) no-repeat left center;
}

#globalContents .pagenavi_box ol.pagenavi .now {
	line-height: 18px;
	padding: 0 6px;
}


/* ▼▼▼ カレンダー
=====================================*/

p.month,
ul#calendar li.day {
	color: #795284;
	font-weight: bold;
	text-align: center;
}

ul#calendar {
	overflow: hidden;
	width: 190px;
}

ul#calendar li {
	float: left;
	width: 25px;
	height: 25px;
	margin: 1px;
	line-height: 25px;
	text-align: center;
}

ul#calendar li a {
	font-weight: bold;
	display: block;
	background-color: #F0EAF2;
}

#globalSide ul.month {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 0 9px 10px;
	border-bottom: 1px dotted #B7BBBD;
}

#globalSide ul.month li {
	float: left;
}

#globalSide ul.month li + li {
	float: right;
}

/* ▼▼▼ カテゴリー
=====================================*/

ul#category {
	margin-bottom: 20px;

}

ul#category li {
	margin-bottom: 5px;
}

ul#category li a,
ul#category li.now {
	display: block;
	height: 32px;
	line-height: 32px;
	padding-left: 40px;
}

ul#category li.new {
	background: url(../../images/shop/news/new.png) no-repeat left top;
}
ul#category li.c6 {
	background: url(../../images/shop/news/c6.png) no-repeat left top;
}
ul#category li.c1 {
	background: url(../../images/shop/news/c1.png?) no-repeat left top;
}
ul#category li.c10002 {
	background: url(../../images/shop/news/c10002.png) no-repeat left top;
}
ul#category li.c10003 {
	background: url(../../images/shop/news/c10003.png) no-repeat left top;
}
ul#category li.c10004 {
	background: url(../../images/shop/news/c10004.png) no-repeat left top;
}
ul#category li.c10005 {
	background: url(../../images/shop/news/c10005.png) no-repeat left top;
}
ul#category li.c10006 {
	background: url(../../images/shop/news/c10006.png) no-repeat left top;
}
ul#category li.c1506 {
	background: url(../../images/shop/news/c1506.png) no-repeat left top;
}
ul#category li.c10007 {
	background: url(../../images/shop/news/c10007.png) no-repeat left top;
}
ul#category li.c10008 {
	background: url(../../images/shop/news/c10008.png) no-repeat left top;
}
ul#category li.c12 {
	background: url(../../images/shop/news/c12.png) no-repeat left top;
}
ul#category li.c13 {
	background: url(../../images/shop/news/c13.png) no-repeat left top;
}
ul#category li.c29 {
	background: url(../../images/shop/news/c29.png) no-repeat left top;
}
ul#category li.c14 {
	background: url(../../images/shop/news/c14.png) no-repeat left top;
}
ul#category li.c10009 {
	background: url(../../images/shop/news/c10009.png) no-repeat left top;
}
ul#category li.c30 {
	background: url(../../images/shop/news/c30.png) no-repeat left top;
}
ul#category li.c15 {
	background: url(../../images/shop/news/c15.png) no-repeat left top;
}
ul#category li.c16 {
	background: url(../../images/shop/news/c16.png) no-repeat left top;
}
ul#category li.c8 {
	background: url(../../images/shop/news/c8.png) no-repeat left top;
}
ul#category li.c7 {
	background: url(../../images/shop/news/c7.png) no-repeat left top;
}
ul#category li.c9 {
	background: url(../../images/shop/news/c9.png) no-repeat left top;
}
ul#category li.c10 {
	background: url(../../images/shop/news/c10.png) no-repeat left top;
}
ul#category li.c5 {
	background: url(../../images/shop/news/c5.png) no-repeat left top;
}
ul#category li.c4 {
	background: url(../../images/shop/news/c4.png) no-repeat left top;
}
ul#category li.c20 {
	background: url(../../images/shop/news/c20.png?) no-repeat left top;
}
ul#category li.c21 {
	background: url(../../images/shop/news/c21.png) no-repeat left top;
}
ul#category li.c3 {
	background: url(../../images/shop/news/c3.png) no-repeat left top;
}
ul#category li.c51 {
	background: url(../../images/shop/news/c51.png) no-repeat left top;
}
ul#category li.c52 {
	background: url(../../images/shop/news/c52.png) no-repeat left top;
}
ul#category li.c11 {
	background: url(../../images/shop/news/c11.png) no-repeat left top;
}

/* fancybox ---------------------------------------------------------------- */
#fancybox-left-ico,
#fancybox-right-ico {
	background: url(../../images/shop/carousel.png) no-repeat transparent;
}

#fancybox-outer,
#fancybox-content {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #f0f0f0;
}

#fancybox-outer {
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

#fancybox-content {
	border-color: #f0f0f0;
}

#fancybox-title {
	background: none;
}

.fancybox-title-inside {
	text-align: left;
}

#fancybox-close {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	width: 20px;
	height: 20px;
	background-image: url(../../images/shop/close0.png);
	border: none !important;
}

#fancybox-left:hover span {
	left: 5px;
	background-position: right top;
}

#fancybox-right:hover span {
	left: auto;
	right: 5px;
	background-position: right -30px;
}

#fancybox-bg-n,
#fancybox-bg-ne,
#fancybox-bg-e,
#fancybox-bg-se,
#fancybox-bg-s,
#fancybox-bg-sw,
#fancybox-bg-w,
#fancybox-bg-nw {
	display: none;
}

/* 20160629 */
#contentsWrapper {
	margin-right: 245px;
}

#contentsMain {
	float: left;
	width: 100%;
	margin-right: -245px;
	overflow: hidden;
}

#contentsSub {
	float: right;
	width: 230px;
}

#contentsSub .rr_placement {
	border: 1px solid #ccc;
	border-radius: 6px;
	padding-top: 12px;
	line-height: 1.3;
}

#contentsSub .rr_placement > div {
	width: 200px;
	margin: 0 auto;
}

#contentsSub h3 {
	background: url('../../images/circle_pp.png') no-repeat left center;
	padding-left: 15px;
	margin-bottom: 10px;
	font-weight: bold;
}

#contentsSub .rr_placement ul {
	margin-bottom: 8px;
	font-size: 13px;
}

#contentsSub .rr_placement ul li + li {
	padding-top: 7px;
	margin-top: 7px;
	border-top: 1px dotted #b7bbbd;
}

#contentsSub .rr_placement ul li a {
	font-weight: bold;
}

#contentsSub .rr_placement ul li img {
	display: block;
	width: 200px;
	padding-bottom: 5px;
}

#contentsSub .rr_placement ul li .inc-tax {
	font-size: 12px;
}

#contentsBottom {
	clear: both;
	padding-top: 20px;
}

#contentsBottom .rr_placement {
	border: 1px solid #ccc;
	border-radius: 6px;
}

#contentsBottom .rr_placement h3 {
	background: url('../../images/circle_pp.png') no-repeat left center;
	padding-left: 15px;
	font-weight: bold;
	margin: 10px;
	font-size: 15px;
	color: #555;
	
}

#contentsBottom .rr_placement ul {
	overflow: hidden;
	margin: 0 5px 5px;
}

#contentsBottom .rr_placement li {
	float: left;
	width: 20%;
}

#contentsBottom .rr_placement li a {
	display: block;
	line-height: 1.2;
	font-size: 13px;
	margin: 0 auto;
	max-width: 200px;
	padding: 0 3px;
}

#contentsBottom .rr_placement li img {
	display: block;
	width: 200px;
	max-width: 100%;
	margin-bottom: 5px;
}

#contentsBottom .rr_placement li span {
	color: #666;
	font-size: 12px;
	display: block;
	margin: 0 auto;
	max-width: 200px;
	padding: 0 3px;
}

#contentsMainBottom {
	clear: both;
	padding-top: 50px;
}

#contentsMainBottom .rr_placement {
}

#contentsMainBottom .rr_placement h3 {
	font-size: 14px !important;
	background: #a776a1;
	color: white;
	font-weight: bold;
	padding: 4px 8px;
}

#contentsMainBottom .rr_placement ul {
	overflow: hidden;
	margin: 10px 5px 5px;
}

#contentsMainBottom .rr_placement li {
	float: left;
	width: 20%;
}

#contentsMainBottom .rr_placement li a {
	display: block;
	line-height: 1.2;
	font-size: 13px;
	margin: 0 auto;
	max-width: 200px;
	padding: 0 3px;
}

#contentsMainBottom .rr_placement li img {
	display: block;
	width: 200px;
	max-width: 100%;
	margin-bottom: 5px;
}

#contentsMainBottom .rr_placement li span {
	color: #666;
	font-size: 12px;
	display: block;
	margin: 0 auto;
	padding: 0 3px;
	max-width: 200px;
}
