@charset "utf-8";
/* CSS Document */

/********************************************************************************
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　    Container
*********************************************************************************/
html{height:100%;}
body{
    height: 100%;
    overflow-y: hidden;
/*    background: url(../images/topphot.jpg) no-repeat center / cover;*/
}
#wrap{
    height: 100%;
}
  


/********************************************************************************
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　【1】 Header
*********************************************************************************/
header{
    width: 100%;
    position: absolute;
    padding: 0 0 20px;
    /*    background: #fff;*/
    background: rgba(255,255,255,0.8);
    top: 0;
    left: 0; 
    /**background-image:url(../images/images/grd_03.png);  background-repeat: repeat-x;**/
    z-index: 1;
}

#headerAreaInner{
    width:900px;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    /* position:absolute; */
    /* top:0; */
    /* left:0; */
    /* right:0; */
    /* height:80px; */
}

#headerAreaInner .topLogo a{
    display: block;
    padding: 24px 0 0;
}

header h1{ }
header nav ul {display: flex;justify-content: center;}
header nav li{
}





/********************************************************************************
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　【2】 body
*********************************************************************************/

p.image img {width: 100%;border-top: solid 1px #485a72;display: block;}

#topic {position: relative;height: 100%;}
#topic .sectionInner{background: rgba(0,0,0,0.5);width: 500px;padding: 20px 30px 20px;margin: 0 auto;position: absolute;bottom: 50px;right: 0;left: 0;}
#topic .title-h3{color: #fff;font-size: 20px;}
#topic .box{height: 100px;}
#topic ul{}
#topic ul p{color:#fff; padding:0.3em 0;font-size: 12px;}
a {
  color: #fff;
  text-decoration: none;
}


/********************************************************************************
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　【3】 footer
*********************************************************************************/
footer{position: absolute;margin: 0 auto; 
    /**background-image:url(../images/images/grd_03.png);  background-repeat: repeat-x;**/bottom: 0;left: 0;width: 100%;}
#footerAreaInner{margin:0 auto;/* position:absolute; *//* top:0; *//* left:0; *//* right:0; */background-color:#28385E;padding:10px 0px;}

footer p{
    color: #ffffff;
    text-align:center;
    font-size:70%
}