*html body a.class_index p.class_index_subsc	{
            height: 28px;
        }

        *html body a.class_index	{
            height			:	65px;
        }

        a.class_index {
            display			:	block;
            width			:	576px;
            min-height		:	65px;
            padding			:	9px 0px 4px 9px;
            margin			:	4px 4px 8px 4px;
            border			:	1px solid #CCC;
            color:black;
            text-decoration : none;
            cursor:hand;
        }

        a.class_index:hover	{
	        border-bottom	:	2px solid #999;
	        border-right	:	2px solid #999;
            background		:	#EEEFF8;
            margin-bottom	:	7px;
        }
        a.class_index2 {
            display			:	block;
            width			:	576px;
            height: 29px;
            border			:	1px solid #CCC;
            color:black;
            text-decoration : none;
            cursor:hand;
        }

        a.class_index2:hover	{
	      height: 29px;
            
        }
         a.class_index2 div.class_ind_dtl {
               display: block;
               width: 498px;
        }
        
        a.class_index3 {
            width			:	576px;
            height: 29px;
            color:black;
            text-decoration : none;
            cursor:hand;
        }

        a.class_index3:hover	{
	      height: 29px;
            
        }
         a.class_index3 div.class_ind_dtl {
               display: block;
               width: 498px;
        }
        
        a.class_index .class_index_img	
        {
            float: left;
            display: block;
            width: 54px;
            height: 75px;
            background: url(./class_index/bg_ico-image-base.png) no-repeat;
            padding: 1px 3px 3px 1px;
        }

        a.class_index .class-index_image img	
        {
            margin: 0 16px 0 0;
        }

        a.class_index div.class_ind_dtl {
               margin-bottom: 4px;
               display: block;
               width: 498px;
               min-height: 30px;
               margin-left: 60px;
               border-bottom: 2px solid #333;
        }
        a.class_index div.class_ind_dtl h4 {

               font-size: 14px;
               font-weight: bold;
               color: #333;
               overflow: hidden;
               width: 498px;
               line-height: 16px;
               margin: 6px 0 0 0;
        }

        *html a.class_index div.class_ind_dtl {
               height: 30px;
        }

        a.class_index div.class_ind_dtl p.class_index_span	{
               display: block;
               width: 278px;
               height:15px;
               margin-left: 218px;
               margin-top:0px;
               font-size: 11px;
               text-align: right;

        }
        a.class_index div.class_ind_dtl p.ico`{
            float: left;
            width: 20px;
        }

        .class_index_link
        {
            color:black;
            text-decoration:none;
        }
        .class_index_link:hover
        {
            text-decoration:underline;
        }
        a.class_index p.class_index_subsc {
            display: block;
            width: 506px;
            min-height: 28px;
            margin-left: 60px;
            margin-top:8px;
            color:Red;
        }
        
               *html body a.subject_index p.subject_index_subsc	{
            height: 28px;
        }

        *html body a.subject_index	{
            height			:	65px;
        }

        a.subject_index {
            display			:	block;
            width			:	576px;
            min-height		:	65px;
            padding			:	9px 0px 4px 9px;
            margin			:	4px 0 8px 0;
            border			:	1px solid #CCC;
            color:black;
            text-decoration : none;
            cursor:hand;
        }

        a.subject_index:hover	{
	        border-bottom	:	2px solid #999;
	        border-right	:	2px solid #999;
            background		:	#EEEFF8;
            margin-bottom	:	7px;
        }

        a.subject_index div.subject_ind_dtl {
               margin-bottom: 4px;
               display: block;
               width: 562px;
               min-height: 30px;
               margin-left: 6px;
               border-bottom: 2px solid #333;
        }
        a.subject_index div.subject_ind_dtl h4 {

               font-size: 14px;
               font-weight: bold;
               color: #333;
               overflow: hidden;
               width: 512px;
               line-height: 16px;
               margin: 6px 0 0 0;
        }

        *html a.subject_index div.subject_ind_dtl {
               height: 30px;
        }

        a.subject_index div.subject_ind_dtl div.subject_index_span	{
               display: block;
               width: 558px;
               height:15px;
               margin-left: 0;
               margin-top:0px;
               font-size: 11px;
               text-align: right;
               display:block;

        }
        a.subject_index div.subject_ind_dtl p.ico`{
            float: left;
            width: 20px;
        }

        .subject_index_link
        {
            color:black;
            text-decoration:none;
        }
        .subject_index_link:hover
        {
            text-decoration:underline;
        }
        a.subject_index div.subject_ind_dtl p a.more {
               display: block;
               width: 50px;
               height: 14px;
               margin: -11px 0 0 228px;
               text-decoration: none;
               background: url(../image/btn_more.png) no-repeat right top;
        }
        a.subject_index div.subject_ind_dtl p a.more:hover	{
            background-position: right bottom;
            text-decoration: underline;
        }
        a.subject_index div.subject_index_subsc {
            display: block;
            width: 546px;
            min-height: 28px;
            margin-left: 6px;
            margin-top:8px;
            color:Red;
        }
        
        .class_list_tab	{
            background-image: url("./friendlist/bg_friend-tab_base.png");
            background-repeat: repeat-x;
            display: block;
            height: 27px;
        }
        
        .class_list_tab ul {
            display: block;
            list-style: none outside none;
            margin: 0;
            padding: 6px 0 0 6px;
        }
        
        .class_list_tab ul li {
	        height: 20px;
	        float: left !important;
	        margin-right: 1px;
	        border-top: solid 1px #9a9a9a;
	        border-right: solid 1px #9a9a9a;
	        border-left: solid 1px #9a9a9a;
	        line-height: 20px;
            white-space:nowrap;
            text-align:center;
        }	
        
        *html body .class_list_tab ul li {
	        width: 185px;
        }
        
        
        .class_list_tab ul li.on {
	        background: url(./friendlist/bg_friend-tab_here.png) repeat-x;
        }	
        
        .class_list_tab ul li a	{
	        display: block;
	        height: 20px;
	        padding: 0 10px;
	        background-position: top;
	        text-decoration:none;
        }
        
        .class_list_tab ul li a:hover	{
	        background-position: bottom;
        }