/*
Copyright 2002-2008 by OHGAKI Hitoshi Andrew
	Hitoshi.OHGAKI@gmail.com

This is free document; you can redistribute it and/or modify it 
under the terms of the GNU General Public License
as published by the Free Software Foundation; either
version 2 of the License, or (at your option) any later version.

			http://www.gnu.org/licenses/gpl.html
*/

H1, H2, H3, H4, H5, H6{
    font-family: fantasy;
    text-indent: 1em;
    margin: 3%;
    margin-left:  1%;
    margin-right: 1%;
    border-width: 0%;
    border-color: black;
    background-color: #eeeeee;
    border-style: none none solid none;
}

H1{
    font-size: 1.5708em;		/* 2x atan(1) = pi/2 */
    margin: 0%;
    margin-left: 1em;
    margin-right: 1em;
    border-width: 0.5708em;
}

H2{
    font-size: 1.41421356em;	/* sqrt(2) */
    border-width: 0.41421356em;
}

H3{
    font-size: 1.4em;
    margin-right: 2em;
    margin-left:  2em;
    border-width: 0.4em;
}

H4{
    font-size: 1.3em;
    margin-right: 4em;
    margin-left:  4em;
    border-width: 0.3em;
}

H5{
    font-size: 1.2em;
    margin-right: 8em;
    margin-left:  8em;
    border-width: 0.2em;
}

H6{
    font-size: 1.1em;
    margin-right: 16em;
    margin-left:  16em;
    border-width: 0.1em;
}

A:link{
    /* color: #00FF00; */
    color: #333333;
}
A:visited{
    /* color: #33FF33; */
    color: #333333;
}
A:active{
    /* color: #66FF66; */
    color: #333333;
}
A:hover {
    /* background-color: #660066; */
    color: #00FF00;
    background-color: #333333;
    color: #f0f0f0;
}

BODY{
    font-size: normal;
    font-family: times, mincho, Georgia, Garamond, Serif;
    line-height: 1.21;
    margin: 0%;
    margin-left: 2%;
    margin-right: 2%;
    
    /* max-width: 38em; */
    
    filter: Gray();
}

P{
    line-break: strict;
    text-indent: 1em;
    line-height: 1.4em;
    margin-top: 0.8em;
    margin-bottom: 0em;
    font-style: normal;
}

P.NAVI,P#NAVI{
    text-align: center;
    text-indent: 0em;
    line-height: 1em;
    margin-top: 0.4em;
    margin-bottom: 0.1em;
    font-family: Tahoma, Verdana, Geneva, osaka, Arial, sans-serif;
    padding: 0.1em;
    border-width: thin;
    border-style: solid;
    border-color: black;
}

P.MINI{
    font-size: 0em;
    line-height: 0em;
    text-align: right;
    margin: 0em;
    padding: 0em;
    font-family: Tahoma, Verdana, Geneva, osaka, Arial, sans-serif;
}

P.PHOTO{
    text-indent: 0em;
    text-align: center;
    font-family: Impact, fantasy;
    background-color: #333333;
    padding: 0.6em;
    border-width: thin thin thin thin;
    border-style: solid solid solid solid;
    border-color: #666666;
}

P.WARNING{
    text-indent: 0em;
    background: #ff6666;
}
P.Level1{
    text-indent: 0em;
    background: #ffff33;
}
P.Level0{
    text-indent: 0em;
    background: #9999ff;
}

HR{
    width: 0em;
    height: 0em;
}

UL{
    margin-top: 0em;
    margin-bottom: 0.5em;
}
OL{
    margin-top: 0em;
    margin-bottom: 0.5em;
}
LI{
    line-height: 1.1em;
    font-family: Tahoma, Verdana, Geneva, osaka, Arial, sans-serif;
}

EM{
    font-size: normal; 
    font-weight: bold;
    font-family: Tahoma, Verdana, Geneva, osaka, Arial, sans-serif;
}

STRONG{
    font-weight: bolder;
    font-size: 1.4em;
    font-family: Tahoma, Verdana, Geneva, osaka, Arial, sans-serif;
}

BLOCKQUOTE{
    font-size: 0.9em;
    margin-top: 0.1em;
    margin-bottom: 0.4em;
    margin-left: 4em;
    background-color: #666666;
    font-family: Monaco, monospace;
}

IMG	{
    border: 0;
}
IMG.a4w	{
    width: 64%;
}

address{
    font-size: 0.775em;
}
/*
 * Sreen Only
 */
@media screen {
    body{
	/* background-color: black; */
	background-color: #f0f0f0;
	/* color: #00FF00; */
	color: #333333;
	margin: 0%;
	pdding: 0%;
	border-width: 0%;
	margin-left: 1%;
	margin-right: 1%;
    }
    /**************************************/
    #navi {
	/* margin-left: 96px; */
	/* position: absolute; left: 16px; */
	position: absolute; right: 16px;
	position: absolute; top: 0;
    }
    #navi ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	border-width: 3px;
	border-style: solid;
	border-color: #black;
	font-family: Impact, fantasy;
	font-size: 0.6em;
	width: 4.5em;
	background-color: #f0f0f0;
    }
    #navi a:hover {
	display: block;
	text-decoration: none;
	color: #666666;
    }
    #head p {
	font-size: 0.5em;
	text-align: center;
	margin-bottom: 16px;
    }
    /**************************************/
    div#head,div#header{
	clear: both;
	height: 10%;
	
	width: 100%;
	overflow: auto;
	position: absolute;
	top: 0;
	left: 0;
    }
    div#menu,div#main{
	margin: 0%;
	pdding: 0%;
	border-width: 0%;
    }
    div#menu{
	width: 33%;
	float: left;
	/* float: right; */
	
	font-size: 0.8em;
	height: 80%;
	overflow: auto;
	position: absolute;
	top: 10%;
	left: 0%;
    /* left: 67%; */
    }
    div#main{
	width: 67%;
	float: right;
	/* float: left; */
	
	height: 80%;
	overflow: auto;
	position: absolute;
	top: 10%;
	left: 33%;
    /* left: 0%; */
    }
    div#foot,div#footer{
	clear: both;
	
	overflow: auto;
	height: 10%;
	width: 100%;
	position: absolute;
	bottom: 0%;
	left: 0%;
    }
}
/*
 * Printer Only
 */
@media print {
    div#menu,div#navi,div#foot,div#footer{
	font-size: 0em;
	color: #FFFFFF;
	line-height: 0em;
	margin: 0em;
	padding: 0em;
    }
    div#head,div#header,div#main{
	clear: both;
    }
    h1{
	font-size: 1em;
	text-align: center;
	margin: 0%;
	border-width: 0.1em 2.4em;
    }
    A,A:link, A:visited{
	color: black;
    }
}