html {height: 100%;
overflow-y: scroll;
}

body {font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
background-attachment:fixed;
padding: auto;
margin: auto;
width: 960px;
height: auto;
}

/*-- floor --*/
.floor {width: 960px;
height: auto;
background: #fff;
}

img.top {width: 960px;
height: auto;
}

<*-- charming --*>
.both {width: 960px;
height: auto;
}

.left {width: 300px;
height: auto;
padding-left:150px;
padding-top: 50px;
float: left;
}

.right {width: 300px;
height: auto;
padding-right:150px;
padding-top: 50px;
float: right;
}

/*-- photo --*/
.photofloor {width: 960px;
height: auto;
padding-top: 50px;
}

img.photoimg {width: 180px;
height: 180px;
padding: 5px;
}

/*-- ws --*/
.mws {width: 960px;
height: 400px;
background: url(../img/mobile.png) 0 0 no-repeat;
}

.aws {width: 960px;
height: 400px;
background: url(../img/accessory.png) 0 0 no-repeat;
}

img.mail {width: 180px;
height: 30px;
padding-left: 430px;
padding-top: 300px;
}

/*-- menu --*/
ul#navigation {width: 960px;
margin: auto;
padding: auto;
overflow: hidden;
zoom: 100%;
}

ul#navigation li {float: left;
list-style: none;
}

ul#navigation li a { display: block;
height: 50px;
width: 300px;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
text-indent: -9999px;
background-image: url(../img/menu.png);
background-repeat: no-repeat;
}
		
ul#navigation a.charming {background-position: 0px 0px;}
ul#navigation li a.charming:hover {background-position: 0px -50px;}

ul#navigation a.mobile {background-position: -330px 0px;}
ul#navigation li a.mobile:hover {background-position: -330px -50px;}

ul#navigation a.accessory {background-position: -660px 0px;}
ul#navigation li a.accessory:hover {background-position: -660px -50px;}