/*style*/
html{
height:100%;
}

body {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
margin:0px;
padding:0px;
height:100%;
text-align:center;
background-color:#FFFFFF;
}

a:link, a:visited {
color:#3399FF;
}

a:hover, a:active {
color:#33CCFF;
}


/*layout*/
* html div#container{
    height:100%;
}

div#container{
    width: 720px;
    margin:0px auto;
    position:relative;
    min-height: 100%;
	text-align:left;
}
body > #container {
        height: auto;
}

#masthead {
	margin: 0;
	padding: 10px 0 0 0;
	width: 100%;
}

#navi{
	margin: 0 77% 0 0;
	padding: 0 0 20px 0;
	background-color: #FFFFCC;
}

#main{
  float:right;
	width: 73%;
	margin: 0;
	padding: 0 10px 30px 5px;
}

#foot{
margin-top:5px;
padding:5px 0;
clear:both;
height:30px;
width:100%;
text-align:center;
border-top: 2px solid #FFFFCC;
	font-size: 75%;
	color: #cccccc;
}

/*sitename*/

#sitename{
margin: 0px;
padding: 0 0 5px;
color:#99CC99;
font-style:italic;
font-weight:bold;
font-size:70%;
text-align:left;
}

#sitename h6.sanc {
float:right;
margin-right:5px;
margin-top:0;
color:#CCCCCC;
font-style:normal;
}

.clearR{
clear:right;
}

#sitename img.logo {
float:left
}

.clearL{
clear:left;
}

.clear{
clear:both;
}

/*menu*/

#menu{
color:#009900;
background-color:#FFFFCC;
padding: 0px 10px;
font-size:90%;
font-weight:bold;
height:auto;
width:100%;
white-space:nowrap;
vertical-align:middle;
}

#menu a{
background-color:#FFFFCC;
color:#006699;
text-decoration:none;
font-size:90%;
padding: 0px 10px;
display:block;
float:right;
}

#menu a:hover{
background-color:#FFFFCC;
color:#003366;
	font-style:italic;
text-decoration:none;
}

/*pagename*/

#pagename{
	padding: 10px 0px 5px 10px;
}

#pagename h1{
padding:5px 0px;
font-size:100%;
font-weight:bold;
color:#336699;
border-bottom:solid 2px #FFFFCC;
border-top:solid 2px #FFFFCC;
}

#front{
margin:10px 0;
padding: 10px 0px 10px 5px;
}

#front p{
margin:10px 0px;
padding: 5px 0px 5px 0px;
font-size:70%;
font-style:italic;
color:#999999;
text-align:center;
}

#front table{
border:none;
margin:0px;
padding:0px;
width:98%;
}

/*navi*/

#navilink {
position:relative;
margin:0;
padding:10px 0px 0 0;
font-size:90%;
}

#navilink h1{
padding:20px 0px 0px 1px;
color:#FF9900;
margin:0;
font-size:90%;
text-decoration:underline;
}

#navilink h2{
padding:10px 0px 0px 1px;
color:#003366;
margin:0;
font-size:90%;
}


#navilink a:link, #navilink a:visited{
display:block;
padding:3px 0px 3px 5px;
color:#006699;
text-decoration:none;
}

#navilink a:hover{
	padding: 3px 0px 3px 5px;
	color:#003366;
	font-style:italic;
	text-decoration:none;
}

#navilink ul{
list-style: none; margin: 0; padding: 0;
}

#navilink li {
padding:2px 0px 2px 2px;
}

#navilink li h3{
font-size:90%;
margin: 0; padding: 0;
}

#dammy {
margin-bottom:300px;
}