* {
    margin: 0;
    padding: 0;
}

body {
	 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	width: 100%;
	line-height:100%;
	
	background: #f5f0f0;
	background-size:100px 103px;

}

html {
	color: #333333;
	height: auto;
}	

<!--for IE6-->
* html body {
	font-size: 75%;
}

<!--for IE7-->
*:first child+html body {
	font-size: 75%;
}

:focus {
	outline: 0 none;
}

a {
	overflow: hidden;
	text-decoration: none;
}

img {
	/* vertical-align: bottom; */
	border: 0;
	font-size: 0px;
	line-height: 0;
}

#close{
	width:40px;
	height:40px;
	position:fixed;
	bottom:15px;
	right:10px;
	z-index:500;
}

#close img{
	width:100%;
	height:100%;
	border-radius:3px;
	opacity:0.6;
}

/* ページ全体------------------------------------- */
#container {
	width: 442px;
	position:relative;
	margin: 0 auto;
	background-color:#fff;
	background-position: right;
	-moz-background-size:50% 50%;
	background-size:50% 100%;
	/* box-shadow:rgba(59, 59, 59, 0.329412) 0px 0px 8px 2px;
	-webkit-box-shadow:rgba(59, 59, 59, 0.329412) 0px 0px 8px 2px;
	-moz-box-shadow:rgba(59, 59, 59, 0.329412) 0px 0px 8px 2px; */
}


#loading{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	top:0;
	left:0%;
}

#loadingImg {
	width: 64px;
	height: 64px;
	position:relative;
	margin: 0 auto;
	top: 384px;
}
/* ページ------------------------------------- */
#preview {
	position: absolute;
	width: 442px;
	height:647px;
	
}

#pageArea {
	width: 100%;
	height: 100%;
	overflow: hidden;
	vertical-align: top;
}

#pageImg {
	/* overflow: hidden; */
}

* html #pageImg li{/* IE 6 */
display:inline;
zoom:1;
}

*:first-child+html #pageImg li{/* IE 7 */
display:inline;
zoom:1;
}

#ctrl {
	position: absolute;
}

.ctrl_left{display: none;position: absolute;}
.ctrl_right{display: none;position: absolute;}