@charset "shift_jis";

/* =============================================

	2010年　母の日 Index StyleSheet (Japanese)

============================================= */

/* === clear float elements Start ============================================= */
body #container #contents #main #motherArea ul#linkSection:after,
body #container #contents #main #motherArea ul#linkSection li:after,
body #container #contents #main #motherArea ul#linkSection li dl.sweets dl ul:after,
body #container #contents #main #motherArea #itemSection:after,
body #container #contents #main #motherArea #itemSection #giftBox dl:after,
body #container #contents #main #motherArea #itemSection #styleBox .title:after,
body #container #contents #main #motherArea #itemSection #styleBox ul:after{
	content : " ";
	display : block ;
	height : 0 ; 
	visibility : hidden ;
	clear : both ;
}

body #container #contents #main #motherArea ul#linkSection,
body #container #contents #main #motherArea ul#linkSection li,
body #container #contents #main #motherArea ul#linkSection li dl.sweets dl ul,
body #container #contents #main #motherArea #itemSection,
body #container #contents #main #motherArea #itemSection #giftBox dl,
body #container #contents #main #motherArea #itemSection #styleBox .title,
body #container #contents #main #motherArea #itemSection #styleBox ul{
	*zoom : 1 ;
	_display : inline-block ;
	_height : 1em ;
}
/* === clear float elements End ============================================= */

/* === motherArea Start ============================================= */
body #container #contents #main #motherArea{
	margin: 0 0 0 10px;
	width: 660px;
	background: url(top_bg.jpg) no-repeat left top;
}
body #container #contents #main #motherArea h2{
	height: 20px;
	color: #333333;
}

/* --- ul#linkSection Start --------------------------------------------- */
body #container #contents #main #motherArea ul#linkSection{
	margin: 0 0 0 8px;
	padding: 0 0 5px 0;
}
body #container #contents #main #motherArea ul#linkSection li{
	float: left;
	margin: 0 6px 6px 0;
}
body #container #contents #main #motherArea ul#linkSection li dl.gozen dd{
	float: left;
}
body #container #contents #main #motherArea ul#linkSection li dl.sweets dl{
	padding: 0 10px;
	background: url(top_bg_sweets.jpg) no-repeat left top;
	height: 60px;
}
body #container #contents #main #motherArea ul#linkSection li dl.sweets dl dt{
	margin: 0 0 4px 0;
	line-height: 0;
}
body #container #contents #main #motherArea ul#linkSection li dl.sweets dl ul li{
	margin: 0;
	padding: 0 10px 4px 15px;
	line-height: 110%;
	background: url(top_bg_sweets_price.gif) no-repeat left top;
	width: 125px;
}
body #container #contents #main #motherArea ul#linkSection li dl.sweets dl ul li a{
	font-weight: 800;
}
body #container #contents #main #motherArea ul#linkSection li dl.sweets dl ul li a span{
	font-size: 83.5%;
}
/* --- ul#linkSection End ----------------------------------------------- */

/* --- #itemSection Start --------------------------------------------- */
body #container #contents #main #motherArea #itemSection{
	margin: 25px 0;
	background: url(top_bg_item.gif) repeat-y left top;
}
/*  #giftBox Start  */
body #container #contents #main #motherArea #itemSection #giftBox{
	float: left;
	width: 210px;
	background: #e47192;
}
body #container #contents #main #motherArea #itemSection #giftBox h3{
	margin: 0 0 5px 0;
}
body #container #contents #main #motherArea #itemSection #giftBox dl{
	margin: 0 0 15px 0;
	padding: 0 10px;
}
body #container #contents #main #motherArea #itemSection #giftBox dl dt{
	margin: 7px 5px 0 0;
	float: left;
}
body #container #contents #main #motherArea #itemSection #giftBox dl dd{
	float: right;
	width: 100px;
}
body #container #contents #main #motherArea #itemSection #giftBox dl dd p{
	margin: 0 0 5px 0;
	font-size: 83.5%;
	line-height: 140%;
	color: #ffffff;
}
body #container #contents #main #motherArea #itemSection #giftBox dl dd p img{
	vertical-align: text-bottom;
}
/*  #giftBox End  */
/*  #styleBox Start  */
body #container #contents #main #motherArea #itemSection #styleBox{
	float: right;
	width: 443px;
}
body #container #contents #main #motherArea #itemSection #styleBox .title{
	margin: 0 0 5px 0;
}
body #container #contents #main #motherArea #itemSection #styleBox .title h3{
	float: right;
}
body #container #contents #main #motherArea #itemSection #styleBox .title p.cate{
	float: left;
}
body #container #contents #main #motherArea #itemSection #styleBox .title p.txt{
	float: left;
}
body #container #contents #main #motherArea #itemSection #styleBox p.lead{
	margin: 0 0 5px 3px;
	line-height: 140%;
}
body #container #contents #main #motherArea #itemSection #styleBox ul{
	margin: 0 0 20px 3px;
}
body #container #contents #main #motherArea #itemSection #styleBox ul.out{
	margin: 0 0 0 3px;
}
body #container #contents #main #motherArea #itemSection #styleBox ul li{
	float: left;
	margin: 0 10px 0 0;
}
body #container #contents #main #motherArea #itemSection #styleBox ul li.last{
	margin: 0;
}
body #container #contents #main #motherArea #itemSection #styleBox ul dl dt{
	margin: 0 0 5px 0;
}
body #container #contents #main #motherArea #itemSection #styleBox ul dl dd{
	margin: 0 0 5px 0;
	line-height: 140%;
	width: 140px;
}
body #container #contents #main #motherArea #itemSection #styleBox ul dl dd span{
	font-size: 83.5%;
}
body #container #contents #main #motherArea #itemSection #styleBox ul dl dd.price{
	font-weight: 800;
}
body #container #contents #main #motherArea #itemSection #styleBox ul dl dd.price span{
	font-weight: normal;
}
/*  #styleBox End  */
/* --- #itemSection End ----------------------------------------------- */

/* --- #knowledgeSection Start --------------------------------------------- */
body #container #contents #main #motherArea #knowledgeSection{
	padding: 10px 20px;
	border: 1px solid #cccccc;
}
body #container #contents #main #motherArea #knowledgeSection h3{
	background: url(top_knowledge_bg.jpg) no-repeat left center;
	padding: 15px 0 15px 40px;
	min-height: 14px;
	_height: 14px;
	color: #c8003d;
	font-weight: 800;
	font-size: 115%;
}
body #container #contents #main #motherArea #knowledgeSection h4{
	padding: 5px;
	border-bottom: 1px dotted #999999;
	color: #333333;
	font-weight: 800;
}
body #container #contents #main #motherArea #knowledgeSection p{
	padding: 5px;
	line-height: 140%;
}
/* --- #knowledgeSection End ----------------------------------------------- */
/* === motherArea End ============================================= */