td,th { font:12px/150% ; }

/*navi box*/
.navi{ margin-top:20px;padding-bottom:2px;height:30px; background-image:url(/ShopLink/Images/MainTop/navi_bar.gif); background-repeat:repeat-x; background-position:bottom}
*+html .navi{ margin-top:20px;  padding-bottom:2px;height:30px;}
*html .navi{ margin-top:20px;  padding-bottom:0px;height:30px;}
.navi .stuon{ float:left; height:31px; background-image:url(/ShopLink/Images/MainTop/navi_on.gif); background-repeat:no-repeat; background-position:left top;margin-top:1px; }
.navi .stuon div{ font-size:16px; font-weight:bold; text-align:center; padding:10px 20px 3px 20px; background-image:url(/ShopLink/Images/MainTop/navi_on_2.gif); background-repeat:no-repeat; background-position:right top}
*html .navi .stuon div{ padding-top:8px; padding-bottom:4px;}
*+html .navi .stuon div{ padding-top:8px; padding-bottom:4px;}
.navi .stuoffright{ float:left; height:21px; border-right:#D4D4D4 1px solid; border-top:#D4D4D4 1px solid; padding:1px 1px 0px 1px; margin-top:6px; margin-bottom:3px;}
.navi .stuoffleft{ float:left; height:21px; border-left:#D4D4D4 1px solid; border-top:#D4D4D4 1px solid; padding:1px 1px 0px 1px;margin-top:6px;margin-bottom:3px;}
.navi .stuoffright div{ background-color:#F3F3F3; padding:1px 30px;}
.navi .stuoffleft div{ background-color:#F3F3F3; padding:1px 30px;}


.shadetabs { border:#0099CC 1px solid; padding:1px; width:100px; cursor:pointer; background-color:#FFFFFF; float:left; position:absolute; background-image:url(/ShopLink/Images/MainTop/drop.gif); background-repeat:no-repeat; background-position:top right}
.shadetabs li{ display:none}
.shadetabs .selected { display: block; }
.shadetabs_on { border:#0099CC 1px solid; padding:1px; width:100px; cursor:pointer; background-color:#FFFFFF; float:left; position:absolute; background-image:url(/ShopLink/Images/MainTop/drop.gif); background-repeat:no-repeat; background-position:top right}
.shadetabs_on li{ display: block; border-top: #ffffff 1px solid;}
.shadetabs_on .selected { display: block;  background:none; border:none; }



/*relate_photo*/
.relate_photo{ float:center; margin-top: -15px; }
.relate_photo .img img{ width:145px; border:none}
.relate_photo .img a{ float:left; margin:10px 20px; padding:2px;border: #999999 1px solid;  }
.relate_photo .img2 img{ width:50px; border:none}
.relate_photo .img2 a{ float:center; margin:3px 5px 0px 3px; padding:1px;border: #ffffff 1px solid; }
.relate_photo .comment_add img{ width:15px; border:none}
.relate_photo .comment_add  {  margin-top:10px; font-family: Arial, Helvetica, sans-serif; font-size: 9pt;   color: #7C7C7C}

.relate_photo .color
{
  width:100%;
  font-family: Arial, Helvetica, sans-serif;
  color:#287F1F;

  float:center;
}
.relate_photo .color img{ width:20px; border:none}
.relate_photo .color a{ float:center; margin:0px 0px 0px 0px; padding:1px;border: #ffffff 1px solid; }



/*comment box*/
.comment_line { border-bottom:#CBCBCB 1px solid; height:26px; padding-top:6px; padding-left:10px}
.comment_line .left { float:left; }
.relate_photo .comment_line .left a { float:none;border:none; padding:0px; margin:0px;}
.comment_line .right { float:right}
.relate_photo .comment_line .right a { float:none; border:none; padding:0px; margin:0px;}
.comment_line .right img { width:40px; padding:2px; padding-right:5px;}
.drop_right { text-align:right; padding:5px;}
.comment_row { background:#E5E5E5; border-bottom:#CBCBCB 1px solid; border-top:#CBCBCB 1px solid; padding:5px 0px; height:21px;}
.comment_num{ width:40px; float:left;padding-top:3px}
.comment_title{ width:640px; float:left; padding-right:20px;}
.comment_user{ width:150px; float:left}
.comment_date{ width:150px; float:left}
.comment_detail{ border-bottom:#CBCBCB 1px solid; height:1%; padding:6px 0px; text-align:left}
.comment_detail .comment_user{ width:130px; float:left; text-align:left; color:#999999; padding-left:10px;}
.comment_detail .comment_date{ width:50px; float:left; text-align:left; padding-top:3px}
.comment_detail_gray{ border-bottom:#CBCBCB 1px solid;border-top:#ffffff 1px solid; height:1%; padding:6px 0px; text-align:left; background-color:#F3F3F3; color:#999999}
.comment_detail_gray .comment_user{ width:130px; float:left; text-align:left; padding-left:10px;}
.comment_detail_gray .comment_date{ width:50px; float:left; text-align:left; padding-top:3px}

