@charset "utf-8";

/*------------------------------------------------------------------------------
XXXXXXXXXX - CSS Modules Import
URL: http://
Date: 200X-0X-XX
Copyright (C) XXX. All Rights Reserved.
------------------------------------------------------------------------------*/


/* ----------------------------------------

Container

---------------------------------------- */
div#Mainvisual li {
	font-size: 0;
	line-height: 0;
}

div#gallery {
	width: 640px;
	height: 250px;
}

ul#Topbanner {
	width: 640px;
	height: 104px;
	margin: 9px 0 17px;
	position: relative;
}

ul#Topbanner li {
	width: 315px;
	height: 104px;
	position: absolute;
	left: 0;
	top: 0;
}

ul#Topbanner li.sub {
	left: 325px;
	top: 0;
}

div#Whatsnew {
	width: 640px;
	height: 197px;
	position: relative;
	background: url(../img/top/whatsnew.png) no-repeat 0 0;
}

div#Whatsnew h2 {
	height: 30px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

div#Whatsnew ul.rss {
	width: 640px;
	position: absolute;
	left: 0;
	top: 0;
}

div#Whatsnew ul.rss li {
	width: 30px;
	height: 18px;
	position: absolute;
	left: 600px;
	top: 5px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

div#Whatsnew ul.rss li a {
	display: block;
	height: 100%;
}

div#Whatsnew div {
	height: 138px;
	padding: 5px 0;
	overflow: auto;
}

div#Whatsnew ul.back {
	width: 640px;
	position: absolute;
	left: 0;
	top: 0;
}

div#Whatsnew ul.back li {
	width: 95px;
	height: 15px;
	position: absolute;
	left: 545px;
	top: 181px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

div#Whatsnew ul.back li a {
	display: block;
	height: 100%;
}

div#Whatsnew dl {
	clear: both;
	width: 615px;
	margin-left: 5px;
	padding: 0 0 5px;
	font-size: 93%;
	line-height: 1.2;
}

div#Whatsnew dt {
	float: left;
	width: 75px;
	font-size: 0.9em;
	color: #39877C;
}

div#Whatsnew dd {
	float: right;
	width: 540px;
}

div#Picturesofcake {
	width: 640px;
	height: 119px;
	position: relative;
	background: url(../img/top/cakephoto.png) no-repeat 0 0;
}

div#Picturesofcake h3 {
	height: 24px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

/*
div#Picturesofcake div#sidebar {
	width: 20000px;
	min-height:90px;
	height: auto !important;
	height: 90px;
}

div#Picturesofcake div#sidebar ul {
	padding: 5px 0 0;
}

div#Picturesofcake div#sidebar ul li {
	width: 64px;
	height: 80px;
	overflow: hidden;
	float: left;
	display: inline;
	margin-right: 12px;
	font-size: 0;
	line-height: 0;
}*/

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 64px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
}

.jcarousel-prev {
    z-index: 3;
}

.jcarousel-skin-tango .jcarousel-container {
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 640px;
}
/*
.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
}*/

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  610px;
    height: 80px;
				margin-left: 15px;
}
/*
.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  64px;
    height: 245px;
}*/

.jcarousel-skin-tango .jcarousel-item {
    width: 64px;
				height: 80px;
				overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 5px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    left: 629px;
    width: 11px;
    height: 90px;
    cursor: pointer;
    background: transparent url(../img/top/cakebtn_r.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 11px;
    height: 90px;
    cursor: pointer;
    background: transparent url(../img/top/cakebtn_l.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    left: 629px;
    width: 11px;
    height: 90px;
    cursor: pointer;
    background: transparent url(../img/top/cakebtn_r.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 11px;
    height: 90px;
    cursor: pointer;
    background: transparent url(../img/top/cakebtn_l.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 ;
}



/* 回転画像のスタイルシート 
div#Picturesofcake ul {
	width: 20000px;
	position: absolute;
	left: 15px;
	top: 24px;
}

div#Picturesofcake ul li {
	width: 64px;
	height: 80px;
	overflow: hidden;
	float: left;
	display: inline;
	margin-right: 12px;
	font-size: 0;
	line-height: 0;
}

div#Picturesofcake .jqCarouselPrev {
	width: 11px;
	height: 90px;
	position: absolute;
	left:0;
	top: 24px;
}

div#Picturesofcake .jqCarouselNext {
	width: 11px;
	height: 90px;
	position: absolute;
	left:629px;
	top: 24px;
}*/

ul.Forgift {
	padding: 10px 0;
	font-size: 0;
	line-height: 0;
}

div#Shoplist {
	width: 640px;
	background: url(../img/top/shopbg02.png) repeat-y center top;
}

div#Shoplist div.ClearFix {
	clear: both;
	padding: 5px 0;
	background: url(../img/top/shopbg.png) no-repeat bottom;
}

div#Shoplist dl {
	float: left;
	width: 312px;
	min-height: 128px;
	height: auto !important;
	height: 128px;
}

div#Shoplist p.topbg {
	height: 5px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	background: url(../img/top/shopbg.png) no-repeat 0 0;
}

div#Shoplist dt,
div#Shoplist dd{
	width: 140px;
	margin-left: 172px;
}

div#Shoplist dt {
	height: 25px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

div#Shoplist dd {
	font-size: 93%;
	line-height: 1.2;
}

div#Shoplist dl.shop01 {
	background: url(../img/top/shop01.png) no-repeat 0 0;
}

div#Shoplist dl.shop02 {
	float: right;
	background: url(../img/top/shop02.png) no-repeat 0 0;
}

div#Shoplist dl.shop03 {
	background: url(../img/top/shop03.png) no-repeat 0 0;
}

div#Shoplist dl.shop04 {
	float: right;
	background: url(../img/top/shop04.png) no-repeat 0 0;
}

div#Shoplist ul {
	padding: 5px 0 0 48px;
}

div#Shoplist ul li {
	width: 92px;
	height: 17px;
	background: url(../img/top/planbtn.png) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}

div#Shoplist ul li a {
	display: block;
	height: 100%;
}

/* ----------------------------------------

ClearFix (必要なければ消す)

---------------------------------------- */

/* -- Modern Browsers -- */

div#xxxx:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

/* -- IE7 -- */

div#xxxx {
	display: inline-block;
}

/*  -- Legacy IE -- */

* html div#xxxx {
	height: 1%;
}

div#xxxx {
	display: block;
}



div.SakaiContents {
	width: 640px;
	min-height: 157px;
	height: auto !important;
	height: 157px;
	background: url(../../sweets/img/gateau/sakai.png) no-repeat 0 0;
}

div.SakaiContents dl {
	padding: 49px 0 0 248px;
	font-size: 93%;
	line-height: 1.2;
}

div.SakaiContents dt {
	display: none;
}

div.SakaiContents ul {
	padding: 10px 0;
}

div.SakaiContents li {
	padding-top: 7px;
	padding-left: 95px;
	min-height: 31px;
	height: auto !important;
	height: 31px;
	background: url(../../sweets/img/gateau/bnr.png) no-repeat 0 0;
}