@charset "UTF-8";

/* **************************************
*Since: 2007-08-24
*Modified: 2009-08-25
           2009-08-26
           2009-09-01
           2009-09-02
           2009-09-03
           2009-09-07
           2009-10-01
           2009-11-25
           2009-12-22
************************************** */


/* content
---------------------------------------------------------------------------------------- */

/* flashContent
---------------------------------------------------------------------------------------- */
#content div#flash {
	margin:0px 0px 0px 10px;
	padding:10px 0px 0px 0px;
	height:328px;
	clear:both;
}

#content div#flashContent {
	margin:0px 0px 30px 10px;
	height:338px;
	clear:both;
	border:1px solid #ccc;
	text-align:center;
}

#content div#flashContent p {
	margin:130px 0px 0px 0px;
}

#content div#flashContent p img {
	margin:10px 0px 0px 0px;
}

#content div#flash object {
	outline:none;
}

#content div#flash div#photoContent {
	display:none;
}


/* newArrival
---------------------------------------------------------------------------------------- */
#content div#newArrival {
	position:relative;
	width:940px;
	margin:10px 0px 5px 10px;
	z-index:10;
	height:210px;
}

#content div#newArrival h2 {
	margin:0px 0px -25px 55px;
	position:relative;
	z-index:20;
}

#content div#newArrival img.flower01 {
	position:absolute;
	top:-7px;
	left:-40px;
}

#content div#newArrival img.flower02 {
	position:absolute;
	top:-2px;
	right:-31px;
}


/* coordinate
---------------------------------------------------------------------------------------- */
#content #coordinate {
	background:url(../images/bg_coordinate.gif) no-repeat left top;
	padding:0px 0px 0px 150px;
	margin:-20px 0px 30px 0px;
	position:relative;
	z-index:0;
	height:545px;
}

#content #coordinate h2 {
	padding:80px 0px 20px 100px;
}

#content #coordinate img.tree01{
	position:absolute;
	left:-60px;
	top:-15px;
	z-index:0;
}

#content #coordinate div.styles{
	float:left;
	z-index:10;
	position:relative;
}

#content #coordinate div.styles div.detail {
	float:left;
	margin:0px 10px 0px 0px;
	width:178px;
}

#content #coordinate div.styles div.detail div.box {
	border:1px solid #B6CED4;
	border-bottom:none;
	background:#fff;
	padding:10px 10px 5px 10px;
	width:158px;
}

#content #coordinate div.styles div.detail div.box p {
	font-size:85%;
	line-height:1.4;
	margin:0px 0px 5px 0px;
}

#content #coordinate div.styles div.detail div.box p a {
	display:block;
	margin:0px 0px 5px 0px;
}

#content #coordinate div.styles div.detail div.box p.photo {
	background:url(../images/bg_border01.gif) center bottom;
	padding:0px 0px 1px 0px;
	margin:0px 0px 10px 0px;
}

#content #coordinate div.styles div.detail div.box p.photo a {
	margin:0px 0px 0px 0px;
}

#content #coordinate div.styles div.detail div.box p.more,
#content #coordinate div.styles div.detail div.box p.more a {
	text-align:right;
	margin:0px 0px 0px 0px;
}

#content #coordinate div.ranking {
	margin:-40px 0px 0px 0px;
	padding:0px 15px 0px 0px;
	position:relative;
	width:190px;
	float:right;
}

#content #coordinate div.ranking h3 {
	padding:0px 0px 4px 0px;
}

#content #coordinate div.ranking ul li {
	background:#fff;
	margin:15px 0px 0px 0px;
	width:174px;
	float:left;
	padding:4px 10px 4px 4px;
}

#content #coordinate div.ranking ul li img.photo {
	float:left;
	border:1px solid #A7A5A1;
}

#content #coordinate div.ranking ul li p {
	float:right;
	width:100px;
	font-size:80%;
}

#content #coordinate div.ranking ul li p img {
	margin:7px 0px;
}


/* footContent
---------------------------------------------------------------------------------------- */
#content div#footContent {
	width:940px;
	float:left;
	margin:0px 0px 0px 0px;
	margin:0px 0px 30px 0px !important;
	padding:0px 0px 0px 10px;
}

*:first-child+html #content div#footContent {
	margin:0px 0px 0px 0px !important;
}

#content div#footContent #subContent {
	float:left;
	width:740px;
	font-size:85%;
}

#content div#footContent #subContent div.blog {
	border:1px solid #DBD9CB;
	width:738px;
	margin:0px 0px 40px 0px ;
	float:left;
}

#content div#footContent #subContent div.blog dl {
	border:1px solid #fff;
	background:url(../images/bg_heading_blog.gif) repeat-y left top ;
	float:left;
	width:736px;
}

#content div#footContent #subContent div.blog dl dt {
	float:left;
	margin:0px 10px 0px 0px ;
	padding:6px 14px 0px 14px !important;
	padding:7px 14px 0px 14px;
}

#content div#footContent #subContent div.blog dl dd {
	float:left;
	line-height:28px;
}

#content div#footContent #subContent div.blog dl dd span {
	padding:0px 10px 0px 0px;
}

#content div#footContent #subContent div.blog dl dd.feed {
	float:right;
}

#content div#footContent #subContent div.blog dl dd.feed a {
	background:url(../common/images/icon_rss.gif) no-repeat left center ;
	padding:1px 10px 1px 20px;
}

#content div#footContent #subContent ul.otherSite li {
	display:inline;
	margin:0px 43px 0px 0px;
}

#content div#footContent #subContent ul.otherSite li.international {
	margin:0px 0px 0px 0px;
}

#content div#footContent #subContent div.topics {
	width:320px;
	float:left;
	margin:20px 0px 0px 0px;
	padding:0px 10px 0px 0px;
}

#content div#footContent #subContent div.topics h4 {
	margin:0px 0px 15px 0px;
}

#content div#footContent #subContent div.topics ul li {
	padding:0px 0px 5px 0px;
	float:left;
	width:310px;
	line-height:1.3;
}

#content div#footContent #subContent div.topics ul li span {
	float:left;
	width:50px;
}

#content div#footContent #subContent div.topics ul li a {
	float:right;
	width:250px;
}


/* banner
---------------------------------------------------------------------------------------- */
#content ul#banner {
	float:right;
	width:180px;
}

#content ul#banner li {
	margin:0px 0px 10px 0px;
}


/* footer
---------------------------------------------------------------------------------------- */
#footer p {
	_margin:30px 0px 0px 0px;
}