/*----------------------------------------------------------------------------
	Common Style Definition
	Last update: 2004/4/28
-----------------------------------------------------------------------------*/


/* @import url (style-gen.css); */	/* base style */

/*-- General Style CSS --*/

/*--- body styles ------------------------------------------------------------*/
body {	color: #000000; background-color: #ffffff;  
	font-family: "俵俽 俹僑僔僢僋","俵俽僑僔僢僋","Verdana","Arial",sans-serif;
	font-size: 100%; /*font-size:14.0pt; */
	text-align: left;
	margin: 1px;
	}
body.main {
	background-color: #f0fff0;
	}
body.cool {
	background-color: #eeffee;
	}
body.cool2 {
	background-color: #eeeeff;
	}
body.warm {
	background-color: #ffefd5;	/* #ffeeee;	*/
	}

/*--- General definition ---*/
table {	font-size:100%;
	}


/*--- h1, h2, h3 --------------------------------------------------------------*/
h1, h2, h3 {
	color:#ffffff;
	background-color:#55cc77;
	border-color: #337755;
	border-style: solid;
	font-family: "HG娵恨集窶-PRO","HGP恨集窶","俵俽 俹僑僔僢僋","俵俽僑僔僢僋","Verdana","Arial",sans-serif;
	font-weight: bold;
	text-decoration: none;
	}
h1 {
	border-width: 0px 0px 0px 13px;
	margin-top: 20px;
	padding: 3px 10px 3px 10px;
	font-size: 120%;
	/*line-height: 1.3em;*/
	}
h2 {
	border-width: 0px 0px 0px 9px;
	margin-top: 20px;
	padding: 1px 14px 1px 14px;
	font-size: 110%;
	/*line-height: 1.2em;*/
	}
h3 {
	border-width:0px 0px 0px 6px;
	margin-top:15px;
	padding: 0px 17px 0px 17px;
	font-size:100%;
	/*line-height:1.1em;*/
	}

/*--- header & footer lines ----------------------------------------------------*/
/* defined cases: 1) normal, 2) noheader, 3) nofooter, 4) close window */
.page-header-main-left, 
.page-header-main-right,
.page-header-main-left-close, 
.page-header-main-right-close	{
	margin: 1px 0px 1px 0px; 
	color: #FFFFFF;
	font-size: 115%;
	font-weight: normal;
	font-family: 'Verdana','Arial','Helvetica',"俵俽 俹僑僔僢僋","俵俽僑僔僢僋",sans-serif; 
	}
.page-header-main-left,
.page-header-main-left-close {
	padding: 0px 0px 1px 10px;
	text-align: left;
	}
.page-header-main-right, 
.page-header-main-right-close	{
	padding: 0px 10px 1px 0px;
	text-align: right;
	}

.page-header-sub1,
.page-header-sub1-noheader,
.page-header-sub1-nofooter,
.page-header-sub1-close {	/* outside header & footer border */
	margin: 1px 0px 1px 0px; 
	border-width: 7px 0px 7px 0px;
	border-style:solid;
	padding: 0px 0px 0px 0px;
	width: 100%;
	}
.page-header-sub2,
.page-header-sub2-noheader,
.page-header-sub2-nofooter,
.page-header-sub2-close {	/* inside header & footer border */
	margin: 1px 0px 1px 0px; 
	border-width: 3px 0px 3px 0px; /*border-width: 3px 10px 3px 10px;*/
	border-style: solid;
	padding: 30px 10px 30px 10px;
	width: 100%;
	}

.page-header-sub1-noheader,
.page-header-sub2-noheader {	
	border-top-width: 0px;
	padding-top: 7px;
	}

.page-header-sub1-nofooter,
.page-header-sub2-nofooter {	
	border-bottom-width: 0px;
	padding-bottom: 7px;
	}

/*--- back window color ---*/
.page-header-main-left, 
.page-header-main-right,
.page-header-main-left-close, 
.page-header-main-right-close	{
	background-color: #228b22; /*background-color: #228b22;*/
	}
.page-header-sub1,
.page-header-sub1-noheader,
.page-header-sub1-nofooter,
.page-header-sub1-close {
	border-color:#32cd32; /*border-color:#32cd32;*/
	}
.page-header-sub2,
.page-header-sub2-noheader,
.page-header-sub2-nofooter,
.page-header-sub2-close {
	border-color:#42f042; /*border-color:#42f042;*/
	}

/*--- close window color ---*/
.page-header-main-left-close, 
.page-header-main-right-close	{
	background-color:#22428b; /*background-color:#22428b;*/
	}
.page-header-sub1-close {
	border-color:#3252cd; /*border-color:#3252cd;*/
	}
.page-header-sub2-close {
	border-color:#4262f0; /*border-color:#4262f0;*/
	}
	

/*--- Window control --------------------------------------------------*/
/*--- Such as Return to the Top line, Go to the Bottom line ---*/
.win-ctrl-p {	/* for p statement of win-ctrl */
	margin: 4px 5px 4px 5px;
	text-align: right;
	}
/*--- <a> definition ---*/
.win-ctrl {
	font-family: 'Verdana','Arial','Helvetica',sans-serif;
	font-size: 90%;
	font-weight: bold;
	margin: 0px 5px 0px 5px;
	border-style: none;
	border-width: 1px 1px 1px 1px;
	padding: 2px 2px 2px 2px;
	text-decoration: none;
	}
a.win-ctrl:link,
a.win-ctrl:visited	{
	color: #800080;
	}
a.win-ctrl:hover {
	color: #ff00ff;
	}

/*--- Back letters in the bottom line ---*/
.back {
	text-decoration: none;
	}
a.back {
	cursor: auto;
	}
a.back:link,
a.back:visited {
	color: #ff9900;
	}
a.back:hover {
	color: #00ffff;
	}

/*--- Close letters in the bottom line ---*/
.close {
	text-decoration: none;
	}
a.close:link,
a.close:visited {
	color: #ffff00;
	}
a.close:hover {
	color: #00ffff;
	}
 
/*--- Link property (same as the above "win-ctrl") ---*/
.link-type1 {
	text-decoration: underline;
	}
a.link-type1:link,
a.link-type1:visited	{
	color: #800080;
	}
a.link-type1:hover {
	color: #ff00ff;
	}


/*--- "Updated" definition --------------------------------------------*/
.updated-newest {
	color: #ff0000;
	}
.updated-new {
	color: #bb0000;
	}
.updated-old {
	color: #000000;
	}
/* Updated font */
.updated-newest,
.updated-new,
.updated-old	{
	font-size: 80%;
	font-family: "Arial","Verdana","Univers Condensed","俵俽 俹僑僔僢僋","俵俽僑僔僢僋",sans-serif;
	}


/*--- Menu Definition on Frame -------------------------------------*/
/* <p> definition */
.menu-desc {	/* description font definition */
	font-family: "俵俽 俹僑僔僢僋","俵俽僑僔僢僋","Verdana","Arial",sans-serif;
	font-size:100%; text-align:left;
	}
.menu-header {	/* content header font definition */
	color: #3355ff;
	font-family: "俵俽 俹僑僔僢僋","俵俽僑僔僢僋","Verdana","Arial",sans-serif;
	font-size:100%;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 0px;
	text-decoration: none;
	text-align: center;
	}

/*--- Menu (context) style -----------------------------------------*/
/*
	.menu-col	: main menu definition of table column
	.menu-sub1-col	: sub1 menu definition of table column
	.menu-span	: main level; not flipped version of menu-a; <span> def
	.menu-a		: <a> definition of Main menu
	.menu-sub1-a	: <a> definition of Sub-1 menu
*/
.menu-col {	/* Main menu */
	/* color: #ffffff; */
	/* background-color: #555555; */
	font-family: "HG娵恨集窶-PRO","HGP恨集窶","俵俽 俹僑僔僢僋","俵俽僑僔僢僋","Verdana","Arial",sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	}
.menu-sub1-col {	/* Sub-1 menu */
	/* color: #ffffff; */
	font-family: "HG娵恨集窶-PRO","HGP恨集窶","俵俽 俹僑僔僢僋","俵俽僑僔僢僋","Verdana","Arial",sans-serif;
	font-size: 100%; /*font-size:95%;*/
	font-weight: bold;
	text-align: left;
	}

.menu-span,
.menu-a,
.menu-sub1-a {
	width: 100%;
	padding: 3px 10px 3px 10px;
	vertical-align: middle;
	text-decoration: none;
	}
.menu-sub1-a {
	margin: 0px 0px 0px 10px; 
	}
/*** colors ***/
.menu-span {	/* not flipped version of menu-a; <span> def */
	color: #558877;
	}
.menu-sub1-col,
.menu-span {
	background-color: #bbddcc;
	}
.menu-a,
.menu-sub1-a {
	background-color: #cceedd;
	}
a.menu-a:link,
a.menu-a:visited,
a.menu-sub1-a:link,
a.menu-sub1-a:visited {
	color: #336655;
	}
a.menu-a:hover,
a.menu-sub1-a:hover {
	color: #ffffff;
	background-color: #66bb99; 
	}



/*--- Menu margin setting of Frame menu window ---*/
.menu-margin-single,
.menu-margin-top,
.menu-margin-mid,
.menu-margin-bot {
	width: 100%;
	}
.menu-margin-single {
	margin: 10px 0px 10px 0px;
	}
.menu-margin-top {
	margin: 10px 0px 3px 0px;
	}
.menu-margin-mid {
	margin: 3px 0px 3px 0px;
	}
.menu-margin-bot {
	margin: 3px 0px 10px 0px;
	}

/*--- Indent and margin control -------------------------------------*/
.indent-level1 {
	margin-top: 0px;
	margin-left: 15px;
	margin-bottom: 15px;
	}
.no-margin {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

/*--- List description format ---------------------------------------*/
.list-title,
.list-title2 {	/*--- title or date ---*/
	color: #002288; /*#6622cc*/;
	/* background-color:#88aacc; */
	font-family: "HG娵恨集窶-PRO","HGP恨集窶","俵俽 俹僑僔僢僋","俵俽僑僔僢僋","Verdana","Arial",san-serif;
	/*font-weight: bold;
	font-size: 100%;*/
	text-align: left;
	text-decoration: none;
	/*text-decoration: underline;*/
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	}
.list-title {	/*--- main title or date ---*/
	font-weight: bold;
	font-size: 100%;
	}
.list-title2 {	/*--- main title or date ---*/
	font-weight: normal;
	font-size: 100%;
	}
.list-desc {	/*--- description ---*/
	margin: 0px 0px 15px 15px;
	padding: 0px 0px 0px 0px;
	}

/*--- photo and description -----------------------------------------*/
/* The description part is indented from the photo part. */
.list-photo {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	}
.list-photo-desc {
	margin: 0px 0px 5px 40px;
	padding: 0px 0px 0px 0px;
	}

/*--- Table description format -----------------------------------------------*/
/*--- Photo and Description ---*/
.photo-column {
	color: #000000;
	padding: 0px 5px 5px 0px;
	text-align: center;
	vertical-align: top;
	}
.desc-column {
	padding: 0px 0px 0px 15px;
	color: #000000; 
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	font-family: "俵俽 俹僑僔僢僋","俵俽僑僔僢僋","Verdana","Arial",san-serif;
	}

/*--- Misc definition -------------------------------------------------------*/
/*--- general ---*/
.button-txt {
	font-size: 110%;
	font-weight: bold;
	color: #0044ff;
	padding: 0px 0px 0px 0px;
	margin: 5px 5px 5px 5px;
	font-family: "HG娵恨集窶-PRO","HGP恨集窶","俵俽 俹僑僔僢僋","俵俽僑僔僢僋","Arial",san-serif;
	}

/*--- Color of Keiko's note ---*/
.text-keiko {
	color:#0044AA;
	}

/*--- Button border definition ---*/
/* {NOTE: currently not used.} */
/*
.button {
	margin: 0px 5px 0px 5px;
	border-style: ridge;
	border-width: 2px 2px 2px 2px;
	}
*/

/*--- Figure with buttons ---*/
/* {NOTE: currently not used.} */
/*
.rotate-fig {
	margin: 0px 0px 0px 0px;
	border-style: ridge;
	border-width: 2px 2px 2px 2px;
	}
*/

/*--- border definition ---*/
.border-ridge0,
.border-ridge1 {
	border-style: ridge;
	border-width: 2px 2px 2px 2px;
	}
.border-ridge0 {	/* No Margin */
	margin: 0px 0px 0px 0px;
	}
.border-ridge1 {
	margin: 5px 5px 5px 5px;
	}

/*--- <a> color handling with table <tr> ---*/
/* {NOTE: currently not used.} */
/*
.a-color {
	width: 100%;
	padding: 2px;
	vertical-align: middle;
	}
a.a-color:link {
	text-decoration: none;
	}
a.a-color:visited {
	text-decoration: none;
	}
a.a-color:hover {
	color: #335577;
	background-color: #99ee99; 
	text-decoration: none;
	}
*/
/* underline decorated */
/*
.a-color-ul {
	width: 100%;
	padding: 2px;
	vertical-align: middle;
	}
a.a-color-ul:link {
	text-decoration: underline;
	}
a.a-color-ul:visited {
	text-decoration: underline;
	}
a.a-color-ul:hover {
	color: #335577;
	background-color: #99ee99; 
	text-decoration: underline;
	}
*/