body {
	margin: 0px;
	font-family: Tahoma, Sans-serif;
	text-align: center;
	font-size: 12px;
	color: #888;
	background: url(./images/garden_tbg.gif) repeat-x;
	background-color: #f2f1ec;
	}
a, a:link, a:visited, a:active { color: #00729b;  text-decoration: none }
a:hover { color: #00729b; text-decoration: underline }
* hr { display: none; }
* p, * h1, * h2, * h3, * h4, * h5 { margin: 0; }
* ul { list-style: none; margin: 0; padding: 0;}
div.space { height: 30px; }
div.line { font-size: 1px; clear: both; }

/*
<div id=container>
		<div id=topnav></div>
		<div id=header></div>
		<div id=main>
				<div id=content>
						<div class=gardenlist></div>
						<div class=todolist></div>
						<div class=todolist></div>
						<div class=joinlist></div>
						<div class=postlist></div>
				</div>
				<div id=sidebar_right>&nbsp;</div>
				<div id=sidebar>
						<div class=myinfo></div>
						<div class=menu></div>
						<div class=gardener></div>
						<div class=lifelog></div>
				</div>
		</div>
		<div id=footer></div>
</div>
*/

#container {
	width: 840px;
	padding: 0px;
	margin: 0 auto;
	background: url(./images/bg.gif);
	}
#container_write {
	width: 840px;
	padding: 0px;
	margin: 0 auto;
	background-color: #fff;
	}

#topnav {
	height: 36px;
	text-align: left;
	padding: 0 20px 0 30px;
	background: url(./images/garden_tbg.gif) top repeat-x;
	}

#header {
	height: 135px;
	text-align: left;
	padding: 0 0 0 10px;
	background: url(./images/top.gif) bottom no-repeat;
	}

#main {
	width: 840px;
	}

#content {
	width: 570px;
	float: left;
	text-align: left;
	overflow: hidden;
	padding: 0 20px 50px 30px;
	background-color: #fff;
	}
/* orig
#content {
	width: 570px;
	float: left;
	text-align: left;
	overflow: hidden;
	padding: 0 20px 50px 30px;
	background-color: #fff;
	}
*/

#sidebar {
	width: 200px;
	float: right;
	text-align: left;
	overflow: hidden;
	padding-bottom: 50px;
	}
#sidebar_right {
	width: 19px;
	float: right;
	background-color: #fff;
	}

#footer {
	clear: both;
	padding: 10px 0;
	color: #979797;
	background-color: #fff;
	border-top: 1px #d5d5d5 solid;
	width: 800px;
	margin: 0 auto;
	font-family: Tahoma, sans-serif;
	}
#footer a { color: #7f7f7f; }
#footer a:hover { color: #7f7f7f; text-decoration: underline; }

/* class=gardenlist start */
#content .gardenlist {
	width: 570px;
	}

#content .gardenlist ul.garden {
	padding-left: 10px;
	width: 570px;
	}

#content .gardenlist ul.garden li {
	padding: 10px 0 5px 2px;
	}
#content .gardenlist ul.garden li.top {
	padding-top: 0;
	}

#content .gardenlist ul.garden li span.gardener {
	color: green;
	font-weight: bold;
	font-size: 11px;
	}

#content .gardenlist ul.garden li span.new a {
	font-size: 11px;
	color: #8aa000;
	}

#content .gardenlist ul.garden li p {
	margin-top: 3px;
	color: #ababab;
	}
#content .gardenlist ul.garden li span kbd { font-family: Tahoma, Sans-serif; font-size: 11px; color: #ccc; }
#content .gardenlist ul.garden li p kbd { font-family: Tahoma, Sans-serif; }
#content .gardenlist ul.garden li p kbd a { font-family: Tahoma, Sans-serif; }
/* class=gardenlist end */

/* id=topnav start */
#topnav .div1 {
	float: left;
	}

#topnav .div2 {
	float: right;
	width: 628px;
	height: 28px;
	margin-top: 7px;
	text-align: right;
	background: url(./images/navi_bar.gif) right bottom no-repeat;
	}

#topnav .div1 img {
	width: 124px;
	height: 36px;
	border: 0px;
	}

#topnav .div2 p {
	padding: 9px 15px 0 0;
	}
#topnav .div2 p kbd { font-family: Tahoma, Sans-serif; color: #fff; }

#topnav .div2 p kbd a { color: #fff; text-decoration: none; }
/* id=topnav end */



/* id=header start */
#header .left {
	float: left;
	text-align: left;
	width: 380px;
	margin-top: 10px;
	}

#header .right {
	float: left;
	text-align:left;
	margin-top: 60px;
	margin-left: 10px;
	}

#header .left img {
	width: 380px;
	height: 100px;
	padding : 1px;
	border: 0px;
	}

#header .right h1 {
	font-size: 20px;
	color: #000;
	}
#header .right h1 a,
#header .right h1 a:link,
#header .right h1 a:visited,
#header .right h1 a:active,
#header .right h1 a:hover { color: #000; text-decoration: none; }

#header .right p {
	font-size: 11px;
	}
#header .right p a,
#header .right p a:link,
#header .right p a:visited,
#header .right p a:active { font-size: 10px; font-family: verdana, Sans-serif; color: #809B25; text-decoration: none; }
#header .right p a:hover { text-decoration: none; }
/* id=header end */



/* id=content start */

/* subtitle & moreview start */
#content * .title {
	background: url(./images/title_bar.gif) bottom no-repeat;
	width: 570px;
	margin-bottom: 15px;
	height: 33px;
	}

#content * .title h2 {
	color: #8c9e00;
	font-size: 14px;
	padding: 10px 0 2px 18px;
	margin: 20px 0 5px 0;
	}
#content * h2 a,
#content * h2 a:link,
#content * h2 a:visited,
#content * h2 a:active,
#content * h2 a:hover { color: #8d9e00; text-decoration: none; }

#content * .title span {
	font-size: 9px;
	font-family: verdana, Sans-serif;
	color: #a6a6a6;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	}

#content * .title strong {
	color: #000;
	}

#content * .title h2 p.state {
	float: right;
	padding-top: 4px;
	font-size: 11px;
	color: #999;
	font-weight: normal;
	}
#content * .title h2 span.action img {
	width: 38px;
	height: 17px;
	border: 0px solid #fff;
	vertical-align: middle;
	margin-bottom: 5px;
	}

#content * .blank {
	height: 26px;
	margin: 5px 0 15px 10px;
	padding-left: 10px;
	}
#content * .blank1 {
	height: 20px;
	margin: 5px 0 5px 10px;
	padding-left: 10px;
	}

#content * .moreview {
	clear: both;
	width: 550px;
	height: 26px;
	background: url(./images/more_bar.gif) bottom no-repeat;
	margin: 5px 0 30px 10px;
	}

#content * .moreview div {
	font-size: 11px;
	font-weight: normal;
	color: #bbb;
	}
#content * .moreview div a {
	text-decoration: none;
	color: #888;
	}
#content * .moreview div a:hover { text-decoration: underline; }

#content * .moreview div.div1 {
	padding: 8px 0 0 25px;
	float: left;
	background: url(./images/icon_more.gif) 3% 75% no-repeat;
	width: 350px;
	}
#content * .moreview div.div1 strong{
	font-weight: normal;
	}
	
#content * .moreview div.div2 {
	margin: 3px 5px 0 0;
	float: right;
	text-align: right;
	width: 87px;
	height: 20px;
	}
#content * .moreview div.div2 img {
	border: 0px #fff solid;
	cursor: pointer; cursor: hand;
	}

#content * .moreview div.div3 {
	padding: 8px 0 0 5px;
	float: left;
	}
#content * .moreview div.div3 img {
	width: 11px;
	height: 11px;
	vertical-align: middle;
	border: 0px #fff solid;
	margin-bottom: 4px;
	}

#content * .myinfo_more {
	margin: 5px 10px;
	}
#content * .myinfo_more_bg {
	background: url(./images/area_to2.gif);
	margin: 0px;
	padding: 5px 0;
	}

#content * .description {
	margin: -15px 0 15px;
	background-color: #fafbf7;
	width: 570px;
	}

#content * .description p.p1 {
	padding: 12px 15px 13px 15px;
	}
#content * .description p.p1 kbd {
	font-family: Tahoma, Sans-serif;
	font-size: 11px;
	}

#content * .description p.p2 {
	font-size: 11px;
	padding: 6px 10px 4px 10px;
	margin-bottom: 20px;
	}

#content * div.subtitle {
	background: url(./images/title_bar3.gif) 0% 70% no-repeat;
	clear: both;
	width: 570px;
	height: 15px;
	padding-top: 7px;
	color: #555;
	margin-bottom: 5px;
	}
#content * div.subtitle h3 {
	margin-left:18px;
	font-size: 13px;
	}
#content * div.subtitle h3 a { color: #333; text-decoration: none; }

#content * div.subtitle h3 span {
	font-size: 9px;
	font-family: verdana, Sans-serif;
	color: #a6a6a6;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	}

#content * .memberinfo {
	margin: -15px 0 15px;
	background-color: #fafbf7;
	margin-bottom: 15px;
	width: 570px;
	height: 65px;
	}

#content * .memberinfo div.left {
	float: left;
	width: 60px;
	}

#content * .memberinfo div.left img {
	border: 1px #aaa solid;
	margin: 10px 5px 0 10px;
	width: 43px;
	height: 43px;
	}

#content * .memberinfo div.right {
	float: left;
	text-align: left;
	width: 200px;
	margin: 10px 0 0 10px;
	}
#content * .memberinfo div.comments {
	float: left;
	text-align: right;
	width: 290px;
	margin-top: 42px;
	}

#content div.todolist .memberinfo_comments {
	margin: -15px 0 15px 0;
	background-color: #fafbf7;
	width: 570px;
	height: 40px;
	}

#content div.todolist .memberinfo_comments div.input {
	clear: both;
	margin: 10px;
	padding: 5px 10px;
	font-size: 11px;
	border: 1px #9dc703 dotted;
	background-color: #fdfff4;
	display: block;
	}

#content div.todolist .memberinfo_comments div.input input {
	vertical-align: middle;
	font-family: Tahoma, sans-serif;
	color: #333;
	width: 390px;
	}

#content div.todolist .memberinfo_comments div.input img {
	height: 22px;
	width: 82px;
	border: 0px solid #fff;
	vertical-align: middle;
	margin-left: 5px;
	}

#content * .memberinfo li {
	height: 16px;
	font-size: 11px;
	}
#content * .memberinfo ul span.icon {
	font-size: 4px;
	margin-right: 5px;
	color: #b2d30a;
	vertical-align: middle;
	}


/* subtitle & moreview end */



/* class=joinlist start */
#content .joinlist {
	width: 570px;
	}
#content .joinlist ul.join {
	padding-left: 10px;
	width: 570px;
	}

#content .joinlist ul.join li.left {
	clear: both;
	float: left;
	width: 278px;
	height: 60px;
	}

#content .joinlist ul.join li.right {
	float: right;
	width: 277px;
	height: 60px;
	}

#content .joinlist ul.join img {
	width: 45px;
	height: 45px;
	margin: 0px 10px 0 0;
	border: 1px #aaa solid;
	float: left;
	}

#content .joinlist ul.join * p {
	font-size: 11px;
	}

#content .joinlist ul.join p.p1 {
	margin-top: 7px;
	}

#content .joinlist ul.join p.p1 span.success {
	display: none;
	}
#content .joinlist ul.join p.p1 span.gardener { position: relative; top: -15px; left: 3px; }
* html #content .joinlist ul.join p.p1 span.gardener { top: -2px; left: 0; }
#content .joinlist ul.join p.p1 span.gardener img.gardener {
	width: 36px;
	height: 12px;
	border: 0px solid #fff;
	position: absolute;
	}
/* class=joinlist end */



/* class=todolist start */
#content .todolist ul.todo {
	padding-left: 10px;
	width: 560px;
	}

#content .todolist ul.todo a{
	cursor: pointer; cursor: hand;
}

#content .todolist div.pubbg1 {
	background: url(./images/area_to1.gif) no-repeat;
	font-size: 1px;
	width: 570px;
	height: 6px;
	}
#content .todolist div.topmargin {
	margin-top: -25px;
	}

#content .todolist ul.public {
	background: url(./images/area_to2.gif);
	padding: 5px 15px 0 15px;
	width: 540px;
	}
#content .todolist div.pubbg2 {
	background: url(./images/area_to3.gif) top no-repeat;
	font-size: 1px;
	height: 6px;
	width: 570px;
	}
#content .todolist ul.public li {
	padding-left: 15px;
	}
#content .todolist ul.public li.adds {
	background: url(./images/icon_arrow.gif) 0% 40% no-repeat;
	}
#content .todolist ul.public img.add {
	width: 38px;
	height: 17px;
	border: 0px #000 solid;
	vertical-align: middle;
	cursor: pointer; cursor: hand;
	}

#content .todolist ul.todo li {
	font-weight: bold;
	padding: 5px 0 5px 2px;
	}

#content .todolist ul.todo li img {
	border: 0px #000 solid;
	margin-right: 5px;
	width: 15px;
	height: 17px;
	vertical-align: middle;
	cursor: pointer; cursor: hand;
	}

#content .todolist ul.todo2 li {
	font-weight: bold;
	padding: 5px 0 5px 2px;
	line-height: 20px;
	}
#content .todolist ul.todo2 li img {
	float: left; 
	margin-right: 15px;
	}


#content .todolist ul.todo li span {
	font-weight: normal;
	font-size: 11px;
	}

#content .todolist ul.todo li span.span1 kbd a { font-family: Tahoma, Sans-serif; font-size: 11px; color: #ababab; }
#content .todolist ul.todo li span.span1 kbd a:hover { font-family: Tahoma, Sans-serif; font-size: 11px; text-decoration: underline; }

#content .todolist ul.todo li span.span1 kbd a.select { font-family: Tahoma, Sans-serif; font-size: 11px; text-decoration: underline; }
#content .todolist ul.todo li span.span1 kbd a.select:hover { font-family: Tahoma, Sans-serif; font-size: 11px; text-decoration: none; }

#content .todolist ul.todo li span.span2 kbd a { font-family: Tahoma, Sans-serif; font-size: 11px; color: #8aa000; cursor: pointer; cursor: hand; }
#content .todolist ul.todo li span.span2 kbd a:hover { font-family: Tahoma, Sans-serif; font-size: 11px; text-decoration: underline; cursor: pointer; cursor: hand; }

#content .todolist ul.todo li span.todomenu {
	display: none;
	font-family: Tahoma, Sans-serif;
	font-size: 11px;
	color: #ccc;
	}
#content .todolist ul.todo li span.span3 kbd { font-family: Tahoma, Sans-serif; font-size: 11px; color: #ccc; }
#content .todolist ul.todo li span.span3 kbd a { font-family: Tahoma, Sans-serif; font-size: 11px; color: #ff5400; cursor: pointer; cursor: hand; }
#content .todolist ul.todo li span.span3 kbd a:hover { font-family: Tahoma, Sans-serif; font-size: 11px; text-decoration: underline; }

#content .todolist ul.todo li span.todomenu kbd { font-family: Tahoma, Sans-serif; font-size: 11px; color: #ccc; }
#content .todolist ul.todo li span.todomenu kbd a { font-family: Tahoma, Sans-serif; font-size: 11px; color: #ff5400; cursor: pointer; cursor: hand; }
#content .todolist ul.todo li span.todomenu kbd a:hover { font-family: Tahoma, Sans-serif; font-size: 11px; text-decoration: underline; }

#content .todolist .todoinput {
	clear: both;
	width: 550px;
	height: 26px;
	background: url(./images/more_bar.gif) bottom no-repeat;
	margin: 5px 0 30px 10px;
	}
#content .todolist div.myinfo_more_bg div.todoinput {
	margin-bottom: 5px;
	}

#content .todolist .todoinput input {
	width: 300px;
	font-family: Tahoma, Sans-serif;
	font-size: 12px;
	margin-top: 4px;
	vertical-align: middle;
	}
* html #content .todolist .todoinput input { margin-top: 2px; }

#content .todolist .todoinput a { font-size: 11px; cursor: pointer; cursor: hand; }

#content .todolist .todoinput img {
	border: 0px #fff solid;
	margin: 3px 5px 0 5px;
	vertical-align: middle;
	cursor: pointer; cursor: hand;
	}
* html #content .todolist .todoinput img { margin-top: 1px; }

#content .todolist ul.todo li.select {
	border: 1px #9dc703 dotted;
	background-color: #fdfff4;
	color: #333;
	margin-bottom: 5px;
	}
#content .todolist ul.todo li.over {
	background-color: #fdfff4;
	}

#content .todolist ul.todo li.select div.div1 {
	float: left;
	}
#content .todolist ul.todo li.select div.div1 input {
	width: 300px;
	font-family: Tahoma, Sans-serif;
	font-size: 12px;
	margin: 2px 3px 2px 10px;
	font-weight: normal;
	}
#content .todolist ul.todo li.select div.div2 a.cancel {
	font-size: 11px;
	vertical-align: bottom;
	font-weight: normal;
	}

#content .todolist ul.todo li.select div.div2 {
	padding-top: 3px;
	}
#content .todolist ul.todo li.select div.div2 img.modify {
	width: 46px;
	height: 18px;
	vertical-align: middle;
	}
#content .todolist ul.todo li.select div.div3 img.yes {
	width: 46px;
	height: 18px;
	margin-top: -5px;
	vertical-align: middle;
	}
#content .todolist ul.todo li.select div.div3 img.no {
	width: 46px;
	height: 18px;
	margin-top: -5px;
	vertical-align: middle;
	}

#content .todolist ul.todo li.select img.icon {
	margin-left: 10px;
	}

#content .todolist ul.todo li.select div.div3 {
	clear: both;
	font-size: 11px;
	font-weight: normal;
	margin-left: 10px;
	margin-top: 5px;
	color: #888;
	}
#content .todolist ul.todo li.select div.div3 img {
	width: 40px;
	height: 15px;
	margin-top: 3px;
	}

#content * .todohelp {
	width: 550px;
	height: 70px;
	background: url(./images/todo_bg.gif) top repeat-y;
	margin: 0 10px 10px 10px;
	}
#content * div.help {
	line-height: 1.5em;
	color: #333;
	padding: 10px 10px 0 10px;
	}

#content * .todohelp span.span1 {
	font-size: 11px;
	}
#content * .todohelp span.span2 {
	display: block;
	float: right;
	font-size: 11px;
	font-weight: bold;
	background: url(./images/icon_more.gif) left no-repeat;
	padding: 2px 0 0 14px;
	width: 128px;
	cursor: pointer; cursor: hand;
	}
#content * .todohelp span.span2 a { cursor: pointer; cursor: hand; }

#content * .todosample {
	display: none;
	width: 550px;
	height: 130px;
	background: url(./images/todo_sample.gif) top no-repeat;
	margin: 0 10px 10px 10px;
	}
#content * .todosample span.span2 {
	display: block;
	float: right;
	font-size: 11px;
	margin-top: 78px;
	font-weight: bold;
	background: url(./images/icon_more.gif) left no-repeat;
	padding: 2px 0 0 14px;
	}

#content .todolist ul.myinfo {
	background: url(./images/area_to2.gif);
	padding: 0 15px;
	width: 540px;
	}
#content .todolist div.pubbg3 {
	background: url(./images/area_to3.gif) top no-repeat;
	font-size: 1px;
	height: 6px;
	width: 570px;
	margin-top: -5px;
	}
#content .todolist .icon_todoprint {
	width: 570px;
	text-align: left; 
	margin: -45px 0 20px 0;
	}

#content .todolist .icon_todoprint {
	width: 570px;
	height:20px ;
	text-align: left; 
	margin: -45px 0 20px 0;
	}

#content .todolist .icon_todoprint span.span1 {
	font-size:11px;
	background-color:#f8f8f8; 
	border:1px solid #eee; 
	padding: 3px 3px 0 3px; 
	cursor: pointer; 
	cursor: hand; 
	margin-top: 5px; 
	display: block; 
	width: 80px; 
	text-align: center; 
	float: right;
	}
#content .todolist .icon_todoprint span.span2 {
	font-size:11px;
	background-color:#f8f8f8; 
	border:1px solid #eee; 
	padding: 3px 3px 0 3px; 
	cursor: pointer; 
	cursor: hand; 
	margin-top: 5px; 
	margin-right: 10px;
	display: block; 
	width: 80px; 
	text-align: center; 
	float: right;
	}
/* class=todolist end */



/* class=postlist start */
#content .postlist ul.post {
	width: 570px;
	height: 43px;
	padding: 0px;
	}

#content .postlist ul.post li {
	background: url(./images/post_bar.gif) top right no-repeat;
	clear: both;
	}

#content .postlist ul.post div.left {
	float: left;
	padding-left: 10px;
	width: 405px;
	height: 43px;
	}

#content .postlist ul.post div.right {
	float: right;
	padding-right: 10px;
	width: 140px;
	height: 43px;
	}

#content .postlist ul.post div.left p.p1 {
	font-weight: bold;
	padding-top: 10px;
	clear: both;
	color: #333;
	}
#content .postlist ul.post div.left p.p2 kbd {
	font-family: verdana, Sans-serif;
	font-size: 10px;
	margin-top: 3px;
	}
#content .postlist ul.post div.left p.p2 kbd a { text-decoration: none; }

#content .postlist ul.post div.left p.p1 span {
	font-size: 11px;
	font-weight: normal;
	padding-left: 5px;
	color: #aaa;
	}
#content .postlist ul.post div.left p.p1 span a { text-decoration: none; cursor: pointer; cursor: hand; }

#content .postlist ul.post div.right p.p1 {
	float: right;
	width: 20px;
	margin-top: 12px;
	}
#content .postlist ul.post div.right p.p2 {
	float: right;
	text-align: right;
	font-size: 11px;
	margin: 17px 5px 0 0;
	font-family: verdana, Sans-serif;
	width: 115px;
	}
#content .postlist ul.post div.right p.p2 a { font-family: Tahoma,Sans-serif; text-decoration: none; }
#content .postlist ul.post div.right p.p1 img {
	width: 18px;
	height: 18px;
	border: 1px #aaa solid;
	}

#content .postlist ul.post div.postbody {
	clear: both;
	margin-top: 0px;
	padding-top: 18px;
	height: 5px;
	}

#content .postlist ul.post div.postbody p.p1 {
	float: left;
	padding: 1px 5px 30px 10px;
	}
#content .postlist ul.post div.postbody p.p2 {
	line-height: 1.4em;
	padding: 0 10px;
	color: #333;
	}
/*my*/
#content .postlist div.postbody p.p5 {
	font-size: 18px;
	font-weight: bold;
	clear: both;
	color: #00729b;
	text-align: center;
	}
#content .postlist div.postbody p.p6 {
	font-size: 13px;
	padding: 5px 5px 25px 5px;
	clear: both;
	color: #333;
	line-height: 23px;
	}
/**/
#content .postlist ul.post div.postbody p.p2 a { color: #888; text-decoration: none; }
#content .postlist ul.post div.postbody p.p2 a:hover { color: #888; text-decoration: underline; }
#content .postlist ul.post div.postbody p.p3 {
	padding: 1px 10px 10px 15px;
	margin: 5px 0 15px 5px;
	float: right;
	background: url(./images/icon_check.gif) top left no-repeat;
	}
#content .postlist ul.post div.postbody p.p3 span { display: none; }
#content .postlist ul.post div.postbody p.p3 kbd { font-size: 12px; font-family: Tahoma, Sans-serif; }
#content .postlist ul.post div.postbody p.p1 img {
	border: 1px #8B8C86 solid;
	}
#content .postlist ul.post div.postbody p.p4 {
	float: left;
	line-height: 1.4em;
	padding: 0px 10px 40px 10px;
	margin-top: -10px;
	color: #333;
	}
#content .postlist ul.post div.postbody p.p4 a { color: #888; text-decoration: none; }
#content .postlist ul.post div.postbody p.p4 a:hover { color: #888; text-decoration: underline; }
/* class=postlist end */


/* class=lifelist start */

#content .lifelist ul.log {
	}

#content .lifelist .description .p1 select {
	font-family : Tahoma;
	font-size : 12px;
	margin-left : 250px;
	}

#content .lifelist ul.log li {
	clear: both;
	padding : 18px 0;
	/*background: url(./images/dot_line.gif) bottom repeat-x;*/
	}
#content .lifelist ul.log li div.lifespace {
	padding-top : 10px;
	}
#content .lifelist ul.log span.config a {
	color : #888;
	font-size : 11px;
	font-weight : normal;
	}
#content .lifelist ul.log div.lifelog {
	width : 570px;
	}
#content .lifelist ul.log div.left {
	float: left;
	width: 90px;
	clear : left;
	}
#content .lifelist ul.log div.right {
	float: right;
	width: 450px;
	color : #333;
	padding-right: 10px;
	line-height : 180%;
	}
#content .lifelist ul.log div.lifelog p.lifelogttl {
	background: url(./images/dot_line.gif) bottom repeat-x;
	margin-bottom : 5px;
	font-weight : bold;
	}
#content .lifelist ul.log div.lifelog div.left img {
	margin : 0 15px;
	border :  1px solid #999;
	}
#content .lifelist ul.log div.lifelog img.ttl_ico {
	padding : 0 5px 6px 0;
	vertical-align : middle;
	}

#content .lifelist ul.log div.desc {
	background: url(./images/link.gif) no-repeat;
	padding : 3px 0px 0px 15px;
	font-size : 11px;
	margin-top : 5px;
	}
#content .lifelist ul.log div.desc a { color: #888; text-decoration: underline; }
#content .lifelist ul.log div.desc a:hover { color: #888; text-decoration: underline; }

#content .lifelist ul.log span.point {
	font-size: 11px;
	}
#content .lifelist ul.log span.point img {
	padding : 0px;
	}
#content .lifelist ul.log span.point span {
	color : #888;
	}

#content .lifelist ul.post {
	width: 570px;
	padding: 0px;
	margin : 0px
	}

#content .lifelist ul.post li {
	background: url(./images/post_bar.gif) top right no-repeat;
	padding : 0px;
	padding-bottom : 20px;
	clear: both;
	}

#content .lifelist ul.post div.titlei {
	background: url(./images/titlei_post.gif) left no-repeat;
	margin-top : 15px;
	padding : 15px 0 0 27px;
	height : 25px;
	color : #000;
	font-weight : bold;
	}
#content .lifelist ul.post div.title span {
	font-size: 12px;
	font-family: Tahoma;
	}
#content .lifelist ul.post div.left {
	float: left;
	padding-left: 10px;
	width: 405px;
	}
#content .lifelist ul.post div.right {
	float: right;
	padding-right: 10px;
	width: 140px;
	}
#content .lifelist ul.post div.left p.p1 {
	font-weight: bold;
	padding-top: 10px;
	clear: both;
	color: #333;
	}
#content .lifelist ul.post div.left p.p2 kbd {
	font-family: verdana, Sans-serif;
	font-size: 10px;
	margin-top: 3px;
	}
#content .lifelist ul.post div.left p.p2 kbd a { text-decoration: none; }

#content .lifelist ul.post div.left p.p1 span {
	font-size: 11px;
	font-weight: normal;
	padding-left: 5px;
	color: #aaa;
	}
#content .lifelist ul.post div.left p.p1 span a { text-decoration: none; cursor: pointer; cursor: hand; }

#content .lifelist ul.post div.right p.p1 {
	float: right;
	width: 20px;
	margin-top: 12px;
	}
#content .lifelist ul.post div.right p.p2 {
	float: right;
	text-align: right;
	font-size: 11px;
	margin: 17px 5px 0 0;
	font-family: verdana, Sans-serif;
	width: 115px;
	}
#content .lifelist ul.post div.right p.p2 a { font-family: Tahoma, Sans-serif; text-decoration: none; }
#content .lifelist ul.post div.right p.p1 img {
	width: 18px;
	height: 18px;
	border: 1px #aaa solid;
	}

#content .lifelist ul.post div.postbody {
	clear: both;
	margin-top: 0px;
	padding-top: 10px;
	/*height: 5px;*/
	}

#content .lifelist ul.post div.postbody p.p1 {
	float: left;
	padding: 1px 5px 0px 10px;
	}
#content .lifelist ul.post div.postbody p.p2 {
	line-height: 1.4em;
	padding: 0 10px;
	color: #333;
	}
#content .lifelist ul.post div.postbody p.p2 a { color: #888; text-decoration: none; }
#content .lifelist ul.post div.postbody p.p2 a:hover { color: #888; text-decoration: underline; }

#content .lifelist ul.post div.postbody p.p1 img {
	border: 1px #8B8C86 solid;
	}
#content .lifelist ul.post div.postbody p.p4 {
	float: left;
	line-height: 1.4em;
	padding: 0px 10px 40px 10px;
	margin-top: -10px;
	color: #333;
	}
#content .lifelist ul.post div.postbody p.p4 a { color: #888; text-decoration: none; }
#content .lifelist ul.post div.postbody p.p4 a:hover { color: #888; text-decoration: underline; }

#content .lifelist div.comments {
	margin : 0;
	padding : 0;
}

#content .lifelist div.comments div.title {
	background: url(./images/titlei_comment.gif) left no-repeat;
	padding : 20px 0 0 27px;
	margin-bottom : -10px;
	color : #000;
	font-weight : bold;
	}
#content .lifelist div.comments div.title span {
	font-size: 12px;
	font-family: Tahoma;
	}
#content .lifelist div.comments div.bg1 {
	background: url(./images/area570_1.gif) top no-repeat;
	width: 570px;
	height: 8px;
	font-size: 1px;
	}
#content .lifelist div.comments div.bg2 {
	background: url(./images/area570_3.gif) top no-repeat;
	width: 570px;
	height: 10px;
	font-size: 1px;
	clear : both;
	}

#content .lifelist div.comments ul.list {
	background-color: #f9f9f9;
	}

#content .lifelist div.comments ul.list li {
	clear: both;
	width: 570px;
	background: url(./images/area570_2.gif) no-repeat;
	padding : 0px;
	margin : 0px;
	}
#content .lifelist div.comments ul.list div.div1 {
	height : 33px;
	background-color: #f9f9f9;
	padding : 5px 0 0 15px;
	}
#content .lifelist div.comments div.info {
	background: url(./images/dot_line.gif) bottom no-repeat;
	float : right;
	clear : right;
	width : 490px;
	margin-right : 10px;
	padding-bottom : 5px;
	}
#content .lifelist div.comments ul.list div.div1 div.right {
	padding : 5px 0;
	background : url(./images/comment_line.gif) bottom no-repeat;
	}
#content .lifelist div.comments ul.list div.div1 span.left {
	font-size : 11px;
	font-weight: bold;
	}
#content .lifelist div.comments ul.list div.div1 span.right {
	font-size: 10px;
	font-family: verdana, Sans-serif;
	}
#content .lifelist div.comments ul.list div.div1 span.right a { font-family: Tahoma, Sans-serif; font-size: 11px; }
#content .lifelist div.comments ul.list div.div1 span.config {
	font-size: 11px;
	font-family: Tahoma;
	padding-left : 320px;
	/*border : 1px solid #000;*/
	}
#content .lifelist div.comments ul.list div.div1 img.profile {
	width: 33px;
	height: 33px;
	border: 1px #aaa solid;
	margin: 0px 0px 3px 0px;
	padding : 0px;
	float: left;
	clear : left;
	}
#content .lifelist div.comments ul.list div.div1 img.point {
	margin: 0px 0px 0px 3px;
	}

#content .lifelist div.comments ul.list div.div2 {
	padding: 2px 15px 22px 60px;
	color: #333;
	line-height: 1.5em;
	text-align: justify;
	background-color : #f9f9f9;
	}

#content .lifelist div.comments ul.list div.div2 p.line {
	clear: left;
	width: 490px;
	height: 0px;
	font-size: 1px;
	line-height: 0em;
	}

#content .lifelist div.comments ul.list div.div2 a:link,
#content .lifelist div.comments ul.list div.div2 a:visited,
#content .lifelist div.comments ul.list div.div2 a:active { color: #978c00; text-decoration: underline; }
#content .lifelist div.comments ul.list div.div2 a:hover { color: #00729B; text-decoration: underline; }

#content .lifelist div.comments div.input {
	padding: 20px 15px 1px 15px;
	background-color: #f9f9f9;
	}
* html #content .lifelist div.comments div.input {
	height: 100px;
	}

#content .lifelist div.comments div.input textarea {
	width: 490px;
	height: 80px;
	border: 1px #e2e2db solid;
	margin-left : 45px;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 1.3em;
	}
#content .lifelist div.comments div.input div.button {
	width: 540px;
	text-align: right;
	margin-top: 5px;
	}
#content .lifelist div.comments div.input div.button span.point{
	text-align: left;
	margin : 0 290px 0 0px;
	}
#content .lifelist div.comments div.input div.button span.point select{
	margin : 0;
	padding : 0;
	font-size : 11px;
	}
#content .lifelist div.comments div.input div.button img {
	width: 71px;
	height: 22px;
	}

#content .lifelist div.comments ul.list li.edit {
	clear: both;
	width: 540px;
	margin: 0 14px 15px 14px;
	border: 1px #9dc703 dotted;
	background-color: #fdfff4;
	}

#content .lifelist div.comments ul.list li.edit div.div1 {
	padding: 10px 15px 0 15px;
	background-color: #fdfff4;
	}

#content .lifelist div.comments ul.list li.edit div.div2 {
	padding: 0px;
	margin: 0px;
	background-color: #fdfff4;
	text-align: center;
	}
#content .lifelist div.comments ul.list li.edit div.div2 textarea {
	width: 505px;
	height: 150px;
	border: 1px #e2e2db solid;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 1.3em;
	}
#content .lifelist div.comments ul.list li.edit div.button {
	text-align: right;
	background-color: #fdfff4;
	padding: 5px 15px;
	}
#content .lifelist div.comments ul.list li.edit div.button a { font-size: 11px; }

#content .lifelist div.comments ul.list li.edit div.button img {
	width: 46px;
	height: 18px;
	vertical-align: middle;
	border: 0px;
	}

/* class=lifelist end */


/* class=permalink start */

#content .permalink ul.post {
	width: 570px;
	height: 54px;
	padding-top : 20px;
	}

#content .permalink ul.post li {
	background: url(./images/gd_title_bar.gif) top right no-repeat;
	clear: both;
	}

#content .permalink ul.post div.left {
	float: left;
	padding-left: 10px;
	padding-top : 5px;
	width: 405px;
	height: 54px;
	}

#content .permalink ul.post div.right {
	float: right;
	padding-right: 10px;
	width: 140px;
	height: 54px;
	}

#content .permalink ul.post div.left p.p1 {
	font-weight: bold;
	font-size : 14px;
	padding-top: 10px;
	clear: both;
	color: #333;
	}
#content .permalink ul.post div.left p.p2 kbd {
	font-family: verdana, Sans-serif;
	font-size: 10px;
	margin-top: 3px;
	}
#content .permalink ul.post div.left p.p2 kbd a { text-decoration: none; }

#content .permalink ul.post div.left p.p1 span {
	font-size: 11px;
	font-weight: normal;
	padding-left: 5px;
	color: #aaa;
	}
#content .permalink ul.post div.left p.p1 span a { text-decoration: none; cursor: pointer; cursor: hand; }

#content .permalink ul.post div.right p.p1 {
	float: right;
	width: 33px;
	margin-top: 10px;
	}
#content .permalink ul.post div.right p.p2 {
	float: right;
	text-align: right;
	font-size: 11px;
	margin: 15px 5px 0 0;
	font-family: verdana, Sans-serif;
	width: 95px;
	}
#content .permalink ul.post div.right p.p2 a { font-family: Tahoma, Sans-serif; text-decoration: none; }
#content .permalink ul.post div.right p.p1 img {
	width: 33px;
	height: 33px;
	border: 1px #aaa solid;
	}

#content .permalink div.contents {
	line-height: 1.5em;
	color: #333;
	margin: 0 10px;
	padding-top: 18px;
	width: 550px;
	clear: both;
	}
* html #content .permalink div.contents { margin-top: -15px; }

#content .permalink div.contents a:link,
#content .permalink div.contents a:visited,
#content .permalink div.contents a:active { color: #978c00; text-decoration: underline; }
#content .permalink div.contents a:hover { color: #00729B; text-decoration: underline; }

#content .permalink div.contents img.image_top { margin-bottom : 15px; }
#content .permalink div.contents img.image_left { margin-right : 15px; margin-bottom : 15px; }
#content .permalink div.contents img.image_right { margin-left : 15px; margin-bottom : 15px; }
#content .permalink div.contents img.image_mid { margin-top : 15px; margin-bottom : 15px; }

#content .permalink div.contents img.IMAGE_TOP { margin-bottom : 15px; }
#content .permalink div.contents img.IMAGE_LEFT { margin-right : 15px; margin-bottom : 15px; }
#content .permalink div.contents img.IMAGE_RIGHT { margin-left : 15px; margin-bottom : 15px; }
#content .permalink div.contents img.IMAGE_MID { margin-top : 15px; margin-bottom : 15px; }

#content .permalink p.todo {
	padding: 1px;
	margin: 15px 0 10px 10px;
	text-align: right;
	width: 550px;
	}
#content .permalink p.todo span { display: none; }
#content .permalink p.todo kbd { font-size: 12px; font-family: Tahoma, Sans-serif; font-weight: normal; }
#content .permalink p.todo kbd a { font-size: 12px; font-family: Tahoma, Sans-serif; border-bottom: 1px #00729b dotted; font-weight: normal; }
#content .permalink p.todo kbd a:hover { text-decoration: none; border-bottom: 0px #00729b dotted; }

#content .permalink div.comments {
	clear: both;
	margin-top: 40px;
	}

#content .permalink div.desc {
	width: 560px;
	text-align : right;
	font-size: 11px;
	margin-bottom : 5px;
	}

#content .permalink div.comments div.bg1 {
	background: url(./images/area570_1.gif) top no-repeat;
	width: 570px;
	height: 8px;
	font-size: 1px;
	}
#content .permalink div.comments div.bg2 {
	background: url(./images/area570_3.gif) top no-repeat;
	width: 570px;
	height: 10px;
	font-size: 1px;
	}

#content .permalink div.comments ul.list {
	background-color: #f9f9f9;
	}

#content .permalink div.comments ul.list li {
	clear: both;
	width: 570px;
	background: url(./images/area570_2.gif);
	}

#content .permalink div.comments ul.list div.div1 {
	height : 33px;
	padding: 8px 17px 5px 15px;
	background-color: #f9f9f9;
	}
#content .permalink div.comments ul.list div.div1 div.right {
	padding : 5px 0;
	margin-left : 45px;	
	background : url(./images/comment_line.gif) bottom no-repeat;
	}
#content .permalink div.comments ul.list div.div1 span.left {
	font-size : 11px;
	font-weight: bold;
	}
#content .permalink div.comments ul.list div.div1 span.right {
	font-size: 10px;
	font-family: verdana, Sans-serif;
	}
#content .permalink div.comments ul.list div.div1 span.right a { font-family: Tahoma, Sans-serif; font-size: 11px; }
#content .permalink div.comments ul.list div.div1 span.config {
	font-size: 11px;
	font-family: Tahoma;
	padding-left : 320px;
	}

#content .permalink div.comments ul.list div.div1 span.url {
	font-size : 11px;
	}
#content .permalink div.comments ul.list .url a:link,
#content .permalink div.comments ul.list .url a:visited,
#content .permalink div.comments ul.list .url a:active { color: #888; text-decoration: underline; }
#content .permalink div.comments ul.list .url a:hover  { color: #00729B; text-decoration: underline; }

#content .permalink div.comments ul.list div.div1 img {
	width: 33px;
	height: 33px;
	border: 1px #aaa solid;
	margin: 0 10px 3px 0;
	padding : 0;
	float: left;
	}

#content .permalink div.comments ul.list div.div2 {
	padding: 2px 15px 22px 60px;
	color: #333;
	line-height: 1.5em;
	text-align: justify;
	background-color : #f9f9f9;
	}

#content .permalink div.comments ul.list div.div2 p.line {
	clear: left;
	width: 490px;
	height: 0px;
	font-size: 1px;
	line-height: 0em;
	}

#content .permalink div.comments ul.list div.div2 a:link,
#content .permalink div.comments ul.list div.div2 a:visited,
#content .permalink div.comments ul.list div.div2 a:active { color: #978c00; text-decoration: underline; }
#content .permalink div.comments ul.list div.div2 a:hover { color: #00729B; text-decoration: underline; }

#content .permalink div.comments div.input {
	padding: 20px 15px 1px 15px;
	background-color: #f9f9f9;
	}
* html #content .permalink div.comments div.input {
	height: 100px;
	margin-top : -15px;
	}

#content .permalink div.comments div.input textarea {
	width: 490px;
	height: 80px;
	border: 1px #e2e2db solid;
	margin-left : 45px;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 1.3em;
	}
#content .permalink div.comments div.input div.button {
	width: 540px;
	text-align: right;
	margin-top: 5px;
	}
#content .permalink div.comments div.input div.button img {
	width: 71px;
	height: 22px;
	}

#content .permalink div.comments ul.list li.edit {
	clear: both;
	width: 540px;
	margin: 0 14px 15px 14px;
	border: 1px #9dc703 dotted;
	background-color: #fdfff4;
	}

#content .permalink div.comments ul.list li.edit div.div1 {
	padding: 10px 15px 0 15px;
	background-color: #fdfff4;
	}

#content .permalink div.comments ul.list li.edit div.div2 {
	padding: 0px;
	margin: 0px;
	background-color: #fdfff4;
	text-align: center;
	}
#content .permalink div.comments ul.list li.edit div.div2 textarea {
	width: 505px;
	height: 150px;
	border: 1px #e2e2db solid;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 1.3em;
	}
#content .permalink div.comments ul.list li.edit div.button {
	text-align: right;
	background-color: #fdfff4;
	padding: 5px 15px;
	}
#content .permalink div.comments ul.list li.edit div.button a { font-size: 11px; }

#content .permalink div.comments ul.list li.edit div.button img {
	width: 46px;
	height: 18px;
	vertical-align: middle;
	border: 0px;
	}

#content .permalink .moreview {
	clear: both;
	width: 550px;
	height: 26px;
	text-align : center;
	background: none;
	margin: 25px 0 30px 10px;
	font-weight: normal;
	color: #bbb;
	}
#content .permalink .moreview a {
	}
#content .permalink .moreview a:hover { text-decoration: underline; }

#content .permalink .moreview div {
	font-size : 12px;
	}

#content .permalink .moreview div a:link,
#content .permalink .moreview div a:visited,
#content .permalink .moreview div a:active { color: #00729B; }
#content .permalink .moreview div a:hover { color: #00729B; text-decoration: underline; }


#content .permalink .moreview div.prev {
	float : left;
	width : 200px;
	text-align : right;
	}
#content .permalink .moreview div.mid {
	float : left;
	width : 100px;
	padding : 0 20px;
	}
#content .permalink .moreview div.next {
	float : right;
	width : 200px;
	text-align : left;
	}

#content .permalink .moreview img {
	width: 11px;
	height: 11px;
	vertical-align: middle;
	border: 0px #fff solid;
	margin-bottom: 4px;
	}

/* class=permalink end */



/* class=gardener start */
#content .gardener {
	width: 570px;
	}

#content .gardener ul.list {
	width: 570px;
	}

#content .gardener ul.list img {
	width: 43px;
	height: 43px;
	margin: 0 10px 0 10px;
	border: 1px #aaa solid;
	float: left;
	}

#content .gardener ul.list div.bg {
	background-color: #faf9f6;
	padding: 0 10px;
	height: 55px;
	}
#content .gardener ul.list div.bg1 {
	background: url(./images/area570_1.gif) bottom no-repeat;
	width: 570px;
	height: 10px;
	}
#content .gardener ul.list div.bg2 {
	background: url(./images/area570_3.gif) top no-repeat;
	width: 570px;
	height: 10px;
	margin-bottom: 15px;
	}
* html #content .gardener ul.list div.bg2 {
	margin-bottom: 6px;
	}

#content .gardener ul.list li {
	padding: 0px;
	font-size: 11px;
	}
#content .gardener ul.list p {
	padding-top: 5px;
	}

#content .gardener ul.list span {
	display: block;
	}

#content .gardener ul.list div.cheers {
	clear: both;
	width: 530px;
	background: url(./images/area570_2.gif);
	padding: 7px 20px 3px 20px;
	color: #333;
	}
/* class=gardener end */



/* class=action start */
#content .action div.help img {
	width: 550px;
	height: 100px;
	}

#content .action div.text {
	width: 550px;
	padding-left: 15px;
	margin: 25px 10px 0 10px;
	background: url(./images/icon_yellowdot.gif) left no-repeat;
	color: #333;
	}

#content .action div.text2 input {
	vertical-align: middle;
	margin-bottom: 5px;
	}

#content .action div.text2 {
	width: 550px;
	margin: 3px 10px 0 10px;
	color: #d51c1c;
	}
#content .action div.text3 {
	margin: 25px 10px 0 10px;
	color: #333;
	}

#content .action div.comments div.bg1 {
	background: url(./images/area570_1.gif) top no-repeat;
	width: 570px;
	height: 10px;
	font-size: 1px;
	margin-top: 5px;
	}
#content .action div.comments div.bg2 {
	background: url(./images/area570_3.gif) top no-repeat;
	width: 570px;
	height: 10px;
	font-size: 1px;
	}

#content .action div.comments div.input {
	padding: 5px 15px;
	background-color: #f9f8f6;
	}
#content .action div.comments div.input textarea {
	width: 535px;
	height: 80px;
	border: 1px #e2e2db solid;
	font-family: Tahoma, sans-serif;
	font-size: 12px;
	color: #333;
	}

#content .action div.button {
	width: 570px;
	text-align: center;
	margin: 20px 0;
	}

#content .action div.button img.gardener {
	width: 212px;
	height: 26px;
	border: 0px #fff solid;
	}
#content .action div.button img.cancelgarden {
	width: 163px;
	height: 26px;
	border: 0px #fff solid;
	}

#content .action div.helpimg {
	text-align: center;
	}

#content .action div.helpimg img.cancelgarden {
	width: 320px;
	height: 89px;
	margin: 10px 0;
	}
#content .action div.helpimg img.gardener {
	width: 456px;
	height: 122px;
	margin: 10px 0;
	}
/* class=action end */



/* class=logoimage start */
#content .logoimage div.lastlogo {
	width: 550px;
	margin: 0 10px 10px 10px;
	}

#content .logoimage div.lastlogo div.left {
	width: 60px;
	height: 60px;
	border: 5px solid #f8f8f8;
	float: left;
	margin-bottom: 10px;
	}
#content .logoimage div.lastlogo div.left img {
	border: 1px solid #888;
	width: 56px;
	height: 56px;
	}

#content .logoimage div.lastlogo div.right {
	float: right;
	width: 470px;
	}

#content .logoimage div.lastlogo div.right h4 {
	float: left;
	margin: 5px 0 5px 0;
	font-size: 12px;
	}

#content .logoimage div.lastlogo div.right span {
	float: right;
	text-align: right;
	font-size: 11px;
	margin-top: 5px;
	}

#content .logoimage div.lastlogo div.right p.contents {
	clear: both;
	vertical-align: bottom;
	line-height: 1.3em;
	}
#content .logoimage div.lastlogo div.right p.date {
	margin: 10px 0;
	text-align: right;
	font-size: 11px;
	}

#content .logoimage ul.list {
	width: 550px;
	margin: 0 10px;
	}

#content .logoimage ul.list li {
	width: 100px;
	height: 110px;
	float: left;
	margin: 5px 4px 3px 4px;
	text-align: center;
	}

#content .logoimage ul.list li span.image {
	display: block;
	border: 5px solid #f8f8f8;
	width: 60px;
	height: 60px;
	margin-bottom: 5px;
	}
#content .logoimage ul.list li img {
	width: 56px;
	height: 56px;
	border: 1px solid #888;
	}

#content .logoimage ul.list li p {
	font-size: 11px;
	}

#content .logoimage ul.list li kbd {
	font-size: 10px;
	font-family: verdana, sans-serif, Tahoma;
	}

#content .logoimage div.edit {
	width: 530px;
	border: 1px #9dc703 dotted;
	background-color: #fdfff4;
	margin: 0 10px 10px 10px;
	padding: 10px;
	}

#content .logoimage div.edit div.left {
	width: 60px;
	float: left;
	text-align: center;
	background-color: #fff;
	}
#content .logoimage div.edit div.left img {
	border: 2px solid #f7f7f7;
	width: 56px;
	height: 56px;
	}

#content .logoimage div.edit div.right {
	float: right;
	width: 460px;
	}

#content .logoimage div.edit div.right p.upload {
	margin-bottom: 5px;
	font-size: 11px;
	}
#content .logoimage div.edit div.right p.upload input {
	font-size: 12px;
	font-family: verdana, sans-serif;
	color: #333;
	vertical-align: middle;
	}
#content .logoimage div.edit div.right p.upload span.nowfile img {
	vertical-align: middle;
	width: 46px;
	height: 18px;
	border: 0px solid #fff;
	}

#content .logoimage div.edit div.right p.text textarea {
	width: 375px;
	height: 60px;
	float: left;
	font-size: 12px;
	font-family: Tahoma, sans-serif;
	color: #333;
	}

#content .logoimage div.edit div.right p.button {
	text-align: right;
	padding-top: 47px;
	font-size: 11px;
	}
#content .logoimage div.edit div.right p.button img {
	width: 46px;
	height: 18px;
	border: 0px solid #fff;
	vertical-align: middle;
	}

#content .logoimage div.edit div.line {
	font-size: 1px;
	clear: both;
	margin-bottom: -3px;
	}
* html #content .logoimage div.edit div.line {
	margin-bottom: -13px;
	}
/* class=logoimage end */

/* id=content end */



/* id=sidebar start */

/* class=myinfo start */
#sidebar .myinfo {
	background: url(./images/side_1.gif) top no-repeat;
	margin: 20px 20px 0 20px;
	text-align: center;
	line-height: 120%;
	background-color: #fafaf8;
	}

#sidebar .myinfo h3 {
	font-size: 11px;
	font-weight: normal;
	padding: 10px 0;
	color: #fff;
	}
#sidebar .myinfo h3 strong { color: #000; }

#sidebar .myinfo p.help {
	font-size: 11px;
	text-align: left;
	margin: 0 10px 5px 10px;
	line-height: 1.3em;
	}
#sidebar .myinfo p.help a {}
#sidebar .myinfo p.help a:hover {}
/*
#sidebar .myinfo div.button {
	margin: 0 10px 0 10px;
	border: 1px solid #000000
	}
#sidebar .myinfo div.button img {
	width: 134px;
	height: 28px;
	border: 0px #fff solid;
	margin-bottom: 10px;
	border: 1px solid #000000
	}
*/
/*my*/
#sidebar .myinfo div.button {
	width: 134px;
	height: 28px;
	margin: 0 10px 0 10px;
	background: url(./images/bt_garenjoy2.gif) top no-repeat;
	padding-top: 8px;
	}
#sidebar .myinfo div.balnk {
	width: 134px;
	height: 10px;
	margin: 0 10px 0 10px;
	background-color: #a5c731;
	}
#sidebar .myinfo div.button a {
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	}
/*end my*/
#sidebar .myinfo ul.myinfo {
	margin: 0 8px;
	padding: 5px 10px;
	text-align: justify;
	background: url(./images/side_2.gif) top no-repeat;
	height: 30px;
	}
* html #sidebar .myinfo ul.myinfo { margin-bottom: -4px; }

#sidebar .myinfo ul.myinfo span.span1 {
	display: block;
	width: 50px;
	padding: 1px 0 1px 15px;
	float: left;
	margin: 2px 0;
	}
#sidebar .myinfo ul.myinfo span.span2 {
	display: block;
	float: right;
	text-align: right;
	width: 53px;
	margin: 2px 0;
	padding: 1px 0;
	}

#sidebar .myinfo ul.myinfo li { color: #000; clear: both; }
#sidebar .myinfo ul.myinfo li.todo span.span1 {
	background: url(./images/icon_check.gif) no-repeat;
	}
#sidebar .myinfo ul.myinfo li.post span.span1 {
	background: url(./images/icon_post.gif) no-repeat;
	}
#sidebar .myinfo ul.myinfo li a { color: #000; text-decoration: none; }

#sidebar .myinfo p.leave {
	text-align: right;
	font-size: 11px;
	padding: 0 10px 0 10px;
	}
#sidebar .myinfo p.leave a {}
#sidebar .myinfo p.leave a:hover {}

#sidebar .myinfo div.bg3 {
	background: url(./images/side_3.gif) top no-repeat;
	width: 160px;
	height: 5px;
	margin-bottom: 10px;
	font-size: 1px;
	}

#sidebar div.bg4 {
	background: url(./images/side_4.gif) no-repeat;
	width: 160px;
	height: 5px;
	margin: 0 20px 10px 20px;
	}
/* class=myinfo end */



/* class=menu start */
#sidebar .menu ul.menu {
	text-align: left;
	margin: 0 10px 20px 20px;
	font-size: 11px;
	padding-left: 10px;
	}

#sidebar .menu ul.menu li {
	padding: 0;
	clear: both;
	height: 12px;
	}

#sidebar .menu ul.menu li span.span1 {
	display: block;
	float: left;
	width: 50px;
	color: #333;
	}
#sidebar .menu ul.menu li span.span1 a { color: #333; text-decoration: none; }
#sidebar .menu ul.menu li span.span2 {
	display: block;
	float: left;
	width: 55px;
	text-align: right;
	}
#sidebar .menu ul.menu li span.span3 {
	display: block;
	float: left;
	width: 30px;
	text-align: right;
	letter-spacing: -1px;
	}
#sidebar .menu ul.menu li span.span1 span {
	font-size: 7px;
	}
#sidebar .menu ul.menu li span.span3 img {
	width: 23px;
	height: 11px;
	border: 0px #fff solid;
	}
/* class=menu end */



/* sidebar title start */
#sidebar * .title {
	margin: 0 20px;
	padding: 5px 7px;
	height: 23px;
	background: url(./images/sidetitle_bar.gif) no-repeat;
	}

#sidebar * .title h3 {
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	font-weight: bold;
	}

#sidebar * .title h3 span.span1 { float: left; margin-top: 1px; }
#sidebar * .title h3 span.span2 { float: right; text-align: right; font-weight: normal; }
#sidebar * .title h3 span.span2 a { color: #fff; font-weight: normal; }
/* sidebar title end */



/* class=gardener start */
#sidebar .gardener ul.gardener {
	text-align: left;
	margin: 0 22px;
	margin-bottom : 20px;
	font-size: 11px;
	}
#sidebar .gardener ul.gardener li {
	padding-top: 10px;
	clear: both;
	}

#sidebar .gardener ul.gardener li div.left {
	float: left;
	width: 37px;
	height: 39px;
	}

#sidebar .gardener ul.gardener li div.left img {
	width: 33px;
	height: 33px;
	border: 1px #aaa solid;
	}

#sidebar .gardener ul.gardener li div.right {
	float: right;
	text-align: left;
	width: 117px;
	margin: 10px 0 3px 0;
	}
#sidebar .gardener ul.gardener li div.right span a {	 color: #888; }

#sidebar .gardener ul.gardener p {
	line-height: 1.3em;
	clear: both;
	padding: 0px;
	margin: 0px;
	}
/* class=gardener end */



/* class=lifelog start */
#sidebar .lifelog ul {
	text-align: left;
	margin: 0 22px;
	margin-bottom : 20px;
	font-size: 11px;
	}
#sidebar .lifelog ul li {
	padding-top: 10px;
	clear: both;
	}

#sidebar .lifelog ul li div.left {
	float: left;
	width: 75px;
	}

#sidebar .lifelog ul li div.left img {
	width: 65px;
	border: 1px #aaa solid;
	}

#sidebar .lifelog ul li div.right {
	float: right;
	font-size : 12px;
	text-align: left;
	width: 80px;
	margin: 3px 0 3px 0;
	}
#sidebar .lifelog ul li div.right span { font-size : 11px;  color: #888; margin-top : 5px; display : block; }
/* class=lifelog end */



/* class=comments start */
#sidebar .comments ul.comments {
	text-align: left;
	margin: 0 22px;
	font-size: 12px;
	line-height : 150%;
	}
#sidebar .comments ul.comments li {
	padding-top: 10px;
	clear: both;
	}

#sidebar .comments ul.comments li div.left {
	float: left;
	width: 37px;
	height: 39px;
	}

#sidebar .comments ul.comments li div.left img {
	width: 33px;
	height: 33px;
	border: 1px #aaa solid;
	}

#sidebar .comments ul.comments li div.right {
	float: right;
	text-align: left;
	width: 117px;
	margin: 10px 0 3px 0;
	}
#sidebar .comments ul.comments li div.right span a {	 color: #888; }

#sidebar .comments ul.comments p {
	line-height: 1.3em;
	clear: both;
	padding: 0px;
	margin: 0px;
	}

#sidebar .comments ul.comments a.reply {
	color : #555;
	}
#sidebar .comments ul.comments a.reply:hover {
	color : #00729B;
	}
/* class=comments end */


/* id=sidebar end */


/* class=write start */
#main .write div.title {
	background: url(./images/title_bar2.gif) bottom left no-repeat;
	width: 780px;
	margin: 20px 30px 0 30px;
	}

#main .write div.title div.left {
	background: url(./images/title_bar2.gif) bottom left no-repeat;
	float: left;
	width: 280px;
	height: 30px;
	text-align: left;
	}

#main .write div.title div.right {
	background: url(./images/title_bar2.gif) bottom right no-repeat;
	float: right;
	width: 499px;
	height: 30px;
	text-align: right;
	}

#main .write div.title div.left h2 {
	color: #8c9e00;
	font-size: 14px;
	padding: 7px 0 0 18px;
	}

#main .write div.title div.left h2 span {
	font-size: 9px;
	font-family: verdana, Sans-serif;
	color: #a6a6a6;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	}

#main .write div.title div.right span {
	padding: 6px 5px 0 0;
	display: block;
	}

#main .write div.title div.right * img {
	vertical-align: middle;
	margin: 0 5px 0 10px;
	}
#main .write div.title div.right img.new { width: 13px; height: 13px; }
#main .write div.title div.right img.plus { width: 53px; height: 16px; }
#main .write div.title div.right img.help { width: 13px; height: 13px; }

#main .write div.inputbg1 {
	clear: both;
	width : 774px;
	height : 25px;
	background : url(./images/area_1.gif) bottom no-repeat;
	margin: 0 33px;
	}

#main .write div.inputbg2 {
	width : 774px;
	height: 10px;
	background : url(./imags/area_2.gif) top no-repeat;
	margin: 0 33px;
	}

#main .write div.input {
	width: 774px;
	margin: 0 33px;
	background-color: #f7f7f7;
	}

#main .write div.input div.left {
	float: left;
	text-align: left;
	width: 60px;
	color: #333;
	letter-spacing: 18px;
	padding: 5px 0 0 20px;
	}
#main .write div.input div.left2 {
	float: left;
	text-align: left;
	width: 60px;
	color: #333;
	letter-spacing: 3px;
	padding: 5px 0 0 20px;
	}

#main .write div.input div.right {
	float: right;
	text-align: left;
	width: 690px;
	color: #333;
	}

#main .write div.input div.right input.subject {
	vertical-align: middle;
	margin-right: 20px;
	width: 370px;
	font-size: 12px;
	font-family: Tahoma, sans-serif;
	color: #333;
	}
#main .write div.input div.right select.category {
	vertical-align: middle;
	margin-left: 5px;
	width: 220px;
	font-size: 12px;
	font-family: Tahoma, sans-serif;
	color: #333;
	border: 0px #fff solid;
	}

#main .write div.content {
	clear: both;
	padding-right: 15px;
	}

#main .write div.content div.write {
	float: right;
	text-align: left;
	width: 675px;
	background-color: #e2e2e2;
	margin-top: 10px;
	color: #333;
	font-size: 11px;
	position: relative;
	}
#main .write div.content div.write div.blank {
	width: 400px;
	float: left;
	padding: 6px 0 0 10px;
	}

#main .write div.content div.write div#contview {
	position: relative;
	width: 350px;
	}

#main .write div.content div.write div#contview div#fontEdit {
	position: absolute;
	left: 168px;
	top: 20px;
	display: none;
	padding: 0px;
	}

#main .write div.content div.write div#contview div#fontEdit div#paletteDIV {}

#main .write div.content div.write img {
	border: 0px solid #fff;
	vertical-align: middle;
	margin: 0 -1px;
	}
#main .write div.content div.write span.right { float: right; padding-top: 5px; }

#main .write div.content div.write span.right input { margin: 3px 2px 0 0; }
* html #main .write div.content div.write span.right input { margin-top: 5px; }
#main .write div.content div.write span.right img { margin: 0 10px; }
* html #main .write div.content div.write span.right img { margin: -8px 10px 0 10px; }

#main .write div.content textarea {
	width: 650px;
	height: 260px;
	margin: 2px 10px 10px 10px;
	font-size: 12px;
	color: #333;
	font-family: Tahoma, sans-serif;
	}
* html #main .write div.content textarea {
	margin-top: -5px;
	}

#main .write div.line {
	clear: both;
	font-size: 1px;
	width: 600px;
	}

#main .write div.sendpost {
	margin-top: 10px;
	}
#main .write div.sendpost input { vertical-align: middle; margin-bottom: 5px; }
#main .write div.sendlifelog {
	text-align : left;
	margin-left : 85px;
	color: #333;
	clear : both;
	}
#main .write div.sendlog {
	text-align : left;
	margin-top : 5px;
	margin-left : 85px;
	color: #888;
	line-height : 170%;
	}

#main .write div.button {
	text-align: center;
	width: 100%;
	margin: 30px 0 70px 0;
	}
#main .write div.button input {
	width: 116px;
	height: 31px;
	}
#main .write div.ad {
	margin: 0 0 10px 30px;
	color: #333;
	}
#main .write div.ad span { font-weight: bold; font-family: verdana; font-size: 15px; }

#main .write div.input div.left2 {
	float: left;
	}

#main .write div.input div.right div {
	margin: 9px;
	float: left;
	}

#main .write div.input div.right span.span1 {
	display: block;
	width: 90px;
	height: 93px;
	text-align: center;
	}
#main .write div.input div.right span.span2 {
	display: block;
	width: 90px;
	text-align: center;
	}

#main .write div.input div.right span.span1 img {
	width: 85px;
	height: 85px;
	border: 2px #cacaca solid;	
	}

#main .write div.input div.right span.span2 select {
	font-size: 12px;
	color: #333;
	vertical-align: middle;
	}
#main .write div.input div.right span.span2 img {
	width: 28px;
	height: 19px;
	border: 0px #fff solid;
	vertical-align: middle;
	}
/* class=write end */

#content a.thread {
	color: #555;
}
#content a.thread:hover {
	color: #00729B;
	}