div#top-contents{
 margin-bottom: 18px;
}

div#shop-list-area{
 float: left;
 width: 580px;
}

div#shop-list-area table#shop-list-tbl{
  background: url('/img/top/shop/shop_list_back.gif') repeat-y 0px 0px;
}

div#shop-list-area table#shop-list-tbl th{
   vertical-align: top;
   text-align: left;
   padding: 6px 0px 6px 15px;
   width: 70px;
}

div#shop-list-area table#shop-list-tbl td{
   padding: 6px 0px 6px 0px;
   width: 525px;
}

div#shop-list-area table#shop-list-tbl td table{
    width: 100%;
}

div#shop-list-area table#shop-list-tbl td table td{
     border: none;
     padding: 0px 0px 6px 0px;
     width: 25%;
     font-size: 12px;
}

div#shop-list-area table#shop-list-tbl td table td a{
      white-space: nowrap;
}

div#shop-list-area table#shop-list-tbl td table td img{
      margin-right: 2px;
}

div#shop-list-area table#shop-list-tbl td.line{
   padding: 0px;
}

div#shop-list-area table#shop-list-tbl td.line div{
    margin-left: 20px;
    width: 540px;
    height: 1px;
    font-size: 1px;
    border-top: 1px dotted #999999;
}

div#try-area{
 width: 290px;
 float: right;
}

div#try-area div.try-bg{
  text-align: left;
  margin: 19px 0px 0px 0px;
  background: url('/img/top/try/try_back.gif') no-repeat 0px 0px;
  height: 150px;
}

div#try-area div.try-bg a{
}

div#try-area div.try-bg a img{
    border: none;
}

div#try-area div.try-bg a#try-btn{
   float: left;
   margin: 111px 0px 0px 11px;
   display: inline;
}

div#try-area div.try-bg a#try-pic{
   float: right;
   margin: 11px 11px 0px 0px;
   display: inline;
}

div.no-bg{
 text-align: left;
 margin: 19px 0px 0px 0px;
 background : none;
}

div#webmem-area{
 margin: 19px 0px 0px 0px;
 text-align: left;
}

div#webmem-area div.webmem-bg{
  background: url('/img/top/bg_webmem.png') no-repeat 0px 0px;
  height: 184px;
  weight: 290px;
}

div#webmem-area div.webmem-bg div.webmem-inr{
   padding: 12px 126px 8px 10px
}

div#webmem-area div.webmem-bg div.webmem-inr p.webmem-doc{
    color: #333333;
    font-size: 12px;
    line-height: 18px
}

table.top-info{
 //   width: 430px;
 width:880px;
 font-size: 12px;
 line-height:1.5;
 margin-top:20px;
}

table.top-info td.cateimg{
  vertical-align:top;
  padding-right:10px;
  padding-top:2px;
}

table.top-info td.cate-lbl{
  //    width: 75px;
  width: 450px;
  vertical-align:top;
}

table.top-info td.cate-lbl div.maininfoimg{
   margin-bottom:15px;
}

table.top-info td.maininfo{
  width:430px;
  vertical-align:top;
  padding-right:10px;
}

table.top-info td.maininfo img{
   margin-bottom:3px;
}

table.top-info td.maininfo a.maininfotitle{
   font-size:16px;
}

table.top-info td.maininfo div.maininfodoc{
   padding-top:15px;
   padding-bottom:30px;
}

table.top-info td.subinfo{
  vertical-align:middle;
  padding-left:8px;
  padding-bottom:10px;
}

table.top-info td.subinfo img{
   margin-right:10px;
}

table.top-info td.subinfo a{
   padding-right:10px;
}

table.top-info td.desc{
  padding-bottom: 6px;
  border-bottom: 1px dotted #CCCCCC;
}

table.top-info td.desc div{
   margin-top: 8px;
   width: 120px;
   float: left;
}

table.top-info td.desc div img{
    border: 1px solid #CCCCCC;
}

table.top-info td.desc p{
   margin: 8px 0px 0px 0px;
   width: 300px;
   color: #333333;
   line-height: 16px;
   float: right;
}

table.top-info .rec-img{
  float:left;
  width:120px;
}

table.top-info .rec-doc{
  float:left;
  width:300px;
}

table.top-info .rec-doc p{
   margin: 0px 0px 6px 0px;
}

table.top-staffblog{
 margin-top: 4px;
 width:880px;
 font-size: 12px;
 line-height:16px;
}

table.top-staffblog th.blogimg{
  text-align:center;
  vertical-align:middle;
  width: 220px;
}

table.top-staffblog td{
  padding: 4px 8px 4px 0px;
}

table.top-staffblog td div.blogimg{
   text-align:center;
   vertical-align:middle;
}

table.top-staffblog td div.blogcom{
   padding:10px;
   color: #666666;
}

table.top-staffblog td div.blogcom a{
    line-height:25px;
}

table.top-staffblog td div.blogname{
   text-align:center;
   color: #999999;
}

table.top-blog{
 margin-top: 4px;
 width: 430px;
 font-size: 12px;
}

table.top-blog tr.back-0{
  background-color: #FFFFFFF;
}

table.top-blog tr.back-1{
  background-color: #F5FAFD;
}

table.top-blog th{
  padding: 4px 0px 4px 8px;
  text-align: left;
  color: #333333;
  font-weight: normal;
  line-height: 18px;
  vertical-align: top;
}

table.top-blog th a{
   font-weight: bold;
}

table.top-blog td{
  padding: 4px 8px 4px 0px;
  width: 120px;
  text-align: right;
  color: #666666;
}

table.top-new-blog{
 width: 290px;
}

table.top-new-blog td{
  padding: 4px 8px 4px 0px;
  width: 120px;
  text-align: right;
  color: #666666;
}

img.init-size{
 display: none;
}

img.new{
 vertical-align: middle;
 margin-left: 5px;
}

img.topics-kind{
 vertical-align: middle;
 margin-right: 5px;
}

div.left-cnts{
 margin-top: 20px;
}

.outer-topinfo{
 margin-top:10px;
 margin-bottom:30px;
}

.outer-topblog{
 margin-top:20px;
 margin-bottom:40px;
}