body { text-align:center; background-image: url(../photo/top/back088.gif);}   
#wrap { width:850px; text-align:center; margin:0 auto; 
        background-color: #ffffff;}   
#header {  }
#inner { margin:0 8px; }   
#main { width:650px; text-align:left;  float:left; }   
#side { width:170px; text-align:right;  float: right;} 
#footer { }
.clear { clear:both; }   
.clear hr { display:none; } 

a { text-decoration: none; color: #0000ff; }
a:hover { text-decoration: underline;  color: #ff0000; }
a:hover img { background-color: #00ffff; }


.toptit { font-size: 14px;  color:#cccccc; text-align:right; } 

.boxt1 { position: relative;  background: none;  border:none; }

.title11 { position: absolute;  top: 25px;  left: 50px; 
            padding: 0em; font-size: 22pt; line-height: 23px; 
            letter-spacing: 0.07em;  color:#cc99ff;    }

#ba-na1 { position: absolute;  top: 60px;  left: 55px; 
          background: none; border: none; }
.bana {border:solid 2px #cc99ff;}

.headaa { font-size: 12px;  margin-top:6px; margin-left:15px; 
          margin-bottom: 15px;  float:left;  } 
.headaa a:hover { color: #663333;  background-color: #ffff99; }
.gkenn { margin-top:5px; margin-right:40px; float:right; }

.sideAa { border:solid 2px #cc99ff; border-collapse: separate; font-size:15px;
        position: relative; left: 30px;  
        margin-bottom:20px; margin-top:20px; }   
.sideAa td { border:solid 1px #cc99ff; text-align: center; }

#btopr { position: relative;  left: 0px;  padding: 3px; 
         background: none;  border: none; 
         margin-top: 35px;  margin-bottom: 10px;  float:right;}
#btopl { position: relative;  left: 0px;  padding: 3px; 
         background: none;  border: none; 
         margin-top: 15px;  margin-bottom: 10px;  float:left;}
.boxaa { position: relative;  left: 0px;  padding: 3px; 
         background: none;  border: 3px double #cc99ff;
         text-align: center;  height: 68px;   width: 290px; 
         margin-bottom: 8px; }
.boxaa p { font-size: 1em; margin-top:0.8em; }

.sp1 { margin-bottom:25px; }
.boxnn { position: relative;  left: 25px;   width:93%;  text-align: left;
         background: none;  border:none;  margin-bottom: 20px; }

.end_ad { position:relative;  left: 20px;   width:95%;  
         background: none;   border: none; text-align:center; 
          margin-bottom: 50px; }




.pagetop {position:relative;  left: 0px;   width:100%;  height:100px;
          background: none;   border: none; text-align:center;}
.pagetop a { font-size: 1.5em; color:#cc99ff; }
.pagetop a:hover { color: #663333;  background-color: #ffff99; }

.imggg {border:4px double #cc99ff;}
.imggl {border:4px double #cc99ff;}
.imggl { float:left; margin-right:7px; margin-bottom:3px; }
.imggr {border:4px double #cc99ff;}
.imggr { float:right; margin-left:7px; margin-bottom:3px; }
.imggll {border:4px double #cc99ff;}
.imggll { float:left; margin-right:15px; margin-bottom:3px; }
.imggrr {border:4px double #cc99ff;}
.imggrr { float:right; margin-left:15px; margin-bottom:3px; }
.im7 {border:4px double #cc99ff; margin-bottom:3px; }





.listen { position:relative; left: 0px;  width:100%; height:80px;
          background-image: url(../photo/top/back088.gif);
          border: none;  padding-top:20px;  }      
.endlist { list-style-type:none;  font-size: 0.8em; color:#cc99ff;
           margin-left:90px;}
.endlist li { float:left;  margin-right: 20px; }
.listli { list-style-type:none; font-size: 0.7em; color:#cc99ff;
          margin-left:50px;}
.listli li { float:left;  margin-right: 8px; }

.pagetop {position:relative; left: 0px; width:100%; height:70px;
           background: none; border: none; text-align:center;}
.pagetop a { font-size: 1.5em; color:#cc33ff; }
.pagetop a:hover { color: #663333;  background-color: #ffff99; }