<!--

/*--------------------style initialization--------------------*/

*{
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: normal;}

img{
	border: none;}

/*--------------------for fixed footer--------------------*/

html{
	height: 100%;}

body{
	height: 100%;}

div.contents{
	position: relative;
	min-height: 100%;}

body > .contents{
	height: auto;}

div.contents{
	_padding: 0em 0em 2em 0em;}

div.header{
	width: 100%;}

div.footer{
	position: absolute;
	bottom: -1em;
	_bottom: 0em;
	height: 1.5em;
	width: 100%;}

/*--------------------for body--------------------*/

body{
	color: #333399;
	background-color: #ffffff;}

/*--------------------for header--------------------*/

div.header{
	position: relative;
	z-index: 7;
	background-image: url("siteimage/hgrad.jpg");
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: left top;
	background-color: #666699;}

div.logo{
	float: left;}

div.siteinfo{
	position: relative;
	z-index: 7;
	color: #ccccff;
	text-align: right;}

div.siteinfo p{
	padding: 0.1em 0px;
	margin: 0px 0.5em 0px 0px;}

div.siteinfo h2{
	padding: 0.1em 0px;
	margin: 0px 0.5em 0px 0px;}

/*--------------------for footer--------------------*/

div.footer{
	background-image: url("siteimage/fgrad.jpg");
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: left top;
	background-color: #9999ff;}

div.footer p{
	float: right;
	margin: 0px 0.5em 0px 0px;
	text-align: right;
	font-size: 1em;
	line-height: 1.5em;}

/*--------------------for fixed navigation--------------------*/
	
div.topimage{
	position: fixed!important;
	_position: absolute;
	position: absolute;
	top: 0em;
	z-index: 8;
	height: 4.2em;
	background-color: #333366;}


div.navigation{
	position: fixed!important;
	_position: absolute;
	position: absolute;
	top: 4.5em;
	z-index: 9;
	width: 9em;
	background-color: transparent;}

div.main{
	position: relative;
	z-index: 8;
	padding: 1em 0em 1.5em 9.5em;}


/*--------------------for float position bug--------------------*/

div.forfpbug{
	clear: both;}

/*--------------------for navigation--------------------*/

div.navigation {
	width: 9em;}

div.navigation li {
	text-align: left;
	margin: 0px 0px 0.3em 0em;
	border-style: solid;
	border-width: 0px 1px 3px 0px;
	border-color: #999999;
	list-style-type: none;}

div.navigation li.webclap {
	text-align: center;
	margin: 1em 0px 0.3em 0em;
	border-style: solid;
	border-width: 1px 2px 1px 2px;
	border-color: #999999;
	list-style-type: none;}

div.navigation ul{
	margin: 0.5em 0.75em;}

div.navigation a {
	display: block;
	width: 7.5em;
	text-decoration: none;}

li.sublist a {
	display: block;
	width: 6.5em;
	text-decoration: none;}


div.navigation a:link {
}
div.navigation a:visited {
}
div.navigation a:hover {
	background-image: url("siteimage/ngrad.jpg");
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: left top;
	background-color: #ffffff;}
div.navigation a:active {
	background-image: url("siteimage/ngrad.jpg");
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: left top;
	background-color: #ffffff;}

li.sublist a:link {
	}
li.sublist a:visited {
	}
li.sublist a:hover {
	background-image: url("siteimage/ngrad.jpg");
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: left top;
	background-color: #ffffff;}
li.sublist a:active {
	background-image: url("siteimage/ngrad.jpg");
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: left top;
	background-color: #ffffff;}

div.navigation .presence{
	background-image: url("siteimage/pgrad.jpg");
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: left top;
	background-color: #ffffff;
	border-width: 3px 0px 0px 1px;}

.navigation .sublist{
	margin-left: 1em;}

.navigation .subpresence{
	margin-left: 1em;
	background-image: url("siteimage/pgrad.jpg");
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: left top;
	background-color: #ffffff;
	border-width: 3px 0px 0px 1px;}

/*--------------------for main--------------------*/


div.main h2{
	font-weight: bold;}

div.main h3{
	padding: 0em 0em 0em 0.5em;
	line-height: 1.5em;
	border-style: solid;
	border-width: 2px 0px 0px 1px;
	background-image: url("siteimage/igrad.jpg");
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: left top;
	background-color: #ffffff;
	border-color: #999999;}

div.main p{
	line-height: 1.3em;
	margin: 0.2em 0em 1em 0.5em;}

div.main img{
	display: block;
	margin: 2em auto 2em auto;}

/*--------------------for modify--------------------*/

.headline{
	font-weight: bold;}

.quotation{
	color: #666666;}

.res{
	margin-top: 1em;}

strike{
	color: #999999;
	text-decoration: line-through;}
	
p.copyrightOwner img{
	display: inline;
	margin: 0.2em 0px 0px 0px;}

p.copyrightOwner{
	margin: 0.6em 0.5em 0em 0em;
	padding: 0em 0.5em 0em 0em;
	text-align: right;
	font-size: 0.8em;}

/*--------------------for webclap--------------------*/

.sbmbuttonr{
	color: #333366;
	width: 6em;
	height: 1.5em;
	background-image: url("siteimage/ngrad.jpg");
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: left top;
	background-color: #ffffff;
	border-width: 1px 2px 3px 1px;
	border-style: double;
	border-color: #ccccff #9999cc #666699 #ccccff;}

.sbmbuttonr:link {
	}
.sbmbuttonr:visited {
	}
.sbmbuttonr:hover {
	}
.sbmbuttonr:active {
	border-width: 3px 1px 1px 2px;
	border-color: #666699 #ccccff #ccccff #9999cc;}

.buttonr{
	color: #333366;
	text-align: center;
	margin: 1em 0em;}



-->