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

header{
    padding-top:20px;
    padding-bottom:20px;
} 

header h1 img{
    max-width:780px;
}

#main {
    width:100%;
	max-width:720px;
	margin:auto;
}

#main ul {
    padding:0 10px;
	margin-top:5px;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
}

#main ul li {
    margin:0;
	padding:0;
	background-repeat: no-repeat;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
    transition: all  0.5s ease;

}


#main ul li a {
    text-indent: -9999px;
    height:297px;
	width: 297px;
	display: block;
	margin:0;
	padding:0;
}

#ownerlink {
    background-image: url(../commonimg/linkbt_owner.png);
    background-size: 297px auto;
}

#ownerlink:hover {
	background-image: url(../commonimg/linkbt_owner-over.png);
}

#ikujilink {
	background-image: url(../commonimg/linkbt_ikuji.png);
    background-size: 297px auto;
}

#ikujilink:hover {
	background-image: url(../commonimg/linkbt_ikuji-over.png);
}


@media all and (max-width: 680px){
    header h1{
    padding:0 15px;
}
#main {
	max-width:450px;
}
    #main ul li a {
    height:170px;
	width: 170px;
}

#ownerlink {
    background-size: 170px auto;
}

#ikujilink {
    background-size: 170px auto;
}
    
    #main ul li:nth-child(2){
        width:70px;
    }

}


/*---------------footer---------------*/
#foot {
	position:absolute;
     bottom:0;
	padding:15px;
	width:100%;
}

#foot p {
	text-align: center;
}