@CHARSET "UTF-8";

body {
	position: relative;
	font-size: small;
	font-family: Verdana, sans-serif;
	margin: 1px 1px;
	padding: 0;
	color: #111111;
	line-height: 120%;
	background-color: #F5F5F5;
}

div#leftcolumn {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 800px;
	min-height: 668px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
	background-color: #F5F5F5;
}

div#rightcolumn {
	position: absolute;
	top: 0px;
	left: 801px;
	width: 192px;
	/* height: 675px; */
	border: solid 1px #009999;
	background-image: url(img/background.gif);
	background-repeat: repeat-y;
}

div#top_images table {
	width: 800px;
	margin: 0;
	padding: 0;
	border-bottom: 4px solid #1b6534;
}

div#top_images td {
	text-align: center;
	vertical-align: middle;
	padding: 0;
	border: 0 solid #217b3e;
	background-color: #217b3e;
}

td.imgL {
	text-align: center;
	height: 333px;
	cursor: pointer;
	border: 0;
}

td.imgL img {
	width: 480px;
	height: 330px;
}

td.imgS {
	cursor: pointer;
}

td.imgS img {
	width: 156px;
	height: 106px;
	padding: 1px;
}

a {
	text-decoration: none;
}

a:link {
	color: #000099;
}

a:visited { /* color: #000099; */
	
}

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

.bgdark {
	background-color: #DDDDDD;
}

div#home {
	text-align: left;
}

div#back {
	text-align: left;
}

div#about_page {
	/* display: none; */
	font-size: 110%;
}

div#about_page h2 {
	font-size: 130%;
	margin-top: 20px;
}

div#howto_page {
	font-size: 110%;
	line-height: 135%;
}

div#howto_page span.header {
	padding: 5px;
	font-size: 120%;
	border: 1px solid #1b6534;
	border-left: 10px solid #1b6534;
}

div.howto_register {
	margin: 10px 0 15px 0;
	padding: 10px;
	background-color: #eee;
}

div.howto_register ul {
	margin-left: 20px;
}
	
div.message {
	text-align: left;
	padding: 10px 20px;
	background-color: #FFFFFF;
	line-height: 135%;
	/* border: 1px solid #1b6534; */
}

div.message_border {
	width: 650px;
	margin: 0 auto 10px auto;
	background: #1b6534;
	padding: 8px;
}

div#intro_page {
	line-height: 135%;
}

div#intro_page ul li {
	font-size: 120%;
	margin: 20px 0;
}

div#intro_page ul li img {
	border: 0;
}

div#contents {
	
}

div#contents_QandA {
	display: none;
	text-align: center;
}

div#contents_kameesa {
	display: none;
	text-align: center;
}

div.ad_blank {
	width: 100%;
	height: 100%;
	border: 1px solid green;
}

div.QandA_ad {
	width: 650px; 
	height: 110px; 
	margin: 20px auto;
}

div.kameesa_ad {
	margin: 20px auto;
    text-align: center;
}

div.kameesa_ad a img {
	text-decoration: none;
	border: 0;
    margin-left: 10px;
}

#iframe {
	display: none;
	width: 100%;
	height: 2000px;
	border-style: none;
	margin: 0;
	padding: 0;
	overflow: auto;
}

div#myyahoo {
	text-align: center;
}

div#counter {
    margin: 15px auto;
    text-align: center;
}

#span_counter {
    border: solid 1px #009999;
}

div.important {
	width: 160px; 
	margin: 7px auto; 
	padding: 4px;
	font-size: 10pt;
	line-height: 105%; 
	color: red;
	background-color: white; 
	border: 3px double red;
}

div.important a {
	color: red;
}
	
div#footer {
	position: absolute;
	top: 685px;
	left: 0px;
	width: 996px;
	height: 1em;
	text-align: center;
	color: #909090;
	padding: 0;
}

div.menu {
	cursor: pointer;
	text-align: center;
	margin: 5px 0 5px 2px;
}

div.menu a img {
	text-decoration: none;
	border: none;
}

div.align_center {
	margin: 0 auto;
	text-align: center;
}

div.input_button {
	margin: 20px auto 30px auto;
    text-align: center;
}

div.input_button span.button {
	font-family: Verdana, sans-serif;
	font-size: 120%;
	font-weight: bold;
    padding: 0.3ex 1.5ex;
	margin: 10px auto;
    border: 2px groove gray;
	background-color: #DDDDDD;
}

div#menu_weather_img {
	display: none;
	text-align: center;
	margin: 1ex auto;
}

div#qrcode {
	display: none;
	text-align: center;
	margin: 1ex auto;
}

div#qrcode a img {
	text-decoration: none;
	border: 0;
}

div#weather_jma {
	font-family: cursive, sans-serif;
	margin: 260px auto 0 auto;
	padding: 0;
	width: 120px;
	height: 60px;
	text-decoration: none;
	text-align: center;
	border: 0;
}

div#weather_jma a img {
	text-decoration: none;
	border: 0;
}

div#admin_manage {
	width: 750px;
	text-align: center;
	margin: 1em auto;
}

table {
	margin: 1em auto;
	border-collapse: collapse;
	empty-cells: show;
}

tr.even {
	background-color: #FFF;
}

th,td {
	font-size: small;
	border: solid 1px #009999;
	padding: 0.5em 1em;
	background-color: #ffffff;
}

th {
	background-color: #E0F0F0;
}

td {
	text-align: left;
}

td.center {
	text-align: center;
}

img#topimg {
	display: none;
	margin: 0;
}

h2 {
	text-align: center;
	width: 400px;
	/* background-color: #228B22; */
	background-color: #1b6534;
	color: #FFFFFF;
	margin: 1ex auto 1em auto;
	padding: 20px;
	font-size: 140%;
	font-family: cursive, sans-serif;
	font-weight: bold;
	/* border-bottom: double 3px #228B22; */
}

.border {
	padding: 1em;
	border: solid 1px #009999;
}

.red {
	color: red;
	font-weight: bold;
}

.footnote_link {
	color: green;
	font-weight: bold;
}

div#member_page {
	width: 750px;
	margin: 0 auto;
	text-align: center;
}

table#member_table {
	width: 700px;
}

table#member {
	width: 700px;
}

table#member th {
	width: 200px;
}

div#member_blog {
	width: 100%;
	margin: 3em 0;
}

div#member_blog dt {
	position: absolute;
	width: 605px;
	margin: -12px 20px 24px 10px;
	padding: 6px 0 6px 1em;
	border: solid 1px #5A9E5A;
	background: #FFFFFF;
	font-size: 105%;
}

div#member_blog dd {
	margin: 0;
	font-size: 100%;
	padding: 2em 2em 2em 3em;
	border: solid 1px #A6DCA4;
	line-height: 150%;
}

div#search_form {
	display: none;
	margin-bottom: 2em;
}

div#search_form table td {
	text-align: left;
	line-height: 150%;
}

div#rss_page {
	width: 730px;
	margin: 0 auto;
	text-align: left;
}

div#rss_page #mode {
	text-align: right;
	margin: 0 auto 5px auto;
}

table#rsstable {
	margin: 0 auto;
	background-color: white;
}

table#rsstable th {
	text-align: center;
}

table#rsstable tr td {
	padding: 3px;
}

td.selected {
	background-color: #ffffe0;
}

td.rss_date {
	width: 100px;
	text-align: center;
}

td.rss_title {
	width: 350px;
	text-align: left;
}

td.rss_title a:link {
	font-weight: bold;
}

td.rss_name {
	width: 175px;
}

td.rss_description {
	width: 420px;
	text-align: left;
}

div#rss_reader {
	width: 700px;
	margin: 0 auto;
}

div#rss_reader dl {
	width: 700px;
	margin-top: 20px;
	border: solid 1px #5A9E5A;
}

div#rss_reader dt, div.blog dt {
	position: absolute;
	width: 660px;
	margin: -12px 20px 24px 10px;
	padding: 6px 0 6px 1em;
	border: solid 1px #5A9E5A;
	background-color: #FFFFFF;
}

div#rss_reader dd, div.blog dd {
	margin: 0;
	font-size: 110%;
	padding: 1.5em 2em 1.5em 3em;
	border: solid 1px #EEFFD0;
	line-height: 150%;
    background-color: #99CC66;
}

div#rss_reader dd p, div.blog dd p {
	padding: 1.5em;
	margin: 0;
    background-color: #EEFFD0;
}

div#rss_reader a.title  {
	font-size: 115%;
}

div#rss_reader a:link.title  {
	/* background-color: #ffffc0;  	
	padding: 1px; */
	font-weight: bold;
}
	
div#rss_reader span.name {
	margin-left: 2ex;
	margin-right: 2ex;
}

table#page_link {
	width: 730px;
}

table#page_link tr td {
	border: none;
	font-size: medium;
	background-color: #F5F5F5;
	font-weight: bold;
	text-decoration: underline;
}

td#page_back {
	width: 50%;
	text-align: left;
}

td#page_forward {
	width: 50%;
	text-align: right;
}

.blog {
	text-align: left;
	margin-top: 2em;
	padding: 1em 4em;
	border: solid 1px #228B22;
}

.site {
	font-size: large;
	font-weight: bold;
	text-align: center;
	margin: 10px auto 2em auto;
}

.site a {
	font-family: cursive, sans-serif;
	text-decoration: underline;
}

.site_description {
	font-size: 105%;
	padding: 0.5em 1em;
	margin: 2em 0;
	background-color: #E0F0F0;
	border: dotted 2px #DDD;
	line-height: 150%;
}

.hide {
	display: none;
}

.description {
	background-color: #E0F0F0;
	margin: 0.5em 0 1em 1em;
	padding: 0.5em 1em;
	/* border: outset 2px #C0F0F0; */
	line-height: 150%;
}

.blog ul {
	margin: 0;
}

.blog li {
	list-style: none;
	margin-top: 1em;
}

div#register_page {
	margin: 0 auto;
	width: 750px;
}

div#register_message {
	width: 70%;
	margin: 1em auto;
	text-align: left;
	padding: 1em;
	border: solid 1px #909090;
	background-color: #fff;
}

.rsslink {
	color: #FFFFFF;
	background: #FF8C00;
	padding: 1px 2px;
	border: solid 1px #000000;
}

span#auth {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	margin: 0 0.5em;
	padding: 3px;
}

div.error_message {
	width: 400px;
	font-size: large;
	color: #FF0000;
	margin: 250px auto;
	padding: 1ex;
	border: 3px solid #FF0000;
}

div#footnote {
	text-align: left;
	width: 600px;
	margin: 0 auto;
	line-height: 150%;
}