@charset "UTF-8";

/* ################################################################################ */
/*                                                                                  */
/* 表題: トップページ用CSS                                                          */
/* 作成日: 2010-1-5                                                                 */
/* 最終更新日: 2010-1-5         　                                                  */
/*                                                                                  */
/* ################################################################################ */


/* -------------------------------------------------------------------------------- */
/*      1. お花のご購入                                                             */
/* -------------------------------------------------------------------------------- */

div.mainColumn div.shopping {
	width: 642px;
}

div.mainColumn div.shopping h2 {
	margin-bottom: 10px;
}

div.mainColumn div.shopping:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div.mainColumn div.shopping div {
	margin-bottom: 15px;
	margin-left: 5px;
	display: inline;
	float: left;
	width: 155px;
}

* html div.mainColumn div.shopping div {
	margin-bottom: 5px;
}

div.mainColumn div.shopping div ul li.empty {
	padding: 7px 0 0 20px;
	display: block;
	height: 19px;
	background-image: url(../images/top/shopping-link-bg.png);
	background-repeat: no-repeat;
	color: #490E1E;
	background-color: inherit;
	font-size: 12px;
	text-decoration: none;
}

*:first-child+html div.mainColumn div.shopping div ul li {
	display: block;
	width: 155px;
	font-size: 1%;
	line-height: 0;
}

div.mainColumn div.shopping div ul li a {
	padding: 7px 0 0 20px;
	display: block;
	width: 135px;
	height: 19px;
	background-image: url(../images/top/shopping-link-bg.png);
	background-repeat: no-repeat;
	color: #490E1E;
	background-color: inherit;
	font-size: 12px;
	text-decoration: none;
}

div.mainColumn div.shopping div ul li a:hover {
	text-decoration: underline;
}



/* -------------------------------------------------------------------------------- */
/*      2. おすすめ商品                                                             */
/* -------------------------------------------------------------------------------- */

div.mainColumn div.selection {
	width: 642px;
}

div.mainColumn div.selection h2 {
	margin-bottom: 10px;
}

div.mainColumn div.selection:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div.mainColumn div.selection dl {
	margin-bottom: 13px;
	margin-left: 3px;
	border: solid 1px #D6D6D6;
	display: inline;
	float: left;
	width: 155px;
}

* html div.mainColumn div.selection dl {
	margin-bottom: 5px;
}

div.mainColumn div.selection dl dt {
	margin: 8px auto 5px;
	padding: 1px;
	border: solid 1px #D6D6D6;
	width: 133px;
	height: 133px;
}

div.mainColumn div.selection dl dt img {
	vertical-align: top;
}

div.mainColumn div.selection dl dd ul {
	margin: 0 auto;
	width: 137px;
}

div.mainColumn div.selection dl dd ul li {
	line-height: 1.5;
	font-size: 12px;
}

div.mainColumn div.selection dl dd ul li.button {
	padding: 3px 0 8px;
}



/* -------------------------------------------------------------------------------- */
/*      3. トピックス                                                               */
/* -------------------------------------------------------------------------------- */

div.mainColumn div.topics h2 {
	margin-bottom: 10px;
}

div.mainColumn div.topics dl {
	margin-bottom: 15px;
	padding-bottom: 15px;
	background-image: url(../images/top/topics-bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 642px;
}

div.mainColumn div.topics dl:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div.mainColumn div.topics dl dt {
	margin-right: 12px;
	margin-left: 20px;
	padding: 1px;
	border: solid 1px #EAEAEA;
	display: inline;
	float: left;
	width: 72px;
	height: 72px;
	color: #490E1E;
	background-color: inherit;
}

div.mainColumn div.topics dl dt img {
	vertical-align: top;
}

div.mainColumn div.topics dl dd {
	float: left;
	width: 522px;
}

div.mainColumn div.topics dl dd h3 {
	margin-bottom: 12px;
}

div.mainColumn div.topics dl dd h3 a {
	border-bottom: solid 1px #490E1E;
	line-height: 16px;
	color: #490E1E;
	background-color: inherit;
	font-size: 14px;
	text-decoration: none;
}

div.mainColumn div.topics dl dd h3 span.date {
	margin-right: 20px;
	color: #AABE43;
	background-color: inherit;
	font-size: 12px;
	vertical-align: middle;
}

div.mainColumn div.topics dl dd p {
	line-height: 1.4;
	color: #490E1E;
	background-color: inherit;
	font-size: 12px;
}