
/*-------------------------------------------------------------------------

default.css

--------------------------------------------------------------------------*/

/*
===== :: BACKGROUND =============================================================*/
#bg{ width: auto; height: auto; margin-top: 0px; background: #FFFFFF; background-repeat: repeat-x;}

/*
===== :: HEAD =============================================================*/
#head{ width: 950px; height: 93px; margin:0 auto; padding:0;}
#head #line_top{ width: auto; height: 8px; }
#head #logo{ float: left; width: 250px; height: 85px; }
#head #text{ float: left; width: 700px; height: 27px; background-color:#FFFFFF;}
#head #text .head_menu{ float: right; width: auto; height: auto; font-size: 12px; margin: 8px;}
#head #text .head_menu a{ color: #0000FF; }
#head #text .head_menu a:hover{ color: #FF0000; }
#head #head_flash{ float: right; width: 548px; height: 58px; background-color:#ffffff;}
#head #head_flash_plan{ float: left; width: 700px; height: 58px; padding-top: 27px; background-color: #ffffff;}
div#head_menu {
    width: 548px;
    height: 38px;
    margin: 0;
    padding: 0;
    }

#head_gif {
    background: url(/image/topmenu.gif) no-repeat;
    width: 548px;
    height: 38px;
    padding: 0;
    margin: 20px 0px 0px 0px;
    }

#head_gif li,  #head_gif a {
    height: 38px;
    display: block;
    text-indent: -9999px;
    }

#head_gif li {
    float: left;
    list-style: none;
    display: inline;
    }

#head_gif #sp01, #head_gif #sp01hold,
#head_gif #sp02, #head_gif #sp02hold,
#head_gif #sp03, #head_gif #sp03hold {
    width: 147px;
    }

#head_gif #sp04 {
    width: 107px;
    }
    
#head_gif #sp01 a:hover {
    background: url(/image/topmenu.gif) 0px -38px no-repeat;
    }
#head_gif #sp02 a:hover {
    background: url(/image/topmenu.gif) -147px -38px no-repeat;
    }
#head_gif #sp03 a:hover {
    background: url(/image/topmenu.gif) -294px -38px no-repeat;
    }
#head_gif #sp04 a:hover {
    background: url(/image/topmenu.gif) -441px -38px no-repeat;
    }

#head_gif #sp01hold {
    background: url(/image/topmenu.gif) 0px -38px no-repeat;
    }
#head_gif #sp02hold {
    background: url(/image/topmenu.gif) -147px -38px no-repeat;
    }
#head_gif #sp03hold {
    background: url(/image/topmenu.gif) -294px -38px no-repeat;
    }
#head_gif #sp04hold {
    background: url(/image/topmenu.gif) -441px -38px no-repeat;
    }

/*
===== :: CONTENTS =============================================================*/
#contents{ width: 950px; margin:0 auto; padding:0; background: #ffffff;}
#contents_afi{ width: 950px; margin:0 auto; padding:0; background: #ffffff;}
#contents_plan{ width: 950px; margin:0 auto; padding:0; background: #ffffff;}
#contents_cate1{ width: 950px; margin:0 auto; padding:0; background: #ffffff;}
#contents_rank{ width: 950px; margin:0 auto; padding:0; background: #ffffff;}
/*
===== :: FOOTER =============================================================*/
#footer{ clear: both; width: 950px; height: 130px; margin:10px auto 0px auto; padding:0; background: #FFFFFF;}