@charset "utf-8";

/* screen.css
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||

	1. imported styles
	2. フラワートップ
		└ショコラ共通スタイル
		└トップページスタイル
	
	
	99. other
	
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/


/* ------------------------------------------------------------
	1. imported styles
   ------------------------------------------------------------*/
@import url("../../shared/css/reset.css");
@import url("../../shared/css/basic.css");
@import url("../../shared/css/design.css");


/* ------------------------------------------------------------
	2. フラワートップ
   ------------------------------------------------------------*/

/* header（共通ヘッダー）*/
div.flower-header {
	padding-bottom: 20px;
}
div.flower-header div.image {
	width: 100px;
	float: left;
}
div.flower-header div.body {
	width:585px;
	float: right;
}
div.flower-header div.body div.title {
	font-size: 108.4%;
	font-weight: bold;
	color: #473A33;
	padding-bottom: 7px;
	padding-top: 10px;
}

/*  */
div#flower-top div.sdw-body div.body2,
div#flower-top div.sdw-body div.body {
	position: relative;
	border-bottom: 1px solid #D1CFCD;
	zoom:1;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}

div#flower-top div.sdw-body div.body .title{
	margin-bottom: 20px;
	font-weight: bold;
}
#flower-top #section2 .body{
	position:relative;
	zoom:1;
	}
#flower-top #section2 .body img.phleftnomargin{
	position:absolute;
	left: 0px;
	bottom: 0px;
	}

#second-level-contents .category-title img {
	padding-top: 20px;
	padding-bottom: 10px;
}
#second-level-contents .pagetop {
	padding-top: 5px;
	padding-bottom: 5px;
}
.flonote{
	color: #473A33;
}
.floname{
	color: #693F17;
}
div#flower-top div.sdw-body div.body .bor-red{
	border: 1px solid #990000;
	color: #000000;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
div#flower-top div.sdw-body div.body .padbot{
	padding-bottom: 20px;
}
div#flower-top div.sdw-body div.body .padleft{
	padding-left: 25px;
}
div#flower-top div.sdw-body div.body .padleft2{
	padding-left: 10px;
}
/* ------------------------------------------------------------
	
   ------------------------------------------------------------*/

/* ------------------------------------------------------------
	
*/


/* -----  ----- */
#flower-top .body .xmasonly {
	float: right;
	margin-top: -40px;
}
/* ----- 楽天とYahoo!のボタン ----- */
.btn-shop img {
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}

/* ----- 楽天とYahoo!のボタンが縦に並んでいる場合 ----- */
.btn-shop-tate {
	margin-bottom: 8px;
}

.btn-shop-tate img  {
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}
/* ----- タイトル画像と文字の関係 ----- */
.title img {
	margin-right: 10px;
	vertical-align: text-bottom;
	display: inline-block;
}