/*--- main
--------------------------------------------------------------------------*/

.popup {
	width:768px;
	height:487px;
}

#popup1 {
	background-image:url(../story/img/popup_bg_02.jpg);
}

#popup2 {
	background-image:url(../story/img/popup_bg_03.jpg);
}

#popup3 {
	background-image:url(../story/img/popup_bg_04.jpg);
}

#popup4 {
	background-image:url(../story/img/popup_bg_05.jpg);
}

/*--- btn
--------------------------------------------------------------------------*/

.title1 {
	padding:56px 0 0 79px;
	float: left;
}

.title2 {
	padding:56px 0 0 79px;
	float: left;
}	

.text1 {
	padding: 17px 0 0 79px;
	float: left;
}

 .text2 {
	padding: 58px 0 0 331px;
	float: left;
}

.text3 {
	padding: 91px 0 0 101px;
	float: left;
}

.text4 {
	padding: 78px 0 0 246px;
	float: left;
}

.text5 {
	padding: 18px 0 0 79px;
	float: left;
}

.text6 {
	padding: 47px 0 0 211px;
	float: left;
}

.text7 {
	padding: 70px 100px 0 85px;
	float: left;
}

.text8 {
	padding: 23px 0 0 239px;
	float: left;
}

 .closeBtn {
	padding: 16px 10px 0 0;
	float: right;
}

#popup1 .nextBtn {
	padding: 192px 31px 0 0;
	float: right;
}

#popup2 .nextBtn {
	padding: 218px 31px 0 0;
	float: right;
}

#popup2 .backBtn {
	padding: 218px 0 0 35px;
	float: left;
}

#popup3 .nextBtn {
	padding: 163px 31px 0 0;
	float: right;
}

#popup3 .backBtn {
	padding: 163px 0 0 35px;
	float: left;
}

#popup4 .backBtn {
	padding: 182px 0 0 35px;
	float: left;
}

/*--- Date : 2009/03/11;
--------------------------------------------------------------------------*/

.stomain1 {
	width:768px;
}

.stomain2 {
	width:594px;
}

.stobtn1 {
	display:block;
	width:106px;
	height:22px;
	background-image:url(../story/img/06_back01.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.stobtn1:hover {
	background-position:0 0;
}

.stobtn2 {
	display:block;
	width:106px;
	height:22px;
	background-image:url(../story/img/06_next01.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.stobtn2:hover {
	background-position:0 0;
}

.obtn1 {
	display:block;
	width:61px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn1:hover {
	background-position:0 -72px;
}

.obtn1s {
	display:block;
	width:61px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:0 -72px;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn2 {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-61px 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn2:hover {
	background-position:-61px -72px;
}

.obtn2s {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-61px -72px;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn3 {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-121px 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn3:hover {
	background-position:-121px -72px;
}

.obtn3s {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-121px -72px;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn4 {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-181px 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn4:hover {
	background-position:-181px -72px;
}

.obtn4s {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-181px -72px;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn5 {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-241px 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn5:hover {
	background-position:-241px -72px;
}

.obtn5s {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-241px -72px;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn6 {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-301px 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn6:hover {
	background-position:-301px -72px;
}

.obtn6s {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-301px -72px;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn7 {
	display:block;
	width:59px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-361px 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn7:hover {
	background-position:-361px -72px;
}

.obtn7s {
	display:block;
	width:59px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-361px -72px;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn8 {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-420px 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn8:hover {
	background-position:-420px -72px;
}

.obtn8s {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-420px -72px;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn9 {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-480px 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn9:hover {
	background-position:-480px -72px;
}

.obtn9s {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-480px -72px;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn10 {
	display:block;
	width:62px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-540px 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn10:hover {
	background-position:-540px -72px;
}

.obtn10s {
	display:block;
	width:62px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-540px -72px;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn11 {
	display:block;
	width:61px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-602px 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn11:hover {
	background-position:-602px -72px;
}

.obtn11s {
	display:block;
	width:61px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-602px -72px;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn12 {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-663px 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn12:hover {
	background-position:-663px -72px;
}

.obtn12s {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-663px -72px;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn13 {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-723px 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn13:hover {
	background-position:-723px -72px;
}

.obtn13s {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-723px -72px;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn14 {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-783px 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn14:hover {
	background-position:-783px -72px;
}

.obtn14s {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-783px -72px;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn15 {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-843px 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn15:hover {
	background-position:-843px -72px;
}

.obtn15s {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-843px -72px;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn16 {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-903px 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn16:hover {
	background-position:-903px -72px;
}

.obtn16s {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-903px -72px;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn17 {
	display:block;
	width:59px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-963px 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn17:hover {
	background-position:-963px -72px;
}

.obtn17s {
	display:block;
	width:59px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-963px -72px;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn18 {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-1022px 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn18:hover {
	background-position:-1022px -72px;
}

.obtn18s {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-1022px -72px;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn19 {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-1082px 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn19:hover {
	background-position:-1082px -72px;
}

.obtn19s {
	display:block;
	width:60px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-1082px -72px;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn20 {
	display:block;
	width:62px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-1144px 0;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}

.obtn20:hover {
	background-position:-1144px -72px;
}

.obtn20s {
	display:block;
	width:62px;
	height:72px;
	background-image:url(../story/img/06_btn01.jpg);
	background-repeat:no-repeat;
	background-position:-1144px -72px;
	text-indent:-9999px;
	font-size:0.1%;
	line-height:0.1%;
	float:left;
}