@charset "UTF-8";
/* -------------------------------------------------------- 
	Base Style Sheet of rinyu.
	Last Update 2007-11-14

	1.Share Style 
	2.Link Color
	3.Base-Layout
	4.Header
	5.Control panel
	6.Main Contents
		_Simple Entry
		_Print page
	7.Sidebar Contents
		_Links Image Replacement
		_calendar
		_category
		_sidebar items
		_Entry/Comment/Trackback List in sidebar
	8.Comment/Trackback
	9.Footer
	10.other
	11.tags

----------------------------------------------------------- */

/*
 1.Share Style [
----------------------------------------------------------- */
body {
	padding: 0;
	margin: 0;
	background: url(images/bg.gif);
	color : #727070;
	font-size: small;		
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	line-height: 1.5;
	text-align: center; 	
}
code {
	font-size: x-small;
}
pre {
	font-size: small;
	width: 350px;
	overflow: scroll;
}
li {
	list-style-type: none;
	list-style-position: outside;
	padding-left: 5px;
}
form {
	margin: 0;
}
blockquote {
	color: #555555;
	margin: 20px 10px;
	padding: 10px;
	border: 1px solid #494d3f;
}
.small {
  font-size: x-small;
}
.photo {
  margin: 5px;
  text-align: center;
}
.imgR {
	padding: 0 0 10px 10px;
	float: right;
}
.imgL {
	padding: 0 10px 10px 0;
	float: left;
}
/* [ Reset
----------------------------- */
h1,h2,h3 {
	margin: 0;
	padding: 0;
	font-size: small;
	font-weight: normal;
	line-height: 1.0;
}
ul,li,dl,dt,dd,p {
	margin: 0;
	padding: 0;
}
p {
	margin-bottom: 1em;
}
hr {
	display: none;
}
img {
	vertical-align: middle;
	border: none;
}
/*
 2.Link Color [
----------------------------------------------------------- */
a:link, a:visited, a:active {
  color: #fd5706;
  text-decoration: none;
}
a:hover {
	color: #3f3f4d;
  text-decoration: underline;
}
/*
 3.Base-Layout [
----------------------------------------------------------- */
#container {
	background: #ffffff;
	margin: 0 auto;
	width: 830px;
}
.bodyContent {
  /* out of template.jsp */
	/* only background-color */
}
#content {
	text-align: left;
	margin: 9px 9px 0 0;
	background: url(images/bodyLine.gif) repeat-y left top;
}
/* \ */
* html #content {
	height: 1%;
}
/**/
#content {
	zoom: 1;
}
#content:after {
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}
#main {
  float: right;
  width: 588px;
}
#sidebar {
  float: left;
  width: 218px;
}
#main img {
	vertical-align: middle;
}
/*
 4.Header [
----------------------------------------------------------- */
h1 {
	padding: 5px 0 5px 9px;
	text-align: left;
}
#header {
	position: relative;
	text-align: left;
	background: url(images/header.gif) no-repeat center top;
	width: 830px;
	height: 72px;
}
#header img#logo {
	float: left;
	padding-top: 10px;
	padding-left: 8px;
}
#header ul.top_links {
	float: right;
	padding-top: 28px;
	padding-right: 6px;
}
#header ul.top_links li {
	display: inline;
	padding-left: 11px;
	background: url(images/top_links.gif) no-repeat 2px 0;
}
#header ul.top_links li.firstChild {
	padding-left: 0;
	background: none;
}
#header a:link,#header a:visited {
	color: #343434;
}
#header a:hover {
  color: #fd5706;
}
#header a:active {
	color: #343434;
}
.groupLogo img {
	position: absolute;
	right: 7px;
	top: 6px;
}
ul#gnavi {
	clear: both;
}
ul#gnavi li {
	float: left;
}
ul#gnavi li img {
	vertical-align: middle;
	border: none;
}
.main_img {
	clear: both;
	padding-top: 9px;
}

/*
 [
----------------------------------------------------------- */
img.reformTitle {
	margin-top: 1em;
}

ul.reformMenu,
ul.reformMenu li {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.reformMenu li {
	display: block;
	float:left;
}
ul.reformMenu li a {
	display: block;
	line-height: 1;
}
ul.reformMenu li a:link,
ul.reformMenu li a:visited {
	color: #333333;
	text-decoration: none;
}
ul.reformMenu li a:hover {
  color: #fd5706;
  text-decoration: none;
}
ul.reformMenu li a:active {
	color: #333333;
	text-decoration: none;
}
ul.reformMenu li.reform01 a {
	padding-top:106px;
	padding-left:12px;
	background: url(images/reform_01.gif) no-repeat center top;
	width: 135px;
	height: 38px;
}
ul.reformMenu li.reform02 a {
	padding-top:106px;
	padding-left:12px;	
	background: url(images/reform_02.gif) no-repeat center top;
	width: 135px;
	height: 38px;
}
ul.reformMenu li.reform03 a {
	padding-top:106px;
	padding-left:12px;	
	background: url(images/reform_03.gif) no-repeat center top;
	width: 134px;
	height: 38px;
}
ul.reformMenu li.reform04 a {
	padding-top:106px;
	padding-left:12px;	
	background: url(images/reform_04.gif) no-repeat center top;
	width: 136px;
	height: 38px;
}
ul.reformMenu li.reform05 a {
	padding-top:116px;
	padding-left:12px;
	background: url(images/reform_05.gif) no-repeat center top;
	width: 135px;
	height: 38px;
}
ul.reformMenu li.reform06 a {
	padding-top:116px;
	padding-left:12px;
	background: url(images/reform_06.gif) no-repeat center top;
	width: 135px;
	height: 38px;
}
ul.reformMenu li.reform07 a {
	padding-top:116px;
	padding-left:12px;
	background: url(images/reform_07.gif) no-repeat center top;
	width: 134px;
	height: 38px;
}
ul.reformMenu li.reform08 a {
	padding-top:116px;
	padding-left:12px;
	background: url(images/reform_08.gif) no-repeat center top;
	width: 136px;
	height: 38px;
}
.clear {
	clear: both;
}
/*
 5.Control panel [
----------------------------------------------------------- */
.item {
	margin-bottom: 5px;	
	border: 1px solid #494d3f;
	font-size: small;
	text-align: left;
}
.itemHeader,
.itemHeader a:link,
.itemHeader a:visited,
.itemHeader a:active {
  padding: 5px;
  background: #a0a893;
  color: #FFFFFF;
  font-size: small;
  font-weight: bold;
}
.itemBody {
  padding-bottom: 10px;
  font-size: small;
}

.itemMetadata,
.itemMetadata a:link,
.itemMetadata a:visited,
.itemMetadata a:active {
  color: #808080;
  font-size: x-small;
}

.itemBodyEven {
  background: #ffffff;
}
.itemBodyOdd {
  background: #e3e4e0;
}

/*
 7.Sidebar Contents [
----------------------------------------------------------- */
ul#sub_navi {
	margin-bottom: 1em;
}
ul.eventList {
	padding-left: 9px;
	margin-bottom: 1em;
}
ul.eventList li {
	background: url(images/eventPoint.gif) no-repeat 0 4px;
	padding-left: 20px;
}	
.side_line {
	background: url(images/sideBorder.gif) no-repeat left top;
	width: 167px;
	height: 4px;
	margin: 1em 0;
}
ul.side_com {
	padding-left: 9px;
}
ul.side_com li {
	background: url(images/sidePoint.gif) no-repeat 0 4px;
	padding-left: 20px;
}
#sidebar img {
	margin-bottom: 1em;
}
img#eventCarender {
	margin-left: 9px;
}
.cleaed {
	clear:both;
}
/*
 9.Footer [
----------------------------------------------------------- */
dl.bottom_text {
	clear: both;
	padding: 2em 12px 1em 1.5em !important;
	font-size: 12px;
	line-height: 1.3;
}
dl.bottom_text dt {
	background: url(images/eventPoint.gif) no-repeat 0 2px;
	padding-left: 20px;
	margin-bottom: 0.2em;
}
dl.bottom_text dd {
	padding-bottom: 0.5em;
	padding-left: 20px;	
}


#footer {
	position: relative;
	padding: 0 9px;
	background: url(images/footerBg.gif) repeat-x center bottom;
	width: 812px;
	height: 57px;
	color: #ffffff;
}
.login {
	text-align: right;
	position: absolute;
	top: 5px;
	right: 5px;
}
.login a:link,
.login a:visited {
	color: #d1c7b3 !important;
}
.login a:hover {
	color: #333333 !important;
}
.login a:active {
	color: #d1c7b3 !important;
}
#footer a:link, #footer a:visited {
	color: #ffffff;
}
#footer a:hover {
  color: #fd5706;
	text-decoration: none;
}
#footer a:active {
	color: #ffffff;
}
.copy {
	text-align: center;
	margin: 0 auto;
}
.e-office {
	position: absolute;
	left: 10px;
	bottom: 1px;
}
.e-office img {
	opacity:0.6;
}
ul.bottom_links {
	margin: 0 auto;
	padding: 5px 0 10px 0;	
	font-size: 105%;
	text-align: center;
}
ul.bottom_links li {
	display: inline;
	padding-left: 11px;
	background: url(images/bottom_link.gif) no-repeat 2px 1px;
}
ul.bottom_links li.firstChild {
	padding-left: 0;
	background: none;
}
.footer {
  background: #858c7a;
}
/*
 10.other [
----------------------------------------------------------- */
.winheader {
  background : #858c7a;
  color: #ffffff;
  font-weight: bold;
}
.winheader a:link,
.winheader a:visited,
.winheader a:active {
  color : #ffffff;
}
.help,
.help a:link,
.help a:visited,
.help a:active {
  color: #808080;
  font-size: 11px;
  text-align: right;
}
.validationError {
  background-color: #B20D1C;
  color: #ffffff;
}
/*
 11.tags [
----------------------------------------------------------- */
.tagCloud {
  line-height: 36px;
}
.tagCloud1 {
  font-size: 10px;
}
.tagCloud2 {
  font-size: 12px;
}
.tagCloud3 {
  font-size: 14px;
}
.tagCloud4 {
  font-size: 16px;
}
.tagCloud5 {
  font-size: 18px;
}
.tagCloud6 {
  font-size: 20px;
}
.tagCloud7 {
  font-size: 22px;
}
.tagCloud8 {
  font-size: 24px;
}
.tagCloud9 {
  font-size: 26px;
}
.tagCloud10 {
  font-size: 28px;
}
.homeBtn {
	margin-left: 8px;
	margin-top: 16px;
}
.ecoBanner {
	margin: 2em 0 1em 7px;
}
ul.sideBanner {
	margin-top: 10px;
}
ul.sideBanner li {
	margin: 0 0 10px 10px;
}
ul.sideBanner li img {
	vertical-align: top;
	margin-bottom: 0 !important;
}
.side_line {
	background: url(images/sideBorder.gif) no-repeat left top;
	width: 167px;
	height: 4px;
	margin: 1em 0;
}