@charset "utf-8";

/*Main style sheet for Hpotter*/

A.text:link {color: #000099; text-decoration: none; }
A.text:active {color: #FF6633; text-decoration: none; }
A.text:hover {color: #CC0066; text-decoration: none; }
A.text:visited {color: #996699; text-decoration: none; }

A:link {text-decoration:none;color:#0066FF;}
A:visited {text-decoration:none;color:#996699;}
A:active {text-decoration:none;color:#FF9933;}
A:hover {text-decoration:none;color:#CC0066;}

A.a04:link {text-decoration:none;color:#00007f;}
A.a04:visited {text-decoration:none;color:#00007f;}
A.a04:active {text-decoration:none;color:#ff0000;}
A.a04:hover {text-decoration:none;color:#ff0000;}

.small {font-size: 11px}

A.small:link {color: #00007f; text-decoration: none; }
A.small:active {color: #00007f; text-decoration: none; }
A.small:hover {color: #ff0000; text-decoration: none; }
A.small:visited {color: #ff0000; text-decoration: none; }

body,td,th {
	font-family: Optima, sans-serif;
}

body {background-color: #ffffff; margin: 10px; padding: 10px; margin-left:auto;
    margin-right:auto;}
body {background-image: url(../images/faintglass.jpg);}
body {color: #333;}
body {font-size: 1.1em; line-height: 140%;}


/* fluid images */
img
{
	max-width: 100%;
	display: block;
	border: 0;
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
	_width: 100%;
}

nav {position: absolute;
     top: 65px;
     }


.envelope {
   position: absolute;
   right:5px;
   top: 70px;
   visibility: visible;
   padding: 0px;
    }
 


.top {
	position: absolute;
	left: 5px;
	top: 5px;
	right: 0px;
	visibility: visible;
	padding: 0px;
	}

.photo {
	position: absolute;
	left: 20px;
	top: 110px;
	padding: 5px;	
}
	 

.content {
	position: relative;
	left: 5px;
	top: 200px;
	line-height: 140%;
	font-size: 100%;
	visibility: visible;
	z-index: 3;
	padding: 5px;
}

.breadcrumb {
   font-size: small;
   position: absolute;
	left: 5px;
	top: 85px;
	visibility: visible;
	padding: 0px;
	}
	
.navig {
   font-size: small;
   position: absolute;
   right: 5px;
   top: 70px;
   visibility: visible;
   padding: 0px;
	}
	

h1 {
	line-height: 170%;
	font-size: 150%;
     }
	 
h2 {
	line-height: 160%;
	font-size: 130%;
}


.title1 {
	font-size: x-large;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
}

.toptitle {
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	color: #00007F;}
	
.secttitle {
    width: 100%;
	font-size: 120%;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-align: center;}
	


.pagetitle {
	font-size: x-large;
	font-weight: bold;
	line-height: normal;
	font-variant: normal;
	text-align: center;}
	
.infotable {
    font-size: 100%;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	overflow: auto
	}
	
.table {
    font-size: 100%;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	overflow: auto
	}
	
.red {
	color: #FF0000;
}

.pageHeader {color: #3366CC; text-decoration: none; font-weight: 800; font-size: 150%; display: block;}

.dict {
    position: absolute;
	top: 1000px;
	left: 5px;
	width: 180px;
	visibility: visible;
	padding: 0px;
	}
	
.mn {
	margin: 0px;
	padding: 0px;
	font-family: 'Mongolian White', Serif;
	font-size : 24px;
	-moz-writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
	-o-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: tb-lr;
    text-justify: inter-ideograph;
	text-align:justify;
}


.style2 {font-size: 9px;
         color: #000099}
.style1 {color: #000099}
.style3 {font-size: small}

.style4 {color: #CCCCFF}
.style5 {font-size: 9px;
         color: #CCCCFF}
.style6 {font-style: italic}
.style7 {color: #990000}
.style8 {color: #CCCCFF}
.style9 {color: #666600}
.style10 {color: fuchsia;}
		 
.style12 {color: red;}

.style13 {color :blue;}

.style14 {
color: purple;}

.style15 { 
color: black;}

.blue {color: #00007F}

.redback {
    background-color: #FFCC99;
}

.yelloback {
    background-color: #FFFF99;
}

.lyelloback {
    background-color: #FFFFCC;
    }

.greenback {
	background-color: #33CC33;
}

.blueback {
	background-color:#00CCFF;
}

.pinkback {
   background-color:#FFCCCC;
}

.purpleback {    
    background-color: #CCCCFF;}
    
.orangeback {    
    background-color: #FFE79F;}
    

.pinkyback {
background-color: #FFCCFF;}

.khakiback {
background-color: #CCCC00;}


.greyback {
background-color: #CCCCCC;}


.garishpback {    
    background-color: #CC99FF;}
    
.palegrey {    
    background-color: #EEEEEE;}
    
.yukgreen {
    background-color: #CCFFCC;}

.sctext {
    color: #000099;
    font-family:  MS Song, Song;
	text-decoration: none;
}

.tctext {
    color: #000099;
    font-family: MingLiU, Apple LiGothic;
	text-decoration: none;
}

.jtext {
    color: #000099;
    font-family:  平成角ゴシック, ＭＳ ゴシック;
	text-decoration: none;
}

.vtext {
    color: #000099;
    font-family:  lucida grande, Arial MS Unicode;
	text-decoration: none;
}

.style2j {
	font-color: #000099;
	font-size: 25px;
	font-family: 平成角ゴシック, ＭＳ ゴシック;
	font-style: normal;
    font-variant: normal;
}

.style2j:link{text-decoration:none;color:#000066;}
.style2j:visited{text-decoration:none;color:#00007f;}
.style2j:active{text-decoration:none;color:#ff0000;}
.style2j:hover{text-decoration:none;color:#CC0066;}

.style2sc {
	font-color: #000099;
	font-size: 25px;
    font-family:  Hei;
}

.style2sc:link{text-decoration:none;color:#000066;}
.style2sc:visited{text-decoration:none;color:#00007f;}
.style2sc:active{text-decoration:none;color:#ff0000;}
.style2sc:hover{text-decoration:none;color:#CC0066;}

.style2tc {
	font-color: #000099;
	font-size: 25px;
    font-family:  MingLiU, Apple LiGothic;
}

.style2tc:link{text-decoration:none;color:#000066;}
.style2tc:visited{text-decoration:none;color:#00007f;}
.style2tc:active{text-decoration:none;color:#ff0000;}
.style2tc:hover{text-decoration:none;color:#CC0066;}

.style2v {
	font-color: #000099;
	font-size: 20px;
    font-family: lucida grande, Arial MS Unicode;
	link: text-decoration:none;color:#000066;
	visited: text-decoration:none;color:#00007f;
	active: text-decoration:none;color:#ff0000;
	hover: text-decoration:none;color:#CC0066;
}

.style2v:link{text-decoration:none;color:#000066;}
.style2v:visited{text-decoration:none;color:#00007f;}
.style2v:active{text-decoration:none;color:#ff0000;}
.style2v:hover{text-decoration:none;color:#CC0066;}

p#intro{line-height:100%}

.style3j {font-weight: normal;
         color: #000099;
    font-family: : 平成角ゴシック, ＭＳ ゴシック;}
		 
.style3sc {font-weight: normal;
         color: #000099;
    font-family: 华文黑体, Hei;}
		 
.style3tc {font-weight: normal;
         color: #000099;
    font-family:   MingLiU, Apple LiGothic;}
		 
.style3v {font-weight: normal;
         color: #000099;}

.brown {
	color: #666600;
	font-family: Helvetica, Arial, sans serif;
	font-size: 85%;
	line-height: 120%;
}

.ajp {font-weight: normal;
         color: #000099;
    font-family: : 平成角ゴシック, ＭＳ ゴシック;
	line-height: 140%;}
		 
.asc {font-weight: normal;
         color: #000099;
    font-family: 华文黑体, Hei;
	line-height: 140%;}
		 
.atc {font-weight: normal;
         color: #000099;
    font-family: "儷黑 Pro", "Apple LiGothic Medium";
	line-height: 140%;}
		 
.avn {font-weight: normal;
      font-family: Helvetica, Arial, sans serif;
         color: #000099;
		 line-height: 140%;}



@media (min-width: 600px)
{
	
.content {
	position: absolute;
	left: 20px;
	top: 140px;
	visibility: visible;
	z-index: 3;
	padding: 5px;
}

.breadcrumb {
   font-size: small;
   position: absolute;
	left: 5px;
	top: 45px;
	visibility: visible;
	padding: 0px;
	}
	
.navig {
   font-size: small;
   position: absolute;
   right: 5px;
   top: 40px;
   visibility: visible;
   padding: 0px;
	}
	

	
.text {
	color: #333;
	line-height: 140%;
	font-size: 100%;
	font-style: normal;
}

.photo {
	position: absolute;
	left: 20px;
	top: 80px;
	padding: 5px;	
}


	
.leftcol {
	display:inherit;
	position: absolute;
	left: 10px;
	top: 820px;
	width: 100px;
	visibility: visible;
	z-index: 3;
	padding: 5px;
}


h1 {
	line-height: 170%;
	font-size: 150%;
     }
	 
h2 {
	line-height: 160%;
	font-size: 130%;
}

.small {
	font-size: 12px;
	}
	

}

@media (min-width: 750px)


{
	
body {position:relative;
	margin-left:auto;
    margin-right:auto;
    width:950px;}
							
}