@charset "utf-8";

/*normalize.cssでできるmargineをリセットStart*/
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li{margin:0;padding:0;}
/*normalize.cssでできるmargineをリセットEnd*/
body {
    width: 100%;
    height: 100%;
    background: #fff;
    color: #333;
    font-size: 16px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
}
img {
    max-width: 100%;
	height: auto;
	vertical-align: top;
}
#wrap {
	margin: 0px auto;
	width: 768px;
}
a :hover{opacity:0.7; }
.of{
position: relative;
}
.btn01{
position: absolute;
top:0;
left:45px;
}
.btn02{
position: absolute;
top:590px;
left:45px;
}
#copy{
text-align: center;
padding-bottom: 5%;
}
footer ul li {
    float: left;
    list-style: none;
    margin-top: 10px;
    /*margin-right: 10%;
    margin-left: 10%;*/
	margin-left: 5%;
    margin-bottom: 5px;
}
footer ul li a{
	color:#333;
}
#copy {
    text-align: center;
    margin-bottom: 5px;
    font: 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.clear{
clear: both;
}
/* --------------------------------------------------------
 メディアクエリ
----------------------------------------------------------- */
@media screen and (max-width: 480px) {

}
/*iphone6*/
@media screen and (max-width: 375px) {


}
/*iphone5*/
@media screen and (max-width: 320px) {

}