﻿/*
 * date:2008.03.18
 * file name:toppage.css
 * auther:Shukosha Printing Co.,Ltd
 */


/*
 * flash area
 */
 
#alpha .flash{
    width:600px;
    height:280px;
    margin-top:0;
    padding:0;
    }


/*
 * banner area
 */

#alpha .banner_btn{
    width:595px;
    margin:9px 0 16px 0;
    }

#alpha .banner_btn .inner{
    position:relative;
    width:595px;
    height:230px;
    overflow:hidden;
    }

#alpha .banner_btn .inner img{
    margin:0 0 8px 0;
    }

#alpha .banner_btn .bnr_cap{
  margin:0;
  padding:0 0 4px 0;
}

#banner_btn{
  position:absolute;
  }


/*
 * topics area
 */

#alpha .topics{
    width:590px;
    padding:12px 3px 50px 2px;
    border-top:solid 1px #699;
    }

#alpha .topics_inner{
    position:relative;
    width:590px;
    }

#alpha .topics_inner dl{
    list-style:none;
    width:560px;
    height:auto;
    margin:10px 0 0 20px;
    padding:0;
    }

#alpha .topics_inner dt{
    width:84px;
    margin:0;
    padding:5px 0 5px 13px;
    float:left;
    font-weight:bold;
    background:url(../img/ico_01.gif) no-repeat 0 50%;
    }

#alpha .topics_inner dd{
    margin:0;
    padding:5px 0;
    background:url(../img/line_chip_01.gif) repeat-x 0 100%;
    }

#alpha .topics_inner a.topics_more,
#alpha .topics_inner a.topics_more:visited{
    position:absolute;
    top:2px;
    left:468px;
    display:block;
    width:120px;
    height:19px;
    z-index:2;
    text-indent:-9999px;
    text-decoration:none;
    overflow:hidden;
    background:url(../img/btn_topics_more.jpg) no-repeat 0 0;
    }

#alpha .topics_inner a.topics_more:hover{
    background-position:0 100%;
    }


/*
 * area_b
 */

#alpha .area_b{
    width:580px;
    padding:0 0 20px 0;
    }

#alpha .area_b .soyink{
    width:374px;
    height:63px;
    padding-right:9px;
    padding-top:9px;
    background:url(../img/bg_soyink.jpg) no-repeat 0 0;
    float:left;
    }

#alpha .area_b .soyink img{
    margin-left:60px;
    float:left;
    }

#alpha .area_b .soyink p{
    width:200px;
    margin-left:170px;
    padding-top:10px;
    line-height:1.3;
    }


/*
 * topics
 */

#topics .topics{
    padding:10px 0 0 0;
    border:0;
    }

#topics .topics .date{
    margin:15px 0 25px 0;
    padding:0 10px 0 0;
    text-align:right;
    }

#topics .topics h3{
    font-size:150%;
    text-align:center;
    }


#topics .topics .text{
    width:510px;
    margin:30px 0 0 0;
    padding:0 0 0 40px;
    }

#topics .topics .text p{
    margin:0 0 6px 0;
    text-indent:1em;
    font-size:116%;
    }

#topics .topics .pic{
    padding:15px 0 0 0;
   text-align:center;
    }

#topics .topics .pic img{
    margin:0 3px 3px 0;
    vertical-align:top;
    }

#topics .topics .pic img.bd{
    border:solid 1px #999;
    }

#topics .page_top{
    width:590px;
    padding:4px 0;
    }

#topics .page_top img{
    margin-left:10px;
    }

/*
 * btm_banners
 */

.btm_banners{
  clear:both;
  width:800px;
  }

.btm_banners .area_b{
    width:800px;
    padding:0 0 20px 0;
    }

.btm_banners .area_b img{
  margin:0 10px 0 0;
  }

.btm_banners .area_b .soyink{
    width:374px;
    height:63px;
    padding-right:9px;
    padding-top:9px;
    background:url(../img/bg_soyink.jpg) no-repeat 0 0;
    float:left;
    }

.btm_banners .area_b .soyink img{
    margin:0 0 0 60px;
    float:left;
    }

.btm_banners .area_b .soyink p{
    width:200px;
    margin-left:170px;
    padding-top:10px;
    line-height:1.3;
    }





