@charset "utf-8";
/* ----------------------------------------------------------------------------------------------------
 * ▼　共通レイアウト
 * --------------------------------------------------------------------------------------------------*/
html {

}

body {

}

a:hover img {
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter:"alpha(opacity=50)";
}

#container {
	clear: both;
	width: 950px;
	margin: 0px auto 85px;
	text-align: left;
	overflow: hidden;
	font-size:0.8em;
	letter-spacing:0.1em;
}

.detail{
	padding:0 0 0 0;
	float:right;
	line-height:2.1;
	width:735px;
}

/*#pagetop {
	position: absolute;
	top: 0;
	left: -9999em;
}*/

/*iPhone用文字サイズ調整*/
* {
-webkit-text-size-adjust:100%;
}

/* ----------------------------------------------------------------------------------------------------
 * ▼　ヘッダー
 * --------------------------------------------------------------------------------------------------*/
/*#headerWrap {
	width: 100%;
	height: 157px;
	position: relative;
	z-index: 9999;
	margin: 0 auto;
}

#headerTop {
	width: 100%;
	height: 157px;
	margin: 0 auto;
	position:fixed;
  top:0px;
	background: #FFF;
}*/

#header {
	position:relative;
	text-align: center;
	height: 157px;
	background: url(../images/common/header_bg.gif) repeat-x;
}

#inHeader {
	position:relative;
	width: 950px;
	margin: 0 auto;
	height: 157px;
}

#header h1 {
	position: absolute;
	top: 31px;
	left: 0px;
	width: 175px;
	height: 104px;
	background: url(../images/common/logo.gif) no-repeat;
	text-indent:-9999px;
}

#header h1 a {
	display: block;
	width: 175px;
	height: 104px;
	text-decoration: none;
}


/* ----------------------------------------------------------------------------------------------------
 * ▼　グローバルナビゲーション
 * --------------------------------------------------------------------------------------------------*/
#gNavi {
	position: absolute;
	top: 100px;
	right: 0px;
	margin:0 0 0 0;
}

ul#topnav li {
	float: left;
	margin: 0 0 0 31px;
	padding: 0;
	position: relative;
}

ul#topnav li a {
	display: block;
}

ul#topnav li.close img {
opacity:0.3;
filter:alpha(opacity=30);
-ms-filter:"alpha(opacity=30)";
display: block;
}

/* ----------------------------------------------------------------------------------------------------
 * ▼　メインイメージ
 * --------------------------------------------------------------------------------------------------*/
#image-navigation {
	clear:both;
	height:375px;
}

#image-navigation a:hover img {
opacity:1;
filter:alpha(opacity=100);
-ms-filter:"alpha(opacity=100)";
}

#image-navigation .navi-image {
position:relative;
}

#image-navigation .navi-image a {
position:absolute;
z-index:8;
}

#image-navigation .navi-image a.active {
z-index:10;
}

#image-navigation .navi-image a.last-active {
z-index:9;
}

#image-navigation .navi{
position:relative;
}

#image-navigation .navi a{
top:340px;
}

#image-navigation .navi ul {
position:relative;
left:50%;
float:left;
}

#image-navigation .navi ul li {
position:relative;
left:-50%;
float:left;
}

#image-navigation .navi ul li a {
  display:block;
  width:9px;
  height:9px;
	padding: 2px;
	background: url(../images/index/mainimage/mainimage_btn_off.gif) no-repeat;
	text-indent: -9999px;
}

#image-navigation .navi ul li a.active {
	background: url(../images/index/mainimage/mainimage_btn_on.gif) no-repeat;
}

/* ----------------------------------------------------------------------------------------------------
 * ▼　TOPICS & NEWS
 * --------------------------------------------------------------------------------------------------*/
#topics {
	clear:both;
	height:167px;
}

#topics h2 {
	float:left;
	width:215px;
	padding:12px 0 0 0;
}

#blog{
	padding:0 0 0 0;
	float:right;
}

#blog .newsBlock {
	padding:0 0 0 0;
	width:735px;
	zoom: 1;
  overflow: hidden;
}

#blog .newsBlock dt {
	float:left;
	padding:17px 25px 16px 1px;
	line-height:0.8;
	font-weight:bold;
}

#blog .newsBlock dd {
	padding:17px 0 16px 0;
	border-top:1px dotted #b2b2b2;
	line-height:0.8;
	margin-top: -1px;
}

/* ----------------------------------------------------------------------------------------------------
 * ▼　CONCEPT
 * --------------------------------------------------------------------------------------------------*/
#concept {
	clear:both;
	padding:55px 0 0 0;
}

#concept h2 {
	float:left;
	width:215px;
	padding:2px 0 0 0;
}

.cTextLeft{
	float:left;
	width:340px;
	padding:0 55px 0 0;
	line-height:2.5em;
	letter-spacing:0.27em;
}

.cTextRight{
	float:right;
	width:340px;
	padding:0 0 0 0;
}

/*.cTextLeft2{
	float:left;
	width:455px;
	padding:0 0px 0 0;
	line-height:2.5em;
	letter-spacing:0.27em;
}

.cTextRight2{
	float:right;
	width:280px;
	padding:0 0 0 0;
}

#concept .cTextLeft2 p {
	padding:0 0 23px 0;
}*/

#concept p {
	padding:0 0 10px 0;
}

p.sign {
text-align:right;
}

/* ----------------------------------------------------------------------------------------------------
 * ▼　SHOWCASE
 * --------------------------------------------------------------------------------------------------*/
#showcase {
	clear:both;
	padding:80px 0 0 0;
	padding:80px 0 0 0\9;
	*padding:0px 0 0 0;
	margin:80px 0 0 0\9;
}

#showcase h2 {
	float:left;
	width:215px;
	padding:0 0 0 0;
}

#showcase #newItem {
	clear:both;
	padding:0px 0 0 0px;
}

#showcase #scrollable2 {
	width:735px;
	height:176px;
	position:relative;
}

#showcase div.items {
	height:176px;
	float:left;
	width:735px !important;
	margin: 0px 0 0 0px;
	*padding:0 0 0 0;/*IE7*/
	_padding:0 0 0 0;/*IE6*/
	*margin:0px 0 0 0px;
	_margin:0px 0 0 0px;
}

#showcase a.prev, a.next {
	float:left;
	display:block;
	width:29px;
	height:29px;
	float:left;
	cursor:pointer;
}

#showcase a.prev {
	background-image:url(../images/index/showcase/btn_prev.png);
	position: absolute;
	top:74px;
	left:-10px;
	z-index:7777;
}

#showcase a.next {
	background-image:url(../images/index/showcase/btn_next.png);
	position: absolute;
	top:74px;
	right:0px;
	z-index:7777;
}

#showcase a.prev:hover, a.next:hover {
/*	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";*/
}

#showcase div.item{
	margin-right:10px;
	float:left;
	width:235px;
	text-align:left;
}

#showcase div.item div.body{
	text-align:center;
}

#showcase div.item div.body .thumbnail{
	width: 235px;
}

#showcase div.item div.body .thumbnail a:hover img {
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter:"alpha(opacity=90)";
}

/* ----------------------------------------------------------------------------------------------------
 * ▼　SHOWCASE DETAIL
 * --------------------------------------------------------------------------------------------------*/
#showcaseDetail {
	display:none;
}

.showcaseDetailArea {
	position:relative;
	clear:both;
	width:931px;
	height:420px;
	/*display:none;*/
	overflow:auto;
}

.photoArea {
	width:560px;
	height:420px;
	float:left;
	margin-right:1px;
}

.detailArea {
	width:310px;
	height:420px;
	float:right;
	background:#FFFFFF;
	padding:0 30px;
}

h2 {
	font-size: 1.2em;
	padding:90px 0 4px 0;
	color: #595959\9;
}

.detailArea p {
	font-size: 0.8em;
	line-height: 1.9em;
	padding-top: 28px;
}

.download {
	position:absolute;
  bottom: 40px;
	width: 310px;
}

.download dl {
	overflow:hidden;
	margin-top:10px;
	cursor:pointer;
}

.download dl dt {
	padding-right:5px;
	width:60px;
	height:60px;

	display: inline-block;
	vertical-align: middle;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */

}

.download dl dd {
	font-size: 0.8em;
	line-height: 1.4em;

	display: inline-block;
	vertical-align: middle;
	width:239px;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
}

.download dl a {
	color:#000000;
	text-decoration:none;
	cursor:pointer;
}

.download dl a:hover {
	color:#4c4c4c;
	text-decoration:none;
}

/* ----------------------------------------------------------------------------------------------------
 * ▼　PATISSIER
 * --------------------------------------------------------------------------------------------------*/
#patissier {
	clear:both;
	padding:80px 0 0 0;
	*padding:0px 0 0 0;
	*margin:80px 0 0 0;
	letter-spacing:0.05em;
}

#patissier h2 {
	float:left;
	width:215px;
	padding:0 0 0 0;
}

#patissier h3 {
	margin:34px 0 13px 0;
	background:url(../images/index/patissier/patissier_img_02.gif) no-repeat left;
	height:13px;
	text-indent:-9999px;
}

#patissier table.profile {
	margin:25px 0 0 0;
}

#patissier table.profile img {
	margin:7px 0 11px 0;
}

table.history {
	margin:0 0 0 33px;
}

table.history tr td {
	padding:5px 5px 6px 0;
}

/* ----------------------------------------------------------------------------------------------------
 * ▼　STORE LOCATION
 * --------------------------------------------------------------------------------------------------*/
#location {
	clear:both;
	padding:85px 0 0 0;
	*padding:0px 0 0 0;
	*margin:80px 0 0 0;
}

#location h2 {
	float:left;
	width:215px;
	padding:0 0 0 0;
}

#location img.photo  {
	padding:0 0 40px 0;
}

#location img.map  {
	padding:0 30px 0 0;
}

#location h3 {
	font-weight:bold;
	font-size:1.4em;
	padding:0 0 10px 0;
}

#location p {
	padding:0 0 15px 0;
	line-height:1.7;
}

.attention {
	color:#CC0000;
}

#calendar {
	width: 455px;
	padding: 0;
	text-align: center;
	background-color:#000000;
	margin-top:5px;
}

#calendar table {
	float:left;
	width:200px;
	margin-right:20px;
	background-color:#FFF;
}

#calendar table .week {
	background:#e6e6e6;
	line-height:1.8;
}

#calendar table tr td {
	line-height:0.8;
	padding-top:8px;
}

#calendar table tr td span {
	color:#CC0000;
}

/* ----------------------------------------------------------------------------------------------------
 * ▼　その他共通
 * --------------------------------------------------------------------------------------------------*/
/* clearfix */
.cf{
	display: inline-block;
}

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

/* ----------------------------------------------------------------------------------------------------
 * ▼　フッター
 * --------------------------------------------------------------------------------------------------*/

#footer {
	clear: both;
	text-align: left;
	background-color:#f5efe8;
	margin:0 0 0 0;
}

#inFooter {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

#copyright {
	clear: both;
	text-align: left;
	background-color:#00003b;
}

#inCopyRight {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

.footerLogo {
	clear: both;
	padding:39px 0 0 0;
}

.copyRight {
	color:#4c4c4c;
	font-size:10px;
	font-family: 'Patua One', cursive;
	padding:25px 0 7px 0;
}