/*===============================================
画面の横幅が640pxまで（スマホ用）
===============================================*/
@media screen and (max-width:768px){

header {
    background-color: #;
    color: #000;
    width: ;
	z-index:200;
	margin: 0 auto;
}
header .menu_button {
background-image: url('../image/menu_b.gif');
    border-left: solid 1px white;
}
header {
    background-color: #;
    color: #000;
    width: 100%;
    height:px;
}
header .menu_button {
    width: 50px;
    height: 50px;
    text-align: center;
    position: absolute;
    top: 0px;
    right:0;
}
header .menu_button img {
    background-color: #fff;
    color: #000;
    width: 50%;
    height:50px;
}
header .menu_button {
    width: 50px;
    height: 50px;
    }
header .menu_button span {
    line-height: 40px;
}
header nav {
    background-color: #111;
    color: white;
    width: 70%;
}
header nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
header nav ul li:first-child {
    border-top: solid 1px white;
}
header nav ul li {
    border-bottom: solid 1px white;
        border-left: solid 1px white;
            border-right: solid 1px white;
    text-align: center;
    padding: 1em;
}
#pagebody {
    width: 100%;

}