﻿body {
	margin: 0;
	padding: 0;
/*	font-family: Georgia, "Times New Roman", Times, serif; */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;				/* 60% */
	line-height: 150%;
	color: Navy;
}
p {
	margin-top: 1em;
	margin-bottom: 1em;
}
em {
	color: Red;
	font-style: normal;
}
table { 
	font-size: 100%;
	line-height: 150%;
}
th, tr {
	vertical-align: top;
	text-align: left;
}

img {
 	border: none;
}
a {
	color: #7266FF;
	text-decoration: none;
}
a:link, a:visited {
	background: #F0F0FF;
}
a:hover, a:active {
	color: #F0F0F0;
	background: #9999FF;
}
hr {
	margin: 2em 9% 2em 9% !important;
	margin: 1em 6% 1em 6%;
	height: 1px;
	color: Silver;
	border: 0;
	border-top: 1px solid Silver;
}

h1 {
	margin-top: 0;
	margin-bottom: 1em;
	font-size: 160%;				/* 19px */
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 120%;
}
h2 {
	margin-top: 1.5em;
	margin-bottom: 1em;
	font-size: 120%;				/* 14px */
}
h3 {
	margin-top: 1.5em;
	margin-bottom: 1em;
	font-size: 100%;
	color: #7266FF;
}
h4,h5,h6 {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	line-height: 150%;
}
h4 {
	font-size: 100%;
}
h5 {
	font-size: 100%;
	color: #3366FF;
}
h6 {
	font-size: 90%;
}
blockquote {
	margin-left: 2em;
}
ol {
	margin-left: 2.8em;
}

li {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
ul {
/*	list-style-image: url("../images/bullet1.gif"); */
	list-style-type: square;
	margin-top: 0;
	margin-left: 2.5em;
	padding-left: 0;
}
ul ul {
	list-style-type: disc;
	margin-left: 1.4em;
}
ul ul ul {
	list-style-type: circle;
}
pre {
	margin: 0 2.5em 0 2.5em;
	color: Black;
}

button {
	border: none;
	width: 140px;
	height: 24px;
	margin-top: 0;
	padding-top: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 77%;				/* 9px */
	color: White;
	text-align: center;
	text-transform: uppercase;
	background: url("../images/buttonbgm.gif"); /* Opera does not accept transparent here */
	cursor: pointer;
}
label {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	color: Aqua;
}
input, textarea, select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: Blue;
}
fieldset {
	border: 1px solid Blue;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
}
legend {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 75%;				/* 9px */
	font-style: Normal;
	color: Lime;
}
caption {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 140%;				/* 17px */
	font-style: normal;
	color: Aqua;
}
marquee {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 140%;				/* 17px */
}

#header, #footer {
	clear: both;
	margin: 0;
/*	padding: 20px 5px 20px 5px; */
	padding: 1.7em 0.4em 1.7em 0.4em;
}
#menus, #content, #ads {
	margin: 0;
/**	vertical-align: top; **/
}
#content {
	margin: 0 180px 5px 180px; 
   padding: 0 6.5% 0 6.5%;
	border-left: 1px dashed Silver;
	border-right: 1px dashed Silver;
}
#content p {
	line-height: 200%;
}
#content .p1 {
}
#content .p2 {
	text-indent: 2.5em;
}
#content .p3 {
	padding-left: 5em;
	text-indent: -2.5em;
}
#ads {
	float: right;
/*   padding: 0 15px 0 5px; */
	padding: 0 1.25em 0 0.4em;
	width: 160px;
/*	width: 15%; */
	border-left: 1px dashed Silver;
}
#menus {
	float: left;
/*	padding: 0 5px 0 15px; */
	padding: 0 0.4em 0 1.25em;
	width: 160px;
/*	width: 15%; */
	border-right: 1px dashed Silver;
}
.clearfix:after {
   clear: both; 
   height: 0; 
   content: "."; 
   display: block; 
   visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {
	display: block;
	visibility: hidden;
}
/* End hide from IE-mac */

#logo, #slogan {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;	
}
#logo {
/*	margin-left: 10px; */
	margin-left: 0.5em;
	font-size: 180%;				/* 22px */
	font-weight: normal !important;
	font-weight: 600;
	font-variant: small-caps;
	letter-spacing: 0.1em;
}
#logo a {
	background: transparent;
}
#slogan {
/*	margin-left: 20px; */
	margin-left: 1.8em;
	font-size: 90%;				/* 11px */
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
#header_ad {
	position: relative;
	float: right;
	top: -2.75em;
/*	right: 11px; */
	right: 1em;
	text-align: right;
}
#header_ad a {
	background: transparent;
}
#header_ad a:hover {
	color: navy;
}

#menu {
	margin: 0;
	padding: 0;
	font-size: 90%;				/* 11px */
	font-weight: 600;
	line-height: 160%;			/* mozilla */
	background: #F8F8F8;
/*	height: 96% !important;		/* mozilla */
/*	height: 100%;					/* ie */
}
#menu p {
	margin: 0 0 1em 0;
	padding: 0;
}
#menu em {
/*	padding-left: 3px; */
	padding-left: 0.25em;
	font-style: normal;
/*	text-transform: lowercase; */
	color: White;
	background: #C0C0E0;
/*	width: 160px; */
	display: block;
}
#menu nobr {
	padding-top: 0;
	margin-left: 8px;
	color: Navy;
/*	background: #E0E0E8; */
/*	text-decoration: none; */
	display: block;
}
#menu nobr a {
	color: #9999FF;
	background: #F8F8F8;
	border-left: 1px solid #F8F8F8;
	border-bottom: 1px solid #F8F8F8;
	width: 151px;
	display: block;
}
#menu nobr a:hover {
	background: #E8E8FF;
	border-bottom: 1px solid #9999FF;
	border-left: 1px solid #9999FF;
}
#menu nobr a:active {
	background: #E0E0E0;
	border-bottom: 1px solid #9999FF;
}
#menu br {
	display: none;
}
#menu_ad {
/*	margin-left: 16px; */
	margin-left: 0;
	margin-bottom: 1em;
}
#menu_search p {
	margin: 0;
	padding: 0;
	line-height: 100%;
}
.content_ad, .recommendgoogle {
	text-align: center;
}

#copyright {
	text-align: center;
	font-size: 85%;				/* 10px */
	line-height: 125%;
}
#nojavascript {
	border: medium solid red;
	margin: 1em;
	padding: 1em;
	font-weight: bold;
	color: red;
	background: #EEE8AA;
}

.boxtop, .boxbottom {
	margin-bottom: 0.5em;
   font-size: 12pt;
	font-weight: bold;
	color: White;
	text-align: center;
}
.boxcenter {
	font-weight: bold;
	color: blue;
	text-align: center;
}
.fineprint {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 75%;				/* 9px */
}
.nodisplay {
	display: none;
}

a.thumbnail {
/*	text-indent: 0;					/* to correct text-indent from .content p */
/*	margin-left: 0 !important;		
	margin-left: 2em; */
	cursor: default;
	background: transparent;
}
a.thumbnail span {
	display: none;
}
a:hover.thumbnail span {
	position: absolute;
	display: inline;
}
