#video-background {
    position: absolute; right: 0; bottom:0;
    min-width: 100%; min-height: 100%;
    width: auto; height: auto; z-index: -10;
    background-image: url(../video/ocean.jpg);
    background-size: cover;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
}


#s_openning{
    position:absolute;
    top:0;
    z-index:120;
    width:100%;
    height:100%;
    background:#fff;
}

#linkMenu{
    width:100%;
    display:block;
    text-align:center;
    height:40px;
    padding:4px 0px 0px 0px;
}

#s_topPage{
    position:absolute;
    top:0;
    text-align:center;
    z-index:90;
    width:100%;
    height:100%;
    background-size: cover;
    background-color:#111;
}

#s_topPage:hover{
    cursor: pointer;
    background-color: rgba(0,0,0, 0.4);
}

#s_openning div.topArea{
    overflow: hidden;
    position:fixed;
	top: 38%;right:0px;
    z-index:10;
    color:#fff;
    text-align:center;
    width:100%;
    height:110px;
    line-height:1em;
    font-size:2.1em;
    background: rgba(255,255,255, 1);
    color:#fff;
    background-size: 232px 32px;
}

#s_topPage div.topArea{
    overflow: hidden;
    position:fixed;
/*
    top: 33.8%;left:0px;
*/
    bottom: 1px;left:0px;
    z-index:6;
    color:#fff;
    text-align:center;
    width:100%;
    height:156px;
    font-size:2.1em;
/*
    background: rgba(39,195,40, 0.5);
    background: rgba(255,128,0, 0.7);
*/
    line-height:1em;
}

#s_topPage div.topArea:hover{
    background: rgba(39,195,40, 0.5);
    background: rgba(255,128,0, 0.5);
}

#s_topPage div.topArea>p{
    margin:4px auto 2px auto;
    font-size:0.5em;
    color:#fff;
}
#s_topPage div.topArea>p.s_address{
    margin:8px auto 0px auto;
    font-size:0.379em;
    font-weight:bold;
    color:#fff;
}
#s_topPage div.topArea>div{
    font-size:0.4em;
    margin:4px auto 4px auto;
    color:#fff;
}

#clock {
    display:block;
    padding:0px;
    color:#fff;
    line-height:1em;
    font-weight:100;
    width:100%;
    text-align:center;
}

#clockArea{
    margin:-32px auto 0px auto;
    padding:18px;
    font-weight:150;
    line-height:1em;
    text-align:center;
    color:#fff;
    display:block;
    position:fixed;
    top:0px;right:0px;
    z-index:11;
    background-color: rgba(255,128,0, 0.9);
    background-color: rgba(0,0,0, 0.8);
}

#clockArea:hover{
    background-color: rgba(0,0,0, 0.7);
}

#s_clickMsg{
    width:100%;
    height:150px;
    height:100%;
    line-height: 8em;
    position:fixed;
    font-weight: 300;
    z-index:5;
    bottom:2px;
    color:#fff;
    text-align:right;
    background-color: rgba(255,255,255, 0.4);
    background-color: rgba(0,0,0, 0.15);
}

#s_topLogo{
    display:block;
    margin:0px auto;
    text-indent:-10000px;
    width:271px;height:52px;
    background-image: url(../img/c_logo_s.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    font-weight:700;
    font-size:4em;
}


#s_bgLayer{
    position:fixed;
    z-index:1;
    width:50px;height:100%;
    background-image: url(../img/logo3d.png);
    background-size: auto 100%;
    background-position: top left;
    background-repeat: no-repeat;
}

#s_bgLayer2{
    position:fixed;
    margin:0px 0px 0px 0px;
    bottom:0; left:0;
    z-index:10;
    width:100%;height:56px;
    color:#fff;
    font-family:Arial;
    background-color: rgba(10,10,10, 0.8);
    overflow: hidden;
}

#s_bgLayer2>div{
    padding:8px 0px 0px 8px;
    line-height: 1.1em;
    color:#fff;
    font-size:12.5px;
    font-family:Arial;
    width:98%;height:54px;
    background-image: url(../img/logo3d.png);
    background-size: 40px auto;
    background-position: center right;
    background-repeat: no-repeat;
}

#s_title{
    position:absolute;
    overflow: hidden;
    text-align:center;
    width:100%;
    margin:0px;
    padding:0px;
/*    display:none; */
    height:40px;
    z-index:91;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);

    background: rgb(122,188,255); /* Old browsers */

    background: -moz-linear-gradient(top, rgba(180,180,180,0.95) 0%, rgba(140,140,140,0.95) 44%, rgba(100,100,100,0.95) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(180,180,180,0.95) 0%,rgba(140,140,140,0.95) 44%,rgba(100,100,100,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(180,180,180,0.95) 0%,rgba(140,140,140,0.95) 44%,rgba(100,100,100,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
}

#s_title:hover{
    cursor: pointer;
    background-color: rgba(60,60,60, .92);
}

#s_tileArea{
    display:block;
    position:relative;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    z-index:10;
    -webkit-overflow-scrolling: touch;

}

#s_tileAreaInner{
    max-width:1020px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:6rem;
}

#container{
    margin-bottom:12px;

/*
    text-align:center;
    margin:0px auto;
    border:1px solid rgba(0,0,0, 0.7);
    padding:12px;
    background-color: rgba(0,0,0, 0.5);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
*/
}

#container a{
    color:#fff;
    text-decoration:none;
    font-size:1.7em;
}

#modal-01,#modal-02,#modal-03,#modal-04,#modal-05,
#modal-06,#modal-07,#modal-08,#modal-09,#modal-10,
#modal-11,#modal-12,#modal-13,#modal-14,#modal-15,
#modal-16,#modal-17,#modal-18,#modal-19,#modal-20,#modal-99{
    margin:0px 0px 0px 0px;
    padding:0px;
    width:100%;
    height:100%;
    position:relative;
    z-index:95;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    overflow-x:hidden;
	-webkit-overflow-scrolling: touch;
}

span#must{
    color:#ff8800;
    font-size:1.2em;
}


#btn-close-modal:hover{
    cursor: pointer;
    background-color: rgba(30,30,30, 0.8);
}
ul#news li {
    display:inline;
    width:100%;
    margin:0px auto 0px auto;
}

#s_title span{
    display:inline-block;
    margin:.3em 1em 0em 0em;
    color:#fff;
    font-size:1.2em;
}


body{
    background-size: cover;
    background-repeat: no-repeat;
}
body#meeting{
    background-image: url(../css-img/bg01.jpg);
    background-position:center bottom;
}
body#role{
    background-image: url(../css-img/bg02.jpg);
    background-position:center bottom;
}
body#company{
    background-image: url(../css-img/bg03.jpg);
    background-position:center bottom;
}
body#service1{
    background-image: url(../css-img/bg04.jpg);
    background-position:center bottom;
}
body#service2{
    background-image: url(../css-img/bg05.jpg);
    background-position:center bottom;
}
body#achievement{
    background-image: url(../css-img/bg06.jpg);
    background-position:center bottom;
}
body#privacy{
    background-image: url(../css-img/bg07.jpg);
    background-position:center bottom;
}
body#studies{
    background-image: url(../css-img/bg08.jpg);
    background-position:center bottom;
}
body#appropriate{
    background-image: url(../css-img/bg08.jpg);
    background-position:center bottom;
}
body#contact{
    background-image: url(../css-img/bg10.jpg);
    background-position:center center;
}

#copyPartner{
    overflow:hidden;
}

/* menu on/off */
#sp-logo{
    z-index:99;
    position:fixed;
    top:2px; right:2px;
    width:40px;
    height:40px;
    background-image: url(../css-img/logo3d.png);
    background-position:center center;
    background-size: cover;
    background-repeat: no-repeat;
}
#btnMenu{
    position:absolute;
    left:0.3rem;
    width:3rem;
    height:2rem;
    color:#fff;
    text-align: center;
    display:block;
    padding:0.2rem;
    font-family:'Arial';
    text-shadow: 0px -1px 0px #000;
    line-height:2.03rem;
}
#menuList{
    display:none;
    width:100%;
    height:100%;
    overflow:scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    position:fixed;
    z-index:9999;
    top:0 left:0;
    background: rgba(0,0,0,.9);
}
#menuListInner{
    width:80%;
    margin:2rem auto;
}
#menuListInner li,
#menuListInner li a{
    display:block;
    padding:0.8rem;
    border-bottom:1px solid #ddd;
    font-size:1.2rem;
    color:#fff;
    font-weight: 100;
}
#menuListInner li a{
    padding:0px;
    border-bottom:0px solid #ddd;
}
#menuListInner li a:hover{
    color:#ff8800;
    background:transparent;
}

#close{
    position:fixed;
    top:1rem; right:1rem;
    color:#ffff00;
    font-size:1.8rem;
    width:3.2rem;
    height:3.2rem;
    text-align: center;
    padding:0.3rem;
    border-radius: 2rem;
    border:1px solid #aaa;
}

#close:hover{
    background: rgba(90,90,90,.9);
}