@import url("base.css");

#story{
	position:relative;
	border:1px solid #eaeaea;
	width:500px;
	height:500px;
}

#story h2{
	position:absolute;
	top:170px;
	right:30px;
	width:135px;
	height:186px;
	background:url("../images/sub_shop1.jpg") no-repeat;
	text-indent:-9999px;
	z-index:0;
}

#story h3{
	position:absolute;
	left:30px;
	top:60px;
	width:105px;
	height:34px;
	background:url(../images/sub_shop_logo.jpg) no-repeat;
	text-indent:-9999px;
	z-index:0;
}

h4#ust{
	margin-left:150px;
	margin-top:15px;
	width:336px;
	height:18px;
	background:url("../images/ust.gif") no-repeat;
	text-indent:-9999px;
}

#story p{
	margin-top:20px;
	margin-left:30px;
	font-size:12px;
	color:#808080;
	line-height:1.7em;
}

#story p#first1{
	margin-top:120px;
}

#story p#first2{
	margin-top:100px;
}

#story p#first3{
	margin-top:20px;
}

#story p.last{
	margin-top:15px;
}

#pages{
	position:absolute;
	bottom:5px;
	right:10px;
	text-align:right;
}

#story h2#sub_shop_story2{
	top:190px;
	width:168px;
	height:132px;
	background:url("../images/sub_shop2.jpg") no-repeat;
}

#story h2#sub_shop_story3{
	width:129px;
	height:168px;
	background:url("../images/sub_shop3.jpg") no-repeat;
}

#story h2#sub_shop_story4{
	background:url("../images/sub_shop4.jpg") no-repeat;
}