body{
	margin: 0;
	padding: 0;
	background: #EFEFEF;
	font-size:84%;
	line-height:130%;
	letter-spacing:1px;
	}
	

#container{
	width:799px;
	height:1207px;
	margin: auto;
	padding: 10px;
	margin-top: 14px;
	background: url("../img/frame.gif") no-repeat;
	}

#header{
	width:770px;
	margin: auto;
	padding-top: 14px;
	position:relative;
}


#mail a{
 padding: 0;
 width:139px;
 height:40px;
 display:block;
 text-indent:-9999px;
 background: url("../img/mail.gif") no-repeat;
 overflow:hidden;
 float:right;
}

#mail a:hover{
 background: url("../img/mail.gif") no-repeat bottom;
}

#mobile a{
 padding: 0;
 width:139px;
 height:40px;
 display:block;
 text-indent:-9999px;
 background: url("../img/mobile.gif") no-repeat;
 overflow:hidden;
 float:right;
}

#mobile a:hover{
 background: url("../img/mobile.gif") no-repeat bottom;
}
	
#koushiki{
padding: 0;
overflow:hidden;
position:absolute;
left:490px;
top:65px;
}

h1{
	width:433px;
	height:112px;
	background: url("../img/logo.gif") no-repeat;
	margin: 0;
	padding: 0;
	text-indent:-9999px;
}

h2{
	margin: 0;
	padding: 0;
}

h3{
	margin:0;
	padding:0;
	}

#container2{
	width:714px;
	margin: auto;
	padding-top: 4px;
	overflow:auto;
}

#setsumei{
	width:707px;
	height:39px;
	background: url("../img/setsumei.gif") no-repeat;
	margin: 0;
	padding: 0;
	text-indent:-9999px;
	margin-bottom:14px;
}


#frame2{
	width:305px;
	height:388px;
	background: url("../img/frame2.gif") no-repeat;
	float:left;
	padding:18px;
	margin: 0;
	}


#catchcopy{
	width:295px;
	height:48px;
	background: url("../img/c01.gif") no-repeat;
	text-indent:-9999px;
	margin-bottom:8px;		
}

#banner{
	width:301px;
	height:34px;
}

#goodslogo{
	width:229px;
	height:44px;
	background: url("../img/goodslogo.gif") no-repeat;
	margin: 8px auto;
	text-indent:-9999px;
}
#goodsimg{
	width:240px;
	margin: auto;
}
#goodsimg li{
	list-style-type:none;
	float:left;
	margin: 0;
}

#info{
	width:305px;
}

#info li{
	list-style-type:none;
	float:left;
	margin: 0;
}


#flash{
	float:right;
}


.dot{
	width:667px;
	height:11px;
	background: url("../img/dot.gif") no-repeat;
	clear:both;
	margin:8px 0;
	padding:0;
}

#howto{
	width:163px;
	height:20px;
	background: url("../img/asobikata.gif") no-repeat;
	text-indent:-9999px;
	margin-bottom: 10px;	
}



#t01{
	width:123px;
	height:44px;
	background: url("../img/t01.gif") no-repeat;
	text-indent:-9999px;
	float:left;
}

#st01{
	width:255px;
	height:44px;
	background: url("../img/st01.gif") no-repeat;
	text-indent:-9999px;
	float:left;
}



#t02{
	width:124px;
	height:79px;
	background: url("../img/t02.gif") no-repeat;
	text-indent:-9999px;
	float:left;
}


#st02{
	width:460px;
	height:79px;
	background: url("../img/st02.gif") no-repeat;
	text-indent:-9999px;
	float:left;
}


#t03{
	width:124px;
	height:37px;
	background: url("../img/t03.gif") no-repeat;
	text-indent:-9999px;
	float:left;
}



#st03{
	width:291px;
	height:37px;
	background: url("../img/st03.gif") no-repeat;
	text-indent:-9999px;
	float:left;
}


#bannersp{
	width:664px;
	height:90px;
	margin:8px auto;
}

#shop{
	width:664px;
	height:21px;
	background: url("../img/shop.gif") no-repeat;
	text-indent:-9999px;
	margin-bottom:8px;
}

.shopbanner{
	float:left;
	margin-right:16px;
}
.shopbanner2{
	float:left;
}

#uranai{
	margin-top:10px;
	width:712px;
	height:212px;
	background: url("../img/uranai.gif") no-repeat;
	text-indent:-9999px;
	margin: 10px auto;
	position:relative;
}

#supervisor{
	position:absolute;
	width:682px;
	height:96px;
	background: url("../img/uranai2.gif") no-repeat;
	left:15px;
	top:104px;
}

#supervisortext{
	width:550px;
	height:60px;
	margin-left: 80px;
	padding:13px;
}

#supervisortitle{
	width:268px;
	height:18px;
	background: url("../img/supervisor.gif") no-repeat;
	text-indent:-9999px;
	margin-bottom: 10px;
}
#supervisor_t{
	width:572px;
	height:38px;
	background: url("../img/supervisor_t.gif") no-repeat;
	text-indent:-9999px;
}
#frame3{
	margin: 17px auto;
	width:674px;
	height:241px;
	background: url("../img/frame3.gif") no-repeat;
	padding:18px;
}

#buy a{
 padding: 0;
 width:292px;
 height:40px;
 display:block;
 text-indent:-9999px;
 background: url("../img/buy.gif") no-repeat;
 overflow:hidden;
}

#buy a:hover{
 background: url("../img/buy.gif") no-repeat bottom;
}


#footer{
	width:799px;
	height:30px;
	margin: auto;
	color:#646464;
	text-align:center;
}

.clear{
	clear:both;
	}