@charset "utf-8";
/*##################################################
-------------LIST-------------
 00: Base
 01: header
 02: ピックアップ商品
 03: その他の商品
 --: clearfix
------------------------------
##################################################*/
/* --------------------------------------------------
 00: Base
 -------------------------------------------------- */
p.pagetop{
	padding: 0 0 15px 0;
}

div#sanremo{
	padding: 0 0 10px 0;
	border: 1px solid #351814;
	color: #351814;
	font-size: 12px;
	_font-size:13px;
}
div#header h1{
	text-indent: 0;
	width: 738px;
	height: 289px;
}
/* --------------------------------------------------
 01: header
 -------------------------------------------------- */
div#about{
	width: 425px;
	height: 256px;    
	color:#7b5216;
	float:left;
}
div#about p{
	padding: 10px 16px 0 22px;
}
div#about dl{
	padding: 6px 0 0 22px;
}
div#about dl dt{
	padding: 0 0 3px 0;
}
div#about dl dd{
	padding: 0 20px 0 0;
}
div#prof{
	width: 313px;
	height: 256px;  
	background: url(images/prof_bg.jpg) 0 0 no-repeat;
	float:left;
}
div#prof h2{
	position:absolute;
	margin: 12px 0 0 18px;
}
div#prof dl {
	padding: 22px 0 0 0;
}
div#prof dl dt{
	padding: 0 0 0 169px;
}
div#prof dl dd{
	padding: 18px 137px 0 20px;
}
/* --------------------------------------------------
 02: ピックアップ商品
 -------------------------------------------------- */

div#pickup{
	background:url(images/pick_bg.gif) 0 0 repeat-y;
}
div#pickup h2{
	border-bottom:8px solid #fff;
}
div#pickup-inner{
	padding: 0 2px 0 10px;
}
/*** 共通 ***/
div#pickup-inner div.block-a,
div#pickup-inner div.block-b{
	width: 363px;
	float:left;
	border-bottom:8px solid #fff;
}
div#pickup-inner div.block-a{
	height: 270px;
}
div#pickup-inner div.block-b{
	height: 259px;
}
/*** 枠 ***/
div#grande,
div#marone{
	padding: 6px 6px 6px 6px;
}
div#panettone,
div#pandoro{
	padding: 6px 5px 6px 9px;
}
/*** 写真 ***/
div#grande p.ph,
div#marone p.ph{
	width: 174px;
	height: 231px;
	float:left;
}
div#panettone p.ph,
div#pandoro p.ph{
	position:absolute;
	margin: 0 0 0 162px;
}
/*** 商品名と値段 ***/
div#pickup dl dt{
	padding: 13px 0 4px 17px;
}
div#pickup dl dd{
	text-align:right;
	height: 16px;
	padding-right:14px;
}
div#grande dl{
	width: 168px;
	height:99px;
	float:left;
	background:url(images/pick_grande_plate.gif) 0 0 no-repeat;
}
div#marone dl{
	width: 168px;
	height:67px;
	float:left;
	background:url(images/pick_marone_plate.gif) 0 0 no-repeat;
}
div#panettone dl{
	width: 157px;
	height:137px;
	background:url(images/pick_panettone_plate.gif) 0 0 no-repeat;
}
div#pandoro dl{
	width: 157px;
	height:137px;
	background:url(images/pick_pandoro_plate.gif) 0 0 no-repeat;
}
/*** 説明テキスト ***/
div#grande p.txt,
div#marone p.txt{
	width: 158px;
	float:left;
	padding-top:2px;
	position:relative;
	left:8px;
}
div#panettone p.txt,
div#pandoro p.txt{
	padding: 0 16px 0 10px;
}

/* --------------------------------------------------
 03: その他の商品
 -------------------------------------------------- */
div#others ul{
	padding: 12px 0 0 20px;
}
div#others ul li{
	width:142px;
	float:left;
}
div#others ul li p{
	margin-bottom:6px;
}
div#others ul li dl dd{
	padding: 10px 5px 0 0;
	line-height: 130%;
	font-size: 0.95em;
}

/* --------------------------------------------------
 --: ClearFix
-------------------------------------------------- */
/* for Win IE */
div#header,
div#pickup-inner,
div#pickup-inner div.block-a,
div#pickup-inner div.block-b,
div#others ul
{zoom:1;}
/* for IE5 Mac start ¥*//*/
div#header,
div#pickup-inner,
div#pickup-inner div.block-a,
div#pickup-inner div.block-b,
div#others ul
{display:inline-table;}
/*for IE5 Mac end */
div#header:after,
div#pickup-inner:after,
div#pickup-inner div.block-a:after,
div#pickup-inner div.block-b:after,
div#others ul:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}