div #cross{
   width:100%;
   margin: 0 ;
   background-color: #F7F7F7;
   background-image: url(skunk_face300_02.gif);
   background-position: right top;
   background-repeat: no-repeat;
   height: 40px;
}

div #main{
   float: left;
   width: 100%;
   margin-right:-200px;
   background-color: #DFE0CD;
   _zoom:1;
   overflow: hidden;
}

div #side{
     float: left;
     width: 200px;
     margin:0;
}


div .item{
   padding-left: 20px;
   margin-right: 201px;
   overflow: hidden;
   zoom:1;
}


div #top{
   margin: 0;
   padding: 5px 0 0 20px;
   background: url(skunk_face300_01.gif) no-repeat;
   background-position: right bottom;
   background-color: #E3E5E5;
   height: 280px;
   border-top: 1px solid #fff;
}

div #top a{
   text-decoration: none;
}


#top .hb1{
   margin:5px 0 20px 0;
}


.hb2{
   margin:10px 0 0 20px;
   border-bottom: 3px solid #808080;
   background: url(newworks.gif) no-repeat;
   background-position: left top;
   width: 350px;
   height: 50px;
} 

.hb3{
   margin:30px 0 0 20px;
   border-bottom: 3px solid #808080;
   background: url(list.gif) no-repeat;
   background-position: left top;
   width: 350px;
   height: 50px;
}


   
.info{
   width: 100%;
   float: left;
   padding-bottom: 30px;
   margin-right: -380px;
   padding-top: 20px;
 }

.left{
   margin-right: 380px;
   margin-left: 20px;
   _zoom: 1;
   overflow: hidden; 
}

 .raito{
   float: left;
   width: 320px;
   border: 5px solid #696969;
   margin-right: 50px;
   margin-bottom: 30px;
}


.info h4{
   padding-bottom: 10px;
}


div .itembox{
  float: left;
  margin:20px 8px 15px 0;
  width: 206px;
  padding: 0;
}

.name{
   text-align: left;
   background-color: #ffffff;
   
}

.o{
   padding: 5px;
}


.name p{
   border-bottom: 1px dotted #808080;
   padding-bottom: 5px;
}

.itembox a, .itembox a:link, .itembox a:visited{
   display: block;
   text-align: center;
   color: #808080;
   padding-top: 5px;
   padding-bottom: 5px;
}

.itembox a:hover{
   color: #FF017A;
}

.hb4{
   margin:50px 0 0 20px;
   border-bottom: 3px solid #808080;
   background: url(info.gif) no-repeat;
   background-position: left center;
   width: 350px;
   height: 50px;
}


.info2{
   clear: both;
   background-color: #FFFFF0 ;
}

.inabi{
    width: 500px;
   margin: 20px auto;
   height: 150px;
   overflow: scroll;
}

.inabi ul{
   background-color: #F5F5F5 ;
   padding: 5px 10px;
}

.inabi li{
   list-style: none;
}


div #side img{
   margin: 110px 25px 25px 25px;
}


 .contents1,.contents2{
   margin-top: 0;
   margin-bottom: 25px;
   padding:10px;
   background: url(box_02.gif) no-repeat bottom;
}

#side h4{
   margin-bottom: 0;
   padding-top: 25px;;
   text-align: center;
   color: #fff;
   background-image: url(box_01.gif);
   background-repeat: no-repeat;
   width: 199px;
   height: 31px;
}

div #newnews{
   width: 100%;
   background-color: #E5E8E2;
   padding: 10px 0;
}

 .newz1{
   padding: 5px 20px;
   margin-bottom: 20px;;
   border-top: 1px dotted #808080;
   border-bottom: 1px dotted #808080;
   background-color: #fff;
}

.newz{
   padding: 5px 20px;
   border-top: 1px dotted #808080;
   background-color: #fff;
}


.newz1 h4, .newz h4{
   padding-bottom: 10px;
}

#newnews a{
   text-decoration: none;
}

div #nss{
   width: 100%;
   height: 250px;
   overflow: scroll;
}

.aka{
   color: red;
}