@CHARSET "UTF-8";

.clearfix:before,
.clearfix:after{
    content:"";
    display:table;
}
.clearfix:after{
    clear:both;
}
img{
    display:inline;
}
input, button{
    border:0;
    padding:0;
}
button{
    cursor:pointer;
}
/*fix for FF*/
button::-moz-focus-inner{
    border:0;
    padding:0;
}
input::-moz-focus-inner{
    border:0;
    padding:0;
}
/*end of fix for FF*/
html, body{
    min-height:100%;
    width:100%;
    /*font-family: Arial, "Helvetica Neue", Helvetica, Gotham, sans-serif;*/
    line-height:1;
   /*color: rgba(1,1,1,0.5);
    font-size: 13px;*/
}
body{
    
    /*background-size: auto 100%; */
}
.bg{
    position: absolute;
    left: 0;
    top: 0;
    min-height:100%;
    width:100%;
    margin: 0;
    background: url(./../images/bg_Takado.jpg) center bottom no-repeat;
}
.wrap-page{
    min-height: 100%;
    max-width: 1000px;
    padding: 0 20px;
    margin: 0 auto;
}
.align-left {text-align: left;}
.align-center {text-align: center;}
.align-right {text-align: right;}
.logo{
    width: 60px;
    height: 60px;
    float: left;
    position: absolute;
    top: 5px;
    left: 90px;

} 
.logo2{
    width: 14px;
    height: 38px;
    padding-top: 31px;
    float: right;
}




.hFooter{
    height:135px;
}


/* Youtube */
.opacity
{
    width: 100%;
    height: 100%;
    background: url(./../images/opacity_180.png);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}


.opacity .youtube
{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -157px;
    margin-left: -280px;
}

.opacity .close
{
    width: 17px;
    height: 18px;
    background: url(./../images/close.png) no-repeat;
    cursor: pointer;
    position: absolute;
    top: 75px;
    right: 75px;
}