@charset "UTF-8";





h2#bar_ranking, h2#bar_whatsnew, h2#bar_showcase {
	display:block;
	width:690px;
	height:22px;
	text-indent:-9999px;
	}


h2#bar_ranking {
	background:url(../common/images/bar_ranking.gif) transparent left top no-repeat;
	}


h2#bar_whatsnew {
	background:url(../common/images/bar_whatsnew.gif) transparent left top no-repeat;
	}


h2#bar_showcase {
	background:url(../common/images/bar_showcase.gif) transparent left top no-repeat;
	}



/* 商品 */

div#ranking_box {
	margin:10px 0 50px 0;
	padding:0;
	clear:both;
	}


div#ranking_box dl {
	margin:0 6px;
	width:126px;
	background:#eee;
	float:left;
	display:inline;
	}

div#ranking_box dl dt {
	padding:30px 11px 0 11px;
	}


div#ranking_box dl dt a {
	display:block;
	width:102px;
	height:104px;
	/*text-indent:-9999px;*/
	text-align:left;
	}


div#ranking_box dl dd {
	padding:7px 11px 10px 11px;
	font-size:85%;
	height:120px;
	}


div#ranking_box dl dd h4 {
	margin:5px 0 0 0;
	height:30px;
	text-align:center;
	}

div#ranking_box dl dd a {
	color:#333;
	text-decoration:none;
	line-height:120%;
	}

div#ranking_box dl dd a:hover {
	color:#c00;
	}


div#ranking_box dl dt#rank_01 {
	background:url(../common/images/bar_rank_01.gif) transparent center 7px no-repeat;
	}


div#ranking_box dl dt#rank_02 {
	background:url(../common/images/bar_rank_02.gif) transparent center 7px no-repeat;
	}


div#ranking_box dl dt#rank_03 {
	background:url(../common/images/bar_rank_03.gif) transparent center 7px no-repeat;
	}


div#ranking_box dl dt#rank_04 {
	background:url(../common/images/bar_rank_04.gif) transparent center 7px no-repeat;
	}


div#ranking_box dl dt#rank_05 {
	background:url(../common/images/bar_rank_05.gif) transparent center 7px no-repeat;
	}






/* What’s new */

div#whatsnew_box {
	margin:0 0 50px 0;
	padding:0;
	clear:both;
	}


div#whatsnew_box dl {
	margin:0 auto;
	width:670px;
	border-bottom:1px dashed #ccc;
	}

/* div#whatsnew_box dl clear */
div#whatsnew_box dl:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

div#whatsnew_box dl {display: inline-table;
	clear:both;}

/* \*/
* html div#whatsnew_box dl {height: 1%;}
div#whatsnew_box dl {display: block;}
/* End hide from IE-mac */

*:first-child+html .clearfix{
	height:1px;
	}


div#whatsnew_box dl dt {
	padding:10px 0 10px 11px;
	width:126px;
	float:left;
	}


div#whatsnew_box dl dt a {
	padding-left:20px;
	background:url(../common/images/arrow_01.gif) transparent left center no-repeat;
	color:#333;
	text-decoration:none;
	line-height:120%;
	}


div#whatsnew_box dl dd {
	padding:10px 0;
	width:533px;
	float:left;
	}


div#whatsnew_box dl dd a {
	color:#333;
	text-decoration:none;
	line-height:120%;
	}

div#whatsnew_box dl dt a:hover, 
div#whatsnew_box dl dd a:hover {
	color:#c00;
	}


div#whatsnew_box dl dd a img {
	border:none;
	outline:0;
	vertical-align:middle;
	margin-right:10px;
	}










/* Show case */

div.showcase_box {
	margin:10px 10px 30px 10px;
	padding:6px;
	clear:both;
	border:1px solid #d3d3d3;
	width:656px;
	background:url(../common/images/back_showcase.gif) #eee left top repeat-x;
	}


div.showcase_box_title {
	margin:10px 0;
	padding:0 0 3px 0;
	clear:both;
	border-bottom:1px dotted #d3d3d3;
	}


div.showcase_box h3#bar_namagashi, div.showcase_box h3#bar_yakigashi {
	display:block;
	float:left;
	width:537px;
	height:16px;
	text-indent:-9999px;
	}
div.showcase_box h3#category_title {
	font-weight: normal;
	font-size: 17px;
	padding-left: 15px;
	display:block;
	float:left;
	width:522px;
	height:16px;
	background:url(../common/images/arrow_02.gif) transparent 5px center no-repeat;
	}

a.btn_more_info {
	display:block;
	float:left;
	width:114px;
	height:20px;
	background:url(../common/images/btn_more_info.gif) transparent left top no-repeat;
	text-indent:-9999px;
	}


a.btn_more_info:hover {
	background-position: left -20px;
	}





div.showcase_box h3#bar_namagashi {
	background:url(../common/images/bar_namagashi.gif) transparent left top no-repeat;
	}


div.showcase_box h3#bar_yakigashi {
	background:url(../common/images/bar_yakigashi.gif) transparent left top no-repeat;
	}



div.showcase_box dl {
	margin:0 2px 0 3px;
	width:124px;
	float:left;
	display:inline;
	border:1px solid #d3d3d3;
	background:#fff;
	}

div.showcase_box dl dt {
	padding:10px 11px 0 11px;
	}


div.showcase_box dl dt a {
	display:block;
	width:102px;
	height:104px;
	/*text-indent:-9999px;*/
	text-align:left;
	}


div.showcase_box dl dd {
	padding:7px 11px 10px 11px;
	font-size:85%;
	height:120px;
	}


div.showcase_box dl dd h4 {
	margin:5px 0 0 0;
	height:30px;
	text-align:center;
	}

div.showcase_box dl dd a {
	color:#333;
	text-decoration:none;
	line-height:120%;
	}

div.showcase_box dl dd a:hover {
	color:#c00;
	}







/* 各ケーキ写真 */
a.cake_01 {
	background:url(../images/cake_01.jpg) transparent left top no-repeat;
	}

a.cake_02 {
	background:url(../images/cake_02.jpg) transparent left top no-repeat;
	}

a.cake_03 {
	background:url(../images/cake_03.jpg) transparent left top no-repeat;
	}

a.cake_04 {
	background:url(../images/cake_04.jpg) transparent left top no-repeat;
	}

a.cake_05 {
	background:url(../images/cake_05.jpg) transparent left top no-repeat;
	}