@charset "utf-8";

#scroll {
	position:relative;
	width:950px;
	height:430px;	
	margin-bottom: 7px;
	overflow:hidden;

}

#tools {
	width:9999em;
	position:absolute;
	height:430px;
}

.tool {
	float:left;
	display: inline;
	width:950px;
	height:430px;
	background-repeat:no-repeat;
}

.page-3,
.page-4,
.page-5,
.page-6,
.page-7,
.page-8 {
	position: relative;
}

.page-3 .item {
	position: absolute;
	top: 26px;
	left: 30px;
	width: 500px;
}

.page-3 .item .column #copy{
	width: 506px;
	height: 24px;
	background-image:url(../../webbook/vol_01/images/vol_1_3_copy.png);
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-99999px;
	overflow:hidden;
	font-size: 110%;
	font-weight:bold
}

.page-3 .item #text-area1 {
	position: absolute;
	top: 40px;
	left: 0px;
	width: 238px;
}

.page-3 .item #text-area2 {
	position: absolute;
	top: 40px;
	left: 262px;
	width: 238px;
}

.page-3 .item .column #text-area2 .text-l{
	font-size: 130%;
	font-weight:bold
}

.page-4 .item {
	position: absolute;
	top: 26px;
	left: 281px;
	width: 640px;
}

.page-5 .item {
	position: absolute;
	top: 26px;
	left: 30px;
	width: 640px;
	color: #fff;
}

.page-3 .item .description,
.page-4 .item .description,
.page-5 .item .description {
	font-family: 'MS Gothic',Osaka,sans-serif;
	font-size: 77%;
	line-height: 1.8;
	margin-bottom: 20px;
}

.page-3 .item .column .block-2 {
	margin-left: 30px;
	margin-bottom: 40px;
}

.page-3 .item .column .ending {
	text-align: right;
}

.page-3 .item .column .ending .greeting {
	font-size: 146.5%;
	font-weight: bold;
}

.page-4 .item .column-l,
.page-5 .item .column-l {
	float: left;
	display: inline;
	width: 300px;
}

.page-4 .item .column-r,
.page-5 .item .column-r {
	float: right;
	display: inline;
	width: 300px;
}

.page-7 .contact {
	position: absolute;
	top: 390px;
	left: 734px;
	width: 175px;
}

.page-7 .more_btn1 {
	position: absolute;
	top: 220px;
	left: 270px;
	width: 60px;
	text-indent: -99999px;
}

.page-7 .more_btn2 {
	position: absolute;
	top: 220px;
	left: 529px;
	width: 60px;
	text-indent: -99999px;
}

.page-7 .more_btn3 {
	position: absolute;
	top: 220px;
	left: 789px;
	width: 60px;
	text-indent: -99999px;
}

.page-7 .more_btn1 a,
.page-7 .more_btn2 a,
.page-7 .more_btn3 a {
	display: block;
	width: 60px;
	height: 53px;
	background-image:url(../../webbook/vol_01/images/page7_more_btn.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

.page-7 .more_btn1 a:link,
.page-7 .more_btn2 a:link,
.page-7 .more_btn3 a:link {
	background-image:url(../../webbook/vol_01/images/page7_more_btn.png);
	background-position: 0 0;
	background-repeat: no-repeat; 
}

.page-7 .more_btn1 a:hover,
.page-7 .more_btn2 a:hover,
.page-7 .more_btn3 a:hover {
	background-image:url(../../webbook/vol_01/images/page7_more_btn.png);
	background-position: 0 -53px;
	background-repeat: no-repeat; 
}

.page-8 .list {
	position: absolute;
	top: 214px;
	left: 30px;
}

.page-8 .list li {
	margin-bottom: 5px;
	height: 14px;
}

.page-8 .list li img {
	
}

/* for IE6 */
* html .page-8 .list {
	top: 217px;
}

* html .page-8 .list li {
	margin-bottom: 0;
}

.page-8 .item {
	position: absolute;
	top: 350px;
	left: 515px;
	width: 397px;
}

.page-8 .item2 {
	position: absolute;
	top: 320px;
	left: 30px;
	width: 200px;
}

.page-8 .item .description {
	font-family: 'MS Gothic',Osaka,sans-serif;
	font-size: 77%;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
	margin-bottom: 5px;
}

.page-8 .item .contact {
	
}

.page-8 .item2 .information {
	font-size: 80%;
	line-height: 1.3;
	width: 250px;
}

.page-8 .item2 .information span{
	margin-left: 55px;
}

.page-8 .iframe-area{
	position: absolute;
	top: 47px;
	left: 710px;
	width: 208px;
	height: 277px;
	background-color: #fff ;
	font-size: 77%;
}

.page-8 .iframe-area .soon{
	position: absolute;
	top: 130px;
	left: 60px;
	width: 130px;
}

.page-8 .iframe-area .iframe-ti{
	position: absolute;
	top: 7px;
	left: 10px;
	width: 187px;
	line-height:1;
}
.page-8 .iframe-area .iframe-inner{
	position: absolute;
	top: 8px;
	left: 10px;
	width: 187px;
}

.page-8 .iframe-area .input-area{
	position: absolute;
	top: 195px;
	left: 10px;
	width: 187px;
}

.page-8 .iframe-area .notes{
	position: absolute;
	top: 220px;
	left: 10px;
	width: 187px;
	line-height: 1.2;
}

/***************************************************************************

				#pager

***************************************************************************/

#pager {
	width: 950px;
}

#pager a {
	overflow: hidden;
}

#pager .prevPage {
	width: 80px;
	float: left;
	display: inline;
}
#pager .nextPage {
	width: 77px;
	float: right;
	display: inline;
}

#pager .prevPage.disabled,
#pager .nextPage.disabled {
	visibility:hidden !important;
}

.prevPage a {
	background: url(../images/header_slide_btn_pre.png) no-repeat 0 0;
	display: block;
	height: 27px;
	text-indent: -9999px;
}

.prevPage a:hover {
	background-position: 0 -27px;
}

.nextPage a {
	background: url(../images/header_slide_btn_next.png) no-repeat 0 0;
	display: block;
	height: 28px;
	text-indent: -9999px;
}

.nextPage a:hover {
	background-position: 0 -28px;
}


/***************************************************************************

				#pager #thumbs

***************************************************************************/

#thumbs {
	/*font-size: 1px;*/
}

#thumbs a {
	/*text-indent: -9999px;*/
	color: #333;
	font-weight: bold;
}

#thumbs .item {
	width: 175px;
	margin: 0 auto;
	font-size: 85%;
}

#thumbs .description {
	float: left;
	display: inline;
	margin-right: 4px;
}

#thumbs .navi {
	float: left;
	display: inline;
	/*height: 15px;*/
	padding-left: 8px;
	/*margin-top: 2px;*/
	margin-left: 5px;
	border-left: 1px solid #000;
}


#thumbs .navi a {
	float: left;
	display: inline;
	width: 15px;
	height: 15px;
	/*overflow: hidden;*/
}

#thumbs #t0 {
	/*background: url(../images/wb_nav1.png) no-repeat 0 0;*/
	/*width: 27px;*/
	/*height: 10px;*/
	/*margin-top: 6px;*/
	/*display: block;*/
}

#thumbs #t0:hover {
	background-position: 0 -10px;
	text-decoration: underline;
}

#thumbs #t0.active {
	/*background-position: 0 -20px;*/
	color: #CD4200;
}

/*#thumbs #t1 {
	background: url(../images/wb_nav2.png) no-repeat 0 0;
}*/

#thumbs #t2 {
	/*background: url(../images/wb_nav3.png) no-repeat 0 0;*/
	margin-left: 3px;
}

#thumbs #t3 {
	/*background: url(../images/wb_nav4.png) no-repeat 0 0;*/
	margin-left: 3px;
}

#thumbs #t4 {
	/*background: url(../images/wb_nav5.png) no-repeat 0 0;*/
	margin-left: 3px;
}

#thumbs #t5 {
	/*background: url(../images/wb_nav6.png) no-repeat 0 0;*/
	margin-left: 3px;
}

#thumbs #t6 {
	/*background: url(../images/wb_nav6.png) no-repeat 0 0;*/
	margin-left: 3px;
}

#thumbs #t7 {
	/*background: url(../images/wb_nav6.png) no-repeat 0 0;*/
	margin-left: 3px;
}

#thumbs #t1:hover,
#thumbs #t2:hover,
#thumbs #t3:hover,
#thumbs #t4:hover,
#thumbs #t5:hover,
#thumbs #t6:hover,
#thumbs #t7:hover,
#thumbs #t8:hover {
	/*background-position: 0 -15px;*/
	text-decoration: underline;
}

#thumbs #t1.active,
#thumbs #t2.active,
#thumbs #t3.active,
#thumbs #t4.active,
#thumbs #t5.active,
#thumbs #t6.active,
#thumbs #t7.active,
#thumbs #t8.active {
	/*background-position: 0 -30px;*/
	color: #CD4200;

}