@charset "utf-8";
/* ---------------
汎用スタイル top.css
トップのスタイル
--------------- */

/*	コンテンツ全体のボックス	*/
#wrapper {
	width: 1000px;
	margin: 0px auto;
	padding: 0;
	background: url(/themes/chantilly/images/headBg.gif) no-repeat center top;
}

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

メイン画像

--------------- */
#mainImg{
	width: 836px;
	height: 376px;
	margin: 10px 0 0 -4px;
	padding: 6px 0 0 10px;
	background: url(/themes/chantilly/images/top/mainImg.gif) no-repeat left top;
}


/*------------------- バナー ------------------*/


/*	本文エリアのボックス	*/
#topMain {
	padding: 0;
}

#contentBanner{
	height: 116px;
}

#contentBanner li{
	float: left;
	height: 116px;
}

#contentBanner li:nth-last-child(0){
	margin: 0px;
}

#mainBox{
	margin-top: 17px;
}


/*------------------- 定休日カレンダー ------------------*/

/* 定休日カレンダー全体の囲い */
#holidayCalendar{
	float:left;
	width:222px;
	margin-bottom: 16px;
	background: url(/themes/chantilly/images/top/calBoxCenter.gif) repeat-y left top;
}

#holidayCalendar h3{
	width: 222px;
	height: 43px;
	background: url(/themes/chantilly/images/top/calTitle.gif) no-repeat left top;
	text-indent: -9999px;
}

/* 一覧ページのリンク */
#CalList{
	float: right;
	margin:-30px 20px 0 0;
	_margin:-30px 10px 0 0;
	padding-left: 15px;
	background: url(../images/markerYellow.gif) no-repeat left;
	
}
/* カレンダー全体 */
#CalendarBox{
	margin-left:10px;
	_margin-top: -10px;
	padding-bottom: 18px;

}

/* IE7対策 */
*:first-child+html #CalendarBox{
	margin-top: -10px;

}

/* カレンダー単体 （下） */
.calMonthBox{
	padding-bottom: 12px;
	background: url(/themes/chantilly/images/top/calFoot.gif) no-repeat left bottom;	
}

/* IE7対策 */
*:first-child+html .calMonthBox{
	padding-bottom: 25px;

}

.CalBox{
	height: 188px;
	_height: 178px;
	font-size: 12px;
	background: url(/themes/chantilly/images/top/calCenter.gif) repeat-y left top;
}

/* IE7対策 */
*:first-child+html .CalBox{
	height: 178px;
	background: url(/themes/chantilly/images/top/calHead.gif) no-repeat left top;
}


#CalendarBox .CalMonthBox{
	_padding-top: 25px;
	background: url(/themes/chantilly/images/top/calHead.gif) no-repeat left top;
}

/* IE7対策 */
*:first-child+html #CalendarBox .CalMonthBox{
	padding-bottom: 35px;
	background: url(/themes/chantilly/images/top/calCenter.gif) repeat-y left top;
}

.cTable{
	width:100%;
	_width:95%;
	margin-bottom: 10px;
	_margin: 20px 0 0 0px;
	padding:15px 10px 0px 5px;
	_padding: 15px 5px 0;
	text-align:center;
}

/* IE7対策 */
*:first-child+html .cTable{
	width:95%;
	margin: 12px 0 0 0px;
	padding: 12px 5px 0;
}

.cTable tr td{
	height:15px;
	padding:3px 0;
	line-height: 1.5;
}

/* 月全体 ■ */
.calData{
	height:35px;
	color: #38291F;

}

.calData a:link,.calData a:visited{
	color: #38291F;
}

#holidayCalendar ul{
	width: 222px;
	padding-bottom: 15px;
	background: url(/themes/chantilly/images/top/calBoxFoot.gif) no-repeat left bottom;
	line-height: 1.8;
}

#calIcon01{
	margin: 0 0 0px 30px;
	padding-left:15px;
	background: url(/themes/chantilly/images/calIcon01.gif) no-repeat left center;
}

#calIcon02{
	margin-left: 30px;
	padding-left:15px;
	background: url(/themes/chantilly/images/calIcon02.gif) no-repeat left center;
}

/* カレンダーの日付全体 */
.cNone0,.cNone1,.cNone2,.cNone3,.cNone4,.cNone5,.cNone6 {
	text-align:center;
}

.cNone0,.cLink1, .cLink2, .cLink3, .cLink4, .cLink5,.cNone6 {
	text-align:center;
}

.regular{
	background: url(/themes/chantilly/images/calender/calIcon01.gif) no-repeat center center;
}

.special{
	background: url(/themes/chantilly/images/calender/calIcon02.gif) no-repeat center center;
}

/* 土曜日 */
.cWeek6{
	color:#3366CC;
}

/* 日曜日 */
.cWeek0{
	color:#CC3333;
}

/* 年 */
.yearH{
  font-size:12px;
}

/* 月 */
.monthH{
  margin: 0 10px 0 10px;
  font-size:24px;
}

.monthHE{
  font-size:10px;
}


/*------------------- お店のお菓子のたち ------------------*/
#topMainBox{
	float: left;
	width: 604px;
	margin-left: 18px;
}

/* トピックス（上部） */
#topPickupHead{
	background: url(/themes/chantilly/images/top/topMenuHead.gif) no-repeat left top;
}

/* トピックス（中間） */
#topPickupBox{
	margin-bottom: 5px;
	background: url(/themes/chantilly/images/top/topMenuCenter.gif) repeat-y left top;
}


#topPickup{
	width: 604px;
	background: url(/themes/chantilly/images/top/topMenuFoot.gif) no-repeat left bottom;
}

/* ピックアップバナー */
#topPickupBanner{
	float: left;
	width: 150px;
	margin:5px 0 0;
	padding-left:5px;
}

#topPickupBanner h2{
	margin-bottom: 5px;
}

/* お客様記念日ページ */
#topAnniversaryPhotoBox{
	float: left;
	width: 434px;
}

#topAnniversaryPhotoBox h2{
	padding: 6px 0 0 6px;
}

#topAnniversaryPhoto{
	margin-top: -6px;
	padding: 15px 0 20px 20px;
	background: url(/themes/chantilly/images/top/anniversaryBg.gif) no-repeat left top;
}


/* エントリータイトル */
.entryTitle{
	border-left:5px solid #FFCF45;
	font-size:13px;
	line-height:1.7;
	margin-bottom: 20px;
	padding:5px 0 5px 15px;
	font-weight:normal;
}

/* 日付 */
#topMainBox .infoDate {
	font-size:12px;
	font-weight:normal;
}




#topMenuList{
	float:left;
	padding:0 20px 20px;
	_padding:0 18px;
	width:385px;
}

#topMenuList h2{
	position: relative;
	width: 300px;
	margin-top:-25px;
}

/* 記念日ページの一覧 */
#topPhoto{
	position: relative;
		top: -25px;
		left: 360px;
	width: 45px;	
}


/* オンラインショップのバナー */
#onlineShopBanner{
	float: left;
	width: 602px;
	_margin: -10px 0 0 0;
}

.CateListLink{
	float: right;
	width: 42px;
	height: 13px;
	margin: -28px 20px 0 0;
	_margin: -28px 10px 0 0;
	background: url(../images/top/newsListBtn.gif) no-repeat;
	text-indent: -9999px;
}

.CateListLink a{
	display: block;
	width: 42px;
	height: 13px;
}

#topMain .topCateList li {
	float: left;
	width:116px;
	padding-left: 15px;
	background: url(/themes/chantilly/images/markerYellow.gif) no-repeat left center;
	line-height:2.3;
}

/* 写真ケーキの記事タイトル */
#topAnniversaryTitle{
	clear: both;
}

/* 写真ケーキ一覧のリンク */
#topPhotoList{
	position: relative;
		top: -35px;
		left: 415px;
	width: 100px;
	padding-left:15px;
	background: url(/themes/chantilly/images/markerYellow.gif) no-repeat left center;
}

/*------------------- TOPニュース ------------------*/
#TOPNewsBox{
	float: left;
	width: 605px;
	margin: 10px 0 20px 0;
	padding-bottom: 5px;
	background: url(/themes/chantilly/images/top/topNewsFootBg.gif) no-repeat left bottom;
}

#TOPNews{
	width: 605px;
	background: url(/themes/chantilly/images/top/topNewsCenterBg.gif) repeat-y left top;
}

#TOPNewsBox h3{
	width: 605px;
	height: 41px;
	background: url(/themes/chantilly/images/top/newsTopTitle.gif) no-repeat left top;
	text-indent: -9999px;
}

/* ニュース一覧のリスト */

#TOPNewsBox ul{
	margin: 10px 0 20px;
	padding: 0 6px;	
}

#TOPNewsBox li{
	list-style-type: none;
	position: relative;
	margin-bottom: 8px;
	padding-bottom: 10px;
	background: url(/themes/chantilly/images/top/topNewsLine.gif) repeat-x left bottom;
}

#TOPNewsBox li a{
	margin-left:10px;
}


#TOPNewsBox li img {
	position: relative;
	top: 4px;
	margin-left: 12px;
}

/* ニュースの日付 */
.topNewsData{
	margin-left: 20px;
	padding-left: 20px;
	background: url(/themes/chantilly/images/markerYellow.gif) no-repeat left center;
}

/* お知らせのRSSと一覧 */
#newsSubBtn{
	float:right;
	margin-top: -28px;
}



#TOPNewsBoxRSS a{
	display:block;
	float:left;
	width:40px;
	height: 19px;
	padding:10px 0 0 28px;
	background: url(../images/top/rssBtn.gif) no-repeat left top;
	text-indent: -9999px;

}

#TOPNewsBoxList a{
	display:block;
	float:left;
	width: 42px;
	height: 13px;
	margin: 4px 18px 0 0; 
	_margin: 4px 9px 0 0; 
	background: url(../images/top/newsListBtn.gif) no-repeat left top;
	text-indent: -9999px;
}





/*	フロート解除(不可視)(予備)	*/
.clearHidden {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	margin: 0;
}