/* 
    Document   : newcss
    Created on : 2017/5
    Author     : masaichi
    Description:
        Purpose of the stylesheet follows.
*/

body{
    webkit-text-size-adjust-100%;
    background: url("../images/houjin/back_ground.png") repeat-x top center;
}

#wrap{
    width: 100%;
    margin:auto;  
    overflow: hidden;
}

/*ヘッダー*/
.layout-header{
    width:100%;
    height: 300px;
    margin: auto;
}

.header_main{
    width:980px;
    margin: auto;
    position: relative;
}

.top_logo{
    position: absolute;
    top: 0px;
    left: 295px;
}

.top_picture_01{
    position: absolute;
    top: 30px;
    left: 800px;
}

.layout-body{
    width:980px;
    height: 300px;
    margin: auto;
    position: relative;
}

.en_logo_01{
    position: absolute;
    top: 20px;
    left: 100px;
}

.en_logo_02{
    position: absolute;
    top: 20px;
    left: 550px;
}

.en_logo_03{
    position: absolute;
    top: 170px;
    left: 315px;
	  z-index: 10;
}
.y-insta{
    position: absolute;
    top: 120px;
    left: 150px;
	  z-index: 10;
}
.top_main{
    width:900px;
    margin: 20px auto;
}

.layout-footer{
    width:100%;
    height: 300px;
    margin:auto;  
    background: url("../images/houjin/footer_back.png") center 93% no-repeat;
}

@media only screen and (max-device-width: 480px) {
 /* スマホ用のCSS */
.layout-footer{
    width:100%;
    height: 300px;
    margin:auto;  
    background: url("../images/houjin/footer_back.png") 115% 93% no-repeat;
}
}
.foot_img{
    width:980px;
    margin: auto;
    position: relative;
}

.top_picture_02{
    position: absolute;
    top: -167px;
    right: 10px;
	  z-index: 1;
}