@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;}
.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;}
#highScopeList002{background-color:#dbefe8;}
#highScopeList003{background-color:#ffcd8e;}
#highScopeList004{background-color:#eedece;}


/*listing menu*/
#highScope002{min-width:960px; min-height:960px; max-width:100%; 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;}

#highScopeListing{width:540px; height:676px; border:#aaa 1px solid; margin:20px 0px 0px 135px;}
#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;}
#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;}
#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;}


#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;}