html,body{
    
    background:none;
    background-color: rgb(0,0,152);
    
    
}

body{
    
    background-color: rgb(0,0,152);
    background-image: url(../../img/top/back.png);
    width:950px;
    margin: 0 auto;
    border-left: none;
    border-right: none;
}

#wrapper {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: rgb(0,0,152);
}

#containerin {
    width:950px;
    margin:0 auto;
}
#containertop {
    width:950px;
    height:1100px;
    margin:0 auto;
    position: relative;
}


/* トップ */
#top_logo{
    position: absolute;
    top: 26px;
    left: 0px;
    width: 376px;
    height: 148px;
}


#top_copy{
    position: absolute;
    top: 52px;
    left: 410px;
    width: 273px;
    height: 95px;
}

#banner_01{
    position: absolute;
    top: 200px;
    left: 0px;
    width: 540px;
    height: 199px;
}

#banner_02{
    position: absolute;
    top: 421px;
    left: 0px;
    width: 259px;
    height: 199px;
}

#banner_03{
    position: absolute;
    top: 421px;
    left: 281px;
    width: 259px;
    height: 199px;
}

#banner_04{
    position: absolute;
    top: 642px;
    left: 0px;
    width: 540px;
    height: 99px;
}


.button{
    cursor: pointer;
}

#login_button{
    position: absolute;
    top: 681px;
    left: 630px;
    width: 120px;
    height: 52px;
}

#register_button{
    position: absolute;
    top: 543px;
    left: 770px;
    width: 180px;
    height: 190px;
}

#logout_button{
    position: absolute;
    top: 681px;
    left: 630px;
    width: 120px;
    height: 52px;
}

#mypage_button{
    position: absolute;
    top: 543px;
    left: 770px;
    width: 180px;
    height: 190px;
}

#news_area
{
    position: absolute;
    top: 782px;
    left: 0px;
    width: 950px;
    /* height: 120px; */
    height: 202px;
    overflow: auto;
    background-color: #FFFF00;
}

#news_area h1
{
    font-size: 32px;
    line-height: 32px;
    color: #000098;
    margin: 10px 15px;
    
}


#news_area ul p.date
{
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
    color: #000098;
    padding-bottom: 3px;
    
}

#news_area ul p.description
{
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    color: #000098;
}

#news_area ul li
{
    padding-bottom: 10px;
    margin-left: 15px;
}


#banner_area
{
    position: absolute;
    top: 960px;
    left: 0px;
    width: 950px;
    height: 200px;
}


#banner_area p.banner
{
    width: 221px;
    height: 107px;
    margin: 0;
    padding: 0;
    float: left;
}


#banner_area p.banner_left
{
    margin-right: 21px;
}

#banner_area p.banner_top
{
    margin-bottom: 22px;
}


.border
{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 1px;
    color: white;
    background-color: white;
    width: 100%;
    border: none;
}

#footer_area{
    
    position: absolute;
    left: 0px;
    /* top: 951px; */
    top: 1315px;
    height: 100px;
    width: 100%;
    color: white;
    background:none;
    padding: 0px 0px;
    margin: 0 0px;
}


#footer_area a{
    color: white;
}