/* mycss.css home */

html {
	background-color: #FFFBF7;
	height: 100%; /*背景色*/
}

body {
	height: 100%;
	font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;

	font-size: 14px;
	line-height: 1.75;
	-webkit-text-size-adjust: 100%; 
}

body > #container {
	height: auto;
}

#container {
	min-height: 100%;
	height: 100%;
	width: 905px;
	margin: 0 auto;
	padding: 0 14px 24px;
	background-color: #fff;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
}

#header {
	margin-bottom: 10px;
}

#menu {
	margin-bottom: 22px;
	overflow: hidden;
}

#main {
	overflow: hidden;
	margin-bottom: 15px;
}

#message {
	width: 635px;
	float: left;
	font-size: 13px;
	text-align: left;
	padding: 6px;
	background-color: #FFFBDF;
	margin-right: 10px;
	border-radius: 5px;
	margin-bottom: 15px;

}

#contents {
	float: left;
	width: 650px;
	overflow: hidden;
}

#contents p,
#sidebar p,
#message p {
	line-height: 1.9;
	margin: 0 0 16px;
}

#contents ul,
#contents ol {
	margin: 0 0 18px 1.4em;
	line-height: 1.85;
}

#mainphoto {
	width: 635px;
	float: left;
}

#mainphoto img {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #B6B6B6;
    padding:3px;
}

#proposal {
	width: 630px;
	margin-bottom: 10px;
  	font-size: 13px;
	color: #1a1a1a;

}

#proposal img {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFB967;
    width: 200px;
    margin-right: 3px;
}

	

/* sidebar */
#sidebar {
	float: right;
	width: 240px;
	line-height: 1.75;
}

.sidebarnner {
	margin-bottom: 10px;
	text-decoration: none;
	display: block;
}

.sidebarnner:hover {
	filter: alpha(opacity=60);
	opacity:0.6;
}

#specialcontents {
	margin-bottom: 5px;
}

#specialcontents img {
	margin-bottom: 5px;
}


#flowertype {
	margin-bottom: 10px;
}

#flowertype ul {
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom:1px dotted #ccc;
}


#flowertype a {
	font-size: 12.7px;
	text-decoration: none;
	color: #1a1a1a;
	margin-left: 5px;
}

.tel {
	text-decoration: none;
	color: #1a1a1a;
}

/* footer */
#footer {
	clear: both;
	background-image:url("https://pearlflora.net/images/footer.jpg");
	height: 90px;
}

#footertitle {
	float: left;
	font-size: 11px;
	color: #838383;
	padding: 20px 0 0 90px;
	width: 560px;
	line-height: 12px;
}

#footertitle p {
	font-size: 15px;
	color: #1a1a1a;
	line-height: 40%;
	margin-bottom: 8px;
}

#copyright {
	float: right;
	font-size: 10px;
	text-align: right;
	color: #ccc;
	padding: 70px 0 0 0px
}

#menu ul>li {
	float: left;
	width: 132px;
	font-size: 16px;
	/* letter-spacing: 0.1em; 文字間隔 */
	text-align: center;
	padding: 5px;
	background-color: #FAEBD7;
	margin-right: 8px;
	border-radius: 5px;
	text-shadow: 0px 1px 0 #FFFFFF;
}

#menu ul>li:hover {
	background: #cbb3b2;
}

#menu ul>li>a {
	text-decoration: none;
	color: #4f5255;
	display: block;
}

#menu ul>li:last-child{
	float: left;
	width: 253px;
	font-size: 17px;
	/* letter-spacing: 0.1em; 文字間隔 */
	text-align: center;
	padding: 5px;
	background:#664f4f;
	border-radius: 5px;
	text-shadow: none;

	}

#menu ul>li:last-child:hover {
		background:#997676;
	}

#menu ul>li:last-child>a {
	text-decoration: none;
	color: #fff;
	display: block;
}



/* changed from text to image
	#sidebar a {
	text-align: center;
	padding: 0 2px 0;
	background-color: #FAD560;
	font-color: #ddd;
	margin-right: 10px;
	border-radius: 2px;
	text-shadow: 0 1px 0 #fff;
	text-decoration: none;
}

#sidebar a:hover img{
	background-color: #ffffff;
	display: block;
} */


h1 {
	font-size: 13px;
	text-align: left;
}

.seo-heading {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

h2, h3, h4, h5 {
	font-weight: bold;
	color: #634129;
}



h2 {
	font-size: 23px;
	border-bottom: 1px solid #a87754;
	padding: 28px 0 4px 0px;
	margin-bottom: 18px;
	letter-spacing: 2px;
	text-align: center;
	color: #634129;
}


h3 {
	font-size: 16px;
	border-bottom: 2px solid #a87754;
	padding: 3px 0;
	margin-bottom: 5px;
}

h4 {
	font-size: 15px;
	padding: 2px 0;
	margin-bottom: 5px;
}

h5 {
	font-size: 14px;
	padding: 2px 0;
	margin-bottom: 3px;

}

p {
	margin-bottom: 5px;
}

/*ul.products {
	margin-bottom: 15px;
}*/
ul.products>li {
	overflow: hidden;
	margin-right: 10px;
	margin-left: 10px;
/*  margin-bottom: 0px;
	padding-bottom: 0px; */
	border-bottom: 1px dotted #ccc;
}
/*ul.products>li:last-child {
	border: none;
}
ul.products>li>img {
	float: left;
	width: 60;
}
ul.products>li>p {
	margin-left: 30px;
	font-size: 13px;
}*/

.badge {
	background: red;
	color: white;
	font-size: 10px;
	padding: 2px 4px 3px;
	position: absolute;
	top: -4px;
	right: -9px;
}

.breadcrumbs {
	font-size: 12px;
	margin-bottom: 10px;
}

.breadcrumbs a {
	text-decoration: none;
	color: #0000FF;
}

	

/* flower menu */

#messagefm {
	width: 625px;
	float: left;
	font-size: 13px;
	text-align: left;
	padding: 6px;
	background-color: #FFF2F2;
	margin-right: 10px;
	border-radius: 5px;
	margin-bottom: 15px;

}


#fmain {
	float: left;
	width: 660px;
}

#fmain img {
	border: 2px solid #FFB967;
	margin-right: 10px;
	margin-left: 5px;
	margin-bottom: 5px;
}

#flower img {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFB967;
    width: 200px;
}

#flower >div {
    width: 200px;
    float: left;
    margin: 0 10px 0px 0px;

}

#flower2 img {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFB967;
    height: 200px;
}

#flower2 >div {
    width: 148px;
    float: left;
    margin: 0 10px 0px 0px;

}


#tagsfm  {
	margin-bottom: 15px;
}

#tagsfm span {
    background: none repeat scroll 0 0 #FFFFF0;
	font-size: 12px;
	color: #7A3900;
    border-radius: 3px;
    box-shadow: 0 0 10px 0 #DF7401 inset;
    cursor: pointer;
    margin-right: 1px;
    padding: 5px 10px;
}

#tagsfm span.select {
    background: none repeat scroll 0 0 #A14B00;
    color: #FFFFFF;
}

#tagsfm p {
	font-size: 11px;
}

.fmenumini {
	border-top: 1px dotted #ccc;
	float: left;
	width: 650px;
}

.fmenumini img {
	margin-top: 5px;
}

.pre {
	position: relative;
}

.bouquet{
	position: relative;
}



/* Event */
#emessage {
	width: 630px;
	float: left;
	font-size: 13px;
	text-align: left;
	padding: 10px;
	background-color: #FFF5E9;
	margin-right: 10px;
	border-radius: 5px;
	margin-bottom: 15px;

}

#event {
	width: 645px;
	float: left;
}

#eventlist {
	border: 1px solid #C4C4C4;
	padding: 10px;
	border-radius: 3px;
	margin-bottom: 20px;
}

#eventlist p {
	font-size: 12px;
	color: #525252;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}


#eventphoto >div {
    width: 155px;
    float: left;
    margin: 0 4px 3px 0px;

}

#eventphoto img {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E1E1E1;
    width: 150px;
    height: 112px;
}

.memberinfo p{
	font-size: 12px;
	color: 5F5F5F;
	margin-bottom: -1px;
}

/* Lesson */
#messagel {
	width: 630px;
	float: left;
	font-size: 13px;
	text-align: left;
	padding: 10px;
	background-color: #F1FFEA;
	margin-right: 10px;
	border-radius: 5px;
	margin-bottom: 20px;

}

#spotlesson {
	width: 630px;
	float: left;
	text-align: left;
	margin: 10px 0px 8px 0px;
	padding: 10px 10px 20px 10px;
	font-size: 13px;
	line-height: 20px;
	background-color: #F7F7F5;
    /*border: 1px solid #B6B6B6; */
}

#spotlesson table {
	border-collapse: collapse;
	border-top: 1px solid #a09076;
	float: left;
	margin: 10px 0 0;
	width: 600px;
	font-size: 13px;
}

#spotlesson th {
	border-bottom: 1px solid  #a09076;
	padding: 5px 8px;
	text-align: left;
	vertical-align: top:
}

#spotlesson td {
	border-bottom: 1px solid  #a09076;
	padding: 5px;
}




#regularcourse {
	width: 630px;
	float: left;
	text-align: left;
	margin: 10px 0px 8px 0px;
	padding: 10px 10px 20px 10px;
	font-size: 13px;
	line-height: 20px;
	background-color: #F7F7F5;
    /*border: 1px solid #B6B6B6; */
}

#regularcourse table {
	border-collapse: collapse;
	border-top: 1px solid #a09076;
	float: left;
	margin: 10px 0 0;
	width: 600px;
	font-size: 13px;
}

#regularcourse th {
	border-bottom: 1px solid  #a09076;
	padding: 5px 8px;
	text-align: left;
	vertical-align: top:
}

#regularcourse td {
	border-bottom: 1px solid  #a09076;
	padding: 5px;
}


#onedaycourse {
	width: 630px;
	float: left;
	text-align: left;
	margin: 10px 0px 5px 0px;
	padding: 10px;
	font-size: 13px;
	line-height: 20px;
	background-color: #F7F7F5;
    /*border: 1px solid #B6B6B6; */
}

#onedaycourse table {
	border-collapse: collapse;
	border-top: 1px solid #a09076;
	float: left;
	margin: 10px 0 0;
	width: 600px;
	font-size: 13px;
}

#onedaycourse th {
	border-bottom: 1px solid  #a09076;
	padding: 5px 8px;
	text-align: left;
	vertical-align: top:
}

#onedaycourse td {
	border-bottom: 1px solid  #a09076;
	padding: 5px;
}




#schedule {
	width: 630px;
	float: left;
	text-align: left;
	margin: 10px 0px 5px 0px;
	padding: 10px;
	font-size: 13px;
	line-height: 20px;
	background-color: #F7F7F5;
    /*border: 1px solid #B6B6B6; */
}

#schedule table {
	border-collapse: collapse;
	border-top: 1px solid #a09076;
	float: left;
	margin: 5px 0 0;
	width: 600px;
	font-size: 13px;
}

#schedule th {
	border-bottom: 1px solid  #a09076;
	padding: 5px 8px;
	text-align: left;
	vertical-align: top:
}

#schedule td {
	border-bottom: 1px solid  #a09076;
	padding: 5px;
}

#book {
	width: 630px;
	margin-bottom: 20px;
	float: left;
}

#pastevent {
	width: 630px;
	margin-bottom: 20px;
	float: left;
}

#pasteventphoto {
	width: 293px;
	float: left;
}

#pasteventlist {
	width: 337px;
	float: left;
}

#pasteventlist table {
	width: 337px;
	border: 1px #A7A7A7 solid;
	border-collapse: collapse;
}

#pasteventlist td {
	border: 1px #A7A7A7 solid;
	padding: 4px 2px;
	text-align: left;
	vertical-align: middle;
}

#pasteventlist th {
	border: 1px #A7A7A7 solid;
	background-color: #ffe4c4;
	padding: 4px 2px;
	text-align: left;
	vertical-align: middle;
}

#pasteventphoto img {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFB967;
    margin-bottom: 2px;
}

/* home画面設定 */

#sliderarea {
	width: 634px;
    margin-bottom: 15px;
	/*border-bottom:1px dotted #ccc;*/
}

#topinfo {
	width: 630px;
    margin-bottom: 20px;
}

/* whatsnew */

#whatsnew {
	width: 630px;
	border-radius: 5px;
	border: 1px #C6C6C6 solid;
	background-color: #F9F9F9;
}

.wninfo li {
	margin: 10px 10px 0px 10px;
	border-bottom:1px dotted #ccc;
}

.wninfo li:last-child {
	border-bottom: none;
	margin-bottom: 3px;
}

#wnday {
	float: left;
	font-size: 13px;
	color: #FF8C00;
}

#whatsnew a {
	font-size: 13px;
	text-decoration: none;
	color: #2E9EEF;
}

#wntext {
	padding: 3px;
	font-size: 13px;
	color: #1a1a1a;
}


/* blogfeed */

#bloginfo {
	width: 630px;
    margin-bottom: 10px;
}

#feed {
	width: 630px;
	padding: 7px 7px;
	border-radius: 5px;
	border: 1px #C6C6C6 solid;
	background-color: #F9F9F9;
}

#feed dt {
	font-size: 13px;
	color: #FF8C00;
	padding-top: 2px;
}


#feed a {
	font-size: 13px;
	text-decoration: none;
	color: #333;
	margin: 3px;
}

#feed a:hover {
	color: #FF8C00;
}

#feed dd {
	padding-bottom: 7px;
	border-bottom:1px dotted #ccc;
}

#feed dd:last-child {
	border-bottom: none;
	margin-bottom: 3px;
}


/* shops */
#shops {
	width: 650px;
	font-size: 14px;
	float: left;
	border-bottom:1px dotted #ccc;
}

.shop1 {
	width:650px;
	float: left;
	margin-bottom: 15px;
}

.shop2 {
	width:650px;
	float: left;
	margin-bottom: 15px;
}


#shops .left{
	float: left;
	width: 260px;
	margin: 5px;
}

#shops .right{
	float: right;
	width: 380px;
}

.shopmsg {
	border-bottom:1px dotted #ccc;
	margin-bottom: 3px;
}

.shopinfo {
	border-bottom:1px dotted #ccc;
}

.shoptitle{
	color: #903A00;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
}

.shopinfo table {
	width: 380px;
	border: 1px #A7A7A7 solid;
	border-collapse: collapse;
	margin-bottom: 5px;
}

.shopinfo td {
	border: 1px #A7A7A7 solid;
	padding: 4px 6px;
	text-align: left;
	font-size: 13px;
	vertical-align: middle;
}

.shopinfo th {
	border: 1px #A7A7A7 solid;
	background-color: #dad8d8;
	padding: 4px 2px;
	text-align: center;
	font-size: 13px;
	vertical-align: middle;
}

.shopitem {
	margin-top: 10px;
}

#shops img{
	margin-bottom: 10px;
	border: 2px #C6C6C6 solid;

}

#shops iframe {
	border: 2px #C6C6C6 solid;
}

.access {
	width: 650px;
	font-size: 12px;
	float: left;
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom:1px dotted #ccc;
}

.access table {
	width: 638px;
	border: 1px #A7A7A7 solid;
	border-collapse: collapse;
	margin-bottom: 5px;
}

.access th {
	width: 320px;
	border: 1px #A7A7A7 solid;
	background-color: #ffe4c4;
	padding: 6px 2px 6px 10px;
	text-align: left;
	font-size: 14px;
	vertical-align: middle;
}

.access td {
	border: 1px #A7A7A7 solid;
	padding: 6px 6px;
	text-align: left;
	font-size: 13px;
	vertical-align: middle;
}

.outline {
	width: 650px;
	font-size: 12px;
	float: left;
	margin-top: 10px;
}

.outline td>p {
	font-size: 8px;
}

.outline table {
	width: 638px;
	border: 1px #A7A7A7 solid;
	border-collapse: collapse;
}

.outline td {
	border: 1px #A7A7A7 solid;
	padding: 4px 6px;
	text-align: left;
	font-size: 14px;
	vertical-align: middle;
}

.outline th {
	border: 1px #A7A7A7 solid;
	background-color: #ffe4c4;
	padding: 4px 2px;
	text-align: center;
	font-size: 14px;
	vertical-align: middle;
}

#minimenu {
	width: 630px;
	margin-bottom: 10px;
}

#minimenu img {
	margin-bottom: 2px;
	margin-right: 5px;
}

#orderbuttom{
	width: 630px;
	float: left;
}

#orderbuttom img{
	border: none;
}


/* order */
#ordermsg {
	width: 630px;
	float: left;
	font-size: 13px;
	text-align: left;
	padding: 10px;
	background-color: #FFF4EA;
	margin-right: 10px;
	border-radius: 5px;
	margin-bottom: 20px;

}

#telorder {
	width: 630px;
	float: left;
	text-align: left;
	margin: 10px 0px 8px 0px;
	padding: 10px 10px 20px 10px;
	font-size: 13px;
	line-height: 20px;
	background-color: #FAFAFA;
    border: 2px solid #E2E2DE;
}

#faxorder {
	width: 630px;
	float: left;
	text-align: left;
	margin: 10px 0px 8px 0px;
	padding: 10px 10px 20px 10px;
	font-size: 13px;
	line-height: 20px;
	background-color: #FAFAFA;
    border: 2px solid #E2E2DE;
}

#mailorder {
	width: 630px;
	float: left;
	text-align: left;
	margin: 10px 0px 8px 0px;
	padding: 10px 10px 20px 10px;
	font-size: 13px;
	line-height: 20px;
	/*background-color: #F7F7F5;*/
    border: 2px solid #E2E2DE;
}

#mailorder .text {
	font-size:12px;
}

#telorder table {
	border-collapse: collapse;
	border-top: 1px solid #a09076;
	float: left;
	margin: 10px 0 0;
	width: 600px;
	font-size: 13px;
}

#telorder th {
	border-bottom: 1px solid  #a09076;
	padding: 5px 8px;
	text-align: left;
	vertical-align: top:
}

#telorder td {
	border-bottom: 1px solid  #a09076;
	padding: 5px;
}

/* recruit */
#recruitmsg {
	width: 630px;
	float: left;
	font-size: 13px;
	text-align: left;
	padding: 10px;
	background-color: #FFF4EA;
	margin-right: 10px;
	border-radius: 5px;
	margin-bottom: 20px;
}

#bdstuff {
	width: 630px;
	float: left;
	text-align: left;
	margin: 10px 0px 8px 0px;
	padding: 0px 5px 20px 10px;
	font-size: 13px;
	line-height: 20px;
	background-color: #F7F7F5;
    /*border: 1px solid #B6B6B6; */
}

#bdstuff table {
	border-collapse: collapse;
	border-top: 1px solid #B8B8B8;
	float: left;
	margin: 10px 0 0;
	width: 620px;
}

#bdstuff th {
	border-bottom: 1px solid  #B8B8B8;
	padding: 15px 3px;
	text-align: left;
	vertical-align: center;
	width: 120px;
	font-size: 14.5px;
	color: #1d582f;
}

#bdstuff td {
	border-bottom: 1px solid  #B8B8B8;
	padding: 5px;
	font-size: 14px;
}



#fjstuff {
	width: 630px;
	float: left;
	text-align: left;
	margin: 10px 0px 8px 0px;
	padding: 10px 10px 20px 10px;
	font-size: 13px;
	line-height: 20px;
	background-color: #F7F7F5;
    /*border: 1px solid #B6B6B6; */
}

#fjstuff table {
	border-collapse: collapse;
	border-top: 1px solid #B8B8B8;
	float: left;
	margin: 10px 0 0;
	width: 600px;
	font-size: 13px;
}

#fjstuff th {
	border-bottom: 1px solid  #B8B8B8;
	padding: 5px 8px;
	text-align: left;
	vertical-align: top:
}

#fjstuff td {
	border-bottom: 1px solid  #B8B8B8;
	padding: 5px;
}

/*form*/
#formWrap {
	width:630px;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	margin-bottom: 5px;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:35%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
table.formTable .title{
	width:35%;
	font-weight:bold;
	background:#FFF6E5;
	text-align:left;
}
table.formTable .subtitle{
	width:35%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
	padding:5px 5px 3px 10px;
}

strong.pink {
    background-color: #ef5252;
    color: #ffffff;
    font-weight: normal;
    margin: 5px;
    padding: 2px;
	font-size:90%;
}

.stock {
	margin-bottom: 10px;
	color: #0000FF;
}