/* 全体
------------------------------------------------------ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, p, table, tr, th, td, address {
	padding: 0;
	margin: 0;
	zoom: 1;
}

body, td, th, textarea {
	font-size: 12px;
	color: #333333;
	line-height: 16px;
}

body {
	background-color: #4d1a00;
	background-image: url(../images/common_bg_01.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

object, div, p, td, th {
	vertical-align: top;
	text-align: left;
}

table {
	border-collapse: collapse;
}

/* ページレイアウト
------------------------------------------------------ */
#wrapper {
	width: 780px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#container {
	width: 760px;
	padding: 10px 10px 20px 10px;
	margin-top: 10px;
	border: 1px solid #333333;
	background-color: #FFFFFF;
}

#alphaBlock {
	float: left;
	width: 550px;
	padding-right: 10px;
}

#index #betaBlock {
	float: right;
	width: 200px;
	background-color: #330000;
	background-image: url(../images/index_side_bg.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}

#betaBlock {
	float: right;
	width: 200px;
	background-color: #a94530;
	background-image: url(../images/common_side_ph.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}

/* ナビゲーション
------------------------------------------------------ */
#index #nav {
	padding-top: 28px;
	padding-right: 26px;
	padding-bottom: 62px;
	padding-left: 23px;
	background-image: url(../images/indexnav_bg.jpg);
	background-repeat: no-repeat;
}

#nav {
	padding-top: 28px;
	padding-right: 26px;
	padding-bottom: 62px;
	padding-left: 23px;
	background-image: url(../images/nav_bg.jpg);
	background-repeat: no-repeat;
}

#nav ul {
	list-style-type: none;
}

#nav ul li {
	margin-bottom: 5px;
}

/* トップページフラッシュ
------------------------------------------------------ */
#topmovie {
	margin-top: 10px;
	margin-bottom: 20px;
}

/* 見出し
------------------------------------------------------ */
p.hdTel {
	padding-bottom: 0;
}

h2 {
	clear: both;
	margin-bottom: 20px;
}

h3 {
	clear: both;
	margin-bottom: 15px;
}

.section h3 {
	margin-top: 0px;
	margin-right: -15px;
	margin-bottom: 15px;
	margin-left: -15px;
}

/* セクション
------------------------------------------------------ */
.section {
	clear: both;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 10px;
	background-image: url(../images/common_ti_line.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

/* clearfix
------------------------------------------------------ */
/* modern browsers */
.floatbox:after, #container:after, #contents:after, .section:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

/* IE7 */
.floatbox, #container, #contents, .section {
	display: inline-block;
}

/* legacy IE */
* html .floatbox, * html #container, * html #contents, * html .section {
	height: 1em;
}

* html .floatbox, * html #container, * html #contents, * html .section {
	display: block;
}

/* 段落
------------------------------------------------------ */
p {
	padding-bottom: 1em;
	font-size: 12px;
	color: #333333;
	line-height: 16px;
}

/* キャプション
------------------------------------------------------ */
p.caption {
	margin-top: -0.5em;
}

/* ページトップへ戻るボタン
------------------------------------------------------ */
p.pagetop {
	clear: both;
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: right;
}

/* 文字色
------------------------------------------------------ */
a {
	color: #0066cc;
}

.red {
	color: #ff0000;
}

.green {
	color: #339900;
}

/* 画像
------------------------------------------------------ */
img {
	vertical-align: top;
}

a img {
	border: 0 none;
}

/* フッター
------------------------------------------------------ */
#footer {
	clear: both;
	margin-top: 10px;
}

#footer #flashNote {
	float: left;
	width: 390px;
}

#footer #flashNote p.bn {
	padding-bottom: 5px;
}

#footer #flashNote p {
	padding-bottom: 20px;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 14px;
}

#footer address {
	float: right;
	width: 390px;
	padding-bottom: 20px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-align: right;
}

/* ------------------------------------------------------
	index.html
------------------------------------------------------ */
#indexNews {
	float: left;
	width: 350px;
}

#indexNews #topics {
	height: 100px;
	width: 350px;
	overflow: hidden;
}

#indexNews #topics dl {
	line-height: 20px;
}

#indexNews #topics dd {
	margin-top: -20px;
	margin-left: 9em;
}

#indexQr {
	float: right;
	clear: none;
	width: 130px;
}

#indexQr p.qr {
	padding-bottom: 0;
	margin-top: 0;
	margin-right: -15px;
	margin-left: -15px;
}

#indexBn{
	padding-right: 0;
	padding-left: 0;
}

table.calender {
	width: 520px;
	border-collapse: collapse;
}

table.calender th {
	padding: 2px;
	border: 1px solid #FFFFFF;
	font-weight: normal;
	white-space: nowrap;
	background-color: #e5f3b1;
}

table.calender td {
	padding: 2px;
	border: 1px solid #FFFFFF;
	background-color: #fdfdd8;
}

/* ------------------------------------------------------
	info.html
------------------------------------------------------ */
#shopInfo .floatbox p.ph {
	float: left;
	width: 195px;
}

#shopInfo .floatbox dl {
	float: right;
	width: 325px;
}

#shopInfo .floatbox dl dt {
	color: #339900;
}

#shopInfo .floatbox dl dd {
	margin-top: -16px;
	margin-left: 5em;
}

#map2 .floatbox p.il {
	float: left;
	width: 320px;
}

#map2 .floatbox dl {
	float: right;
	width: 200px;
}

#map2 .floatbox dl dt {
	color: #339900;
}

/* ------------------------------------------------------
	flower.html
------------------------------------------------------ */
#flowersList {
	background-image: none;
}

#flowersList ul {
	list-style-type: none;
}

#flowersList ul li {
	float: left;
	width: 160px;
	padding-right: 20px;
}

#flowersList ul li.end {
	padding-right: 0;
}

#flowersList ul li p.ph {
	padding-bottom: 5px;
}

/* ------------------------------------------------------
	detail.html
------------------------------------------------------ */
#flowerDetail h3 {
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 7px;
	padding-left: 40px;
	font-size: 14px;
	font-weight: bold;
	color: #336600;
	line-height: 20px;
	background-image: url(../images/detail_ti_bg.gif);
	background-repeat: no-repeat;
}

#flowerDetail .floatbox .boxA {
	float: left;
	width: 300px;
	padding-right: 15px;
}

#flowerDetail .floatbox .boxB {
	float: right;
	width: 205px;
}

#flowerDetail p.bt {
	text-align: right;
}

/* ------------------------------------------------------
	topics.html
------------------------------------------------------ */
div.topicsTi {
	float: left;
	padding-top: 15px;
	padding-bottom: 7px;
	font-size: 14px;
	font-weight: bold;
	color: #336600;
	line-height: 20px;
}

div.date {
	float: right;
	padding-top: 15px;
	padding-bottom: 7px;
	font-size: 14px;
	font-weight: bold;
	color: #336600;
	line-height: 20px;
}

h3.topicsTitle {
	height: 42px;
	padding-right: 20px;
	padding-left: 40px;
	background-image: url(../images/detail_ti_bg.gif);
	background-repeat: no-repeat;
}

div.topicsPh {
	float: left;
	width: 200px;
	padding-right: 15px;
}

div.topicsTx {
	float: right;
	width: 305px;
}

/* ------------------------------------------------------
	order.html
------------------------------------------------------ */
#order p.tel {
	float: left;
	width: 181px;
	padding-right: 164px;
}

#order p.bt {
	float: right;
	width: 175px;
}

table.raw {
	width: 520px;
	border-collapse: collapse;
}

table.raw th {
	padding: 2px;
	border: 1px solid #FFFFFF;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
	background-color: #e5f3b1;
}

table.raw td {
	padding: 2px;
	border: 1px solid #FFFFFF;
	background-color: #fdfdd8;
}

/* ------------------------------------------------------
	mail.html
------------------------------------------------------ */
table.mailForm {
	width: 520px;
	margin-bottom: 1em;
	border-collapse: collapse;
}

table.mailForm th {
	padding: 2px;
	border: 1px solid #FFFFFF;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
	background-color: #e5f3b1;
}

table.mailForm td {
	padding: 2px;
	border: 1px solid #FFFFFF;
	background-color: #fdfdd8;
}

#contact {
	background-image: none;
}

#contact p.bt {
	text-align: center;
}

input.width100 {
	width:100px;
}
input.width200 {
	width:230px;
}