/* common style */
body {
	margin: 0px;
	padding: 0px;
	color: #663300;
	background: #FFEDB0;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", "ƒqƒ‰ƒMƒmŠpƒS Pro W3",verdana, arial, sans-serif;
}

h1 {
	color: #006600;
	font-size: 10px;
	font-weight: normal;
	line-height: 13px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

h1.site {
    font-size: 8pt;
    color: #666666;
    margin: 0px;
	font-weight: bold;
}

/** link color **/
a:link {
	color: #663300;
	text-decoration: underline;
}

a:visited {
	color: #663300;
	text-decoration: underline;
}

a:hover {
	color: #F47209;
	text-decoration: underline;
}

a:active {
	color: #663300;
	text-decoration: underline;
}

/*** footer A ***/
#footer ul li a:link {
	color: #006600;
	text-decoration: underline;
}

#footer ul li a:visited {
	color: #006600;
	text-decoration: underline;
}

#footer ul li a:hover {
	color: #006600;
	text-decoration: underline;
	background-color: #FFD675;
}

#footer ul li a:active {
	color: #006600;
	text-decoration: underline;
}

/*** select ***/

a.navi:link {
	color: #663300;
	font-weight: bold;
	text-decoration: underline;
}

a.navi:visited {
	color: #663300;
	font-weight: bold;
	text-decoration: underline;
}

a.navi:hover {
	color: #663300;
	font-weight: bold;
	text-decoration: underline;
	background-color: #FFD675;
}

a.navi:active {
	color: #663300;
	font-weight: bold;
	text-decoration: underline;
}

/*** content ***/
#content {
	width: 750px;
	border-top: 1px solid #838369;
	background-color: #FFFFFF;
}

#content #main {
	float: right;
	width: 573px;
	color: #333333;
}

#content #submenu {
	float: left;
	width: 136px;
	margin: 10px 0 0 20px;
	display: inline;
}

/*** submenu ***/
#content #submenu {
	padding: 9px 0;
	border: 1px solid #6a3905;
	background-color: #fdf3e4;
}

#submenu p,
#submenu h4 {
	padding: 0 7px;
}

#submenu p {
	margin: 10px 0;
}

#submenu ul {
	padding: 0;
	margin: 0;
}	

#submenu ul li {
	padding-left: 24px;
	border-bottom: 2px dotted #DFD7CE;
	font-weight: bold;
	color: #6A3905;
	line-height: 20px;
	background: url(../img_common/triangle.gif) 14px 45% no-repeat;
}

#submenu ul li a {
	text-decoration: none;
}

#submenu ul li.now a {
	color: #F47209;
}	

/*** plants submenu ***/
#plants #content #submenu h4 {
	padding: 0;
}

#plants #content #submenu #menu01 {
	width: 135px;
	margin-top: 1px;
	background: #fff url(../plants/img/plants_bg01.jpg) left top repeat-x;
}

#plants #content #submenu #menu02 {
	width: 135px;
	margin-top: 1px;
	background: #fff url(../plants/img/plants_bg02.jpg) left top repeat-x;
}

#plants #content #submenu #menu03 {
	width: 135px;
	margin-top: 1px;
	background: #fff url(../plants/img/plants_bg03.jpg) left top repeat-x;
}

#plants #content #submenu #menu01 ul li,
#plants #content #submenu #menu02 ul li,
#plants #content #submenu #menu03 ul li {
	padding-left: 24px;
	border-bottom: none;
	font-weight: bold;
	color: #6A3905;
	line-height: 20px;
	background: none;
}

#plants #content #submenu #menu01 ul li.arrow,
#plants #content #submenu #menu02 ul li.arrow,
#plants #content #submenu #menu03 ul li.arrow {
	background: url(../img_common/triangle.gif) 14px 45% no-repeat;
}

#plants #content .banner {
	float: left;
	width: 136px;
	margin: 10px 0 0 20px;
}

html>/**/body #plants #content .banner, x:-moz-any-link, x:default {
    display: none;
} /* Only FireFox 3 */

#plants #content #submenu {
	width: 135px;
	padding: 0;
	border: 1px solid #6a3905;
	background: #AAE28B;
}

html>/**/body #plants #content #submenu, x:-moz-any-link, x:default {
    display: none;
} /* Only FireFox 3 */

#plants .banner p {
	margin-bottom: 10px;
}


/*** main ***/
#main h2 {
	margin-bottom: 15px;
}
	
#main h3 {
	margin-bottom: 15px;
	padding-left: 12px;
} 

/*** plants main ***/
#plants #main {
	width: 573px;
}

#plants #main p.text {
	margin-bottom: 15px;
	padding: 0 12px;
}

#plants #main .box {
	width: 528px;
	padding: 0 22px;
	margin-bottom: 20px;
}

#plants #main .box ul {
	width: 528px;
	padding-bottom: 15px;
	margin: 10px 0;
	border-bottom: 2px dotted #ae9a85;
}

#plants #main .box ul li {
	width: 116px;
	float: left;
	padding-left: 9px;
	border-left: 2px dotted #ae9a85;
	margin-left: 9px;
	display: inline;
}

#plants #main .box ul li.first {
	padding: 0;
	margin: 0;
	border: none;
}

#plants #main .box ul li span {
	float: left;
	font-size: 13px;
	color: #6a3905;
	font-weight: bold;
}

#plants #main .box02 {
	width: 548px;
	padding: 0 12px;
	margin-bottom: 20px;
}

#plants #main .box02 ul {
	width: 548px;
	padding-bottom: 15px;
	margin: 10px 0;
	border-bottom: 2px dotted #ae9a85;
}

#plants #main .box02 ul li {
	width: 264px;
	float: left;
	padding-right: 9px;
	border-right: 2px dotted #ae9a85;
	margin-right: 9px;
	display: inline;
}

#plants #main .box02 ul li.second {
	padding: 0;
	margin: 0;
	border: none;
}

#plants #main .box02 ul li span {
	float: left;
	font-size: 13px;
	color: #6a3905;
	line-height: 18px;
	font-weight: bold;
}

#plants #main .box02 .pic {
	padding-bottom: 15px;
	border-bottom: 2px dotted #ae9a85;
}

#plants #main .pic span {
	font-size: 13px;
	color: #6a3905;
	line-height: 18px;
	font-weight: bold;
}

#plants #main .box02 ul li img {
	margin-left: 5px;
}

#plants #main .area {
	width: 550px;
	padding-bottom: 15px;
	margin-left: 11px;
	border-bottom: 2px dotted #ae9a85;
}

#plants #main .area .areamiddle {
	width: 550px;
	padding-bottom: 17px;
	background: #F3E6CF url(../plants/img/cover02.gif) left bottom no-repeat;
}

#plants #main .area .areamiddle .boxbottom {
	margin: 0 15px;
	padding-bottom: 10px;
	background: url(../plants/img/cover05.gif) left bottom no-repeat;
}

#plants #main .area .areamiddle .boxtop {
	padding-top: 10px;
	background: url(../plants/img/cover03.gif) left top no-repeat;
}

#plants #main .area .areamiddle .boxmiddle {
	padding: 10px 0 16px 0;
	background: url(../plants/img/cover04.gif) left repeat-y;
}

#plants #main .area .areamiddle .boxmiddle ul li {
	width: 256px;
	padding-left: 2px;
	margin-left: 0;
	border-right: 2px dotted #ae9a85;
	float: left;
}

#plants #main .area .areamiddle .boxmiddle ul li.second {
	padding: 0;
	margin: 0;
	border: none;
}

#plants #main .area .areamiddle .boxmiddle ul li span {
	font-size: 13px;
	color: #6a3905;
	line-height: 18px;
	font-weight: bold;
	text-align: center;
	display: block;
}

#plants #main p.pagetop1 {
	width: 528px;
	text-align: right;
	margin: 5px 0 10px;
}

#plants #main .select {
	width: 528px;
	padding: 0 22px;
	text-align: right;
	margin-bottom: 20px;
	font-size:12px; 
	line-height:16px;
	letter-spacing:1px
}

#sub {
	width: 170px;
	padding-bottom: 1px;
}
 



/*** footer ***/
#footer {
	width: 750px;
	padding-top: 1px;
	text-align: right;
	background-color: #FFFFFF;
}

#footer .pagetop {
	padding-right: 24px;
}

#footer ul {
	margin: 15px 0 10px;
	padding-right: 15px;
	font-size: 10px;
	color: #006600;
}

#footer ul li {
	display: inline;
}	
	
/* clearfix
---------------------------------------- */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/* Mac”ÅIE‚Ì‚Ý‚É“K—p \*//*/
	height: auto;
	overflow: hidden;
	/**/
}