@charset "UTF-8";

/* ################################################################################ */
/*                                                                                  */
/* 表題: サイト内共有CSS                                                            */
/* 作成日: 2010-1-4                                                                 */
/* 最終更新日: 2010-1-20        　                                                  */
/*                                                                                  */
/* ################################################################################ */

/* ================================================================================ */
/*                                                                                  */
/* ■目次                                                                           */
/*   1. レイアウト等                                                                */
/*   2. ヘッダー                           　                                       */
/*   3. メインエリア                       　                                       */
/*   4. サイドバー                           　                                     */
/*   5. フッター                             　                                     */
/*                                                                                  */
/* ================================================================================ */

@import url("reset.css");


/* -------------------------------------------------------------------------------- */
/*      1. レイアウト                                                               */
/* -------------------------------------------------------------------------------- */

div.wrapper {
	margin: 0 auto;
	width: 942px;
	color: #333333;
	background-color: #FFFFFF;
	background-image: url(../images/shared/body-bg.png);
	background-repeat: repeat-y;
	background-position: center;
}

* html body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

div.container {
	padding-right: 6px;
	padding-left: 7px;
}

div.container div.mainVisual {
	margin: 17px auto;
	width: 878px;
}

div.container div.mainColumn {
	margin-left: 25px;
	margin-right: 22px;
	display: inline;
	float: left;
	width: 642px;
}

div.container div.sidebar {
	float: left;
	width: 214px;
}

div.container div.footer {
	clear: left;
	width: 929px;
}



/* -------------------------------------------------------------------------------- */
/*      2. ヘッダー                                                                 */
/* -------------------------------------------------------------------------------- */

div.container div.header h1 {
	margin-right: 34px;
	margin-left: 25px;
	display: inline;
	float: left;
	width: 485px;
	line-height: 1.4;
	font-size: 10px;
}
div.container div.header h1 a {
	padding-top: 24px;
	padding-left: 120px;
	width: 365px;
	height: 53px;
	display: block;
	line-height: 1.4;
	color: #926E78;
	background-color: inherit;
	background-image: url(../images/shared/header-logo.jpg);
	background-repeat: no-repeat;
	background-position: 0 16px;
	text-decoration: none;
}

div.container div.header ul.headerNav {
	margin-top: 18px;
	float: left;
	width: 380px;
}

div.container div.header ul.headerNav li {
	display: inline;
}

div.container div.header ul.headerNav li.tel img {
	padding-bottom: 5px;
}

div.container div.header ul.headerNav li img {
	padding-right: 20px;
	vertical-align: bottom;
}

div.container div.header ul.globalNav {
	clear: left;
	width: 929px;
}

div.container div.header ul.globalNav li {
	display: inline;
}



/* -------------------------------------------------------------------------------- */
/*      3. メインエリア                                                             */
/* -------------------------------------------------------------------------------- */

div.container div.mainColumn .pointer {
	cursor: pointer;
}




/* -------------------------------------------------------------------------------- */
/*      4. サイドバー                                                               */
/* -------------------------------------------------------------------------------- */

div.container div.sidebar div {
	margin-bottom: 15px;
}

div.container div.sidebar div.shopinfo,
div.container div.sidebar div.suyama,
div.container div.sidebar div.weeklyFlower {
	background-image: url(../images/shared/side-box-bg.png);	
}


div.container div.sidebar div.shopinfo dl {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-left: 74px;
	height: 97px;
	background-image: url(../images/shared/side-shopinfo-photo.jpg);
	background-repeat: no-repeat;
}

div.container div.sidebar div.shopinfo dl dt {
	padding-top: 5px;
	font-size: 12px;
}

div.container div.sidebar div.shopinfo dl dd {
	font-size: 10px;
	line-height: 1.8;
}

div.container div.sidebar div.suyama p {
	margin: 5px 10px;
	padding-left: 93px;
	height: 89px;
	background-image: url(../images/shared/side-suyama-photo.jpg);
	background-repeat: no-repeat;
	line-height: 1.4;
	font-size: 10px;
}

div.container div.sidebar div.bannerList {
	padding: 5px 0;
	color: inherit;
	background-color: #F3F1EC;
}

div.container div.sidebar div.bannerList ul li {
	padding: 5px 0;
	text-align: center;
}

div.container div.sidebar div.weeklyFlower dl {
	margin: 10px 0 5px;
}

div.container div.sidebar div.weeklyFlower dl dt {
	text-align: center;
}

div.container div.sidebar div.weeklyFlower dl dd {
	line-height: 2.0;
	color: #6E6E6E;
	background-color: inherit;
	font-size: 12px;
	text-align: center;
}



/* -------------------------------------------------------------------------------- */
/*      5. フッター                                                                 */
/* -------------------------------------------------------------------------------- */

div.container div.footer {
	border-top: solid 1px #EAEAEA;
}

div.container div.footer ul.footerNav {
	padding: 7px 0 10px;
	text-align: center;
}

div.container div.footer ul.footerNav li {
	display: inline;
	line-height: 1.2;
	font-size: 12px;
}

div.container div.footer ul.footerNav li a {
	color: #490E1E;
	background-color: inherit;
}

div.container div.footer p.copyrights {
	padding: 10px 10px 10px 0;
	border-top: solid 1px #EAEAEA;
	color: #926E78;
	background-color: inherit;
	font-size: 12px;
	text-align: right;
}