@charset "utf-8";
/* CSS Document */

body{background-image:url(mainback.jpg); background-size:contain;}

#highScope{min-width:960px; min-height:960px; max-width:960px; background-image:url(page001.png); background-size:contain; background-repeat:no-repeat; margin:auto; background-color:rgba(255,255,255,0.00);}
#highScopeList{width:300px; margin:50px 0px 0px 130px;}
#highScopeList a{ text-decoration:none; color:#000;}
.highScopeListSize{width:350px; height:64px; margin:12px 0px 12px 0px; background-color:#FFD; text-align:center; font-size:2.5em; padding-top:16px; letter-spacing:10px; cursor:pointer;}
.highScopeListSize:hover{ box-shadow:#555 3px 3px 3px;}
.highScopeListSize2{width:350px; height:60px; margin:12px 0px 12px 0px; background-color:#FFD; text-align:center; font-size:2em; padding-top:20px; letter-spacing:5px; cursor:pointer;}
.highScopeListSize2:hover{ box-shadow:#555 3px 3px 3px;}
#highScopeList001{background-color:#FFF799; border-left:0px; box-shadow:#555 2px 2px 2px}
#highScopeList001:hover{background-color:#FFFBD6;}
#highScopeList001b{background-color:#FFF799; border-left:0px; box-shadow:#555 2px 2px 2px}
#highScopeList002{background-color:#dbefe8; border-left:0px; box-shadow:#555 2px 2px 2px}
#highScopeList002:hover{background-color:#E3F5EF;}
#highScopeList002b{background-color:#dbefe8; border-left:0px; box-shadow:#555 2px 2px 2px}
#highScopeList003{background-color:#ffcd8e;border-left:0px; box-shadow:#555 2px 2px 2px}
#highScopeList003:hover{background-color:#fce6ca;}
#highScopeList003b{background-color:#ffcd8e;border-left:0px; box-shadow:#555 2px 2px 2px}
#highScopeList004{background-color:#eedece; border-left:0px; box-shadow:#555 2px 2px 2px}
#highScopeList004:hover{background-color:#fbf1e7;}
#highScopeList004b{background-color:#eedece; border-left:0px; box-shadow:#555 2px 2px 2px}


/*listing menu*/
#highScope002{min-width:960px; min-height:960px; max-width:960px; background-image:url(page002.png); background-size:contain; background-repeat:no-repeat; margin:auto; background-color:rgba(255,255,255,0.00);}

#highScopeTitle{width:300px; margin:30px 0px 0px 69px;}
.highScopeTitleSize{width:350px; height:64px; margin:12px 0px 12px 0px; background-color:#FFD; text-align:center; font-size:2.5em; padding-top:16px; letter-spacing:10px;}
.highScopeTitleSize2{width:350px; height:64px; margin:12px 0px 12px 0px; background-color:#FFD; text-align:center; font-size:2em; padding-top:16px; letter-spacing:8x;}



#highScopeListing{width:540px; height:676px; border:#aaa 1px solid; margin:20px 0px 0px 135px; overflow:auto;}
#highScopeListing ul li{margin:2px 10px 2px -30px; cursor:pointer; padding:10px; list-style:none; letter-spacing:2px;}
#highScopeListing ul li:hover{color:#22D; background-color:#DDF;}
.ul2{line-height:0.2em; font-size:0.95em;}
#highScopeListing a{text-decoration:none;}

/*Main Content*/
#highScopeHeader{width:500px; height:40px; margin:12px 0px 0px 0px; background-color:#FFF799; text-align:left; font-size:1.25em; padding:16px 0px 0px 25px; letter-spacing:3px; font-weight:900;}
#highScopeHeader2{width:500px; height:40px; margin:12px 0px 0px 0px; background-color:#d6efe8; text-align:left; font-size:1.25em; padding:16px 0px 0px 25px; letter-spacing:3px; font-weight:900;}
#highScopeHeader3{width:500px; height:40px; margin:12px 0px 0px 0px; background-color:#ffcd8e; text-align:left; font-size:1.25em; padding:16px 0px 0px 25px; letter-spacing:3px; font-weight:900;}
#highScopeHeader4{width:500px; height:40px; margin:12px 0px 0px 0px; background-color:#eedece; text-align:left; font-size:1.25em; padding:16px 0px 0px 25px; letter-spacing:3px; font-weight:900;}
#highScopeHeader4b{width:500px; height:40px; margin:12px 0px 0px 0px; background-color:#eedece; text-align:left; font-size:1.25em; padding:8px 0px 8px 25px; letter-spacing:3px; font-weight:500;}

#highScopeContent{width:520px; height:700px; border:#aaa 1px solid; margin:20px 0px 0px 135px; padding:0px 10px 0px 10px; overflow:auto;}
#highScopeContent img{max-width:230px; margin:10px;}
#highScopeContent p img{max-width:500px}
#highScopeContent p{line-height:1.5em; text-align:justify; display:inline-block; text-justify:inter-ideograph; letter-spacing:1px;}
#highScopeContent h2{ text-align:center; margin-bottom:0px; letter-spacing:2px;}
#highScopeContent h3{ text-align:center;letter-spacing:2px;}
#highScopeContent a{text-decoration:none;}

#highScopeControl{width:520px; height:100%; border:#aaa 1px solid; margin:20px 0px 0px 135px; padding:5px 10px 5px 10px; text-align:right;}
#highScopeControl nav{}
#highScopeControl nav a{margin:5px 10px 5px 10px; width:40px; height:40px; display:inline-block;vertical-align:text-bottom; cursor:pointer;}
#highScopeControl_Main{background-image:url(iconpic.png); background-position:top left;}
#highScopeControl_Main:hover{background-image:url(iconpic2.png); background-position:top left;}
#highScopeControl_Top{background-image:url(iconpic.png); background-position:top right;}
#highScopeControl_Top:hover{background-image:url(iconpic2.png); background-position:top right;}
#highScopeControl_Next{background-image:url(iconpic.png); background-position:bottom right;}
#highScopeControl_Next:hover{background-image:url(iconpic2.png); background-position:bottom right;}
#highScopeControl_Pre{background-image:url(iconpic.png); background-position:bottom left;}
#highScopeControl_Pre:hover{background-image:url(iconpic2.png); background-position:bottom left;}