@charset "Shift_JIS";

/* normal settings */
body {
	background: #000;
	padding: 0;
	margin: 0;
	color: #5d5d5d;
	font-family: '‚l‚r ‚oƒSƒVƒbƒN','MS PƒSƒVƒbƒN','ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	text-align: center;
}
a:link, a:visited, a:hover, a:active {
	color: #5d5d5d;
	text-decoration: none;
	outline: none;
}
img {
	border: 0;
	outline: none;
}
h1,h2,h3,h4,h5,h6,p{
	margin: 0;
	padding: 0;
}


/* header */
#header{
	margin:0 auto;
	width:824px;
	height:65px;
	position:relative;
	text-align:left;
}
#header img#closeBtn{
	position:absolute;
	top:0;
	right:0;;
}

/* wrap */
#wrap {
	margin: 0 auto;
	margin-bottom:30px;
	width:824px;
	text-align:left;
}
#wraptop{
	width:824px;
	height: 10px;
	background: url(../img/bg_wraptop.png) 0 0 no-repeat;
}
#wrapbody{
	width:824px;
	background:url(../img/bg_wrapbody.png) 0 0 repeat-y;
}
#wrapbottom{
	width:824px;
	height: 10px;
	background: url(../img/bg_wrapbottom.png) 0 0 no-repeat;
}
#protectingsheets{
	width:824px;
	height: 885px;
	background: url(../img/bg_sectionbottom.png) left bottom no-repeat;
	position: relative;
}
#protectingsheets h1{
	position: absolute;
	left: 46px;
	top:0;
}
#protectingsheets .img01{
	position: absolute;
	left: 46px;
	top:165px;
}
#protectingsheets h2,
#protectingsheets h3,
#protectingsheets p{
	font-size: 0.01;
	line-height: 0.01;
}
#protectingsheets h2{
	position: absolute;
	left: 424px;
	top: 165px;
}
#protectingsheets .txt01{
	position: absolute;
	left: 424px;
	top: 212px;
}
#protectingsheets .txt02{
	position: absolute;
	left: 424px;
	top: 274px;
}
#protectingsheets .txt03{
	position: absolute;
	left: 424px;
	top: 311px;
}
#protectingsheets .stxt01{
	position: absolute;
	left: 441px;
	top: 361px;
}
#protectingsheets .txt04{
	position: absolute;
	left: 424px;
	top: 395px;
}
#protectingsheets .txt05{
	position: absolute;
	left: 424px;
	top: 432px;
}
#protectingsheets .stitle01{
	position: absolute;
	left: 46px;
	top: 510px;
}
#protectingsheets .img02{
	position: absolute;
	left: 43px;
	top: 561px;
}
#protectingsheets .stitle02{
	position: absolute;
	left: 420px;
	top: 510px;
}
#protectingsheets .img03{
	position: absolute;
	left: 421px;
	top: 544px;
}





#cleaningcloth{
	width:824px;
	height: 325px;
	background: url(../img/bg_sectionbottom.png) left bottom no-repeat;
	position: relative;
}
#cleaningcloth h1{
	position: absolute;
	left: 46px;
	top:0;
}
#cleaningcloth .txt01{
	position: absolute;
	left: 46px;
	top: 153px;
}
#cleaningcloth .txt02{
	position: absolute;
	left: 46px;
	top: 210px;
}
#cleaningcloth .img01{
	position: absolute;
	left: 529px;
    top: 34px;
}


#touchpen{
	width:824px;
	height: 335px;
	position: relative;
}
#touchpen h1{
	position: absolute;
	left: 46px;
	top:0;
}
#touchpen .img01{
	position: absolute;
	left: 129px;
    top: 163px;
}

#popupsheet #protectingsheets{
	background-image: none;
	height: 869px;
}

/* clearfix */
.clearfix {width:100%;}
.clearfix:after{
content: ""; 
display: block; 
clear: both;}