/* F
-----------------------------------------------------------------------------------------------------------*/
.ui-bar-f {
	border: 1px solid 		#5db171;
	background: 			#47B662;
	color: 					#ffffff;
	font-weight: bold;
	text-shadow: 0 -1px 1px #5db171;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #8fd7a2), to( #47B662));
	background-image: -webkit-linear-gradient(#8fd7a2, #47B662);
	background-image:    -moz-linear-gradient(#8fd7a2, #47B662);
	background-image:     -ms-linear-gradient(#8fd7a2, #47B662);
	background-image:      -o-linear-gradient(#8fd7a2, #47B662);
	background-image:         linear-gradient(#8fd7a2, #47B662);
}
.ui-btn-up-f {
	text-decoration: none;
	border: 1px solid 		#5db171;
	background: 			#47B662;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 -1px 1px #5db171;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #8fd7a2), to( #47B662));
	background-image: -webkit-linear-gradient(#8fd7a2, #47B662);
	background-image:    -moz-linear-gradient(#8fd7a2, #47B662);
	background-image:     -ms-linear-gradient(#8fd7a2, #47B662);
	background-image:      -o-linear-gradient(#8fd7a2, #47B662);
	background-image:         linear-gradient(#8fd7a2, #47B662);
}
.ui-btn-hover-f,
.ui-btn-down-f,
.ui-body-f .ui-btn-active {
	text-decoration: none;
	border: 1px solid 		#5db171;
	background: 			#47B662;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 -1px 1px #5db171;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #47B662), to( #8fd7a2));
	background-image: -webkit-linear-gradient(#47B662, #8fd7a2);
	background-image:    -moz-linear-gradient(#47B662, #8fd7a2);
	background-image:     -ms-linear-gradient(#47B662, #8fd7a2);
	background-image:      -o-linear-gradient(#47B662, #8fd7a2);
	background-image:         linear-gradient(#47B662, #8fd7a2);
}

/* G
-----------------------------------------------------------------------------------------------------------*/
.ui-bar-g {
	border: 1px solid 		#5db171;
	background: 			#F6132F;
	color: 					#ffffff;
	font-weight: bold;
	text-shadow: 0 -1px 1px #F6132F;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #E4006E), to( #F6132F));
	background-image: -webkit-linear-gradient(#E4006E, #F6132F);
	background-image:    -moz-linear-gradient(#E4006E, #F6132F);
	background-image:     -ms-linear-gradient(#E4006E, #F6132F);
	background-image:      -o-linear-gradient(#E4006E, #F6132F);
	background-image:         linear-gradient(#E4006E, #F6132F);
}
.ui-btn-up-g {
	text-decoration: none;
	border: 1px solid 		#F6132F;
	background: 			#F6132F;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 -1px 1px #5db171;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #E4006E), to( #F6132F));
	background-image: -webkit-linear-gradient(#E4006E, #F6132F);
	background-image:    -moz-linear-gradient(#E4006E, #F6132F);
	background-image:     -ms-linear-gradient(#E4006E, #F6132F);
	background-image:      -o-linear-gradient(#E4006E, #F6132F);
	background-image:         linear-gradient(#E4006E, #F6132F);
}
.ui-btn-hover-g,
.ui-btn-down-g,
.ui-body-g .ui-btn-active {
	text-decoration: none;
	border: 1px solid 		#F6132F;
	background: 			#F6132F;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 -1px 1px #F6132F;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #F6132F), to( #E4006E));
	background-image: -webkit-linear-gradient(#F6132F, #E4006E);
	background-image:    -moz-linear-gradient(#F6132F, #E4006E);
	background-image:     -ms-linear-gradient(#F6132F, #E4006E);
	background-image:      -o-linear-gradient(#F6132F, #E4006E);
	background-image:         linear-gradient(#F6132F, #E4006E);
}

/* form
------------------------*/

#form dl, #form dt, #form dd {
	margin: 0px;
	padding: 4px;
}
#form dt {
	font-weight: bold;
　　font-color: #47B662;
}
#form dd {
	border-bottom: 1px solid #999;
}

#new dl, #new dt, #new dd {
	margin: 0px;
	padding: 0px;
}
#new dt {
	font-weight: bold;
}
#new dd {
	border-bottom: 1px solid #999;
}


h2 {
	font-size: 1.2em;
	color: #FFFFFF;
	background: #47B662 url(image/bg.gif) repeat-x left center;
	padding-left: 1.5em;
	margin: 2px;
}

h3 {
	font-size: 1.2em;
	color: #FFFFFF;
	background: #47B662 url(back-gr.gif) repeat-x left center;
	padding: 4px 0px 4px 1.0em ;
	margin: 2px;
}

h4 {
	font-size: 1.0em;
	color: #000000;
	background: #FFFF00 repeat-x left center;
	padding: 4px 0px 4px 0.2em ;
	margin: 2px;
}

h5{
	overflow: visible;
	white-space: normal;
	color: #47B662;
}


.ui-footer {
	text-align: center;
}
.ui-footer a {
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
}
.ui-header h1 {
	margin-left:0;
	margin-right:0;
}
.bg {
	background: url(image/bg.gif) repeat-x center center;
}

/* recipi
------------------------*/

#recipi p{
	overflow: visible;
	white-space: normal;
}

#recipi h3{
	overflow: visible;
	white-space: normal;
	color: #47B662;
}

#recipi .ui-li-thumb,
#recipi .ui-li-thumb {
	padding-top: 0.5em;
	padding-left: 0.5em;
}

/* shopping 
------------------------*/

#shopping h3{
	overflow: visible;
	white-space: normal;
	color: #47B662;
}

#shopping p{
	overflow: visible;
	white-space: normal;
}

#shopping .ui-li-thumb,
#shopping .ui-li-thumb {
	padding-top: 0.5em;
	padding-left: 0.5em;
}


/* タイトルを省略しない
------------------------*/
.ui-header .ui-title {
  overflow: visible;
  white-space: normal;
}


/* その他
------------------------*/

.p-red {
	color: #FF0000;
}

.p-red-bold {
	color: #FF0000;
	font-weight: bold;
}

.p-green {
	color: #006600;
}

.p-green-bold {
	color: #006600;
	font-weight: bold;
}

.p12 {
	font-size: 12pt;
	line-height: 1.6;

}