@charset "shift_jis";


/*-------------- 詳細ページ ---------------*/

#container #contents #detail #detail-area {/* 大枠 */
	width:540px;
	background: url(/common/images/detail_bg001.gif) no-repeat;
	padding:18px 0 0 0;
}
#container #contents #detail #detail-area #detail-area-inner{/* 中枠 */
	background: url(/common/images/detail_bg002.gif) no-repeat left bottom;
	padding:0 18px 18px 18px;
	_height:1%;
}
#container #contents #detail #detail-area #detail-area-inner h1 {/* 商品名 */
	background: url(/common/images/detail_h1_bg001.gif) no-repeat;
	min-height:39px;
	_height:39px;
	margin:0;
	font-weight:bold;
	font-size:120%;
	padding:22px 20px 0 20px;
	color: #863B1D;
}
/* 商品名 ケーキ・洋菓子用*/
/*#cake #container #contents #detail #detail-area #detail-area-inner h1 {
	background: url(/common/images/detail_h1_bg001.gif) no-repeat;
	min-height:34px;
	_height:34px;
	margin:0;
	font-weight:bold;
	font-size:110%;
	padding:13px 20px 15px 20px;
}*/
#container #contents #detail #detail-area #detail-area-inner h1 img{
	vertical-align:top;
	margin:0.2em 8px 0.2em 0;
	
}
#container #contents #detail #detail-area #detail-area-inner h1.new{
	text-indent: -32px;
	padding-left: 52px;
}

/*上段写真+テキストエリア*/
#container #contents #detail #detail-area #detail-area-inner #product-info{
	margin:14px 0 0 0;
}
#container #contents #detail #detail-area #detail-area-inner #product-info div.product-img{
	background:url(/common/images/detail_bg011.gif) no-repeat 0 0;
	width:234px;
	float:left;
	margin:0;
}
#container #contents #detail #detail-area #detail-area-inner #product-info div.product-img p.img{
	background:url(/common/images/detail_bg012.gif) no-repeat 0 100%;
	width:228px;
	height:228px;
	margin-top:3px;
	padding:0 3px 3px 3px;
	text-align:center;
}
#container #contents #detail #detail-area #detail-area-inner #product-info div.product-img p.caption{
	font-size:80%;
	padding:5px 0 0 0;
}
#container #contents #detail #detail-area #detail-area-inner #product-info div.product-text{
	width:258px;
	padding-left:6px;
	float:right;
}
#container #contents #detail #detail-area #detail-area-inner #product-info div.product-text p.notes-red{
	font-size:80%;
	color:#CC0000;
	padding:10px 0 0 1em;
	text-indent:-1em;
}
#container #contents #detail #detail-area #detail-area-inner #product-info div.product-text div.notes{
	background: url(/common/images/detail_bg003.gif) no-repeat;
	width:229px;
	margin:30px auto 0 auto;
}
#container #contents #detail #detail-area #detail-area-inner #product-info div.product-text div.notes div.notes-inner{
	background: url(/common/images/detail_bg004.gif) no-repeat left bottom;
	padding:5px;
	font-size:80%;
	height:1%;
}
#container #contents #detail #detail-area #detail-area-inner #product-info div.product-text div.notes div.notes-inner p {
	padding-left: 1.1em;
	text-indent: -1.1em;
}
#container #contents #detail #detail-area #detail-area-inner #product-info div.product-text div.notes div.notes-inner p.normal{
	padding-left: 0;
	text-indent: 0;
	font-size:120%;
	margin-top:0.2em;
}
#container #contents #detail #detail-area #detail-area-inner #product-info div.product-text p.btn{
	margin:30px 0 0 0;
	text-align:right;
}

/*中段*/
#container #contents #detail #detail-area #detail-area-inner #product-detail{
	margin:10px 0 0 0;
}
#container #contents #detail #detail-area #detail-area-inner #product-detail div.left-area{
	float:left;
	width:242px;
}
#container #contents #detail #detail-area #detail-area-inner #product-detail div.right-area{
	float:right;
	width:242px;
}
#container #contents #detail #detail-area #detail-area-inner h3{
	margin:7px 0;
	background-image: none;
	padding:0;
}
#container #contents #detail #detail-area #detail-area-inner p.notes{
	margin:0.5em 0 0 0;
}
#container #contents #detail #detail-area #detail-area-inner table.detail{
	width:100%;
}
#container #contents #detail #detail-area #detail-area-inner table.detail th{
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #E7D9BF;
	padding:5px;
	background-color: #F9D6D6;
	width:35%;
	text-align:left;
}
#container #contents #detail #detail-area #detail-area-inner table.detail td{
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #E7D9BF;
	padding:5px;
	background-color: #FCF9EE;
	width:65%;
	vertical-align:top;
}
#container #contents #detail #detail-area #detail-area-inner table.price{
	width:100%;
	border-collapse:collapse;
	margin:0 0 0.5em 0;
	_margin:0 0 1em 0;
}
#container #contents #detail #detail-area #detail-area-inner table.price td{
	border-bottom:1px solid #efe5d4;
	padding:5px;
}
#container #contents #detail #detail-area #detail-area-inner p.illust{
	margin:0 0 30px 0;
	text-align:center;
}
#container #contents #detail #detail-area #detail-area-inner p.tenpo{
	margin:20px 0 0 0;
	text-align:right;
}
#container #contents #detail #detail-area #detail-area-inner p.allergy-ico img{
	margin:0 3px 0.5em 0;
}
#container #contents #detail #detail-area #detail-area-inner a.link-allergy{
	background-position: 0px 0px;
	padding:1px 0 0 15px;
}

/*中下段　グッズ*/
#container #contents #detail #detail-area #detail-area-inner #goods{
	width:482px;
	margin:25px auto 0 auto;
}
#container #contents #detail #detail-area #detail-area-inner #goods div.left-area{
	background:url(/common/images/detail_bg013.gif) no-repeat 0 0;
	float:left;
	width:234px;
}
#container #contents #detail #detail-area #detail-area-inner #goods div.right-area{
	background:url(/common/images/detail_bg013.gif) no-repeat 0 0;
	float:right;
	width:234px;
}
#container #contents #detail #detail-area #detail-area-inner #goods div.left-area p.img,
#container #contents #detail #detail-area #detail-area-inner #goods div.right-area p.img{
	background:url(/common/images/detail_bg014.gif) no-repeat 0 100%;
	width:228px;
	margin-top:3px;
	padding:0 3px 3px 3px;
	text-align:center;
}
#container #contents #detail #detail-area #detail-area-inner #goods div.left-area p,
#container #contents #detail #detail-area #detail-area-inner #goods div.right-area p{
	margin:0.5em 0 0 0;
	font-size:80%;
}

/*下段　関連商品*/
#container #contents #detail #detail-area #detail-area-inner h2{
	color:#cc0000;
	font-size:120%;
	background: url(/common/images/detail_bg005.gif) no-repeat;
	margin:30px 0 0 0;
	padding:0 0 0 30px;
}
#container #contents #detail #detail-area #detail-area-inner #kanren:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#container #contents #detail #detail-area #detail-area-inner #kanren{
	width:500px;
	margin:10px auto 0 auto;
	background: url(/common/images/detail_bg006.gif) repeat-y;
	min-height: 1%;
	padding:1px 0 5px 3px;
	text-align: left;
    display:inline-block;
}

/* Hides from IE-mac \*/
* html #container #contents #detail #detail-area #detail-area-inner #kanren{height: 1%;}
#container #contents #detail #detail-area #detail-area-inner #kanren{display: block;}
/* End hide from IE-mac */


#container #contents #detail #detail-area #detail-area-inner #kanren a{
	background:#FFFFFF url(/common/images/detail_bg015.gif) no-repeat;
	width:64px;
	height:64px;
	padding:1px;
	text-align: center;
	float:left;
	margin:4px 0 0 4px;
}